/* Native scrolling, one shared WebGL canvas, progressive enhancement. */
#scene-home{min-height:380px}
.product-story{padding:100px 0 30px;position:relative;background:radial-gradient(ellipse at 20% 30%,#16294455,transparent 55%);border-bottom:1px solid var(--line)}
.story-heading{margin-bottom:55px}.story-heading h2{font-size:clamp(42px,5vw,72px);margin:20px 0;line-height:1.08}.story-heading h2 em{color:var(--blue)}.story-heading>p:last-child{max-width:510px;color:var(--muted);font-size:14px;line-height:1.9}
.story-layout{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:start}.story-stage{position:sticky;top:70px;border:1px solid #4a648655;background:linear-gradient(145deg,#111f32,#090f1a);overflow:hidden;box-shadow:0 35px 100px #0003}.story-stage:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--cyan);transform:scaleX(var(--story-progress,0));transform-origin:left;pointer-events:none}.story-stage-top{display:flex;justify-content:space-between;gap:20px;padding:20px 22px;color:#9db5d4;font:9px/1.5 var(--mono)}.story-stage-top>span:last-child{text-align:right;color:var(--text)}#story-dock{height:390px;position:relative}#story-dock .scene-container{height:335px}#story-dock .scene-toolbar{font-size:9px}.story-dock-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none;color:#536f99}.story-dock-placeholder>span{font:80px var(--display);letter-spacing:-.12em}.story-dock-placeholder>span>span{font-size:30px;vertical-align:middle;letter-spacing:0;padding:0 20px;color:var(--cyan)}.story-dock-placeholder p{font:9px var(--mono);letter-spacing:.2em}#story-dock:has(.scene-container) .story-dock-placeholder{display:none}.story-index{display:flex;justify-content:center;gap:38px;font:12px var(--mono);color:#5c7494}.story-index span{padding:9px 0;border-bottom:1px solid transparent}.story-index .is-active{color:var(--cyan);border-color:var(--cyan)}#story-scroll{text-align:center;font:10px var(--mono);color:#8da8ca;padding:22px}
.story-step{min-height:68vh;display:flex;flex-direction:column;justify-content:center;padding:65px 0;border-top:1px solid #344a6955;--product-accent:#c5dcff}.story-step[data-story=payradar]{--product-accent:#aaaaff}.story-step[data-story=pharos]{--product-accent:#8ce5da}.story-step[data-story=bungalow]{--product-accent:#8ebdea}.story-step-meta{display:flex;gap:20px;align-items:center;font:10px var(--mono);letter-spacing:.15em;color:var(--product-accent);margin-bottom:25px}.story-step-meta>span:first-child{width:33px;height:33px;display:grid;place-items:center;border:1px solid #546581}.story-step.is-active .story-step-meta>span:first-child{border-color:var(--product-accent);background:#8aafff0c}.story-product{font:14px var(--display);color:#a4b8d5;margin-bottom:15px}.story-step h3{font-size:clamp(32px,3vw,47px);line-height:1.15;max-width:520px}.story-description{font-size:13px;line-height:1.95;color:#a3b6d0;margin:25px 0;max-width:490px}.story-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.story-actions .button{font-size:11px}.story-destination{font-size:11px;color:var(--product-accent);padding:10px 0}.story-destination:hover{text-decoration:underline;text-underline-offset:5px}
.will-reveal{opacity:1;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.will-reveal.is-revealed{opacity:1;transform:none}.will-reveal:focus-within{opacity:1;transform:none}
.feature-visual{transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .35s ease,border-color .3s;transform-style:preserve-3d}.feature-visual:focus-visible{transform:none}.feature-visual .visual-open{box-shadow:0 10px 22px #0004}.feature-visual:before{pointer-events:none}.eip-preview,.ops-preview{backdrop-filter:blur(3px)}.feature-tag,.status,.project-index,.visual-label,.visual-caption{font-size:max(9px,.65vw)}.scene-toolbar{font-size:9px}.scene-toolbar button{font-size:9px}.scene-fallback{object-fit:contain}#nexus-canvas{background:radial-gradient(ellipse at center,#172e4340,transparent 70%)}
@media(min-width:901px){.story-stage{margin-top:60px}.story-steps{padding-bottom:40px}}
@media(max-width:1100px){.story-layout{gap:5%}.story-actions{gap:12px}.story-stage-top{font-size:8px;padding:18px 14px}#story-dock .scene-toolbar{font-size:8px}.story-step h3{font-size:36px}}
@media(max-width:900px){.product-story{padding-top:65px}.story-heading{margin-bottom:35px}.story-heading h2{font-size:46px}.story-layout{display:block}.story-stage{position:relative;top:auto;margin-bottom:35px}#story-dock{height:190px}.story-dock-placeholder>span{font-size:60px}.story-stage-top{padding:17px 20px}.story-index{display:none}#story-scroll{padding:0 20px 20px}.story-step{min-height:0;padding:36px 0}.story-step h3{font-size:36px}.story-description{font-size:13px}.story-step-meta{margin-bottom:20px}.story-step-meta>span:first-child{width:30px;height:30px}#scene-home{min-height:370px}}
@media(max-width:760px){.product-story{padding-top:55px}.story-heading h2{font-size:42px}.story-heading>p:last-child{font-size:13px}.story-step h3{font-size:33px}.feature-visual{transform:none}.feature-tag,.status,.project-index,.visual-label,.visual-caption{font-size:9px}.scene-toolbar,.scene-toolbar button{font-size:8px}#scene-home{min-height:365px}}
@media(prefers-reduced-motion:reduce){.will-reveal{opacity:1;transform:none;transition:none}.feature-visual{transform:none}.story-stage{position:relative;top:auto}.story-step{min-height:0;padding:40px 0}}
@media print{.will-reveal{opacity:1;transform:none}.story-stage{display:none}.story-layout{display:block}.story-step{min-height:0}}
/* Keep the sticky scene clear of the existing navigation. */
@media(min-width:901px){.story-stage{top:120px;margin-top:0}}
#scene-home:not(:has(.scene-container)){background:url('assets/nexus-static.png') center/contain no-repeat;opacity:.45}
@media(max-width:900px){.story-stage{display:none}}
.story-step[data-story=laserdeck]{--product-accent:#ffc58f}.story-guide{font-size:11px;color:#ffc58f;padding:10px 0}.story-guide:hover{text-decoration:underline;text-underline-offset:5px}
.laserdeck-visual{background:radial-gradient(ellipse at 50% 50%,#493224,#161b29 75%)}.laser-pair{position:absolute;inset:23% 12% 16%;display:flex;align-items:center;justify-content:center;gap:15px;transform:perspective(850px) rotateY(-8deg) rotateX(5deg);transition:transform .5s}.feature-visual:hover .laser-pair{transform:perspective(850px) rotateY(0) rotateX(0)}.laser-phone{display:block;height:100%;width:29%;max-width:110px;background:#111c2d;border:3px solid #8795a955;border-radius:15px;padding:10px;box-shadow:10px 15px 30px #0004}.laser-speaker{display:block;width:30%;height:3px;border-radius:2px;background:#788ca9;margin:0 auto 12px}.laser-display{height:80%;display:flex;align-items:center;justify-content:center;gap:9px;flex-direction:column;font:10px var(--mono);color:#ffc58f}.laser-display>span:last-child{font-size:6px;letter-spacing:.1em}.laser-ptt{font-size:38px;line-height:1;color:#ffc58f;text-shadow:0 0 22px #ffc58f22}.laser-link{color:#ffc58f;font:28px var(--display);text-align:center}.laser-link small{display:block;font:6px var(--mono);letter-spacing:.08em}
@media(min-width:1101px){.featured-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.feature-card{grid-column:span 2}.feature-card:nth-child(n+4){grid-column:span 3}.feature-card:nth-child(-n+3) .feature-info{flex-wrap:wrap}.feature-card:nth-child(-n+3) .eip-preview{padding:14px}.feature-card:nth-child(-n+3) .eip-preview-title{font-size:18px}.feature-card:nth-child(-n+3) .eip-preview-flow>span{font-size:7px}.feature-card:nth-child(-n+3) .visual-label{font-size:8px}.feature-card:nth-child(-n+3) .payradar-side{font-size:7px}.feature-card:nth-child(-n+3) .payradar-side strong{font-size:18px}}
@media(min-width:761px) and (max-width:1100px){.feature-card:last-child{grid-column:1/-1}.feature-card:last-child .feature-visual{aspect-ratio:2.4}}
@media(max-width:760px){.laser-phone{padding:10px}.laser-ptt{font-size:40px}.laser-pair{gap:18px}.story-index{gap:24px}}
@media(prefers-reduced-motion:reduce){.laser-pair{transform:none!important}}
.legal-notice-links{display:flex;flex-wrap:wrap;gap:12px 23px;margin:25px 0;font-size:11px;line-height:1.8}.legal-notice-links a{color:#9fb5d3}.legal-notice-links a:hover{color:#8ce5da}.legal-contact-note{font-size:11px;color:#9fb5d3;margin:0 0 2px}.legal-contact-note a{text-decoration:underline;text-underline-offset:3px}
.company-story .collaboration-note a{display:inline-block;color:#254d78;font-size:12px;border-bottom:1px solid #809bb8;padding:4px 0}.company-story .collaboration-note a:hover{color:#102d50;border-color:#254d78}
.site-footer{padding-top:10px}.site-footer .legal-notice-links{margin-top:18px}

/* APERTURE — restrained materials, five domain channels, no live telemetry. */
.hero-board{background:linear-gradient(145deg,#0d1724,#070c14 65%);border-color:#324251;box-shadow:0 25px 100px #0003}
.scene-heading{z-index:3}.scene-heading .eyebrow{color:#c5d5e5;letter-spacing:.19em}.scene-coordinate{color:#758ba3}
.scene-container{height:410px;background:radial-gradient(ellipse at 50% 48%,#2c3c4a45,transparent 62%)}
#nexus-canvas{background:radial-gradient(ellipse at center,#18304126,transparent 67%)}
.aperture-hud{position:absolute;inset:65px 24px 18px;display:flex;justify-content:space-between;align-items:end;pointer-events:none;font:8px/1.5 var(--mono);letter-spacing:.12em;color:#8a9fb6}
.aperture-mark{color:#b9cadc;border-left:1px solid #6f839b;padding-left:9px}.aperture-hud #scene-state{text-align:right;max-width:70%}
.scene-toolbar{gap:18px;min-height:55px;align-items:center}.scene-toolbar>span{line-height:1.6;max-width:70%;color:#9eafc1}
.radar-row{transition:background .25s,color .25s}.radar-row:is(:hover,:focus-visible){background:#25364a55;color:#e5d9c2;outline-offset:3px}
#scene-home{min-height:465px}#story-dock .scene-container{height:390px}#story-dock{height:445px}
#scene-home:not(:has(.scene-container)){background-image:url('assets/aperture-static.png')}
.product-permalink{display:inline-flex;margin-top:12px;font-size:11px;color:#aac5e8;text-decoration:underline;text-underline-offset:4px}
@media(min-width:1700px){.scene-container{height:450px}#scene-home{min-height:505px}}
@media(max-width:1100px){.scene-container{height:360px}#scene-home{min-height:415px}}
@media(max-width:760px){.scene-container{height:355px}#scene-home{min-height:410px}.aperture-hud{inset:60px 20px 16px;font-size:7px}.scene-toolbar,.scene-toolbar button{font-size:9px}}
@media(max-width:390px){.scene-container{height:325px}#scene-home{min-height:380px}}

.product-directory{display:flex;flex-wrap:wrap;gap:12px 20px;padding:25px 0 0;margin-top:25px;border-top:1px solid #30465f;font-size:11px;color:#9db6d3}.product-directory>span{width:100%;font-size:10px;letter-spacing:.08em}.product-directory a:hover{text-decoration:underline;text-underline-offset:4px}
