.hero3d{position:absolute;inset:0;z-index:0;pointer-events:none}.scene3d-canvas{position:fixed;inset:0;width:100%;height:100%;display:block;z-index:0;pointer-events:none;opacity:0;transition:opacity .6s}.scene3d-canvas.is-docked{position:absolute;inset:auto}.scene3d-canvas.is-live{opacity:1}@media(max-width:1099px){.hero3d{position:relative;inset:auto;align-self:stretch;width:100%;height:clamp(380px,70svh,520px)}}@media(prefers-reduced-motion:reduce){.scene3d-canvas{display:none}}.hero{position:relative;overflow:hidden;min-height:max(560px,calc(100svh - 69px));display:flex;align-items:center;background:radial-gradient(60% 70% at 88% 18%,var(--glow-1),transparent 70%),radial-gradient(50% 60% at 5% 95%,var(--glow-2),transparent 70%),var(--bg)}.hero>.wrap{position:relative;z-index:1;width:100%}.hero .copy{max-width:min(720px,52vw);padding:40px 0}.hero h1 em{display:block;color:var(--brand-2);font-style:italic}.hero .lead{max-width:none}.hero .ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero .meta{display:flex;gap:6px 0;flex-wrap:wrap;margin:22px 0 0;padding:0;list-style:none;font-size:.844rem;color:var(--muted)}@media(max-width:1099px){.hero{flex-direction:column-reverse;min-height:0}.hero .copy{padding:32px 0 8px}}.story .step{display:grid;grid-template-columns:1fr minmax(0,300px);gap:48px;align-items:center;padding:48px 0;border-top:1px solid var(--border)}.story .step .n{font-size:.8125rem;font-weight:700;letter-spacing:.08em;color:var(--accent)}.story .step h3{font-size:clamp(1.6rem,3vw,2.4rem);margin:10px 0 12px}.story .step p{color:var(--muted);font-size:1.0625rem}.story .shot img{border-radius:28px;border:8px solid #0d0f0e;box-shadow:0 40px 70px -40px var(--shadow)}@supports (animation-timeline: view()){.story .step{animation:step-focus linear both;animation-timeline:view();animation-range:entry 30% exit 70%}@keyframes step-focus{0%,to{opacity:.35}35%,65%{opacity:1}}}@media(prefers-reduced-motion:reduce){.story .step{animation:none;opacity:1}}.story3d{display:none}@media(min-width:1100px){.story.is-3d .story-body{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);gap:56px;align-items:start}.story.is-3d .story3d{display:block;position:sticky;top:72px;height:calc(100svh - 96px)}.story.is-3d .story-steps{position:relative;z-index:1}.story.is-3d .step{display:flex;align-items:center;min-height:100svh;padding:0;border-top:0;animation:none;opacity:1}.story.is-3d .step .shot,.story.is-3d .step .placeholder{display:none}.story.is-3d .step>div{border-left:3px solid transparent;padding-left:28px;transition:border-color .4s}.story.is-3d .step.is-on>div{border-left-color:var(--brand-2)}}.tester-card{background:var(--deep);color:var(--on-deep);border-radius:24px;padding:32px}.tester-card .eyebrow{color:#e0a64a}.tester-card h3{font-size:1.75rem;margin:10px 0 16px}.tester-card{display:flex;flex-direction:column;justify-content:center}.tester-card ul{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:16px;font-size:1.125rem;color:var(--deep-muted)}.tester-card p{color:var(--on-deep);margin:28px 0 24px}.tester-card .btn{background:var(--deep-btn);color:var(--on-deep-btn);width:100%;justify-content:center}.closing{background:radial-gradient(60% 90% at 50% 0%,#57c7a233,transparent 70%),var(--deep);color:var(--on-deep);text-align:center;padding:100px 0}.closing h2{margin-top:0}.closing p{color:var(--deep-muted);margin:0 auto 28px}.closing .btn{background:var(--deep-btn);color:var(--on-deep-btn)}@media(max-width:720px){.story .step{grid-template-columns:1fr;gap:24px}.story .shot{max-width:260px}}