@charset "UTF-8";
:root{--navy:#142b43;--ink:#142b43;--muted:#647181;--accent:#245fcc;--accent-hover:#1c4da8;--accent-soft:#edf3ff;--line:#e3e7ed;--paper:#f7f8fa;--white:#fff;--max:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:98px}body{margin:0;color:var(--ink);background:#fff;font-family:"Microsoft JhengHei","PingFang TC",Arial,sans-serif;line-height:1.75}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #245fcc;outline-offset:4px}img{max-width:100%;height:auto;display:block}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.4;letter-spacing:.015em}h2{font-size:32px}h3{font-size:21px}.wrap{width:min(var(--max),calc(100% - 80px));margin-inline:auto}.skip{position:fixed;top:-80px;left:20px;z-index:20;padding:12px;background:#fff}.skip:focus{top:8px}.preview-note{padding:5px 20px;background:#edf1f4;color:#536475;font-size:12px;text-align:center}.topline{background:var(--navy);color:#fff;font-size:12px;letter-spacing:.06em}.topline .wrap{display:flex;justify-content:space-between;padding-block:7px}.topline a{margin-left:24px}.header{position:sticky;top:0;z-index:10;background:#fffffff5;border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.header-inner{height:85px;display:flex;align-items:center;gap:35px}.wordmark{display:flex;align-items:center;gap:12px;white-space:nowrap}.wordmark strong{font-family:Arial,sans-serif;font-style:italic;font-size:38px;font-weight:900;letter-spacing:-3px;line-height:1}.wordmark span{border-left:1px solid #cbd3db;padding-left:13px;font-weight:700;font-size:20px;line-height:1.3}.wordmark small{display:block;font-size:9px;letter-spacing:2.3px;margin-top:4px;font-weight:500}.nav{display:flex;align-items:center;gap:28px;margin-left:auto;font-size:14px;font-weight:700}.nav a:hover{color:var(--accent)}.btn{display:inline-flex;justify-content:center;align-items:center;gap:12px;min-height:48px;padding:12px 22px;border:1px solid var(--navy);background:var(--navy);color:#fff;font-size:14px;font-weight:700;letter-spacing:.03em;border-radius:3px;line-height:1.5;transition:background .2s,transform .2s}.btn:hover{background:#214467;transform:translateY(-1px)}.btn-accent{background:var(--accent);border-color:var(--accent)}.btn-accent:hover{background:var(--accent-hover)}.btn-light{color:var(--navy);background:#fff;border-color:#b9c5d0}.btn-light:hover{background:#f0f4f7}.btn-outline{border-color:#8093a8;background:transparent;color:#fff}.btn-outline:hover{background:#28425e}.btn-small{min-height:40px;padding:9px 15px;font-size:13px}.menu-toggle{display:none;background:none;border:1px solid var(--line);padding:8px;color:var(--navy)}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.18em;color:var(--accent);text-transform:uppercase;margin-bottom:14px}.hero{background:#f7f8fa;overflow:hidden}.hero-grid{display:grid;grid-template-columns:46% 54%;min-height:530px}.hero-copy{align-self:center;padding:62px 42px 62px 0}.hero h1{font-size:42px;line-height:1.55;font-weight:800;letter-spacing:-.025em}.hero h1 .brand-line{display:block;font-size:18px;font-weight:600;letter-spacing:.025em;margin-bottom:16px}.hero h1 em{font-style:normal;color:var(--accent)}.hero-description{font-size:15px;line-height:1.9;color:#536777;margin-top:20px;max-width:390px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.hero-meta{margin-top:28px;font-size:12px;display:flex;gap:22px;color:#617082}.hero-meta span:before{content:'✓';margin-right:6px;color:var(--accent)}.hero-visual{position:relative;margin-right:calc((min(1200px,100vw - 80px) - 100vw)/2);overflow:hidden;background:#d0cec7}.hero-visual>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.hero-caption{position:absolute;left:28px;bottom:28px;color:#fff;background:#10283dde;border:1px solid #ffffff3b;padding:17px 23px;backdrop-filter:blur(10px);max-width:calc(100% - 56px)}.hero-caption small{display:block;font-size:10px;letter-spacing:.13em;color:#cbd7e2}.hero-caption strong{font-size:18px;font-weight:500}.hero-credit{position:absolute;right:14px;top:14px;font-size:10px;color:#fff;background:#10283d99;padding:2px 8px}.trustbar{border-bottom:1px solid var(--line)}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);padding-block:23px}.trust-item{display:flex;gap:14px;align-items:center;justify-content:center;border-right:1px solid var(--line)}.trust-item:last-child{border:0}.trust-item svg{color:var(--navy);width:27px;height:27px;flex-shrink:0}.trust-item strong{display:block;font-size:14px}.trust-item small{font-size:11px;color:var(--muted)}.section{padding-block:74px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}.section-heading p{color:var(--muted);font-size:14px;margin-top:9px}.text-link{font-size:14px;font-weight:700;display:inline-flex;gap:12px;align-items:center;border-bottom:1px solid #adb9c4;padding-bottom:3px;white-space:nowrap}.text-link:hover{color:var(--accent);border-color:var(--accent)}.audience-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.audience-card{position:relative;display:grid;grid-template-columns:1fr 150px;background:var(--paper);padding:30px;overflow:hidden;min-height:224px;border-top:3px solid var(--navy)}.audience-card:nth-child(2){background:#f7f8fa;border-top-color:#142b43}.audience-card h3{font-size:25px;margin-bottom:11px}.audience-card p{font-size:14px;color:var(--muted);max-width:285px;margin-bottom:20px}.audience-card .number{font-size:11px;letter-spacing:.15em;color:#71869a;display:block;margin-bottom:11px}.audience-art{align-self:center;justify-self:center;color:#647c91}.audience-art svg{width:115px;height:110px;stroke-width:1}.catalog-section{background:#f6f8fa}.categories{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:24px}.category{min-height:98px;border:1px solid var(--line);background:#fff;display:flex;flex-direction:column;gap:10px;justify-content:center;align-items:center;border-radius:3px;color:var(--muted);font-size:13px}.category svg{width:31px;height:31px}.category:hover,.category[aria-pressed=true]{color:var(--navy);border-color:var(--navy);background:#eef3f7}.category[aria-pressed=true]{box-shadow:inset 0 -3px var(--navy);font-weight:700}.filterbar{display:grid;grid-template-columns:1.55fr 1fr .8fr .8fr auto;gap:12px;align-items:end;margin-bottom:18px}.field label{display:block;font-size:11px;color:var(--muted);margin-bottom:5px}.field select,.field input{width:100%;height:44px;border:1px solid #cbd5df;background:#fff;padding:0 12px;border-radius:2px;color:var(--ink);min-width:0}.filterbar button{height:44px}.results-meta{font-size:12px;color:var(--muted);margin-bottom:18px}.feature-product{display:grid;grid-template-columns:42% 58%;background:#fff;border:1px solid var(--line)}.feature-image{padding:26px;display:flex;justify-content:center;align-items:center;border-right:1px solid var(--line);position:relative}.feature-image img{width:310px;height:auto;object-fit:contain}.tag{font-size:11px;color:var(--navy);background:#edf2f6;padding:4px 10px;display:inline-block;letter-spacing:.035em}.feature-image>.tag{position:absolute;left:24px;top:20px}.feature-content{padding:36px 40px}.feature-content h3{font-size:27px;margin:9px 0 8px}.model{font-size:12px;color:#74818e;letter-spacing:.05em}.feature-content>p{color:var(--muted);font-size:14px;margin-top:15px}.spec-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.spec-chips span{font-size:12px;padding:4px 11px;border:1px solid var(--line);color:#556777}.feature-bottom{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-top:24px}.price-label{font-size:11px;color:var(--muted)}.price{font-family:Arial,sans-serif;color:var(--navy);font-size:32px;font-weight:700;line-height:1.4;white-space:nowrap}.price small{font-size:14px}.fine{font-size:12px;line-height:1.8;color:var(--muted)}.catalog-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px}.catalog-foot p{font-size:12px;color:var(--muted)}.empty{border:1px solid var(--line);background:#fff;text-align:center;padding:45px 22px}.empty p{color:var(--muted);margin:12px auto 20px;max-width:540px;font-size:14px}[hidden]{display:none!important}.brand-paths{display:flex;flex-wrap:wrap;gap:20px;margin-top:25px;font-size:13px}.brand-paths a{border-bottom:1px solid #bac8d5}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.guide-item{padding:28px 30px;border-right:1px solid var(--line)}.guide-item:first-child{padding-left:0}.guide-item:last-child{border:0;padding-right:0}.guide-index{color:var(--accent);font-size:12px;letter-spacing:.1em;margin-bottom:14px}.guide-item h3{font-size:20px;margin-bottom:12px}.guide-item p{font-size:14px;color:var(--muted)}.guide-callout{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:23px 0 0;font-size:14px}.dealer{background:var(--navy);color:#fff}.dealer-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:90px;align-items:center;padding-block:58px}.dealer .eyebrow{color:#b7c9e5}.dealer p{color:#c2d0dc;font-size:14px;margin-top:16px;max-width:550px}.dealer-support{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:1px solid #496078;border-bottom:1px solid #496078;padding:20px 0;margin-bottom:24px}.dealer-support small{color:#b4c4d3;font-size:12px;display:block;margin-top:6px}.dealer-actions{display:flex;gap:12px;flex-wrap:wrap}.faq-layout{display:grid;grid-template-columns:32% 68%;gap:0}.faq-intro p{font-size:14px;color:var(--muted);max-width:270px;margin-top:15px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{cursor:pointer;list-style:none;padding:20px 36px 20px 0;font-weight:600;position:relative;font-size:15px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'＋';position:absolute;right:5px;color:var(--muted)}.faq-list details[open] summary:after{content:'−'}.faq-list details p{font-size:14px;color:var(--muted);padding:0 30px 21px 0}.contact{border-top:1px solid var(--line);background:var(--paper)}.contact-inner{padding-block:38px;display:flex;align-items:center;justify-content:space-between;gap:20px}.contact-inner h2{font-size:26px}.contact-inner p{color:var(--muted);font-size:13px;margin-top:7px}.contact-actions{display:flex;gap:12px}.footer{background:#fff;padding:38px 0 24px}.footer-top{display:flex;justify-content:space-between;align-items:start;gap:25px}.footer-company{font-size:13px;color:var(--muted);margin-top:18px}.footer-links{display:flex;gap:40px;font-size:13px;padding-top:8px}.footer-links a:hover{color:var(--accent)}.footer-bottom{margin-top:28px;border-top:1px solid var(--line);padding-top:16px;display:flex;justify-content:space-between;color:#7d8995;font-size:10px;letter-spacing:.04em}.mobile-actions{display:none}.breadcrumb{font-size:12px;color:var(--muted);padding-block:24px}.breadcrumb a:hover{color:var(--accent)}.breadcrumb span{padding:0 10px;color:#a2adba}.product-main{display:grid;grid-template-columns:1fr 1fr;gap:56px;padding-bottom:52px;align-items:start}.product-photo{background:#f6f7f8;border:1px solid var(--line);padding:48px;display:flex;align-items:center;justify-content:center}.product-photo img{width:100%;height:auto;max-width:400px;object-fit:contain}.photo-caption{text-align:center;font-size:11px;color:var(--muted);margin-top:10px}.product-info h1{font-size:31px;margin:12px 0}.product-intro{font-size:14px;color:var(--muted);margin-top:18px}.product-price-block{padding:18px 0;margin-top:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.product-price-block .price{font-size:38px}.product-price-block .fine{margin-top:6px}.product-cta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.product-cta .btn-accent{grid-column:1/-1}.product-info .fine.stock{margin-top:14px}.product-nav{display:flex;gap:36px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:17px;font-size:14px;font-weight:700}.product-nav a:hover{color:var(--accent)}.product-section{display:grid;grid-template-columns:28% 72%;padding-block:46px;border-bottom:1px solid var(--line)}.product-section h2{font-size:26px}.product-section .section-description{font-size:13px;color:var(--muted);margin-top:10px;max-width:240px}.spec-table{width:100%;border-collapse:collapse;font-size:14px}.spec-table th,.spec-table td{padding:13px 18px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.spec-table th{width:31%;font-weight:500;background:#f6f8fa;color:var(--muted)}.spec-table tr:first-child>*{border-top:1px solid var(--line)}.product-features{display:grid;grid-template-columns:1fr 1fr;gap:28px}.product-features h3{font-size:18px}.product-features p{font-size:14px;color:var(--muted);margin-top:9px}.inquiry-box{background:var(--paper);padding:28px}.inquiry-box textarea{width:100%;min-height:205px;resize:vertical;border:1px solid #c7d3de;background:#fff;border-radius:2px;padding:15px;font-size:14px;color:var(--ink);line-height:1.75}.inquiry-box label{display:block;margin-bottom:12px;font-weight:600;font-size:14px}.inquiry-actions{display:flex;gap:12px;margin-top:14px;flex-wrap:wrap}.copy-status{min-height:24px;font-size:12px;color:#245fcc;margin-top:8px}.source-note{font-size:11px;color:var(--muted);margin-top:18px}.source-note a{text-decoration:underline}.delivery-list{display:grid;gap:18px}.delivery-list h3{font-size:16px}.delivery-list p{font-size:14px;color:var(--muted);margin-top:5px}.print-only{display:none}
@media(min-width:1450px){.hero-grid{min-height:560px}.hero h1{font-size:46px}}
@media(max-width:1080px){.wrap{width:calc(100% - 48px)}.nav{gap:17px;font-size:13px}.header-inner{gap:22px}.header-inner>.btn{padding:10px 14px}.hero h1{font-size:34px}.hero-grid{min-height:510px}.hero-copy{padding-right:22px}.hero-visual{margin-right:-24px}.hero-meta{gap:12px;font-size:10px}.audience-card{padding:24px;grid-template-columns:1fr 90px}.audience-art svg{width:85px}.dealer-grid{gap:45px}.feature-content{padding:28px}.product-main{gap:32px}.product-photo{padding:28px}.product-info h1{font-size:27px}}
@media(max-width:780px){html{scroll-padding-top:82px}.wrap{width:calc(100% - 36px)}.topline .wrap{justify-content:center;font-size:10px}.topline .top-links{display:none}.header-inner{height:70px;gap:14px;position:relative}.wordmark strong{font-size:33px}.wordmark span{font-size:18px}.wordmark small{font-size:8px}.header-inner>.btn{margin-left:auto;min-height:37px;font-size:12px;padding:8px 12px}.menu-toggle{display:block;line-height:1}.nav{display:none;position:absolute;top:70px;left:-18px;right:-18px;flex-direction:column;gap:0;background:#fff;border-bottom:1px solid var(--line);align-items:stretch;margin:0;padding:12px 18px;box-shadow:0 12px 20px #142b4310}.nav.open{display:flex}.nav a{padding:12px}.hero-grid{grid-template-columns:1fr;min-height:0}.hero-copy{padding:37px 0 34px}.hero h1{font-size:35px;line-height:1.5;max-width:600px}.hero h1 .brand-line{font-size:15px;margin-bottom:13px}.hero-description{font-size:14px;max-width:500px;margin-top:14px}.hero-actions{margin-top:22px}.hero-meta{font-size:11px;gap:20px;margin-top:20px}.hero-visual{margin:0 -18px;aspect-ratio:1.62;min-height:230px}.hero-caption{left:18px;bottom:18px;padding:12px 17px}.hero-caption strong{font-size:16px}.trust-grid{grid-template-columns:1fr 1fr;gap:20px 0;padding-block:24px}.trust-item{justify-content:flex-start;padding-left:10px;gap:10px}.trust-item:nth-child(2){border:0}.trust-item strong{font-size:13px}.trust-item small{font-size:10px}.section{padding-block:45px}h2{font-size:27px}.section-heading{align-items:start;gap:15px}.section-heading>.text-link{font-size:12px;margin-top:10px}.section-heading p{font-size:13px}.audience-grid{gap:14px;grid-template-columns:1fr}.audience-card{min-height:190px;grid-template-columns:1fr 100px}.audience-card h3{font-size:23px}.audience-card p{max-width:400px}.categories{grid-template-columns:repeat(3,1fr);gap:8px}.category{min-height:88px}.filterbar{grid-template-columns:1fr 1fr;gap:10px}.filterbar .field:first-child{grid-column:1/-1}.filterbar button{align-self:end}.feature-product{grid-template-columns:1fr}.feature-image{border-right:0;border-bottom:1px solid var(--line);padding:35px 20px 18px}.feature-image img{width:240px}.feature-content{padding:25px 23px}.feature-content h3{font-size:24px}.feature-bottom{gap:12px}.feature-bottom .btn{padding:12px 15px}.price{font-size:30px}.catalog-foot{align-items:start;flex-direction:column;gap:12px}.guide-grid{grid-template-columns:1fr}.guide-item,.guide-item:first-child,.guide-item:last-child{padding:25px 0;border-right:0;border-bottom:1px solid var(--line)}.guide-item:last-child{border-bottom:0}.guide-index{margin-bottom:9px}.guide-callout{align-items:start;flex-direction:column}.dealer-grid{grid-template-columns:1fr;gap:26px;padding-block:40px}.dealer h2{font-size:27px}.dealer-support{margin-bottom:20px}.faq-layout{grid-template-columns:1fr;gap:26px}.faq-intro p{max-width:none}.contact-inner{align-items:start;flex-direction:column;padding-block:30px}.contact-inner h2{font-size:24px}.contact-actions{width:100%}.contact-actions .btn{flex:1;padding:12px 14px}.footer{padding-bottom:95px}.footer-top{flex-direction:column}.footer-links{gap:24px;flex-wrap:wrap}.footer-bottom{flex-direction:column;gap:9px}.mobile-actions{position:fixed;z-index:12;bottom:0;left:0;right:0;display:flex;padding:9px 12px calc(9px + env(safe-area-inset-bottom));gap:8px;border-top:1px solid var(--line);background:#fffffff5;backdrop-filter:blur(12px)}.mobile-actions .btn{flex:1;min-height:44px;padding:10px;font-size:13px}.breadcrumb{font-size:11px;padding-block:17px;line-height:1.7}.breadcrumb span{padding:0 5px}.product-main{grid-template-columns:1fr;gap:25px;padding-bottom:32px}.product-photo{padding:24px}.product-photo img{max-width:330px}.product-info h1{font-size:29px}.product-nav{gap:0;justify-content:space-between;font-size:12px;padding-block:15px}.product-section{grid-template-columns:1fr;gap:24px;padding-block:34px}.product-section .section-description{max-width:none}.product-section h2{font-size:25px}.spec-table{font-size:13px}.spec-table th,.spec-table td{padding:12px}.spec-table th{width:35%}.product-features{gap:23px 18px}.product-features h3{font-size:16px}.product-features p{font-size:13px}.inquiry-box{padding:18px}.inquiry-actions .btn{flex:1}.preview-note{font-size:10px;padding:5px 10px}}
/* Flat horizontal brand lockup, shared by homepage and product page. */
.brand-logo{display:block;flex-shrink:0;line-height:0}
.brand-logo img{display:block;width:196px;height:auto}
.header-inner{height:90px}html{scroll-padding-top:104px}
@media(max-width:780px){.brand-logo img{width:146px}.header-inner{height:76px}.nav{top:76px}html{scroll-padding-top:90px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media print{.topline,.preview-note,.header,.mobile-actions,.product-cta,.product-nav,.inquiry-box,.contact,.footer-links,.dealer-actions{display:none}.wrap{width:100%}.product-main{grid-template-columns:40% 60%;gap:20px}.product-section{break-inside:avoid}.footer{padding-bottom:0}.print-only{display:block}}
@media(max-width:780px){.header .wordmark small{display:none}.header .wordmark{gap:9px}.header .wordmark span{padding-left:10px}.header-inner>.btn{white-space:nowrap;gap:7px}.menu-toggle{flex-shrink:0}.hero-actions .btn{padding:12px 15px;font-size:13px}}
.audience-card{padding:0;grid-template-columns:1fr 110px;border-top:0}.audience-media{grid-column:1/-1;position:relative;aspect-ratio:2.15;overflow:hidden}.audience-media img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.audience-card:hover .audience-media img{transform:scale(1.025)}.audience-media span{position:absolute;right:10px;bottom:9px;background:#142b43a8;color:#fff;padding:2px 7px;font-size:9px}.audience-copy{padding:27px 0 29px 30px}.audience-art svg{width:72px;height:72px}.audience-card p{max-width:365px}.hero-visual>img{object-position:62% center}@media(max-width:780px){.audience-card{grid-template-columns:1fr 80px}.audience-copy{padding:23px 0 24px 23px}.audience-art svg{width:55px;height:55px}.audience-media{aspect-ratio:1.8}}
@media(max-width:360px){.header-inner{gap:8px}.header .wordmark strong{font-size:28px}.header .wordmark span{font-size:16px;padding-left:8px}.header .wordmark{gap:7px}.header-inner>.btn{font-size:11px;padding:8px 10px}.menu-toggle{padding:5px}.hero h1{font-size:30px}.hero h1 .brand-line{font-size:13px}.hero-actions .btn{font-size:12px;padding:12px}.trust-item{padding-left:0;gap:7px}.trust-item strong{font-size:12px}.trust-item small{font-size:9px}.feature-bottom{align-items:start;flex-direction:column}.contact-actions .btn{font-size:12px}}

/* Direction A: restrained professional AV palette and hierarchy. */
body{color:#374151}h1,h2,h3{color:var(--navy)}
.topline{background:var(--paper);color:#526171;border-bottom:1px solid var(--line)}
.header{background:#fffffffa}
.btn{border-radius:4px;transition:background .2s,border-color .2s}
.btn:hover{transform:none}.btn-accent:hover{border-color:var(--accent-hover)}
.hero-grid{grid-template-columns:44% 56%;min-height:540px}
.hero-copy{padding:58px 38px 58px 0}
.hero h1{font-size:48px;line-height:1.35;letter-spacing:-.03em}
.hero h1 .brand-line{font-size:14px;line-height:1.7;letter-spacing:.04em;font-weight:500;margin-bottom:23px;color:var(--muted)}
.hero-description{font-size:16px;line-height:1.95;margin-top:24px;color:#526171;max-width:365px}
.hero-caption{background:linear-gradient(transparent,#142b43c9);border:0;backdrop-filter:none;left:0;right:0;bottom:0;max-width:none;padding:45px 30px 26px}
.hero-caption strong{font-size:17px;letter-spacing:.08em}
.hero-meta{color:#647181}.hero-meta span:before{color:var(--navy)}
.eyebrow{color:var(--muted);font-size:12px;letter-spacing:.08em;font-weight:500}
.section-heading .eyebrow{margin-top:0;margin-bottom:10px}
.audience-card,.audience-card:nth-child(2){background:var(--paper);grid-template-columns:1fr;border:1px solid var(--line)}
.audience-copy{padding:27px 30px 30px}.audience-card p{max-width:100%}
.audience-card .number{letter-spacing:.08em;color:var(--muted)}
.audience-art{display:none}
.dealer h2{color:#fff}.dealer .btn-light:hover{background:#edf3ff}
.guide-index{color:var(--navy)}.footer .brand-logo{width:196px}
@media(min-width:1450px){.hero h1{font-size:50px}}
@media(max-width:1080px){.hero h1{font-size:40px}.hero-copy{padding-right:26px}.nav{gap:18px}.header-inner{gap:24px}}
@media(max-width:780px){.hero-grid{grid-template-columns:1fr;min-height:0}.hero-copy{padding:36px 0}.hero h1{font-size:38px}.hero h1 .brand-line{font-size:13px;margin-bottom:16px}.hero-description{font-size:14px;max-width:500px;margin-top:18px}.hero-caption{padding:36px 20px 18px}.header-inner{gap:12px}.header-inner>.btn{padding:8px 10px}.audience-copy{padding:23px}.footer .brand-logo{width:175px}.footer .brand-logo img{width:175px}}
@media(max-width:360px){.brand-logo img{width:124px}.header-inner{gap:8px}.header-inner>.btn{font-size:11px;padding:8px}.hero h1{font-size:34px}.hero h1 .brand-line{font-size:12px}.section-heading{flex-wrap:wrap}}

/* Comfortable mobile browsing and persistent purchase entry. */
@media(max-width:780px){
  .preview-note,.topline{display:none}
  .wrap{width:calc(100% - 40px)}
  .header-inner{height:68px;justify-content:space-between}
  .header-inner>.btn{display:none}
  .brand-logo img{width:156px}
  .menu-toggle{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;border:0;padding:10px}
  .nav{top:68px;left:-20px;right:-20px;padding:12px 20px}
  .nav a{min-height:48px;padding:12px 8px}
  html{scroll-padding-top:84px}
  .hero-copy{padding:30px 0 28px}
  .hero h1{font-size:36px;line-height:1.4;letter-spacing:-.02em}
  .hero h1 .brand-line{font-size:12px;line-height:1.7;margin-bottom:16px}
  .hero-description{font-size:15px;line-height:1.85;margin-top:18px;max-width:36em}
  .hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}
  .hero-actions .btn{min-height:48px;padding:12px 8px;font-size:13px;gap:7px;white-space:nowrap}
  .hero-meta{margin-top:18px;font-size:11px;gap:16px}
  .hero-visual{margin:0 -20px;aspect-ratio:1.65;min-height:0}
  .hero-caption{padding:32px 20px 18px}.hero-caption strong{font-size:15px}
  .section{padding-block:44px}
  h2{font-size:25px;line-height:1.5}
  .section-heading{display:block;margin-bottom:24px}
  .section-heading>.text-link{display:inline-flex;min-height:44px;align-items:center;margin-top:12px}
  .section-heading p,.audience-card p,.guide-item p,.faq-list details p{font-size:14px;line-height:1.9}
  .audience-grid{gap:24px}.audience-copy{padding:24px}.audience-card h3{font-size:23px}
  .text-link{min-height:44px;align-items:center}
  .category{min-height:90px;gap:10px}
  .field label{font-size:12px;margin-bottom:7px}
  .field input,.field select{height:48px;font-size:16px}
  .filterbar{gap:16px 12px}.filterbar button{height:48px}
  .feature-content{padding:24px}.feature-bottom{display:flex;flex-direction:column;align-items:stretch;gap:18px}
  .feature-bottom>.btn{min-height:48px;width:100%}
  .feature-content h3{font-size:24px;line-height:1.5}
  .brand-paths{flex-direction:column;gap:8px}.brand-paths a{padding:12px 0;min-height:48px}
  .faq-list summary{min-height:56px;padding-block:20px;line-height:1.8}
  .mobile-actions{gap:10px;padding:10px 20px calc(10px + env(safe-area-inset-bottom));background:#fff;box-shadow:0 -3px 16px #142b4308}
  .mobile-actions .btn{min-height:46px;font-size:14px;padding:10px 12px;gap:8px}
  .footer{padding-bottom:110px}.footer-bottom{font-size:11px;line-height:1.9}
  .product-cta{grid-template-columns:1fr}.product-cta .btn{min-height:48px;font-size:14px}
  .product-info h1{font-size:28px;line-height:1.5}.product-intro{font-size:15px;line-height:1.9}
  .product-nav{flex-wrap:wrap;gap:4px 16px;justify-content:flex-start;padding-block:8px}.product-nav a{min-height:44px;display:flex;align-items:center}
  .inquiry-box textarea{font-size:16px}.inquiry-actions{flex-direction:column}.inquiry-actions .btn{min-height:48px}
}
@media(max-width:360px){
  .wrap{width:calc(100% - 36px)}.hero h1{font-size:32px}.hero h1 .brand-line{font-size:11px}
  .hero-description{font-size:14px}.hero-meta{font-size:10px;gap:12px}
  .hero-visual{margin:0 -18px}.brand-logo img{width:146px}
  .mobile-actions{padding-inline:14px}.mobile-actions .btn{font-size:13px}
  .trust-item strong{font-size:11px}.trust-item svg{width:23px;height:23px}
  .audience-copy,.feature-content{padding:20px}.contact-actions .btn{font-size:12px}
}

/* Preserve source proportions for every screen image, including narrow viewports. */
.hero-visual{align-self:center;background:transparent;aspect-ratio:auto;min-height:0}
.hero-visual>img{position:static;width:100%;height:auto;object-fit:contain}
.audience-media{aspect-ratio:auto}.audience-media img{width:100%;height:auto;object-fit:contain}
.audience-card:hover .audience-media img{transform:none}
.product-photo{background:#fff;max-height:none;aspect-ratio:auto;padding:24px}
.product-photo a{display:block;width:100%;max-width:400px}.product-photo img{width:100%;height:auto;max-width:400px}
.gallery-jump{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.gallery-jump a{padding:8px 12px;min-height:44px;border:1px solid var(--line);font-size:12px;display:flex;align-items:center}
.product-fit{margin-top:20px;padding:18px;background:var(--paper);font-size:13px;line-height:1.9}.product-fit strong{color:var(--navy)}
.detail-gallery{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.detail-gallery figure,.dimension-figure{margin:0;min-width:0}
.detail-gallery img{width:100%;height:auto;object-fit:contain}
.detail-gallery figcaption{padding-top:16px;font-size:14px;line-height:1.9;color:var(--muted)}
.detail-gallery figcaption strong{display:block;color:var(--navy);font-size:18px;margin-bottom:5px}
.detail-gallery .source-note{grid-column:1/-1;margin-top:0}
.dimension-figure{margin-bottom:24px}.dimension-figure img{width:100%;height:auto;max-width:600px;margin:auto}
.dimension-figure figcaption{font-size:13px;line-height:1.9;color:var(--muted);margin-top:12px}
.order-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:0;padding:0;list-style:none;counter-reset:step}
.order-steps li{padding:22px;background:var(--paper);counter-increment:step;font-size:14px;color:var(--muted);line-height:1.9}
.order-steps li:before{content:'0' counter(step);display:block;color:var(--accent);font-size:13px;margin-bottom:9px}
.order-steps strong{display:block;font-size:17px;color:var(--navy);margin-bottom:7px}
@media(max-width:780px){.hero-visual{margin:0 -20px;min-height:0;aspect-ratio:auto}.product-photo{padding:16px}.detail-gallery{grid-template-columns:1fr;gap:28px}.detail-gallery img{max-width:540px;margin:auto}.product-fit{font-size:14px}.order-steps{grid-template-columns:1fr;gap:12px}.dimension-figure{margin-inline:0}.gallery-jump a{flex:1;justify-content:center}.product-nav{gap:4px 18px}.product-section{display:block}.product-section>div+div{margin-top:24px}}
@media(max-width:360px){.hero-visual{margin:0 -18px}}

/* Tonal surfaces: clear section boundaries without large fields of bright white. */
:root{--surface-page:#eaf0f5;--surface-card:#f8fafc;--surface-blue:#dfe8f1;--surface-warm:#eeeae4;--line:#cdd8e2;--muted:#526476}
body{background:var(--surface-page);color:#34465a}
.topline{background:#dfe7ef;color:#40556b;border-bottom-color:#cdd8e2}
.preview-note{background:#d4dfe9;color:#455c73}
.header{background:#f0f4f8f7;border-bottom-color:#c9d6e2}
.hero{background:#142b43}
.hero h1{color:#f7faff}.hero h1 .brand-line{color:#b8cbe0}
.hero-description{color:#d0dbe7}.hero-meta{color:#c0cede}.hero-meta span:before{color:#a6c7fa}
.hero .btn-light{background:transparent;border-color:#7890a9;color:#f3f7fc}
.hero .btn-light:hover{background:#29435e;border-color:#aec2d8}
.hero .btn-accent{background:#2f68d5;border-color:#2f68d5}.hero .btn-accent:hover{background:#245abf;border-color:#245abf}
.trustbar{background:#dfe8f1;border-color:#c6d4e1}.trust-item{border-color:#bdcddc}.trust-item strong{color:#203d58}
.audience-card,.audience-card:nth-child(2){background:#f4f7fa;border-color:#cad6e2;border-radius:8px}
.audience-card:nth-child(2) .audience-copy{background:var(--surface-warm)}
.catalog-section{background:#dce6ef;border-block:1px solid #c5d3e0}
.category{background:#f2f6fa;border-color:#c1d0df}
.category:hover,.category[aria-pressed=true]{background:#cbdced;border-color:#315b86;color:#142b43}
.feature-product{background:var(--surface-card);border-color:#c1cfdd;border-radius:8px;overflow:hidden}
.feature-image{background:#fff}.feature-content{background:#f1f5f9}
.tag{background:#dbe7f2;color:#1b4168}.spec-chips span{background:#e7eef5;border-color:#c6d5e2;color:#38526c}
#guide{background:var(--surface-warm);border:1px solid #d9d5ce;border-radius:10px;padding:48px 34px;margin-block:56px}
.guide-grid,.guide-item{border-color:#d0cbc3}
.dealer{background:#18364f}.dealer-support{border-color:#4b657c}
.faq-list details{background:#f5f7f9;padding-inline:22px;border-color:#ccd7e2}
.faq-list details[open]{background:#dfe9f3}
.contact{background:#d9e5f0;border-color:#bdcedd}
.footer{background:#e0e8ef}.footer-bottom{border-color:#becedc;color:#52677c}
.mobile-actions{background:#e7eff6;border-top-color:#bbccdc}
.product-page .product-main{gap:36px}
.product-page .product-main>div{min-width:0}
.product-info{background:#f6f8fb;border:1px solid #c8d5e2;border-radius:10px;padding:28px}
.product-photo{border:1px solid #c8d5e2;border-radius:10px;background:#fff}
.gallery-jump a{background:#dfe9f3;border-color:#bed0e0;border-radius:4px;color:#244c74}
.product-fit{background:#dfe9f3;border-left:3px solid #6d8fad;color:#344e68;border-radius:3px}
.product-price-block{border-color:#cbd8e4}
.product-nav{background:#d8e5f0;border:1px solid #bfcfdd;border-radius:6px;padding:12px 20px;color:#244666;gap:24px}
.product-section{border-color:#c6d4e1}
.product-section>div:last-child{background:#f5f8fb;border:1px solid #cedbe6;border-radius:8px;padding:24px;min-width:0}
.product-section:nth-of-type(even)>div:last-child{background:#e0e9f2}
.product-section>div:first-child{padding-right:22px}
.dimension-figure{background:#f7f8fa;border-radius:6px;padding:14px}.dimension-figure figcaption{color:#435a70}
.spec-table th{background:#d5e2ee;color:#29455f}.spec-table td{background:#f3f7fa;color:#34465a}
.spec-table tr:nth-child(even) td{background:#e7eff6}
.detail-gallery figcaption{color:#435a70}.detail-gallery img{border-radius:4px}
.order-steps li{background:#e3ebf3;border-radius:5px;color:#435a70}
.product-section>div.inquiry-box{background:#e0e9f2}
.field input,.field select,.inquiry-box textarea{background:#f9fbfd;border-color:#b8cbdc}
@media(max-width:1080px){.product-page .product-main{gap:24px}.product-info{padding:22px}.product-section>div:last-child{padding:20px}}
@media(max-width:780px){
 .header{background:#eef3f8fa}.hero-copy{padding-top:32px;padding-bottom:30px}
 #guide{padding:30px 20px;margin-block:36px}.faq-list details{padding-inline:16px}
 .product-info{padding:22px 18px}.product-page .product-main{gap:24px}
 .product-nav{padding:8px 12px;gap:2px 18px;font-size:13px}
 .product-section>div:first-child{padding-right:0}.product-section>div:last-child{padding:18px;margin-top:20px}
 .dimension-figure{padding:8px}.spec-table th,.spec-table td{padding:11px 9px;font-size:12px;overflow-wrap:anywhere}
 .detail-gallery{gap:24px}.order-steps li{padding:18px}
 .mobile-actions{background:#e7eff6}.footer{padding-bottom:110px}
}
@media print{body,.hero,.product-info,.product-section>div:last-child{background:#fff;color:#000}.hero h1,.hero-description{color:#000}}