:root{--navy:#12346d;--blue:#205dd6;--ink:#182c48;--muted:#617084;--line:#dfe6ef;--pale:#f3f6fa;--green:#078347;--radius:14px;color-scheme:light;font-family:Arial,"Microsoft JhengHei","PingFang TC",sans-serif;font-size:16px;color:var(--ink);background:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:125px}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #2664dc;outline-offset:4px}button{color:inherit}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}p{line-height:1.8}h2{font-size:2.1rem;line-height:1.4;letter-spacing:-.025em}h3{line-height:1.5}section[id]{scroll-margin-top:120px}.wrap{max-width:1256px;margin:0 auto;padding:0 36px}[hidden]{display:none!important}.skip{position:absolute;left:12px;top:-60px;padding:15px;background:#fff;z-index:100}.skip:focus{top:12px}.preview-note{text-align:center;font-size:.875rem;background:#eef3fb;color:#344f79;padding:9px 20px}.service-bar{background:var(--navy);color:#fff;font-size:.875rem}.service-bar .wrap{display:flex;justify-content:space-between;padding-top:9px;padding-bottom:9px}.site-header{position:sticky;top:0;background:#fffffff5;backdrop-filter:blur(16px);z-index:30;border-bottom:1px solid var(--line)}.header-inner{min-height:89px;display:flex;align-items:center;gap:36px}.brand{display:flex;flex-direction:column;gap:6px;flex-shrink:0}.brand-mark{font-size:1.5rem;font-weight:800;letter-spacing:.1em;color:var(--navy)}.brand-caption{font-size:.75rem;color:var(--muted);letter-spacing:.06em}nav{display:flex;align-items:center;gap:27px;margin-left:auto;font-size:.9375rem;font-weight:600}nav a{padding:12px 0}nav a:hover,.text-link:hover{color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:15px 23px;border:1px solid transparent;border-radius:7px;font-weight:700;line-height:1.5;min-height:48px}.primary{background:var(--navy);color:white}.primary:hover{background:#1b4b96}.line{background:var(--green);color:#fff}.line:hover{background:#066d3c}.header-cta{padding:12px 18px;font-size:.9375rem}.outline{border-color:var(--navy);background:transparent;color:var(--navy)}.outline:hover{background:#e9eff8}.text-link{font-weight:700;font-size:.9375rem}.hero{padding-top:55px;padding-bottom:55px;display:grid;grid-template-columns:1fr 1.1fr;gap:38px;align-items:center}.eyebrow{display:block;font-size:.8125rem;letter-spacing:.12em;font-weight:700;color:var(--blue);margin-bottom:19px}.hero h1{font-size:clamp(2.6rem,4vw,3.65rem);letter-spacing:-.03em;line-height:1.28;font-weight:800}.hero h1 span{color:var(--blue)}.hero-copy>p{color:var(--muted);margin-top:22px;font-size:1.0625rem}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:30px}.hero-meta{display:flex;flex-wrap:wrap;gap:0;color:var(--muted);font-size:.8125rem;margin-top:28px}.hero-meta span+span{border-left:1px solid #c9d4e3;margin-left:14px;padding-left:14px}.hero-product{align-self:stretch;display:flex;flex-direction:column;position:relative;min-height:455px;border-radius:18px;overflow:hidden;padding:25px 28px;background:linear-gradient(145deg,#ecf2f9,#f6f8fb 65%,#e0e9f7)}.hero-product-top{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:.6875rem;letter-spacing:.15em;color:#4a607e}.hero-model{font-size:clamp(2.2rem,3.8vw,3.6rem);font-weight:700;letter-spacing:-.035em;color:#193d73;margin-top:30px}.hero-product>img{width:100%;height:250px;object-fit:contain;filter:drop-shadow(0 18px 12px #35527d21);margin-top:-20px;margin-bottom:-5px}.hero-product-bottom{margin-top:auto;display:flex;align-items:center;justify-content:space-between}.hero-product-bottom strong{font-size:1.25rem}.hero-product-bottom p{font-size:.8125rem;color:var(--muted);margin-top:8px}.round-link{height:44px;width:44px;border-radius:50%;display:grid;place-items:center;background:#fff;font-size:1.6rem}.badge{font-size:.75rem;letter-spacing:.025em;background:#e8effa;padding:6px 10px;border-radius:4px;color:#254b8a;white-space:nowrap}.badge.new{background:var(--navy);color:#fff}.brand-band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fbfcfe}.brand-band .wrap{min-height:89px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand-band .wrap>span{font-size:.875rem;color:var(--muted)}.brand-band strong{font-size:1.8rem;letter-spacing:.03em;color:#28415f}.brand-band small{font-size:1.1rem;margin-left:5px}.catalog,.solutions{padding-top:75px;padding-bottom:75px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:30px}.section-head .eyebrow{margin-bottom:9px}.section-head>p{font-size:.9375rem;color:var(--muted)}.filters{border:1px solid var(--line);border-radius:12px;overflow:hidden}.filter-top{padding:22px;display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:20px;background:#f8fafc}.filter-top label{display:flex;flex-direction:column;gap:9px;font-size:.8125rem;font-weight:700;color:#4a5e77}.filter-top input,.filter-top select{background:#fff;border:1px solid #d5deea;border-radius:5px;min-width:0;width:100%;padding:12px 13px;color:var(--ink);font-size:.9375rem;font-weight:400;min-height:46px}.category-tabs{display:flex;gap:9px;padding:15px 22px;flex-wrap:wrap}.category-tabs button{border:0;background:#fff;border-radius:5px;padding:11px 16px;font-size:.875rem}.category-tabs button[aria-pressed=true]{background:var(--navy);color:#fff}.category-tabs button:hover{box-shadow:inset 0 0 0 1px #b2c4df}.result-line{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:24px 0 17px;font-size:.8125rem;color:var(--muted)}.result-line p{font-weight:600;color:#334963}.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.product-card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .18s,transform .18s}.product-card:hover{transform:translateY(-3px);box-shadow:0 14px 25px #2139580c;border-color:#b8c9e0}.product-image{height:210px;background:#f6f8fb;position:relative;display:grid;place-items:center;padding:22px}.product-image>a{width:100%;height:100%;display:block}.product-image img{width:100%;height:100%;object-fit:contain}.product-image .badge{position:absolute;top:15px;left:15px;z-index:1}.product-body{padding:23px 23px 0;display:flex;flex-direction:column;flex:1}.category{font-size:.8125rem;color:var(--blue);font-weight:700}.product-body h3{font-size:1.6rem;letter-spacing:-.02em;margin:7px 0 11px}.spec-row{display:flex;gap:6px;flex-wrap:wrap;font-size:.75rem;color:#52647a}.spec-row span{background:#f1f4f8;padding:5px 7px;border-radius:3px}.card-description{margin-top:15px;color:var(--muted);font-size:.875rem;line-height:1.8;min-height:76px}.price-block{margin:21px 0 20px}.price-block>span,.price-block>small{display:block;color:var(--muted);font-size:.75rem;line-height:1.6}.price-block strong{display:block;font-size:1.6rem;letter-spacing:-.03em;margin:4px 0}.card-actions{margin-top:auto;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);gap:10px;min-height:60px;font-size:.8125rem}.card-actions>a{color:var(--navy);font-weight:700;padding:16px 0}.card-actions>a span{margin-left:12px}.card-actions label{display:none;align-items:center;gap:7px;min-height:44px;cursor:pointer;white-space:nowrap}body.js-ready .card-actions label{display:flex}.card-actions input{accent-color:var(--navy);width:17px;height:17px}.catalog-note{font-size:.8125rem;color:var(--muted);line-height:1.8;margin-top:22px}.screens-section{background:#eff4fa;padding:67px 0}.screen-brands{display:grid;grid-template-columns:1fr 1fr;gap:28px}.screen-brands article{background:#fff;border-radius:12px;border-top:4px solid #2a538d;padding:30px 34px;display:flex;align-items:flex-start;flex-direction:column}.screen-brands article:nth-child(2){border-top-color:#258893}.screen-number{font-size:.75rem;color:var(--muted);letter-spacing:.15em}.screen-brands h3{font-size:2.5rem;margin:19px 0 12px;color:var(--navy)}.screen-brands h3 span{font-size:1.65rem;margin-left:9px}.screen-brands p{color:var(--muted);font-size:.9375rem}.screen-tags{display:flex;gap:10px;margin:23px 0;font-size:.8125rem}.screen-tags span{border:1px solid var(--line);border-radius:4px;padding:6px 10px}.screen-brands .button{margin-top:22px;width:100%}.solution-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:27px}.solution-grid article{border-top:1px solid #aabbd1;padding-top:22px}.solution-grid article>span{color:var(--blue);font-size:.8125rem;font-weight:700}.solution-grid h3{font-size:1.3rem;margin:16px 0 12px}.solution-grid p{font-size:.9375rem;color:var(--muted);margin-bottom:22px}.solution-grid .text-link{font-size:.875rem}.service-note{background:var(--pale);border-radius:8px;padding:22px 26px;margin-top:40px;display:flex;gap:35px;align-items:center}.service-note strong{white-space:nowrap;font-size:.9375rem}.service-note p{font-size:.875rem;color:var(--muted)}.contact{background:var(--navy);color:white}.contact-inner{padding-top:56px;padding-bottom:56px;display:grid;grid-template-columns:1.5fr 1fr;gap:50px;align-items:center}.contact .eyebrow{color:#bbd1f4}.contact h2{font-size:2rem;margin-bottom:16px}.contact p{color:#d2ddf0;font-size:.9375rem}.contact .reply{font-size:.8125rem;margin-top:16px;color:#c0cfe7}.contact-actions{display:flex;flex-direction:column;gap:15px}.contact-line{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#fff;color:var(--navy);border-radius:7px;padding:22px}.contact-line strong{font-size:1.05rem}.contact-line span{font-size:.875rem}.old-line{font-size:.875rem;color:#d9e6f9;padding:5px 0}.contact-phone{font-size:1.65rem;letter-spacing:.03em;font-weight:700}.footer{padding-top:30px;padding-bottom:35px;display:flex;justify-content:space-between;gap:25px;align-items:flex-start;font-size:.75rem;color:var(--muted)}.footer strong{font-size:.875rem;color:var(--ink)}.footer p{margin-top:5px}.footer>a{white-space:nowrap}.mobile-contact{display:none}.compare-tray{position:fixed;left:50%;bottom:25px;transform:translateX(-50%);z-index:40;border:1px solid #c3d1e5;box-shadow:0 8px 40px #102b5330;background:#fff;border-radius:12px;display:flex;align-items:center;gap:20px;padding:12px 17px}.compare-tray>span{white-space:nowrap;font-size:.875rem}.compare-tray>button:not(.button){background:#fff;border:0;padding:10px;font-size:.875rem}.compare-tray .button{padding:10px 20px;white-space:nowrap}.empty{text-align:center;padding:65px;background:var(--pale);border-radius:12px}.empty p{margin:15px 0 25px}dialog{border:0;border-radius:15px;padding:27px;max-width:1000px;width:calc(100% - 40px);max-height:85vh;color:var(--ink)}dialog::backdrop{background:#07172f8c}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}.dialog-heading h2{font-size:1.5rem}.dialog-heading button{background:var(--pale);border:0;min-height:44px;min-width:44px;border-radius:50%}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:630px}th,td{border-bottom:1px solid var(--line);padding:16px;text-align:left;font-size:.875rem}th{background:var(--pale)}thead img{width:145px;height:100px;object-fit:contain;margin-bottom:12px}dialog>p{font-size:.8125rem;margin-top:20px;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.detail{padding-top:30px;padding-bottom:70px}.breadcrumb{font-size:.8125rem;color:var(--muted);display:block;margin-bottom:35px}.detail-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center}.detail-photo{background:var(--pale);border-radius:16px;padding:30px}.detail-photo img{width:100%;height:auto;max-height:420px;object-fit:contain}.detail h1{font-size:2.7rem;margin-bottom:14px}.detail-hero h2{font-size:1.4rem;margin-bottom:16px}.detail-hero p{color:var(--muted)}.detail-info{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;margin-top:60px}.detail-info h2{font-size:1.6rem}.detail-info dl{margin-top:25px}.detail-info dl>div{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:15px 0;border-bottom:1px solid var(--line);font-size:.9375rem}.detail-info dd{margin:0;font-weight:700}.detail-info dt{color:var(--muted)}.detail-info aside{background:var(--pale);padding:30px;border-radius:12px}.detail-info aside p{font-size:.9375rem;margin:16px 0;color:var(--muted)}hr{border:0;border-top:1px solid var(--line);margin:25px 0}
@media(min-width:1500px){.wrap{max-width:1350px}.hero{gap:70px}.hero h1{font-size:4rem}}
@media(max-width:1050px){.wrap{padding-left:25px;padding-right:25px}.header-inner{gap:20px}nav{gap:17px;font-size:.875rem}.header-cta{padding:12px}.hero{gap:24px}.hero h1{font-size:3rem}.hero-product{padding:22px;min-height:430px}.hero-product>img{height:220px}.products-grid{gap:18px}.product-body{padding:18px 17px 0}.card-actions{font-size:.75rem}.card-actions>a span{margin-left:4px}.solution-grid{gap:20px}.brand-band .wrap{gap:15px}.detail-hero{gap:35px}.detail-info{gap:35px}}
@media(max-width:800px){.header-inner{flex-wrap:wrap;padding-top:16px;gap:14px}.brand{margin-right:auto}.header-cta{margin-left:auto}nav{order:3;margin-left:0;width:100%;justify-content:space-between;border-top:1px solid var(--line);gap:10px}.hero{grid-template-columns:1fr 1fr;padding-top:35px;padding-bottom:35px}.hero h1{font-size:2.35rem}.hero-copy>p{font-size:.9375rem}.hero-product{min-height:385px;padding:20px}.hero-product-top{flex-wrap:wrap;font-size:.625rem}.hero-model{font-size:2rem;margin-top:20px}.hero-product>img{height:185px;margin:0}.hero-product-bottom strong{font-size:1.0625rem}.hero-product-bottom p{font-size:.75rem}.hero-meta{gap:9px;margin-top:18px}.hero-meta span+span{border:0;padding:0;margin:0}.hero-actions{gap:18px}.hero-actions .button{padding:12px 16px;font-size:.9375rem}.brand-band .wrap{flex-wrap:wrap;padding-top:22px;padding-bottom:22px;justify-content:space-around}.brand-band .wrap>span{width:100%;text-align:center}.brand-band strong{font-size:1.45rem}.brand-band small{font-size:.9375rem}.catalog,.solutions{padding-top:50px;padding-bottom:50px}.section-head{align-items:flex-start;flex-direction:column;gap:14px}h2{font-size:1.8rem}.section-head>p br{display:none}.filter-top{grid-template-columns:repeat(3,1fr);gap:14px}.search-label{grid-column:1/-1}.products-grid{grid-template-columns:repeat(2,1fr)}.card-description{min-height:76px}.screen-brands{gap:18px}.screen-brands article{padding:25px}.screen-brands h3{font-size:2rem}.screen-brands h3 span{font-size:1.35rem}.screen-tags{flex-wrap:wrap}.solution-grid{grid-template-columns:1fr 1fr;gap:30px}.contact-inner{gap:30px}.contact h2{font-size:1.55rem}.contact-line{flex-direction:column;align-items:flex-start;gap:7px}.footer{flex-wrap:wrap}.detail-hero{grid-template-columns:1fr 1fr;gap:25px}.detail h1{font-size:2.1rem}.detail-info{grid-template-columns:1fr}}
@media(max-width:580px){html{scroll-padding-top:145px}.wrap{padding-left:20px;padding-right:20px}.preview-note{font-size:.75rem}.service-bar .wrap{justify-content:center;font-size:.75rem}.service-bar .wrap>a{display:none}.brand-mark{font-size:1.25rem}.brand-caption{font-size:.6875rem}.header-inner{gap:12px}.header-cta{font-size:.8125rem;padding:10px 15px;min-height:42px}nav{font-size:.8125rem;gap:6px}nav a{padding:13px 0}.hero{grid-template-columns:1fr;gap:28px;padding-top:33px;padding-bottom:30px}.hero .eyebrow{margin-bottom:14px}.hero h1{font-size:2.6rem}.hero h1 br:nth-of-type(2){display:initial}.hero-copy>p{font-size:1rem;margin-top:17px}.hero-actions{margin-top:24px;gap:18px}.hero-actions .text-link{font-size:.875rem}.hero-meta{font-size:.75rem;gap:15px}.hero-product{min-height:310px;padding:21px 23px}.hero-product-top{flex-wrap:nowrap;font-size:.6875rem}.hero-model{font-size:2.1rem;margin-top:17px}.hero-product>img{height:166px;margin-top:-8px;margin-bottom:-6px}.hero-product-bottom strong{font-size:1.125rem}.hero-product-bottom p{font-size:.75rem}.brand-band .wrap{gap:18px}.brand-band strong{font-size:1.25rem}.brand-band small{font-size:.8125rem;margin-left:1px}.catalog,.solutions{padding-top:42px;padding-bottom:42px}h2{font-size:1.7rem}.section-head{margin-bottom:22px}.section-head>p{font-size:.875rem}.filter-top{padding:16px;grid-template-columns:1fr 1fr;gap:13px}.search-label{grid-column:1/-1}.filter-top label:last-child{grid-column:1/-1}.filter-top select,.filter-top input{font-size:1rem}.category-tabs{padding:12px;gap:6px}.category-tabs button{padding:11px 12px;font-size:.8125rem}.result-line{align-items:flex-start;font-size:.75rem;gap:8px}.products-grid{grid-template-columns:1fr;gap:20px}.product-image{height:205px}.product-body{padding:21px 23px 0}.product-body h3{font-size:1.75rem}.card-description{min-height:auto;font-size:.9375rem}.spec-row{font-size:.8125rem}.card-actions{font-size:.875rem;min-height:65px}.price-block strong{font-size:1.75rem}.screens-section{padding:42px 0}.screen-brands{grid-template-columns:1fr}.screen-brands article{padding:28px}.screen-brands p{font-size:.9375rem}.screen-brands h3{font-size:2.4rem}.screen-brands h3 span{font-size:1.5rem}.solution-grid{gap:25px 20px}.solution-grid h3{font-size:1.2rem}.solution-grid p{font-size:.875rem}.service-note{flex-direction:column;align-items:flex-start;gap:10px;padding:22px;margin-top:30px}.contact-inner{grid-template-columns:1fr;padding-top:40px;padding-bottom:40px;gap:28px}.contact h2{font-size:1.6rem}.contact-line{flex-direction:row;align-items:center;padding:21px}.contact-phone{font-size:1.7rem}.footer{padding-top:28px;padding-bottom:100px;gap:20px;font-size:.75rem}.mobile-contact{position:fixed;bottom:0;left:0;right:0;z-index:35;display:grid;grid-template-columns:1fr 1.6fr;background:#fff;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -2px 12px #12294915}.mobile-contact a{padding:16px 12px;text-align:center;font-size:.9375rem;font-weight:700}.mobile-contact a:last-child{background:var(--green);color:#fff}.compare-tray{bottom:72px;width:calc(100% - 24px);gap:8px;justify-content:space-between;padding:10px}.compare-tray .button{font-size:.875rem;padding:10px 14px}.compare-tray>span{font-size:.8125rem}dialog{width:calc(100% - 24px);padding:20px}th,td{padding:13px}.empty{padding:35px 20px}.detail{padding-top:22px}.detail-hero{grid-template-columns:1fr;gap:28px}.detail-photo img{max-height:250px}.detail h1{font-size:2.4rem}.detail-info{margin-top:38px}.detail-info aside{padding:24px}.detail-info dl>div{font-size:.875rem}.breadcrumb{font-size:.75rem;margin-bottom:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}