:root{
  --page-gutter:clamp(24px,6.2vw,112px);
  --section-space:clamp(88px,8vw,126px);
  --soft-blue:#eef4fb;
}

section{scroll-margin-top:92px}
.section-pad{padding-left:var(--page-gutter);padding-right:var(--page-gutter)}
.site-header{height:78px;padding-inline:var(--page-gutter)}
.nav{gap:clamp(20px,2.25vw,38px)}
.nav a{position:relative}
.nav a::after{background:var(--blue);bottom:-8px;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform .2s ease;width:100%}
.nav a:hover::after,.nav a:focus-visible::after{transform:scaleX(1)}

.hero{align-items:center;background:radial-gradient(circle at 78% 34%,rgba(121,172,255,.16),transparent 31%),linear-gradient(180deg,#f8faff 0%,#f3f6fa 100%);gap:clamp(38px,5vw,86px);grid-template-areas:"copy stage";grid-template-columns:minmax(430px,.93fr) minmax(520px,1.07fr);min-height:clamp(690px,calc(100vh - 78px),860px);overflow:hidden;padding:clamp(62px,7vh,92px) var(--page-gutter);position:relative}
.hero-copy{grid-area:copy;max-width:690px}
.hero h1{font-size:clamp(56px,5.05vw,82px);line-height:1.015;margin:22px 0 24px}
.hero-lead{font-size:14px;line-height:1.95;max-width:620px}
.hero-actions{margin:30px 0 27px}
.hero-microcopy{border-top:1px solid rgba(8,18,31,.12);gap:0;max-width:620px;padding-top:15px}
.hero-microcopy span{border-right:1px solid rgba(8,18,31,.14);margin-right:15px;padding-right:15px}
.hero-microcopy span:last-child{border-right:0;margin-right:0;padding-right:0}
.hero-visual{background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(222,233,249,.62)),var(--soft-blue);border:1px solid rgba(27,100,242,.13);box-shadow:0 35px 90px rgba(54,89,132,.12);grid-area:stage;min-height:590px;overflow:hidden;width:100%}
.hero-report{align-self:end;background:#fff;border-color:rgba(8,18,31,.15);box-shadow:0 18px 52px rgba(27,54,88,.2);display:grid;grid-area:stage;grid-template-columns:82px minmax(0,1fr);justify-self:start;margin:0 0 32px 22px;max-width:276px;width:calc(100% - 44px);z-index:5}
.hero-report:hover,.hero-report:focus-visible{box-shadow:0 22px 58px rgba(27,54,88,.25);transform:translateY(-4px)}
.hero-report>img{aspect-ratio:auto;height:112px;object-fit:contain;padding:6px;width:82px}
.hero-report-copy{align-items:center;min-height:112px;padding:14px 15px}
.hero-report-copy small{font-size:7px}.hero-report-copy strong{font-size:13px}
.door-scene{transform:translateX(8%)}
.label-top{right:5%;top:12%}.label-bottom{bottom:17%;left:auto;right:5%}.dimension-mark{bottom:7%;right:5%}

.signal-strip{gap:0;padding:0 var(--page-gutter)}
.signal-strip div{align-items:center;min-height:104px;padding:22px clamp(18px,2.4vw,34px)}
.signal-strip div:first-child{padding-left:0}.signal-strip div:last-child{padding-right:0}.signal-strip span{font-size:11px}

.answer-hub{background:#fff;display:grid;gap:clamp(46px,7vw,112px);grid-template-columns:minmax(300px,.82fr) minmax(520px,1.18fr);padding-bottom:var(--section-space);padding-top:var(--section-space)}
.answer-hub .section-kicker{margin-bottom:32px}
.answer-hub h2{font-size:clamp(40px,4.45vw,66px);letter-spacing:-.075em;line-height:1.06;margin:0 0 28px}
.answer-hub h2 span{color:var(--blue);font-family:var(--serif);font-weight:400}
.answer-hub-intro>p:last-child{color:var(--muted);font-size:13px;line-height:1.9;max-width:500px}
.answer-paths{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr}
.answer-paths a{border-bottom:1px solid var(--line);display:flex;flex-direction:column;min-height:180px;padding:26px 24px 24px 0;transition:background-color .2s,padding .2s}
.answer-paths a:nth-child(even){border-left:1px solid var(--line);padding-left:24px}
.answer-paths a:hover,.answer-paths a:focus-visible{background:#f1f5fb;padding-right:18px}
.answer-paths small{color:var(--blue);font:9px var(--mono);letter-spacing:.09em}
.answer-paths strong{font-size:20px;letter-spacing:-.04em;margin:34px 0 7px}
.answer-paths span{color:var(--muted);font-size:11px;margin-top:auto}

.manufacturer-proof{background:#08121f;color:#fff;padding-bottom:var(--section-space);padding-top:var(--section-space)}
.manufacturer-proof-head{align-items:end;display:grid;gap:clamp(46px,7vw,112px);grid-template-columns:minmax(400px,1.05fr) minmax(360px,.95fr);margin-bottom:clamp(54px,6vw,82px)}
.manufacturer-proof .section-kicker{color:#9bb6d4;margin-bottom:30px}
.manufacturer-proof h2{font-size:clamp(42px,4.6vw,70px);letter-spacing:-.075em;line-height:1.05;margin:0}
.manufacturer-proof h2 span{color:#8fb9ff;font-family:var(--serif);font-weight:400}
.manufacturer-proof-answer{border-left:1px solid rgba(255,255,255,.2);padding-left:clamp(26px,3vw,46px)}
.manufacturer-proof-answer>strong{color:#b9d1f3;font:9px var(--mono);letter-spacing:.13em;text-transform:uppercase}
.manufacturer-proof-answer p{color:#d3deeb;font-size:13px;line-height:1.95;margin:20px 0 28px;max-width:630px}
.manufacturer-proof-grid{border-left:1px solid rgba(255,255,255,.14);border-top:1px solid rgba(255,255,255,.14);display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.manufacturer-proof-grid a{border-bottom:1px solid rgba(255,255,255,.14);border-right:1px solid rgba(255,255,255,.14);display:flex;flex-direction:column;min-height:244px;padding:30px;transition:background-color .2s ease,transform .2s ease}
.manufacturer-proof-grid a:hover,.manufacturer-proof-grid a:focus-visible{background:#11243a;transform:translateY(-3px)}
.manufacturer-proof-grid small{color:#79a9ff;font:9px var(--mono);letter-spacing:.12em}
.manufacturer-proof-grid strong{font-size:22px;letter-spacing:-.04em;margin:38px 0 12px}
.manufacturer-proof-grid p{color:#aebed1;font-size:12px;line-height:1.8;margin:0 0 28px}
.manufacturer-proof-grid span{color:#e9f2ff;font:10px var(--mono);letter-spacing:.06em;margin-top:auto}

.intro,.product-matrix,.scenes,.controls,.specs,.cases,.visual-catalog,.knowledge,.process,.faq{padding-bottom:var(--section-space);padding-top:var(--section-space)}
.intro{background:#f5f7fa;padding-bottom:clamp(70px,6vw,94px)}
.feature-section{padding-bottom:var(--section-space)}
.feature-card{min-height:430px}
.arrow-link-secondary{margin-left:24px}
.matrix-head,.control-head,.cases-head,.scene-head,.visual-catalog-head{margin-bottom:clamp(44px,5vw,66px)}
.scenes+.controls,.specs+.cases{border-top:1px solid var(--line)}
.knowledge{border-top:1px solid #d5dee8}
.visual-catalog{border-top:1px solid #26384a}
.process{padding-bottom:clamp(72px,6vw,96px)}
.contact{padding-bottom:clamp(88px,8vw,120px);padding-top:clamp(88px,8vw,120px)}

@media (max-width:1180px){
  .hero{gap:36px;grid-template-columns:minmax(390px,.88fr) minmax(450px,1.12fr)}
  .hero h1{font-size:clamp(52px,5.5vw,68px)}
  .hero-visual{min-height:540px}
  .door-scene{transform:scale(.88) translateX(7%)}
}

@media (max-width:1050px){
  .hero{grid-template-areas:"copy" "stage";grid-template-columns:minmax(0,1fr);min-height:auto;padding-top:72px}
  .hero-copy{max-width:760px}.hero-visual{min-height:520px}.hero-report{max-width:292px}
  .answer-hub{grid-template-columns:1fr}
  .manufacturer-proof-head{align-items:start;grid-template-columns:1fr}
  .manufacturer-proof-answer{border-left:0;border-top:1px solid rgba(255,255,255,.2);padding-left:0;padding-top:30px}
  .manufacturer-proof-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:700px){
  .site-header{height:68px}
  .hero{gap:30px;grid-template-areas:"copy" "report" "stage";padding-bottom:66px;padding-top:52px}
  .hero h1{font-size:clamp(44px,12.5vw,54px)}
  .hero h1 em{font-size:.76em}
  .hero-lead{font-size:13px;line-height:1.9}
  .hero-actions{align-items:flex-start;flex-direction:column;gap:20px}
  .hero-microcopy{display:grid;gap:8px;grid-template-columns:1fr}
  .hero-microcopy span{border-right:0;margin:0;padding:0}
  .hero-report{grid-area:report;grid-template-columns:88px minmax(0,1fr);margin:0;max-width:none;width:100%}
  .hero-report>img{height:116px;width:88px}.hero-report-copy{min-height:116px}
  .hero-visual{grid-area:stage;min-height:380px}
  .door-scene{margin-left:-58px;transform:scale(.66)}
  .label-bottom{bottom:18%}
  .signal-strip{grid-template-columns:1fr 1fr}
  .signal-strip div{min-height:94px;padding:18px 14px}
  .signal-strip div:first-child,.signal-strip div:nth-child(3){padding-left:0}
  .signal-strip div:nth-child(2),.signal-strip div:nth-child(4){padding-right:0}
  .signal-strip div:nth-child(3),.signal-strip div:nth-child(4){border-top:1px solid rgba(255,255,255,.15)}
  .answer-paths{grid-template-columns:1fr}
  .answer-paths a{min-height:150px;padding:23px 0}
  .answer-paths a:nth-child(even){border-left:0;padding-left:0}
  .answer-paths strong{margin-top:24px}.answer-hub h2{font-size:42px}
  .manufacturer-proof h2{font-size:42px}
  .manufacturer-proof-grid{grid-template-columns:1fr}
  .manufacturer-proof-grid a{min-height:210px;padding:26px 24px}
  .manufacturer-proof-grid strong{margin-top:30px}
  .feature-card{min-height:370px}
  .visual-grid{display:flex;gap:14px;overflow-x:auto;padding-bottom:16px;scroll-snap-type:x mandatory}
  .visual-card{flex:0 0 min(82vw,330px);scroll-snap-align:start}
  .visual-grid::-webkit-scrollbar{height:5px}.visual-grid::-webkit-scrollbar-thumb{background:#40536a}
}