/* Shared refinements over the two supplied references. */
:root{--mu:#a0aec5;--ln:rgba(184,205,239,.14);--ok:#6be1b1;--wa:#ffc171;--bad:#ff7381}
body{font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:clip}
h1,h2,h3{font-family:Sora,system-ui,sans-serif;line-height:1.13;text-wrap:balance}
p{text-wrap:pretty}button,a{-webkit-tap-highlight-color:transparent}button{font-family:inherit}a,button{touch-action:manipulation}section{scroll-margin-top:100px}
.wrap{max-width:1200px;padding:0 40px}nav{gap:6px;background:rgba(7,11,19,.88);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 6px 30px #0004}nav .logo{white-space:nowrap;gap:7px;margin-right:16px}nav .logo img{display:block;object-fit:contain;flex:none}nav .btn{font-size:12px;padding:10px 14px;white-space:nowrap;background:rgba(255,255,255,.06)}nav a.l{font-size:13px}
.skip-link{position:fixed;left:20px;top:-100px;z-index:20;padding:12px 20px;background:#eaf0ff;color:#05070d;border-radius:8px}.skip-link:focus{top:20px}
.eyebrow{font:500 11px/1.5 'JetBrains Mono',monospace;color:var(--ac,var(--am));letter-spacing:.15em;margin-bottom:23px}
.btn{font-size:13px;padding:13px 21px;min-height:44px}.btn.p{box-shadow:none}.btn:hover{transform:translateY(-2px);scale:1}.btn:disabled{cursor:wait}.btn.s{font-size:12px;padding:9px 12px}
.section-top{display:flex;align-items:flex-end;justify-content:space-between;gap:25px}.interaction-hint{color:var(--mu);font:12px 'JetBrains Mono',monospace;white-space:nowrap;padding-bottom:7px}.sub{font-size:16px;margin-bottom:42px}h2.sec{font-size:clamp(29px,4vw,44px)}
.rv{filter:blur(8px);transition:opacity .8s,filter .8s,transform .8s}.rv.show{filter:none}.cards{gap:20px}.card{height:365px;outline-offset:6px;border-radius:20px}.card-tilt{height:100%;transform-style:preserve-3d;transition:transform .22s ease-out;will-change:transform}.in2{will-change:transform}.card.flip .in2{transform:rotateY(180deg)}.face{padding:27px;border:1px solid rgba(150,177,218,.17);background:linear-gradient(145deg,rgba(20,29,45,.97),rgba(8,13,23,.98));-webkit-backface-visibility:hidden;backface-visibility:hidden;backdrop-filter:none;isolation:isolate;box-shadow:inset 0 1px #ffffff09}.face:before{opacity:.38;filter:blur(15px)}.card:nth-child(2){--g:rgba(74,222,156,.27)}.card:nth-child(3){--g:rgba(150,170,245,.3)}.card-top{display:flex;justify-content:space-between;align-items:center;gap:6px}.serial{font:10px 'JetBrains Mono',monospace;color:#7587a4;white-space:nowrap}.tag{font:500 10px/1.5 'JetBrains Mono',monospace;padding:4px 8px;border:1px solid #ffffff23;border-radius:5px}.amber{color:var(--wa)}.green{color:var(--ok)}.ice{color:var(--mu)}.face h3{font-size:23px;letter-spacing:-.04em;margin:20px 0 14px}.face p{font-size:14px;line-height:1.75}.go{display:flex;align-items:center;justify-content:space-between;padding-top:20px;font:500 12px 'JetBrains Mono',monospace;color:var(--mu)}.go span{font-size:20px;color:var(--ac,var(--am))}.back h3{font-size:22px;max-width:16ch;margin-top:35px}.back ul{font-size:14px;line-height:1.6;padding-left:16px;margin:0}.back li+li{margin-top:9px}.product-link{margin-top:auto;padding-top:24px;font:500 12px/1.6 'JetBrains Mono',monospace;display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--ac,var(--am));border-bottom:1px solid #ffffff12;padding-bottom:8px}.product-link:hover{color:#eef4ff}.flip-hint{font-size:10px;color:#8b9bb5;align-self:flex-end;margin-top:10px}.back .eyebrow{font-size:9px;margin:0;letter-spacing:.1em}.product-glyph{position:relative;width:54px;height:50px;margin-top:32px;color:var(--ac,var(--am))}.product-glyph span{position:absolute;border:1px solid currentColor}.mod span{width:30px;height:30px;transform:rotate(-30deg) skewY(12deg);border-radius:3px}.mod span:nth-child(1){left:0;top:8px;opacity:.3}.mod span:nth-child(2){left:9px;top:4px;opacity:.65}.mod span:nth-child(3){left:18px;top:0}.ai span{width:40px;height:40px;border-radius:50%;left:5px;top:2px;color:var(--ok)}.ai span:nth-child(2){transform:rotate(60deg) scaleX(.4)}.ai span:nth-child(3){transform:rotate(-60deg) scaleX(.4)}.link span{width:34px;height:18px;border-radius:6px;transform:rotate(-45deg);color:#b1c5ef}.link span:nth-child(1){top:6px;left:4px}.link span:nth-child(2){top:20px;left:20px}.link span:nth-child(3){display:none}
.scan{background:#09101bed;border-color:#ffffff17;padding:28px;grid-template-columns:1fr 1fr;gap:38px;backdrop-filter:none}.file{align-items:center;font-size:13px;padding:13px 15px;background:#ffffff05;border:1px solid #ffffff0d;border-radius:9px}.file>div{display:flex;align-items:center;gap:9px;min-width:0}.file-icon{color:var(--ac,var(--am));font-size:21px;line-height:1}.file small{font:10px 'JetBrains Mono',monospace;white-space:nowrap}#fname{overflow-wrap:anywhere}.scan-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:14px 0 20px}.scan-steps span{font:10px/1.5 'JetBrains Mono',monospace;color:#8c9cb7;padding:8px 2px;border-bottom:2px solid #ffffff16;text-align:center;transition:color .25s,border-color .25s,background .25s}.scan-steps span.on{color:var(--ac,var(--am));border-color:currentColor;background:#ffffff03}.scan-steps span.done{color:var(--ok);border-color:#6be1b157}.verdict-icon{width:44px;height:44px;border:1px solid #ffffff29;border-radius:50%;display:grid;place-items:center;flex:none;font:400 22px monospace;color:var(--verdict-color,var(--mu));background:#ffffff03}.vrow{margin:0;gap:13px;min-height:78px;align-items:center}.vrow strong{font:600 19px Sora,sans-serif}.vrow p{font-size:13px;line-height:1.6;margin:5px 0 0;max-width:40ch}.sample-label{font:10px 'JetBrains Mono',monospace;letter-spacing:.12em;color:var(--mu);margin-bottom:12px}.picks{gap:8px}.picks button{font:11px/1.5 'JetBrains Mono',monospace;border-radius:7px;padding:8px 10px;min-height:39px}.picks button.on{border-color:var(--ac,var(--am));background:#ffffff08;color:#fff}.note{font-size:12px;line-height:1.7;margin-top:14px}.note strong{color:#c7d3e8;font-weight:500}.guarantee{color:#bfcbdd;padding-top:8px;margin-top:10px;border-top:1px solid #ffffff0b}.scan.run .verdict-icon{animation:scanPulse 1s alternate infinite}@keyframes scanPulse{to{border-color:var(--ac,var(--am));opacity:.55}}
.trust{gap:14px}.trust div{background:#0b111ced;padding:24px 20px;border-radius:14px;border-color:#ffffff14;box-shadow:inset 0 1px #ffffff06}.trust b{font-size:16px;margin:24px 0 10px}.trust span:not(.trust-no){font-size:13px;line-height:1.7}.trust-no{font:11px 'JetBrains Mono',monospace;color:var(--ac,var(--am))}.security-line{font:12px 'JetBrains Mono',monospace;color:#c0cadd;margin-top:27px;display:flex;align-items:center;gap:12px}.security-line:before{content:'!';display:grid;place-items:center;border:1px solid #ffffff38;border-radius:50%;width:17px;height:17px;font-size:10px}
.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.panel{background:#0a101be8;border-color:#ffffff14;border-radius:14px;padding:25px;display:flex;flex-direction:column}.panel h3{font-size:20px;line-height:1.35;letter-spacing:-.03em}.panel p{font-size:14px;line-height:1.7;margin-top:15px}.panel .eyebrow{font-size:10px;margin-bottom:20px}.panel .product-link{padding-top:15px}.footer-top{display:flex;align-items:center;gap:20px;justify-content:space-between}.footer-top>span{font-size:13px}.footer-top>a:last-child{font:11px 'JetBrains Mono',monospace}footer{background:#05070de8;padding:35px 0 40px}footer p{font-size:12px;line-height:1.8;margin-top:25px}.fl{font-size:12px}.preview-note{margin-left:auto;color:#7f8ba1;font:10px 'JetBrains Mono',monospace}
.motion-control{position:fixed;right:22px;bottom:20px;z-index:8;padding:8px 12px;min-height:36px;background:#070c16dd;color:#aebbd2;border:1px solid #ffffff20;border-radius:30px;font:10px 'JetBrains Mono',monospace;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
html.no-js .rv,html.no-js .w{opacity:1;filter:none;transform:none}
@media(max-width:1100px){.wrap{padding:0 30px}.card-top{align-items:flex-start}.tag{max-width:155px}.serial{font-size:9px}.face{padding:23px}.interaction-hint{font-size:10px}}
@media(max-width:900px){.section-top{display:block}.interaction-hint{display:block;margin-top:20px}.cards{grid-template-columns:1fr}.card{height:340px}.card .face{padding:27px}.product-glyph{margin-top:25px}.face h3{margin-top:14px}.face p{max-width:46ch}.card-top{align-items:center}.back h3{margin-top:20px}.back ul{max-width:48ch}.scan{grid-template-columns:1fr}.resource-grid{grid-template-columns:1fr}.trust{grid-template-columns:1fr 1fr}.panel{min-height:240px}.panel p{max-width:50ch}section{padding:70px 0}}
@media(max-width:600px){.wrap{padding:0 22px}nav{padding:6px 7px 6px 10px;max-width:calc(100% - 24px);gap:0;top:calc(env(safe-area-inset-top,0px) + 10px)}nav .logo{font-size:14px;margin-right:12px}nav .logo img{width:25px;height:25px}nav .btn{font-size:10px;padding:9px 11px;min-height:37px}.btn{font-size:12px;padding:12px 17px}.eyebrow{font-size:10px;margin-bottom:18px}.sub{font-size:14px}.scan{padding:19px;gap:24px;border-radius:16px}.vrow strong{font-size:17px}.vrow p{font-size:12px}.file{font-size:12px}.file small{font-size:9px}.scan-steps span{font-size:9px}.picks button{font-size:10px;min-height:42px}.trust{gap:10px}.trust div{padding:19px 16px}.trust b{font-size:14px}.trust span:not(.trust-no){font-size:12px}.resource-grid{gap:13px}.footer-top{flex-wrap:wrap}.footer-top .logo{font-size:15px}.footer-top>a:last-child{width:100%;margin-top:4px}.preview-note{width:100%;margin-left:0;margin-top:12px}.motion-control{right:12px;bottom:12px;font-size:9px}.card{height:354px}.face h3{font-size:23px}.back h3{font-size:21px}.back li{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.rv{opacity:0;filter:none;transform:none}.rv.show{opacity:1}.card-tilt{transform:none!important}.motion-control{display:none}}
/* Version A: retain the reference's continuous particle cinema. */
:root{--bg:#020409;--ac:#6bb4ff;--pk:#c184ff}body{background:var(--bg)}nav{border-radius:99px}.btn{border-radius:99px}.btn.p{background:linear-gradient(115deg,#378bec,#7465dd);color:#fff}.btn.p:hover{box-shadow:0 8px 25px #3e70d522}#c{pointer-events:none;background:#020409}#bar{height:2px;background:linear-gradient(90deg,#6bb4ff,#bb85ff)}.story .scene{position:relative;min-height:118vh;min-height:118svh;align-items:center}.scene .t{width:min(43vw,500px);max-width:500px;margin:0;background:none;padding:0}.scene h1{font-size:clamp(42px,5.2vw,70px);font-weight:600;letter-spacing:-.055em;line-height:1.16}.scene h2{font-size:clamp(36px,4.5vw,58px);font-weight:600;letter-spacing:-.05em;line-height:1.19}.scene p{font-size:17px;line-height:1.9;max-width:39ch;margin:24px 0 30px}.scene .eyebrow{opacity:0;filter:blur(5px);transform:translateY(12px);transition:.8s}.scene.in .eyebrow{opacity:1;filter:none;transform:none}.scene .t p,.scene .cta{filter:blur(6px)}.scene.in .t p,.scene.in .cta{filter:none}.w{margin-right:.25em;transition:opacity .85s,filter .85s,transform .85s}.scene.in .w{opacity:1;filter:none;transform:none}.scene .chips{gap:8px;margin-top:30px}.chips span{background:#0b142480;padding:6px 11px;font:10px 'JetBrains Mono',monospace;backdrop-filter:none;border-color:#b0c7ee20}.scene-path{display:flex;flex-wrap:wrap;gap:7px 14px;font:10px 'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:.07em;color:#7f8da6;margin-top:26px;opacity:0;transform:translateY(15px);filter:blur(5px);transition:1s .7s}.scene-path b{font-weight:400;color:#8bc4ff}.scene.in .scene-path{opacity:1;transform:none;filter:none}.evidence-tag{border:1px solid #c0c7da35;background:#9ba5b70a;border-radius:7px;display:inline-flex;gap:35px;padding:13px 18px;color:#d2d8e7;font:13px 'JetBrains Mono',monospace;opacity:0;transition:.8s .7s}.evidence-tag span{color:#a5b2c7}.scene.in .evidence-tag{opacity:1}.scene-index{position:absolute;bottom:70px;left:0;color:#607089;font:10px 'JetBrains Mono',monospace;letter-spacing:.15em}.scroll-cue{position:absolute;left:0;bottom:70px;color:#8c9ab2;font:10px 'JetBrains Mono',monospace;display:flex;gap:24px}.scene:first-child .scene-index{left:auto;right:0}.scroll-cue span{color:#75bbff}.after{background:none;backdrop-filter:none;padding-top:65px}.after section{padding:100px 0}.finale{min-height:110vh;min-height:110svh;position:relative}.finale .t{background:none;padding:0}.finale .scene-index{bottom:45px}footer{background:#020409db}.rv{transition:opacity 1s,filter 1s,transform 1s}
@media(max-width:900px){.story .scene{align-items:flex-start;min-height:118svh;padding-top:51svh;padding-bottom:90px}.scene .t{width:100%;max-width:590px}.scene h1{font-size:clamp(38px,5.8vw,54px);max-width:13ch}.scene h2{font-size:clamp(34px,5vw,46px);max-width:18ch}.scene p{font-size:16px;line-height:1.75;margin:19px 0 23px;max-width:45ch}.scene-index,.scroll-cue{bottom:35px}.after{padding-top:0}.after section{padding:75px 0}.finale{align-items:flex-start;min-height:112svh;padding-top:52svh;padding-bottom:80px}.finale .t{width:100%;max-width:580px}}
@media(max-width:600px){.story .scene{padding-top:47svh;min-height:118svh}.scene h1{font-size:39px;max-width:12ch}.scene h2{font-size:35px;max-width:17ch}.scene p{font-size:14px;line-height:1.85;max-width:38ch}.scene .cta{gap:9px}.scene .chips{gap:6px;margin-top:23px}.chips span{font-size:9px;padding:6px 9px}.scene-index,.scroll-cue{font-size:9px;bottom:33px}.finale{padding-top:48svh;min-height:110svh}.after section{padding:60px 0}}
@media(max-height:600px) and (min-width:901px){.story .scene{min-height:130svh}.scene h1{font-size:45px}.scene h2{font-size:38px}.scene p{font-size:14px;margin:16px 0 20px}.chips{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.scene .w,.scene p,.scene .cta,.scene .chips,.scene .eyebrow,.scene-path,.evidence-tag{opacity:0;filter:none;transform:none}.scene.in .w,.scene.in p,.scene.in .cta,.scene.in .chips,.scene.in .eyebrow,.scene.in .scene-path,.scene.in .evidence-tag{opacity:1}.rv.show{opacity:1}}

/* Keep file metadata on one row in both independent references. */
.file{display:flex;justify-content:space-between;gap:12px}

@media(max-height:550px) and (min-width:651px) and (max-width:900px){.story .scene,.finale{align-items:center;min-height:130svh;padding-top:0;padding-bottom:0}.scene .t{width:43%;max-width:390px}.scene h1{font-size:34px}.scene h2{font-size:30px}.scene p{font-size:12px;line-height:1.75;margin:15px 0 18px}.scene .eyebrow{font-size:8px;margin-bottom:14px}.scene .btn{font-size:10px;padding:9px 12px;min-height:36px}.scene .chips{gap:5px;margin-top:19px}.scene .chips span{font-size:8px;padding:5px 7px}.scene-index,.scroll-cue{bottom:25px}.scene-path{font-size:8px;gap:6px 9px}.evidence-tag{font-size:11px;padding:10px 13px}}

nav a.l{white-space:nowrap}
body.tab-hidden .cube,body.tab-hidden .ring,body.tab-hidden .core,body.tab-hidden .floor,body.tab-hidden .mq div,body.tab-hidden .node,body.tab-hidden .laser{animation-play-state:paused}

/* Version B: preserve amber/ice security lab and CSS-3D stack. */
:root{--bg:#05070d;--am:#ffb15b;--ic:#8fcaff}.hero{min-height:105vh;min-height:105svh;padding:128px 0 85px;isolation:isolate}.floor{height:43%;opacity:.22;z-index:-1;animation-duration:16s}.grid2{gap:75px;grid-template-columns:1fr 1fr}.hero-copy{align-self:center;padding-bottom:30px}.hero h1{font-size:clamp(42px,5.2vw,66px);font-weight:600;line-height:1.17;letter-spacing:-.055em}.hero .lead{font-size:16px;line-height:1.9;margin-top:25px;max-width:39ch}.hero .cta{margin-top:25px}.hero-status{border-left:1px solid #ffb15b63;padding:2px 0 2px 14px;margin-top:33px;display:grid;gap:5px;font:10px/1.8 'JetBrains Mono',monospace;color:#98a7c0}.hero-status span:first-child{color:#d5c1a8}.stage{gap:0;min-width:0}.chamber-label{display:flex;justify-content:space-between;width:100%;font:9px 'JetBrains Mono',monospace;letter-spacing:.1em;color:#92a3bf;padding-bottom:15px;border-bottom:1px solid #ffffff12}.chamber-label span:last-child{color:var(--am)}.scene3d{--s:clamp(180px,22vw,255px);margin:65px 0 68px;perspective:1100px}.cube{animation-duration:38s}.f{border-width:1px;background:rgba(21,38,57,.12);box-shadow:inset 0 0 35px #73b8ff0d;color:#8fcaff7a;font-size:9px;line-height:1.65;border-color:var(--c);transition:border-color .5s,color .5s,background .5s}.f:after{content:'MG / SAMPLE ONLY';position:absolute;bottom:12px;right:12px;font-size:8px;letter-spacing:.12em}.core{opacity:.45;animation-duration:4s;width:54%;height:54%;margin:-27% 0 0 -27%}.laser{box-shadow:0 0 15px #8fcaff55;background:linear-gradient(#8fcaff26,#8fcaff08);border-width:1px}.node{width:8px;height:8px;margin:-4px;box-shadow:0 0 13px #ff738199}.ring{width:154%;height:154%;margin:-77% 0 0 -77%;border-color:#ffb15b55;animation-duration:27s}.ring:after{width:6px;height:6px;top:-3px;box-shadow:0 0 12px #ffb15b99}.ring.b{width:132%;height:132%;margin:-66% 0 0 -66%;animation-duration:21s}.ring.b:after{box-shadow:0 0 12px #8fcaff88}.vp{width:100%;max-width:485px;border-radius:13px;background:#0a101bea;border:1px solid #ffffff17;padding:19px 20px;backdrop-filter:none}.vp .sample-area{border-top:1px solid #ffffff0b;padding-top:15px;margin-top:15px}.vp .file{padding:9px 11px;font-size:11px}.vp .scan-steps{margin-bottom:14px}.vp .vrow{min-height:70px}.vp .sample-label{display:none}.vp .note{font-size:10px;margin-top:10px}.vp .guarantee{font-size:10px}.mq div{gap:45px;padding:17px 0;font:10px 'JetBrains Mono',monospace;letter-spacing:.1em;text-transform:uppercase;animation-duration:60s}.mq span:before{width:5px;height:5px;margin-right:14px}.mq{background:#ffffff01}.sticky{max-width:1200px;padding:80px 40px 40px;grid-template-columns:1fr 1fr;gap:70px;height:100vh;height:100svh}#layers{height:350vh;height:350svh;padding:0;scroll-margin-top:0}.stack{width:min(335px,30vw);transform:rotateX(58deg) rotateZ(-32deg)}.slab{border-radius:13px;background:linear-gradient(135deg,#162237e8,#08101bed);filter:none;opacity:.47;transform:translateZ(calc((1.5 - var(--i))*(16px + var(--p)*58px)));transition:opacity .45s,border-color .45s,box-shadow .45s}.slab.act{opacity:1;box-shadow:0 0 24px color-mix(in srgb,var(--c) 16%,transparent),inset 0 0 25px #ffffff04}.slab b{font-size:16px;font-weight:600;top:18px;left:20px}.slab:before{left:20px;top:54px;height:58px;opacity:.5}.slab-id{position:absolute;bottom:18px;left:20px;font:9px 'JetBrains Mono',monospace;color:var(--c);opacity:.75}.steps{gap:4px;min-width:0}.steps .eyebrow{margin-bottom:12px;font-size:10px}.steps h2{font-size:clamp(28px,3.5vw,43px);font-weight:600;letter-spacing:-.05em;line-height:1.2;margin-bottom:21px}.st{padding:11px 15px;opacity:.5}.st b{font-size:15px;font-weight:500;display:flex;align-items:center;gap:13px}.st b span{font:10px 'JetBrains Mono',monospace;opacity:.6}.st p{font-size:13px;line-height:1.65;max-height:0;overflow:hidden;opacity:0;transform:translateY(7px);margin:0 0 0 29px;transition:opacity .4s,transform .4s,max-height .4s,margin .4s}.st.act{opacity:1}.st.act p{max-height:120px;opacity:1;transform:none;margin-top:8px}.layer-progress{display:flex;gap:7px;margin:22px 0 0 17px}.layer-progress i{width:35px;height:2px;background:#ffffff16;transition:.4s}.layer-progress i.active{background:var(--am)}#products{padding-top:110px}.btn.p{background:#ffb15b;box-shadow:none}.btn.p:hover{box-shadow:0 8px 24px #ffb15b20}.hero .w{animation:none;opacity:0;filter:blur(10px);transform:translateY(20px);transition:opacity .8s,filter .8s,transform .8s;margin-right:.25em}.hero.in .w{opacity:1;filter:none;transform:none}.hero .lead,.hero .cta{animation:none;opacity:0;filter:blur(6px);transform:translateY(15px);transition:1s .6s}.hero.in .lead,.hero.in .cta{opacity:1;filter:none;transform:none}.hero .cta{transition-delay:.8s}.hero .eyebrow,.hero-status{opacity:0;transition:.8s .2s}.hero.in .eyebrow,.hero.in .hero-status{opacity:1}body.motion-paused .cube,body.motion-paused .ring,body.motion-paused .core,body.motion-paused .floor,body.motion-paused .mq div,body.motion-paused .node,body.motion-paused .laser{animation-play-state:paused}body:not(.lab-visible) .cube,body:not(.lab-visible) .ring,body:not(.lab-visible) .core,body:not(.lab-visible) .node,body:not(.lab-visible) .laser,body:not(.lab-visible) .floor{animation-play-state:paused}
@media(max-width:1100px) and (min-width:901px){.grid2{gap:35px}.hero h1{font-size:51px}.vp{padding:15px}.sticky{gap:40px;padding-inline:30px}.slab b{font-size:14px}}
@media(max-width:900px){.hero{padding:112px 0 65px}.grid2{grid-template-columns:1fr;gap:48px;max-width:720px}.hero-copy{padding:0}.hero h1{font-size:clamp(43px,7vw,61px);max-width:14ch}.hero .lead{max-width:42ch}.stage{max-width:520px;width:100%;justify-self:center}.scene3d{--s:clamp(170px,30vw,235px);margin:60px 0 64px}.sticky{grid-template-columns:1fr;grid-template-rows:38% 62%;gap:0;padding:90px 30px 25px;height:100svh;max-width:700px}.stack{width:min(290px,45vw)}.steps h2{font-size:32px;line-height:1.17;margin-bottom:13px}.steps .eyebrow{font-size:9px;margin-bottom:9px}.st{padding:8px 14px}.st b{font-size:14px}.st p{font-size:12px}.steps{align-content:center}.stackbox{padding-top:25px}.layer-progress{margin-top:13px}.stack{transform:rotateX(58deg) rotateZ(-32deg)}#layers{height:360svh}.slab{transform:translateZ(calc((1.5 - var(--i))*(12px + var(--p)*35px)))}#products{padding-top:70px}}
@media(max-width:600px){.hero{padding-top:108px}.hero h1{font-size:43px}.hero .lead{font-size:14px;line-height:1.85}.hero-status{font-size:9px;margin-top:27px}.grid2{gap:43px}.chamber-label{font-size:8px}.scene3d{--s:clamp(164px,45vw,200px);margin:57px 0 63px}.vp{padding:17px}.vp .file{font-size:10px}.vp .vrow strong{font-size:16px}.vp .picks{display:grid;grid-template-columns:1fr 1fr;gap:7px}.vp .picks button{font-size:10px;padding:8px 6px}.sticky{padding:74px 22px 20px;grid-template-rows:34% 66%;gap:0}.stack{width:220px;max-width:60vw}.slab{transform:translateZ(calc((1.5 - var(--i))*(12px + var(--p)*27px)))}.slab b{font-size:12px;top:13px;left:15px}.slab-id{font-size:7px;bottom:12px;left:15px}.slab:before{left:15px;top:41px;height:43px}.steps h2{font-size:29px;max-width:18ch;margin-bottom:12px}.steps .eyebrow{font-size:8px}.st{padding:7px 11px}.st b{font-size:13px}.st p{font-size:11px;line-height:1.65}.st.act p{max-height:110px}.layer-progress{margin-top:13px}#layers{height:370svh}}
@media(max-height:650px){.sticky{padding-top:80px}.steps h2{font-size:25px}.st{padding-block:6px}.st p{font-size:11px}.steps .eyebrow{margin-bottom:7px}.layer-progress{margin-top:8px}}
@media(max-height:550px) and (max-width:900px){.sticky{grid-template-columns:.9fr 1.1fr;grid-template-rows:1fr;gap:22px;padding:72px 28px 20px}.stack{width:25vw}.steps h2{font-size:24px}.st p{font-size:10px}.st b{font-size:12px}}
@media(prefers-reduced-motion:reduce){.cube{transform:rotateX(-20deg) rotateY(28deg)}.ring{transform:rotateX(74deg)}.laser{animation:none!important}.run .laser{transform:rotateX(90deg);opacity:.35}.core{opacity:.4}.hero .w,.hero .lead,.hero .cta{opacity:0;filter:none;transform:none}.hero.in .w,.hero.in .lead,.hero.in .cta{opacity:1}.st p{transition:none}}

/* Keep file metadata on one row in both independent references. */
.file{display:flex;justify-content:space-between;gap:12px}

@media(min-width:901px){.hero h1{font-size:clamp(42px,4.3vw,60px)}.hero .w{margin-right:0}.hero{padding-top:110px}.scene3d{margin:52px 0 55px}.vp .scan-steps{margin:10px 0 14px}.vp .vrow{min-height:64px}.vp .sample-area{padding-top:12px;margin-top:12px}.vp .picks{display:grid;grid-template-columns:1fr 1fr;gap:6px}.vp .picks button{min-height:35px;padding:7px 9px}.hero-copy{align-self:start;padding-top:90px}}

nav a.l{white-space:nowrap}
body.tab-hidden .cube,body.tab-hidden .ring,body.tab-hidden .core,body.tab-hidden .floor,body.tab-hidden .mq div,body.tab-hidden .node,body.tab-hidden .laser{animation-play-state:paused}
/* Version C combines the references, with the uploaded video's energy language. */
:root{--ac:#7fc8ff;--am:#93bfff;--ic:#8fdaff;--bg:#020409}
nav{background:#070c16f2;border-radius:99px}nav a.l{padding:6px 9px;white-space:nowrap}.scene .t p{color:#adbad1}.scene h1,.scene h2{font-weight:600}.after{padding-top:0}.after #products{padding-top:90px}.after .lab-module{padding:90px 0 65px;min-height:0;overflow:visible;isolation:auto;display:block;opacity:0;filter:blur(7px);transform:translateY(24px);transition:opacity .9s,filter .9s,transform .9s}.lab-module.in{opacity:1;filter:none;transform:none}.lab-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.lab-copy .sec{font-weight:600;font-size:clamp(34px,4.5vw,57px);letter-spacing:-.05em;line-height:1.18}.lab-copy .sub{max-width:37ch;margin-top:24px;line-height:1.9}.lab-principles{display:grid;gap:13px;margin:30px 0;color:#9ec6ef;font:11px 'JetBrains Mono',monospace;letter-spacing:.08em}.lab-disclaimer{color:#a6b6cd;font-size:12px;line-height:1.9;max-width:40ch}.stage{padding:0;gap:0}.scene3d{--s:clamp(190px,22vw,250px);margin:64px 0 65px}.cube{--c:var(--ic)}.vp{border-radius:16px;background:#0a111ef5}.vp .file{display:flex;justify-content:space-between;gap:12px}.vp .vrow{display:flex;gap:14px;align-items:center}.vp .vrow strong{font:600 18px Sora,sans-serif}.vp .vrow p{font:13px/1.7 Inter,system-ui,sans-serif}.vp .picks{display:grid;grid-template-columns:1fr 1fr;gap:7px}.vp .picks button{font:11px 'JetBrains Mono',monospace;min-height:42px;border-radius:7px}.vp .note{font-size:11px}.vp .guarantee{font-size:11px}.chamber-label{font-size:9px;color:#a2b8d5}.ring{border-color:#a188f366}.ring:after{background:#b7a0ff;box-shadow:0 0 12px #b7a0ff99}.btn.p{background:linear-gradient(115deg,#378bec,#7465dd);color:#fff;box-shadow:none}.btn.p:hover{box-shadow:0 8px 26px #5072d730}.steps h2{font-weight:600}.st{border-color:#a6bfea20}.st.act{background:linear-gradient(90deg,#7496d912,transparent)}.mq{background:#03060bc9;border-color:#8ba9e41a;margin:60px 0 0}.mq div{animation-duration:60s}.mq span:before{background:#8bc8ff}.sticky{height:100svh}.after #layers{padding:0;height:350svh;scroll-margin-top:0}.layer-progress i.active{background:#8ecfff}.slab{background:linear-gradient(135deg,#142136ee,#070f1bec)}.face:before{opacity:.3}.hero.in .eyebrow{opacity:1}.lab-module .eyebrow{margin-bottom:22px}.hero-status{display:none}footer{background:#020409e8}
@media(max-width:1000px){nav a.l{font-size:12px;padding:6px 8px}.lab-grid{gap:45px}}
@media(max-width:900px){.lab-grid{grid-template-columns:1fr;gap:45px}.lab-copy{max-width:600px}.stage{width:100%;max-width:530px;justify-self:center}.after .lab-module{padding:70px 0 50px}.lab-copy .sec{font-size:42px}.lab-copy .sub{margin-bottom:25px}.lab-principles{grid-template-columns:1fr 1fr;max-width:360px;font-size:10px;gap:17px 30px}.lab-disclaimer{max-width:48ch}.after #layers{height:360svh}.sticky{padding:80px 10px 20px}.stack{width:min(290px,45vw)}.mq{margin-top:45px}.scene3d{--s:clamp(190px,30vw,245px)}}
@media(max-width:600px){nav a.l{display:none}.lab-copy .sec{font-size:36px}.lab-copy .sub{font-size:14px}.lab-disclaimer{font-size:11px}.lab-principles{font-size:9px;gap:14px 20px;margin:24px 0}.scene3d{--s:clamp(165px,45vw,200px);margin:59px 0 62px}.vp{padding:17px}.vp .vrow strong{font-size:17px}.vp .vrow p{font-size:12px}.vp .picks button{font-size:10px}.after #layers{height:370svh}.sticky{padding:73px 0 20px}.stack{width:220px;max-width:60vw}.after #products{padding-top:65px}}
@media(max-height:550px) and (max-width:900px){.sticky{padding:75px 12px 20px;grid-template-columns:.9fr 1.1fr;grid-template-rows:1fr;gap:25px}.stack{width:25vw}}
@media(prefers-reduced-motion:reduce){.lab-module{opacity:0;filter:none!important;transform:none!important}.lab-module.in{opacity:1}.cube{transform:rotateX(-20deg) rotateY(28deg)}.hero .lead,.hero .cta{opacity:1}.run .laser{opacity:.35;transform:rotateX(90deg)}}
/* Layer indices are labels, not the Cinematic reference's old scan-step chips. */
#layers .steps span{padding:0;border:0;border-radius:0;background:none;text-align:inherit}
#layers .steps{grid-template-columns:1fr}
/* Contain projected orbit rings on narrow touch viewports. */
.stage{overflow:hidden;min-width:0}.vp{width:100%;min-width:0}.vp .vrow>div:last-child{min-width:0}.vp .vrow p{overflow-wrap:anywhere}
/* Safari can flatten nested card faces; state also controls face visibility. */
.card .face[aria-hidden="true"]{visibility:hidden;pointer-events:none}
.card .face[aria-hidden="false"]{visibility:visible}
/* Each slab receives its own projected 3D camera for consistent Safari depth. */
.stackbox{perspective:none}.stack{transform:none}

/* Project six chamber faces independently to preserve depth in Safari. */
.scene3d{perspective:none}.cube,.tilt{transform:none!important}.cube{animation:none!important}.f{-webkit-backface-visibility:hidden;backface-visibility:hidden;animation-duration:38s;animation-timing-function:linear;animation-iteration-count:infinite}
.f:nth-child(1){animation-name:chamberFace1;transform:perspective(1100px) rotateX(var(--camera-x,0deg)) rotateY(var(--camera-y,0deg)) rotateX(-22deg) rotateY(28deg) translateZ(calc(var(--s)/2))}
@keyframes chamberFace1{from{transform:perspective(1100px) rotateX(var(--camera-x,0deg)) rotateY(var(--camera-y,0deg)) rotateX(-22deg) rotateY(0deg) translateZ(calc(var(--s)/2))}to{transform:perspective(1100px) rotateX(var(--camera-x,0deg)) rotateY(var(--camera-y,0deg)) rotateX(-22deg) rotateY(360deg) translateZ(calc(var(--s)/2))}}
.f:nth-child(2){animation-name:chamberFace2;transform:perspective(1100px) rotateX(var(--camera-x,0deg)) rotateY(var(--camera-y,0deg)) rotateX(-22deg) rotateY(28deg) rotateY(90deg) translateZ(calc(var(--s)/2))}
@keyframes chamberFace2{from{transform:perspective(1100px) rotateX(var(--camera-x,0deg)) rotateY(var(--camera-y,0deg)) rotateX(-22deg) rotateY(0deg) rotateY(90deg) translateZ(calc(var(--s)/2))}to{transform:perspective(1100px) rotateX(var(--camera-x,0deg)) rotateY(var(--camera-y,0deg)) rotateX(-22deg) rotateY(360deg) rotateY(90deg) translateZ(calc(var(--s)/2))}}
.f:nth-child(3){animation-name:chamberFace3;transform:perspective(1100px) rotateX(var(--camera-x,0deg)) rotateY(var(--camera-y,0deg)) rotateX(-22deg) rotateY(28deg) rotateY(180deg) translateZ(calc(var(--s)/2))}
@keyframes chamberFace3{from{transform:perspective(1100px) rotateX(var(--camera-x,0deg)) rotateY(var(--camera-y,0deg)) rotateX(-22deg) rotateY(0deg) rotateY(180deg) translateZ(calc(var(--s)/2))}to{transform:perspective(1100px) rotateX(var(--camera-x,0deg)) rotateY(var(--camera-y,0deg)) rotateX(-22deg) rotateY(360deg) rotateY(180deg) translateZ(calc(var(--s)/2))}}
.f:nth-child(4){animation-name:chamberFace4;transform:perspective(1100px) rotateX(var(--camera-x,0deg)) rotateY(var(--camera-y,0deg)) rotateX(-22deg) rotateY(28deg) rotateY(-90deg) translateZ(calc(var(--s)/2))}
@keyframes chamberFace4{from{transform:perspective(1100px) rotateX(var(--camera-x,0deg)) rotateY(var(--camera-y,0deg)) rotateX(-22deg) rotateY(0deg) rotateY(-90deg) translateZ(calc(var(--s)/2))}to{transform:perspective(1100px) rotateX(var(--camera-x,0deg)) rotateY(var(--camera-y,0deg)) rotateX(-22deg) rotateY(360deg) rotateY(-90deg) translateZ(calc(var(--s)/2))}}
.f:nth-child(5){animation-name:chamberFace5;transform:perspective(1100px) rotateX(var(--camera-x,0deg)) rotateY(var(--camera-y,0deg)) rotateX(-22deg) rotateY(28deg) rotateX(90deg) translateZ(calc(var(--s)/2))}
@keyframes chamberFace5{from{transform:perspective(1100px) rotateX(var(--camera-x,0deg)) rotateY(var(--camera-y,0deg)) rotateX(-22deg) rotateY(0deg) rotateX(90deg) translateZ(calc(var(--s)/2))}to{transform:perspective(1100px) rotateX(var(--camera-x,0deg)) rotateY(var(--camera-y,0deg)) rotateX(-22deg) rotateY(360deg) rotateX(90deg) translateZ(calc(var(--s)/2))}}
.f:nth-child(6){animation-name:chamberFace6;transform:perspective(1100px) rotateX(var(--camera-x,0deg)) rotateY(var(--camera-y,0deg)) rotateX(-22deg) rotateY(28deg) rotateX(-90deg) translateZ(calc(var(--s)/2))}
@keyframes chamberFace6{from{transform:perspective(1100px) rotateX(var(--camera-x,0deg)) rotateY(var(--camera-y,0deg)) rotateX(-22deg) rotateY(0deg) rotateX(-90deg) translateZ(calc(var(--s)/2))}to{transform:perspective(1100px) rotateX(var(--camera-x,0deg)) rotateY(var(--camera-y,0deg)) rotateX(-22deg) rotateY(360deg) rotateX(-90deg) translateZ(calc(var(--s)/2))}}
body.motion-paused .f,body.tab-hidden .f,body:not(.lab-visible) .f{animation-play-state:paused}
@keyframes projectedLaser{from{transform:perspective(1100px) rotateX(var(--camera-x,0deg)) rotateY(var(--camera-y,0deg)) rotateX(-22deg) rotateY(28deg) rotateX(90deg) translateZ(calc(var(--s)*-.55))}to{transform:perspective(1100px) rotateX(var(--camera-x,0deg)) rotateY(var(--camera-y,0deg)) rotateX(-22deg) rotateY(28deg) rotateX(90deg) translateZ(calc(var(--s)*.55))}}
.run .laser{animation-name:projectedLaser}
.stage .ring{background:none;display:block;transition:none}
/* Text floats over the continuous field; no section-wide black surfaces. */
.after,.scene .t,footer{background:transparent!important;-webkit-backdrop-filter:none;backdrop-filter:none}
.scene .t,.lab-copy,#layers .steps,.section-top,.sub,.security-line,footer{text-shadow:0 2px 4px #000,0 0 18px #0009}
.scene .t p,.lab-copy .sub,.st p{color:#c5d0e3}
.face,.trust div,.panel,.vp,.scan{background:rgba(7,13,24,.42)}
.mq{background:rgba(3,6,11,.2)}
nav{background:rgba(7,12,22,.66)}
.face,.trust div,.panel,.vp{text-shadow:0 1px 3px #000}

/* A single paced entrance, never a modal loader or opaque backdrop. */
@media(prefers-reduced-motion:no-preference){
nav{animation:mg-nav-arrival 1.1s cubic-bezier(.2,.7,.2,1) both}
@keyframes mg-nav-arrival{from{opacity:0;filter:blur(5px)}to{opacity:1;filter:blur(0)}}
}

/* Timing only: reveal the unchanged sticky Lab once its particle form has arrived. */
#layers .sticky{opacity:0;transition:opacity .65s}
#layers .sticky.particle-ready{opacity:1}

/* Exact supplied Cinematic reveal timing; geometry, colors and content unchanged. */
.story .scene .w{transition:opacity .9s,filter .9s,transform .9s}
.story .scene p{transition:1s .5s}
.story .scene .cta{transition:1s .7s}
.story .scene .chips{transition:1s 1s}
.story .scene .eyebrow{transition:opacity .9s,filter .9s,transform .9s;transition-delay:0s}
.story .scene .scene-path,.story .scene .evidence-tag{transition:opacity 1s .5s,transform 1s .5s,filter 1s .5s}
.rv{transition:opacity .9s,filter .9s,transform .9s}
#layers .sticky{transition:opacity .9s}
@media(prefers-reduced-motion:reduce){.story .scene .w,.story .scene p,.story .scene .cta,.story .scene .chips,.story .scene .eyebrow,.story .scene .scene-path,.story .scene .evidence-tag,.rv,#layers .sticky{transition:none!important}}

/* Entrance only: the live particle canvas is never covered by a loader. */
@media(prefers-reduced-motion:no-preference){
body[data-intro="assembling"] nav{opacity:0;visibility:hidden;animation:none}
body[data-intro="assembling"] .scene[data-scene="0"] .scene-index,
body[data-intro="assembling"] .scene[data-scene="0"] .scroll-cue{opacity:0;visibility:hidden}
}