@font-face{font-family:Barlow;src:url('./fonts/Barlow-Light.ttf') format('truetype');font-weight:300;font-display:swap}
@font-face{font-family:Barlow;src:url('./fonts/Barlow-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Barlow;src:url('./fonts/Barlow-Medium.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:'Barlow Semi Condensed';src:url('./fonts/BarlowSemiCondensed-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:'JetBrains Mono';src:url('./fonts/JetBrainsMono-400-latin-ext.woff2') format('woff2');font-weight:400;font-display:swap}

:root{
  color-scheme:dark;
  --ink:#10161c;
  --void:#070b0f;
  --deep:#0b1218;
  --panel:#111a21;
  --white:#f7f9fb;
  --mist:#dce4ea;
  --steel:#84909a;
  --line:rgba(220,232,242,.16);
  --line-bright:rgba(220,232,242,.34);
  --sky:#009fe3;
  --blue:#00457c;
  --red:#b23a3a;
  --mono:'JetBrains Mono',ui-monospace,monospace;
  --sans:Barlow,system-ui,sans-serif;
  --display:'Barlow Semi Condensed',Barlow,system-ui,sans-serif;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--void)}
body{margin:0;background:var(--void);color:var(--white);font-family:var(--sans);font-weight:300;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
::selection{background:var(--sky);color:#001522}
.skip{position:fixed;z-index:1000;left:12px;top:-60px;background:#fff;color:#10161c;padding:12px 18px;transition:top .2s}
.skip:focus{top:12px}

.family-nav{
  position:fixed;z-index:50;inset:0 0 auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;
  gap:34px;height:86px;padding:0 clamp(22px,5vw,86px);border-bottom:1px solid var(--line);
  background:linear-gradient(180deg,rgba(7,11,15,.9),rgba(7,11,15,.62));backdrop-filter:blur(16px)
}
.brand-lockup{display:flex;align-items:center;gap:30px;min-width:0}
.brand-lockup img{display:block;width:110px;height:auto}
.brand-lockup small{font:400 9px/1 var(--mono);letter-spacing:.18em;color:rgba(220,232,242,.58);white-space:nowrap}
.product-switch{justify-self:center;display:flex;align-items:center;border:1px solid var(--line);padding:3px;background:rgba(4,8,12,.36)}
.product-switch a{position:relative;padding:10px 16px;font:400 10px/1 var(--mono);letter-spacing:.1em;color:rgba(220,232,242,.48);transition:color .25s,background .25s}
.product-switch a:hover,.product-switch a[aria-current=page]{color:#fff;background:rgba(255,255,255,.06)}
.product-switch a[aria-current=page]::after{content:'';position:absolute;left:16px;right:16px;bottom:3px;height:1px;background:var(--sky);box-shadow:0 0 12px var(--sky)}
.nav-links{display:flex;gap:30px;align-items:center;font-size:14px;font-weight:400}
.nav-links a{color:rgba(255,255,255,.72);transition:color .2s}
.nav-links a:hover{color:#fff}.nav-links span{color:var(--sky);margin-left:6px}

.odyssey{position:relative;height:620vh;--journey:0;--chapter-progress:0}
.stage{position:sticky;top:0;height:100vh;min-height:680px;overflow:clip;background:
  radial-gradient(ellipse at 68% 46%,rgba(18,66,91,.24),transparent 40%),
  linear-gradient(120deg,#101820 0%,#091016 58%,#05080b 100%)}
.stage::before{content:'';position:absolute;inset:0;pointer-events:none;z-index:8;transition:opacity .7s ease;background:
  linear-gradient(90deg,rgba(7,11,15,.78) 0%,transparent 32%,transparent 75%,rgba(7,11,15,.34) 100%),
  linear-gradient(180deg,rgba(7,11,15,.35),transparent 22%,transparent 74%,rgba(7,11,15,.66))}
.stage::after{content:'';position:absolute;z-index:19;inset:0;pointer-events:none;opacity:.16;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.3'/%3E%3C/svg%3E")}
#product-canvas{position:absolute;z-index:5;inset:0;width:100%;height:100%;touch-action:pan-y;outline:0;cursor:default;opacity:0;transition:opacity 1s cubic-bezier(.16,1,.3,1)}
#product-canvas.is-interactive{cursor:grab;touch-action:none}#product-canvas.is-interactive:active{cursor:grabbing}
.model-fallback{position:absolute;z-index:3;right:2%;top:12%;width:min(63vw,980px);height:80%;transition:opacity 1.1s ease,filter 1.1s ease,transform 1.25s cubic-bezier(.16,1,.3,1);filter:saturate(.72) contrast(1.12) brightness(.78);opacity:.84;mask-image:linear-gradient(90deg,transparent 0%,#000 11%,#000 91%,transparent 100%)}
.model-fallback img{width:100%;height:100%;display:block;object-fit:contain;mix-blend-mode:normal;filter:drop-shadow(0 34px 32px rgba(0,0,0,.45))}
.model-fallback.is-loaded{opacity:0;pointer-events:none}
.model-ready #product-canvas{opacity:1}
.inspection-live #product-canvas{opacity:1}.inspection-live .model-fallback{opacity:0;pointer-events:none}
.inspection-live .stage::before{opacity:.18}
.product-page[data-chapter="2"] .model-fallback{transform:translateX(-25vw) scale(1.08)}
.product-page[data-chapter="3"] .model-fallback{transform:translateX(3vw) scale(1.06)}
.product-page[data-chapter="4"] .model-fallback{transform:translateX(0) scale(.94)}
.model-failed .model-fallback,.no-webgl .model-fallback{opacity:.88;filter:none}

.stage-meta{position:absolute;z-index:21;left:clamp(22px,5.2vw,86px);right:clamp(22px,5.2vw,86px);top:112px;display:flex;justify-content:space-between;align-items:center;font:400 10px/1 var(--mono);letter-spacing:.13em;color:rgba(220,232,242,.58)}
.stage-meta b{font-weight:400;color:rgba(255,255,255,.74)}
.stage-meta i{display:inline-block;width:5px;height:5px;margin-right:9px;border-radius:50%;background:var(--sky);box-shadow:0 0 12px var(--sky)}
.stage-manifest{position:absolute;z-index:1;left:clamp(24px,5.5vw,90px);right:clamp(24px,5.5vw,90px);bottom:9.5%;display:flex;align-items:center;gap:18px;pointer-events:none;font:400 8px/1 var(--mono);letter-spacing:.22em;color:rgba(220,232,242,.18);opacity:calc(.34 + var(--journey)*.5)}
.stage-manifest i{display:block;height:1px;flex:1;background:linear-gradient(90deg,rgba(0,159,227,.08),rgba(0,159,227,.72),rgba(0,159,227,.08));transform:scaleX(calc(.08 + var(--journey)*.92));box-shadow:0 0 18px rgba(0,159,227,.26)}
.product-mate200 .stage{background:radial-gradient(ellipse at 70% 46%,rgba(11,61,83,.2),transparent 38%),linear-gradient(115deg,#0b1117,#05080b 70%)}
.product-mate400 .stage{background:radial-gradient(ellipse at 63% 58%,rgba(0,91,132,.18),transparent 42%),linear-gradient(125deg,#080d12,#030608 76%)}
.product-page[data-chapter="4"] .stage{background:radial-gradient(ellipse at 63% 47%,rgba(0,159,227,.16),transparent 34%),linear-gradient(125deg,#09131a,#030608 76%)}

.story{position:absolute;z-index:22;left:clamp(24px,5.5vw,90px);top:50%;width:min(40vw,610px);opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(0,calc(-50% + 38px),0);transition:opacity .65s ease,transform .85s cubic-bezier(.16,1,.3,1),visibility .65s}
.story.is-current{opacity:1;visibility:visible;transform:translate3d(0,-50%,0)}
.story.right{left:auto;right:clamp(24px,5.5vw,90px);width:min(35vw,560px)}
.story.center{left:50%;top:25%;width:min(80vw,850px);text-align:center;transform:translate3d(-50%,38px,0)}
.story.center.is-current{transform:translate3d(-50%,0,0)}
.inspection-live .story{opacity:0!important;visibility:hidden!important;transform:translate3d(0,30px,0)!important;pointer-events:none}
.eyebrow{display:block;margin-bottom:24px;font:400 10px/1.4 var(--mono);letter-spacing:.15em;color:var(--sky);text-transform:uppercase}
.story h1,.story h2{margin:0;font-family:var(--sans);font-weight:300;line-height:.93;letter-spacing:-.042em;text-wrap:balance}
.story h1{font-size:clamp(66px,7vw,128px)}
.story h2{font-size:clamp(58px,6vw,106px)}
.story em{font-style:normal;color:rgba(220,232,242,.5)}
.story p{max-width:420px;margin:28px 0 0;font-size:clamp(17px,1.35vw,22px);line-height:1.55;color:rgba(220,232,242,.68);font-weight:300}
.story.center p{margin-inline:auto}
@media (min-width:701px){.story[data-scene="0"]{top:54%;width:min(46vw,660px)}}
.product-signature{width:min(320px,60vw);height:auto;margin-top:34px}
.hero-links{display:flex;align-items:center;gap:12px;margin-top:22px;pointer-events:auto}
.hero-links a{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 14px;border:1px solid rgba(220,232,242,.2);background:rgba(5,10,14,.42);font:400 9px/1 var(--mono);letter-spacing:.09em;text-transform:uppercase;color:rgba(220,232,242,.72);backdrop-filter:blur(12px);transition:background .2s,border-color .2s,color .2s}
.hero-links a:first-child{border-color:rgba(0,159,227,.52);color:#fff}.hero-links a:hover,.hero-links a:focus-visible{border-color:var(--sky);background:rgba(0,159,227,.16);color:#fff}.hero-links span{color:var(--sky)}
.data-line{display:flex;gap:2px;margin-top:30px;width:min(460px,100%)}
.data-line span{height:2px;flex:1;background:rgba(220,232,242,.14)}.data-line span:first-child{background:var(--sky);box-shadow:0 0 16px rgba(0,159,227,.9)}
.option-label{display:inline-flex;margin-top:24px;border:1px solid var(--line-bright);padding:9px 12px;font:400 9px/1 var(--mono);letter-spacing:.13em;color:rgba(220,232,242,.72)}
.inspect-button{pointer-events:auto;display:inline-flex;align-items:center;gap:26px;margin-top:30px;padding:15px 18px;border:1px solid rgba(0,159,227,.55);background:rgba(0,159,227,.08);font:400 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:background .2s,border-color .2s}
.inspect-button:hover,.inspect-button.is-active{background:rgba(0,159,227,.2);border-color:var(--sky)}
.inspect-button i{font-style:normal;color:var(--sky);font-size:18px}
.inspect-help{display:block;margin-top:12px;font:400 9px/1.3 var(--mono);letter-spacing:.08em;color:rgba(220,232,242,.4)}

.model-loader{position:absolute;z-index:24;left:50%;bottom:33px;width:min(330px,32vw);transform:translateX(-50%);display:grid;grid-template-columns:1fr auto;gap:8px 18px;align-items:center;opacity:1;transition:opacity .5s}
.model-loader[hidden],.model-loader.is-done{opacity:0;pointer-events:none}
.model-loader span,.model-loader strong{font:400 8px/1 var(--mono);letter-spacing:.1em;color:rgba(220,232,242,.48)}
.model-loader strong{color:rgba(255,255,255,.74)}
.model-loader i{grid-column:1/-1;height:1px;background:rgba(220,232,242,.13);overflow:hidden}.model-loader b{display:block;width:0;height:100%;background:var(--sky);box-shadow:0 0 10px var(--sky);transition:width .25s}
.stage-footer{position:absolute;z-index:23;left:clamp(22px,5.2vw,86px);right:clamp(22px,5.2vw,86px);bottom:28px;display:flex;justify-content:space-between;align-items:center;font:400 9px/1 var(--mono);letter-spacing:.08em;color:rgba(220,232,242,.46)}
.motion-toggle{border:0;background:none;padding:8px 0;cursor:pointer;color:inherit}.motion-toggle:hover{color:#fff}
.scene-count b{font-weight:400;color:#fff}.scene-count span{margin:0 8px;color:rgba(220,232,242,.2)}
.chapter-rail{position:absolute;z-index:24;right:28px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:13px}
.chapter-rail button{position:relative;width:10px;height:10px;border:0;background:transparent;padding:0;cursor:pointer}
.chapter-rail button::before{content:'';position:absolute;right:0;top:50%;width:4px;height:4px;border-radius:50%;background:rgba(220,232,242,.28);transform:translateY(-50%);transition:.25s}
.chapter-rail button span{position:absolute;right:18px;top:50%;transform:translateY(-50%) translateX(5px);opacity:0;white-space:nowrap;font:400 8px/1 var(--mono);letter-spacing:.08em;color:rgba(220,232,242,.55);transition:.25s}
.chapter-rail button:hover span,.chapter-rail button:focus-visible span{opacity:1;transform:translateY(-50%) translateX(0)}
.chapter-rail button.is-current::before{width:6px;height:6px;background:var(--sky);box-shadow:0 0 10px var(--sky)}
.journey-progress{position:absolute;z-index:26;left:0;bottom:0;width:100%;height:2px;background:rgba(220,232,242,.08)}
.journey-progress::after{content:'';display:block;width:calc(var(--journey)*100%);height:100%;background:linear-gradient(90deg,var(--blue),var(--sky));box-shadow:0 0 14px rgba(0,159,227,.72)}
.inspection-hud{position:absolute;z-index:31;left:clamp(22px,5.2vw,86px);right:clamp(22px,5.2vw,86px);top:116px;display:flex;align-items:center;justify-content:space-between;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .4s ease,transform .6s cubic-bezier(.16,1,.3,1),visibility .4s;font:400 9px/1 var(--mono);letter-spacing:.12em;color:rgba(220,232,242,.46);pointer-events:none}
.inspection-exit{padding:13px 16px;border:1px solid rgba(0,159,227,.55);background:rgba(5,10,14,.76);font:400 10px/1 var(--mono);letter-spacing:.1em;cursor:pointer;pointer-events:auto;backdrop-filter:blur(12px);transition:background .2s,border-color .2s}
.inspection-exit:hover,.inspection-exit:focus-visible{background:rgba(0,159,227,.16);border-color:var(--sky)}
.inspection-live .inspection-hud{opacity:1;visibility:visible;transform:none}
.inspection-live .stage-meta,.inspection-live .chapter-rail,.inspection-live .stage-footer,.inspection-live .journey-progress{opacity:0;pointer-events:none}
.inspection-live .stage-manifest{opacity:0!important}
.anatomy-readout{position:absolute;z-index:21;right:clamp(58px,7vw,118px);top:51%;display:grid;gap:17px;opacity:0;visibility:hidden;transform:translate3d(14px,-50%,0);transition:opacity .55s ease,transform .75s cubic-bezier(.16,1,.3,1),visibility .55s;pointer-events:none}
.anatomy-readout span{display:flex;align-items:center;justify-content:flex-end;gap:12px;font:400 8px/1 var(--mono);letter-spacing:.14em;color:rgba(220,232,242,.52)}
.anatomy-readout span::after{content:'';width:34px;height:1px;background:linear-gradient(90deg,var(--sky),transparent);box-shadow:0 0 12px rgba(0,159,227,.48)}
.product-page[data-chapter="4"] .anatomy-readout{opacity:1;visibility:visible;transform:translate3d(0,-50%,0)}
.inspection-live .anatomy-readout{opacity:0;visibility:hidden}
.scene-blade{position:absolute;z-index:28;inset:0;display:grid;place-items:center;pointer-events:none;visibility:hidden;background:linear-gradient(90deg,transparent 0%,rgba(0,159,227,.08) 45%,rgba(214,241,255,.22) 50%,rgba(0,159,227,.05) 55%,transparent 100%);transform:translateX(-115%)}
.scene-blade span{font:400 9px/1 var(--mono);letter-spacing:.28em;color:rgba(255,255,255,.52)}
.scene-blade.is-sweeping{visibility:visible;animation:scene-sweep .78s cubic-bezier(.76,0,.24,1)}
@keyframes scene-sweep{0%{transform:translateX(-115%);opacity:0}18%{opacity:1}100%{transform:translateX(115%);opacity:0}}

.editorial-break{position:relative;min-height:110vh;overflow:hidden;background:#080d12;display:grid;place-items:center}
.editorial-break figure{position:absolute;inset:0;margin:0}.editorial-break img{width:100%;height:100%;object-fit:cover;filter:saturate(.78) contrast(1.1) brightness(.76);transform:scale(calc(1.08 - var(--editorial-progress,0)*.04)) translate3d(0,calc((.5 - var(--editorial-progress,0))*3vh),0);will-change:transform}
.editorial-break::before{content:'';position:absolute;z-index:2;inset:0;background:linear-gradient(90deg,rgba(7,11,15,.88),rgba(7,11,15,.23) 52%,rgba(7,11,15,.62)),linear-gradient(180deg,transparent 55%,#080d12)}
.editorial-break::after{content:'';position:absolute;z-index:3;left:0;right:0;top:32%;height:1px;background:linear-gradient(90deg,transparent,var(--sky),transparent);box-shadow:0 0 28px var(--sky);opacity:.42}
.editorial-copy{position:relative;z-index:5;width:min(90vw,1280px);padding:16vh 0 12vh}
.editorial-copy small{font:400 10px/1 var(--mono);letter-spacing:.15em;color:var(--sky)}
.editorial-copy h2{margin:28px 0 0;max-width:920px;font-size:clamp(62px,8.3vw,148px);font-weight:300;line-height:.88;letter-spacing:-.05em;text-wrap:balance}
.editorial-copy h2 span{color:rgba(220,232,242,.42)}
.editorial-copy p{margin:44px 0 0;max-width:470px;font-size:21px;line-height:1.6;color:rgba(220,232,242,.72)}

.proof-stage{position:relative;min-height:94vh;overflow:hidden;display:flex;align-items:flex-end;padding:clamp(110px,13vw,190px) clamp(24px,5.5vw,90px) 110px;background:#05080b;color:#f5f8fa}
.proof-stage figure{position:absolute;inset:0;margin:0}.proof-stage img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.72) contrast(1.18) brightness(.72);transform:scale(1.025)}
.proof-stage::before{content:'';position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(4,8,12,.94) 0%,rgba(4,8,12,.67) 42%,rgba(4,8,12,.12) 75%),linear-gradient(180deg,rgba(4,8,12,.1),rgba(4,8,12,.18) 52%,rgba(4,8,12,.9))}
.proof-stage::after{content:'';position:absolute;z-index:2;left:clamp(24px,5.5vw,90px);top:18%;width:1px;height:48%;background:linear-gradient(transparent,var(--sky),transparent);box-shadow:0 0 22px rgba(0,159,227,.55)}
.proof-copy{position:relative;z-index:3;max-width:940px;padding-left:36px}.proof-copy h2{margin:0;font-size:clamp(62px,8.2vw,142px);font-weight:300;line-height:.88;letter-spacing:-.05em;text-wrap:balance}.proof-copy h2 em{display:block;font-style:normal;color:rgba(220,232,242,.48)}
.proof-copy p{max-width:560px;margin:34px 0 0;font-size:clamp(17px,1.45vw,22px);line-height:1.6;color:rgba(220,232,242,.72)}
.proof-data{position:absolute;z-index:3;right:clamp(24px,5.5vw,90px);bottom:36px;display:flex;gap:28px;font:400 8px/1 var(--mono);letter-spacing:.12em;color:rgba(220,232,242,.48)}.proof-data span:last-child{color:var(--sky)}
.product-mate200 .proof-stage img{object-position:center 48%}.product-mate400 .proof-stage img{object-position:center 45%}

.fit-section{scroll-margin-top:86px;background:#dfe7ed;color:var(--ink);padding:clamp(90px,8vw,120px) clamp(24px,5.5vw,90px) clamp(100px,10vw,150px)}
.fit-header{display:grid;grid-template-columns:1.25fr .75fr;gap:7vw;align-items:end;padding-bottom:70px}.fit-header .eyebrow{grid-column:1/-1;margin:0;color:var(--blue)}
.fit-header h2{margin:0;font-size:clamp(58px,6.8vw,116px);font-weight:300;line-height:.92;letter-spacing:-.045em}.fit-header h2 em{font-style:normal;color:#8b98a2}.fit-header>p{margin:0 0 8px;max-width:430px;font-size:21px;line-height:1.55;color:#56646e}
.fit-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #bac7d0;border-bottom:1px solid #bac7d0}
.fit-grid article{min-height:330px;padding:34px 28px 40px;border-right:1px solid #bac7d0}.fit-grid article:last-child{border:0}.fit-grid article>span{font:400 9px/1 var(--mono);letter-spacing:.12em;color:var(--blue)}
.fit-grid h3{margin:76px 0 0;font-size:clamp(28px,2.3vw,42px);font-weight:400;line-height:1.05;letter-spacing:-.025em}.fit-grid p{margin:22px 0 0;font-size:16px;line-height:1.6;color:#5b6872}
.fit-verdict{display:grid;grid-template-columns:1fr auto;gap:60px;align-items:center;margin-top:44px;padding:30px 34px;background:#0a1117;color:#edf4f7}.fit-verdict strong{font:400 9px/1 var(--mono);letter-spacing:.13em;color:var(--sky)}.fit-verdict p{max-width:720px;margin:12px 0 0;font-size:17px;line-height:1.55;color:rgba(220,232,242,.68)}
.fit-actions{display:flex;flex-direction:column;align-items:stretch;min-width:280px}.fit-actions a{display:flex;justify-content:space-between;gap:28px;padding:14px 0;border-bottom:1px solid rgba(220,232,242,.18);font-size:14px;color:#fff}.fit-actions a:first-child{color:var(--sky)}.fit-actions a:hover{color:#fff}
.trust-rail{display:grid;grid-template-columns:repeat(4,1fr);margin-top:54px;border-top:1px solid #bac7d0;border-bottom:1px solid #bac7d0}.trust-rail span{padding:24px 18px;border-right:1px solid #bac7d0;font:400 11px/1.4 var(--mono);letter-spacing:.07em;color:#687680}.trust-rail span:last-child{border:0}.trust-rail b{font-weight:500;color:#111a21}

.evidence{scroll-margin-top:86px;background:#eef2f6;color:var(--ink);padding:clamp(90px,12vw,180px) clamp(24px,5.5vw,90px)}
.evidence-top{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;padding-bottom:80px;border-bottom:1px solid #cbd5dd}
.evidence .eyebrow{color:var(--blue)}
.evidence h2{margin:0;font-size:clamp(58px,7vw,122px);font-weight:300;line-height:.91;letter-spacing:-.045em}.evidence h2 em{font-style:normal;color:#8e9aa4}
.evidence-intro{align-self:end;max-width:520px;font-size:22px;line-height:1.55;color:#53606a}
.spec-ribbon{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #cbd5dd}
.spec-ribbon article{min-height:260px;padding:44px 28px;border-right:1px solid #cbd5dd}.spec-ribbon article:last-child{border:0}
.spec-ribbon strong{display:block;font-size:clamp(43px,4vw,74px);font-weight:300;line-height:1;color:#10161c;letter-spacing:-.04em}.spec-ribbon strong span{font:400 10px/1 var(--mono);letter-spacing:.09em;color:var(--blue);margin-left:8px}
.spec-ribbon p{margin:22px 0 0;font-size:16px;line-height:1.5;color:#5e6a74}
.spec-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw;padding-top:100px}
.dimension-art{position:relative;min-height:520px;border:1px solid #cbd5dd;background:linear-gradient(#fff,#edf2f6);overflow:hidden}
.dimension-art::before{content:'';position:absolute;inset:8%;border:1px solid rgba(0,69,124,.22);box-shadow:0 0 0 36px rgba(0,69,124,.025),0 0 0 72px rgba(0,69,124,.018)}
.dimension-art .axis{position:absolute;font:400 10px/1 var(--mono);letter-spacing:.1em;color:var(--blue)}
.dimension-art .axis-x{left:50%;bottom:5%;transform:translateX(-50%)}.dimension-art .axis-y{right:3%;top:50%;transform:rotate(90deg) translateX(50%);transform-origin:right center}
.dimension-art img{position:absolute;z-index:2;inset:9%;width:82%;height:82%;object-fit:contain;filter:drop-shadow(0 34px 30px rgba(0,27,51,.18))}
.technical-list{margin:0}.technical-list div{display:grid;grid-template-columns:1fr auto;gap:32px;padding:18px 0;border-bottom:1px solid #cbd5dd}.technical-list dt{color:#6a7680}.technical-list dd{margin:0;font-weight:500;text-align:right}
.spec-note{margin:28px 0 0;font-size:13px;line-height:1.55;color:#697681}
.option-block{display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw;margin-top:100px;padding:54px 0;border-top:1px solid #cbd5dd;border-bottom:1px solid #cbd5dd}.option-block .eyebrow{margin-bottom:22px}.option-block h3{margin:0;font-size:clamp(38px,4vw,68px);font-weight:300;line-height:1;letter-spacing:-.035em}.option-block ul{display:grid;grid-template-columns:repeat(2,1fr);gap:0 34px;margin:0;padding:0;list-style:none}.option-block li{padding:19px 0;border-bottom:1px solid #cbd5dd;color:#53606a}.option-block li::before{content:'+';margin-right:14px;color:var(--blue)}

.contact-stage{scroll-margin-top:86px;position:relative;min-height:92vh;padding:clamp(100px,12vw,190px) clamp(24px,5.5vw,90px) 60px;background:radial-gradient(circle at 78% 22%,rgba(0,159,227,.12),transparent 33%),#070b0f;overflow:hidden}
.contact-stage::before{content:attr(data-number);position:absolute;right:-.02em;bottom:-.28em;font:600 clamp(260px,42vw,760px)/1 var(--display);color:rgba(220,232,242,.025);letter-spacing:-.08em}
.contact-stage h2{position:relative;margin:0;font-size:clamp(76px,11vw,190px);font-weight:300;line-height:.84;letter-spacing:-.055em}.contact-stage h2 em{font-style:normal;color:rgba(220,232,242,.36)}
.contact-row{position:relative;display:flex;justify-content:space-between;gap:40px;align-items:end;margin-top:80px;padding-top:30px;border-top:1px solid var(--line)}
.contact-row p{margin:0;max-width:470px;font-size:19px;line-height:1.6;color:rgba(220,232,242,.62)}
.primary-cta{display:flex;justify-content:space-between;gap:60px;align-items:center;width:min(440px,100%);padding:20px 24px;background:#fff;color:#10161c;font-weight:500;transition:transform .25s,background .25s}.primary-cta:hover{transform:translateY(-3px);background:#dff5ff}.primary-cta span{font-size:22px}
.site-footer{display:flex;align-items:center;gap:34px;padding:28px clamp(24px,5.5vw,90px);border-top:1px solid var(--line);background:#070b0f;color:rgba(220,232,242,.45);font:400 9px/1.5 var(--mono);letter-spacing:.06em}.site-footer img{width:82px}.site-footer a:last-child{margin-left:auto;color:rgba(220,232,242,.72)}

@media (max-width:1000px){
  .family-nav{grid-template-columns:auto 1fr;height:78px}.product-switch{display:none}.nav-links{justify-self:end}
  .brand-lockup small{display:none}.stage-meta{top:100px}.story{width:min(48vw,560px)}.story.right{width:min(43vw,520px)}
  .fit-header{grid-template-columns:1fr}.fit-grid{grid-template-columns:repeat(2,1fr)}.fit-grid article:nth-child(2){border-right:0}.fit-grid article:nth-child(-n+2){border-bottom:1px solid #bac7d0}.trust-rail{grid-template-columns:repeat(2,1fr)}.trust-rail span:nth-child(2){border-right:0}.trust-rail span:nth-child(-n+2){border-bottom:1px solid #bac7d0}
  .evidence-top,.spec-layout,.option-block{grid-template-columns:1fr}.spec-ribbon{grid-template-columns:repeat(2,1fr)}.spec-ribbon article:nth-child(2){border-right:0}.spec-ribbon article:nth-child(-n+2){border-bottom:1px solid #cbd5dd}
}

@media (max-width:700px){
  .family-nav{height:70px;padding:0 20px}.brand-lockup img{width:86px}.nav-links{gap:16px;font-size:12px}.nav-links a:first-child{display:none}
  .odyssey{height:580vh}.stage{min-height:560px}.stage::before{background:linear-gradient(180deg,rgba(7,11,15,.7) 0%,transparent 42%,rgba(7,11,15,.74) 90%)}
  .stage-meta{top:88px;left:20px;right:20px;font-size:8px}.stage-meta span:last-child{display:none}
  .story,.story.right{left:20px;right:20px;top:16%;width:auto;text-align:left;transform:translate3d(0,30px,0)}.story.is-current,.story.right.is-current{transform:translate3d(0,0,0)}.story.center{left:20px;right:20px;top:15%;width:auto;text-align:left;transform:translate3d(0,30px,0)}.story.center.is-current{transform:translate3d(0,0,0)}
  .story h1{font-size:clamp(52px,15.5vw,78px)}.story h2{font-size:clamp(46px,13vw,70px)}.story p{font-size:15px;max-width:360px;margin-top:16px}.eyebrow{margin-bottom:15px}.product-signature{width:190px;margin-top:17px}.hero-links{margin-top:16px;gap:8px}.hero-links a{padding:10px 11px;gap:10px;font-size:7px}.data-line,.option-label{margin-top:16px}
  .inspection-hud{top:92px;left:20px;right:20px;align-items:flex-start}.inspection-hud>span{max-width:120px;text-align:right;line-height:1.5}
  .model-fallback{right:-28%;top:34%;width:150vw;height:65%;mask-image:linear-gradient(180deg,transparent,#000 14%,#000 86%,transparent)}
  .stage-manifest{left:20px;right:20px;bottom:9%;gap:11px;font-size:7px}
  .chapter-rail{right:11px}.chapter-rail button span{display:none}.stage-footer{left:20px;right:20px;bottom:18px}.model-loader{bottom:54px;width:55vw}
  .editorial-break{min-height:92vh}.editorial-copy{padding-inline:20px}.editorial-copy h2{font-size:clamp(56px,17vw,88px)}.editorial-copy p{font-size:17px}.editorial-break img{object-position:center}
  .proof-stage{min-height:86vh;padding:110px 20px 92px}.proof-stage::before{background:linear-gradient(180deg,rgba(4,8,12,.22),rgba(4,8,12,.7) 46%,rgba(4,8,12,.96))}.proof-stage::after{left:20px;top:18%;height:30%}.proof-copy{padding-left:18px}.proof-copy h2{font-size:clamp(52px,14vw,78px)}.proof-copy p{font-size:16px;margin-top:25px}.proof-data{left:38px;right:20px;bottom:26px;justify-content:space-between;gap:10px;font-size:6px}.product-mate200 .proof-stage img,.product-mate400 .proof-stage img{object-position:center}
  .fit-section{padding:90px 20px}.fit-header{gap:28px;padding-bottom:46px}.fit-header h2{font-size:clamp(50px,14vw,78px)}.fit-header>p{font-size:17px}.fit-grid{grid-template-columns:1fr}.fit-grid article{min-height:220px;border-right:0;border-bottom:1px solid #bac7d0!important;padding:28px 16px}.fit-grid article:last-child{border-bottom:0!important}.fit-grid h3{margin-top:48px}.fit-verdict{grid-template-columns:1fr;gap:28px;padding:28px 22px}.fit-actions{min-width:0}.trust-rail{grid-template-columns:1fr 1fr;margin-top:38px}.trust-rail span{font-size:9px;padding:19px 12px}
  .evidence{padding:90px 20px}.evidence-top{gap:34px;padding-bottom:52px}.evidence h2{font-size:clamp(56px,16vw,86px)}.evidence-intro{font-size:18px}.spec-ribbon{grid-template-columns:1fr 1fr}.spec-ribbon article{min-height:200px;padding:30px 16px}.spec-ribbon strong{font-size:42px}.spec-ribbon strong span{display:block;margin:8px 0 0}.spec-ribbon p{font-size:14px}
  .spec-layout{padding-top:70px;gap:50px}.dimension-art{min-height:400px}.technical-list div{grid-template-columns:1fr;gap:6px}.technical-list dd{text-align:left}.option-block{margin-top:70px;padding:44px 0;gap:38px}.option-block ul{grid-template-columns:1fr}
  .contact-stage{padding:110px 20px 52px;min-height:82vh}.contact-stage h2{font-size:clamp(74px,23vw,118px)}.contact-row{flex-direction:column;align-items:stretch;margin-top:58px}.primary-cta{width:100%}.site-footer{padding:24px 20px;flex-wrap:wrap;gap:16px 24px}.site-footer span{width:100%;order:3}.site-footer a:last-child{margin-left:auto}
}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important}.story{transform:none!important}}

.scene-blade{display:none}
.stage::before{background:linear-gradient(90deg,rgba(7,11,15,.78),transparent 43%,transparent 90%),linear-gradient(180deg,rgba(7,11,15,.2),transparent 25%,transparent 88%,rgba(7,11,15,.25))}
.product-page[data-chapter="2"] .stage::before{background:linear-gradient(90deg,transparent 30%,rgba(7,11,15,.18) 52%,rgba(7,11,15,.9) 72%)}
.story p{color:#b1bdc6}.story em{color:#929fa9}
.product-signature{width:235px;margin-top:25px}
.story[data-scene="4"],.story[data-scene="5"]{width:min(38vw,540px)}
.detail-stat{display:block;font-size:clamp(48px,5vw,82px);line-height:1;margin-top:34px;font-weight:300;letter-spacing:-.04em}
.detail-stat small{display:block;font:10px/1.5 var(--mono);color:var(--sky);letter-spacing:.12em;margin-top:9px}
.chapter-rail{right:10px;gap:0}
.chapter-rail button{width:36px;height:36px}
.chapter-rail button::before{right:16px}
.chapter-rail button span{right:37px}
:focus-visible{outline:2px solid var(--sky);outline-offset:5px}
.inspection-live .stage-meta,.inspection-live .chapter-rail,.inspection-live .stage-manifest{visibility:hidden}
.inspection-live .stage::before{opacity:0}
@media(max-width:1000px){
 .family-nav{height:104px;align-content:start;padding-top:18px;row-gap:12px}
 .product-switch{display:flex;grid-column:1/-1;grid-row:2;width:100%;justify-content:center;border:0;border-top:1px solid var(--line);background:none;padding-top:6px}
 .product-switch a{flex:1;text-align:center;padding:10px 5px;font-size:9px}
 .stage-meta{top:124px}
}
@media(max-width:700px){
 .stage{height:100svh;min-height:700px}
 .story,.story.right,.story[data-scene="0"],.story[data-scene="4"],.story[data-scene="5"]{top:158px;width:auto;left:20px;right:35px;transform:none}
 .story.is-current,.story.right.is-current{transform:none}
 .story h1{font-size:58px}.story h2{font-size:48px;line-height:.98}
 .story p{font-size:15px;line-height:1.5;margin-top:15px}
 .product-signature{display:none}
 .hero-links{margin-top:18px}.hero-links a{min-height:40px;font-size:8px}
 .eyebrow{font-size:8px;margin-bottom:15px}
 .stage::before,.product-page[data-chapter="2"] .stage::before{background:linear-gradient(180deg,rgba(7,11,15,.55),rgba(7,11,15,.26) 46%,transparent 70%,transparent 95%)}
 .product-page[data-chapter="1"] .stage::before,.product-page[data-chapter="3"] .stage::before{background:linear-gradient(180deg,rgba(5,9,12,.9),rgba(5,9,12,.66) 48%,rgba(5,9,12,.18) 68%,transparent 82%)}
 .detail-stat{font-size:36px;margin-top:18px}.detail-stat small{display:block;margin:7px 0 0;font-size:8px}
 .chapter-rail{right:0;top:65%}
 .inspection-hud{top:132px}
 .stage-meta{font-size:8px}
 .inspect-button{margin-top:20px;min-height:44px}
 .inspect-help{max-width:280px}
 .evidence,.contact-stage,.fit-section{scroll-margin-top:104px}
}
@media(prefers-reduced-motion:reduce){.editorial-break img{transform:none!important}}
.inspection-views{display:none;position:absolute;z-index:30;bottom:70px;left:50%;transform:translateX(-50%);gap:4px;padding:4px;border:1px solid var(--line);background:rgba(7,11,15,.92)}
.inspection-live .inspection-views{display:flex}
.inspection-views button{background:transparent;border:0;padding:13px 20px;min-height:44px;cursor:pointer;font:10px var(--mono);white-space:nowrap}
.inspection-views button:hover,.inspection-views button[aria-pressed="true"]{background:#17303c;color:white}
.inspection-actions{display:none;position:absolute;z-index:31;bottom:128px;left:50%;transform:translateX(-50%);gap:7px}
.inspection-live .inspection-actions{display:flex}
.inspection-actions button{display:flex;align-items:center;justify-content:space-between;gap:18px;min-width:154px;min-height:42px;padding:11px 13px;border:1px solid rgba(220,232,242,.18);background:rgba(7,11,15,.78);cursor:pointer;font:400 9px/1 var(--mono);letter-spacing:.07em;white-space:nowrap;backdrop-filter:blur(10px)}
.inspection-actions button i{font-style:normal;font-size:15px;color:var(--sky)}
.inspection-actions button:hover,.inspection-actions button[aria-pressed="true"]{border-color:rgba(0,159,227,.7);background:rgba(0,159,227,.14);color:#fff}
@media(max-width:700px){.anatomy-readout{display:none}.inspection-actions{bottom:110px}.inspection-actions button{min-width:0;padding:10px 12px;gap:10px;font-size:8px}.inspection-views{bottom:55px}.inspection-views button{padding:12px 17px}}
.no-webgl .odyssey,.model-failed .odyssey{height:auto}
.no-webgl .stage,.model-failed .stage{height:auto;min-height:0;padding:170px 24px 60px}
.no-webgl .story,.model-failed .story{position:relative!important;inset:auto!important;width:auto!important;opacity:1!important;visibility:visible!important;transform:none!important;margin:0 0 60px}
.no-webgl .chapter-rail,.model-failed .chapter-rail,.no-webgl .model-loader,.model-failed .model-loader,.no-webgl .inspect-button,.model-failed .inspect-button{display:none}
body.inspection-live{overflow:hidden}
.inspection-live .stage{position:fixed;inset:0;z-index:45;height:100dvh;min-height:0}
.inspection-live .stage-footer{display:none}

.inspection-hud{top:155px}
@media(max-width:700px){.inspection-hud{top:145px}}

.story-plates{position:absolute;z-index:6;inset:0;overflow:hidden;pointer-events:none}
.story-plate{position:absolute;inset:0;margin:0;opacity:0;visibility:hidden;transform:scale(1.045);transition:opacity .7s ease,transform 1.8s cubic-bezier(.16,1,.3,1),visibility 0s linear .72s;will-change:opacity,transform}
.story-plate::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,8,11,.94) 0%,rgba(4,8,11,.62) 34%,rgba(4,8,11,.08) 68%,rgba(4,8,11,.5) 100%),linear-gradient(180deg,rgba(4,8,11,.36),transparent 28%,transparent 68%,rgba(4,8,11,.84))}
.story-plate img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.62) contrast(1.16) brightness(.72)}
.product-mate200 .plate-one img{object-position:center 52%}
.product-mate400 .plate-one{inset:18% 0 5% 38%;clip-path:polygon(9% 0,100% 0,100% 100%,0 100%,0 12%)}
.product-mate400 .plate-one::after{background:linear-gradient(90deg,rgba(4,8,11,.3),transparent 36%,rgba(4,8,11,.25)),linear-gradient(180deg,rgba(4,8,11,.25),transparent 18%,transparent 78%,rgba(4,8,11,.8))}
.product-mate400 .plate-one img{object-position:center 67%;filter:saturate(.42) contrast(1.28) brightness(.66)}
.product-mate400 .plate-two img{object-position:center 54%;filter:saturate(.58) contrast(1.15) brightness(.64)}
.product-mate400 .plate-two::after{background:linear-gradient(90deg,rgba(4,8,11,.46),rgba(4,8,11,.08) 42%,rgba(4,8,11,.82) 76%),linear-gradient(180deg,rgba(4,8,11,.26),transparent 32%,rgba(4,8,11,.72))}
.product-page[data-chapter="1"] .plate-one,.product-mate400[data-chapter="2"] .plate-two{opacity:1;visibility:visible;transform:scale(1);transition-delay:0s}
.product-page[data-chapter="1"] #product-canvas,.product-mate400[data-chapter="2"] #product-canvas{opacity:0}
.inspection-live .story-plates{display:none}

.chapter-monument{position:absolute;z-index:7;inset:0;overflow:hidden;pointer-events:none;opacity:0;transition:opacity .55s ease}
.chapter-monument::before{position:absolute;right:-.035em;bottom:-.16em;font:600 clamp(190px,28vw,520px)/.78 var(--display);letter-spacing:-.08em;color:transparent;-webkit-text-stroke:1px rgba(195,224,238,.1);white-space:nowrap}
.product-mate200[data-chapter="1"] .chapter-monument,.product-mate200[data-chapter="2"] .chapter-monument,.product-page[data-chapter="3"] .chapter-monument,.product-page[data-chapter="4"] .chapter-monument,.product-mate400[data-chapter="1"] .chapter-monument,.product-mate400[data-chapter="2"] .chapter-monument{opacity:1}
.product-mate200[data-chapter="1"] .chapter-monument::before{content:'720×850'}
.product-mate200[data-chapter="2"] .chapter-monument::before{content:'↔';right:8%;bottom:-.06em;font-size:clamp(280px,34vw,620px)}
.product-mate400[data-chapter="1"] .chapter-monument::before{content:'500×400'}
.product-mate400[data-chapter="2"] .chapter-monument::before{content:'X·Y'}
.product-page[data-chapter="3"] .chapter-monument::before{content:'40K'}
.product-mate200[data-chapter="4"] .chapter-monument::before{content:'×2';right:3%;bottom:-.1em}
.product-mate400[data-chapter="4"] .chapter-monument::before{content:'0.002';right:-.02em;font-size:clamp(170px,24vw,430px)}

.optical-stage{position:absolute;z-index:9;inset:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .45s ease,visibility 0s linear .46s}
.optical-stage::before{content:'';position:absolute;inset:30% 2.5% 8% 43%;border:1px solid rgba(205,232,244,.14);background:linear-gradient(115deg,rgba(255,255,255,.025),transparent 38%);box-shadow:inset 0 0 70px rgba(0,0,0,.24)}
.optical-stage::after{content:'';position:absolute;left:43%;right:2.5%;top:61%;height:1px;background:linear-gradient(90deg,transparent,rgba(218,242,252,.72),rgba(0,159,227,.35),transparent);box-shadow:0 0 16px rgba(154,221,246,.24);transform-origin:left;animation:optic-scan 4.8s ease-in-out infinite}
.optic-reticle{position:absolute;left:65%;top:60%;width:34px;height:34px;border:1px solid rgba(225,242,249,.44);border-radius:50%;transform:translate(-50%,-50%)}
.optic-reticle::before,.optic-reticle::after{content:'';position:absolute;background:rgba(225,242,249,.35)}
.optic-reticle::before{left:50%;top:-12px;bottom:-12px;width:1px}.optic-reticle::after{top:50%;left:-12px;right:-12px;height:1px}
.optic-line{position:absolute;left:43%;top:30%;bottom:8%;width:1px;background:linear-gradient(transparent,rgba(0,159,227,.45),transparent)}
.optical-stage i{position:absolute;width:16px;height:16px;border-color:rgba(205,232,244,.55);border-style:solid}
.optical-stage i:nth-of-type(1){left:43%;top:30%;border-width:1px 0 0 1px}.optical-stage i:nth-of-type(2){right:2.5%;top:30%;border-width:1px 1px 0 0}.optical-stage i:nth-of-type(3){right:2.5%;bottom:8%;border-width:0 1px 1px 0}.optical-stage i:nth-of-type(4){left:43%;bottom:8%;border-width:0 0 1px 1px}
.product-page[data-chapter="3"] .optical-stage,.product-page[data-chapter="4"] .optical-stage,.product-mate200[data-chapter="2"] .optical-stage{opacity:1;visibility:visible;transition-delay:0s}
.product-page[data-chapter="3"] #product-canvas{clip-path:inset(30% 2.5% 8% 43%)}
.product-mate200[data-chapter="2"] .optical-stage::before{inset:43% 4% 20% 38%;background:linear-gradient(90deg,rgba(255,255,255,.018),transparent);border-color:rgba(205,232,244,.1)}
.product-mate200[data-chapter="2"] .optical-stage::after{left:7%;right:4%;top:61%;animation:profile-pass 3.8s ease-in-out infinite}
.product-mate200[data-chapter="2"] .optic-line{left:7%;right:4%;top:61%;bottom:auto;width:auto;height:1px;background:linear-gradient(90deg,transparent,rgba(225,242,249,.22),rgba(0,159,227,.35),rgba(225,242,249,.22),transparent)}
.product-mate200[data-chapter="2"] .optic-reticle{left:67%;top:61%;width:28px;height:28px}
.product-mate200[data-chapter="2"] .optical-stage i{display:none}
.product-page[data-chapter="4"] .optical-stage::before{inset:36% 4% 12% 46%;border-color:rgba(205,232,244,.08);background:linear-gradient(135deg,rgba(255,255,255,.018),transparent 52%)}
.product-page[data-chapter="4"] .optical-stage::after{left:46%;right:4%;top:62%;background:linear-gradient(90deg,transparent,rgba(213,231,238,.38),transparent);animation:repeat-return 3.6s cubic-bezier(.65,0,.35,1) infinite}
.product-page[data-chapter="4"] .optic-line{left:69%;top:36%;bottom:12%;background:linear-gradient(transparent,rgba(213,231,238,.28),transparent)}
.product-page[data-chapter="4"] .optic-reticle{left:69%;top:62%;width:30px;height:30px;border-color:rgba(225,242,249,.36);animation:repeat-lock 3.6s cubic-bezier(.65,0,.35,1) infinite}
.product-mate200[data-chapter="4"] .optic-reticle{left:65%;top:61%;box-shadow:86px 0 0 -1px rgba(220,234,239,.34)}
.product-mate200[data-chapter="4"] .optic-line{left:65%}
.product-mate200[data-chapter="4"] .optical-stage::after{top:61%;background:linear-gradient(90deg,transparent 20%,rgba(213,231,238,.42) 42%,rgba(213,231,238,.42) 68%,transparent 86%);animation:twin-pulse 3.2s ease-in-out infinite}
.product-page[data-chapter="4"] .optical-stage i:nth-of-type(1){left:46%;top:36%}.product-page[data-chapter="4"] .optical-stage i:nth-of-type(2){right:4%;top:36%}.product-page[data-chapter="4"] .optical-stage i:nth-of-type(3){right:4%;bottom:12%}.product-page[data-chapter="4"] .optical-stage i:nth-of-type(4){left:46%;bottom:12%}
@keyframes optic-scan{0%,100%{transform:scaleX(.12);opacity:.2}48%{transform:scaleX(1);opacity:.8}}
@keyframes profile-pass{0%,100%{transform:translateX(-26%) scaleX(.24);opacity:.25}50%{transform:translateX(24%) scaleX(.52);opacity:.9}}
@keyframes repeat-return{0%{transform:translateX(-34%) scaleX(.18);opacity:.12}58%,82%{transform:translateX(0) scaleX(1);opacity:.72}100%{transform:translateX(0) scaleX(1);opacity:.08}}
@keyframes repeat-lock{0%,52%{transform:translate(-50%,-50%) scale(1.7);opacity:.08}68%,84%{transform:translate(-50%,-50%) scale(1);opacity:.82}100%{transform:translate(-50%,-50%) scale(.92);opacity:.16}}
@keyframes twin-pulse{0%,100%{transform:scaleX(.48);opacity:.18}50%{transform:scaleX(1);opacity:.62}}

.product-page[data-chapter="3"] .stage::before{background:linear-gradient(90deg,rgba(4,8,11,.96) 0%,rgba(4,8,11,.88) 39%,transparent 58%,rgba(4,8,11,.28)),linear-gradient(180deg,rgba(4,8,11,.28),transparent 30%,transparent 74%,rgba(4,8,11,.76))}
.product-page[data-chapter="4"] .stage::before{background:radial-gradient(ellipse at 69% 51%,transparent 0%,rgba(4,8,11,.14) 28%,rgba(4,8,11,.82) 72%),linear-gradient(90deg,rgba(4,8,11,.86),transparent 58%)}
.story{transition:opacity .38s ease,transform .78s cubic-bezier(.16,1,.3,1)}
.story.is-current{transition-delay:0s}
body[data-chapter]:not([data-chapter="0"]) .stage-meta{opacity:0;visibility:hidden}
@media(min-width:701px){.story[data-scene="1"]{top:54%}}

@media(max-width:700px){
  .story-plate::after{background:linear-gradient(180deg,rgba(4,8,11,.94) 0%,rgba(4,8,11,.76) 34%,rgba(4,8,11,.12) 58%,rgba(4,8,11,.72) 100%)}
  .product-mate200 .plate-one{inset:32% 0 4%}.product-mate200 .plate-one img{object-position:57% center}
  .product-mate400 .plate-one{inset:43% 0 4% 8%;clip-path:polygon(7% 0,100% 0,100% 100%,0 100%,0 10%)}
  .product-mate400 .plate-one img{object-position:center 74%}
  .product-mate400 .plate-two{inset:39% 0 0}.product-mate400 .plate-two img{object-position:57% center}
  .product-mate400 .plate-two::after{background:linear-gradient(180deg,rgba(4,8,11,.5),transparent 25%,rgba(4,8,11,.62))}
  .chapter-monument::before{bottom:.02em;font-size:clamp(120px,36vw,230px);-webkit-text-stroke-color:rgba(195,224,238,.09)}
  .product-mate200[data-chapter="2"] .chapter-monument::before{font-size:260px;right:2%;bottom:0}
  .product-page[data-chapter="3"] #product-canvas{clip-path:inset(50% 0 5% 0)}
  .optical-stage::before{inset:50% 0 5%}.optical-stage::after{left:0;right:0;top:70%}.optic-line{left:0;top:50%;bottom:5%}.optic-reticle{left:50%;top:69%;width:28px;height:28px}
  .optical-stage i:nth-of-type(1){left:0;top:50%}.optical-stage i:nth-of-type(2){right:0;top:50%}.optical-stage i:nth-of-type(3){right:0;bottom:5%}.optical-stage i:nth-of-type(4){left:0;bottom:5%}
  .product-mate200[data-chapter="2"] .optical-stage::before{inset:53% 0 14%}.product-mate200[data-chapter="2"] .optical-stage::after,.product-mate200[data-chapter="2"] .optic-line{left:0;right:0;top:70%}.product-mate200[data-chapter="2"] .optic-reticle{left:54%;top:70%}
  .product-page[data-chapter="4"] .optical-stage::before{inset:53% 0 8%}.product-page[data-chapter="4"] .optical-stage::after{left:0;right:0;top:72%}.product-page[data-chapter="4"] .optic-line{left:50%;top:53%;bottom:8%}.product-page[data-chapter="4"] .optic-reticle{left:50%;top:72%}.product-mate200[data-chapter="4"] .optic-reticle{left:42%;box-shadow:64px 0 0 -1px rgba(220,234,239,.34)}
  .product-page[data-chapter="3"] .stage::before{background:linear-gradient(180deg,rgba(4,8,11,.96) 0%,rgba(4,8,11,.88) 42%,transparent 58%,rgba(4,8,11,.2) 76%,rgba(4,8,11,.8))}
  .product-page[data-chapter="4"] .stage::before{background:linear-gradient(180deg,rgba(4,8,11,.95),rgba(4,8,11,.72) 43%,rgba(4,8,11,.12) 68%,rgba(4,8,11,.7))}
}

@media(prefers-reduced-motion:reduce){.story-plate,.optical-stage::after,.optic-reticle{animation:none!important;transition:none!important}}