.landing-scroll-root{position:relative;width:100%;min-height:100vh;overflow-x:clip;background:radial-gradient(circle at 18% 22%,rgba(45,212,191,.16),transparent 34rem),radial-gradient(circle at 84% 36%,rgba(56,189,248,.12),transparent 32rem),radial-gradient(circle at 50% 108%,rgba(45,212,191,.1),transparent 30rem),linear-gradient(180deg,rgba(13,31,57,.22),rgba(22,34,53,.96)),#162235;color:#f8fafc}.landing-canvas-layer{z-index:2}.landing-canvas-layer,.landing-ui-layer{position:fixed;inset:0;pointer-events:none}.landing-ui-layer{z-index:12;overflow:hidden;--footer-handoff-progress:0;--footer-ui-opacity:1;--footer-ui-translate:0rem;--footer-veil-translate:3rem}.landing-ui-layer a,.landing-ui-layer button{pointer-events:none}.story-scene.is-interactive a,.story-scene.is-interactive button{pointer-events:auto}.landing-scroll-spacer{width:100%}.landing-anchor-layer{position:absolute;inset:0;z-index:1;pointer-events:none}.landing-anchor-layer span{position:absolute;right:0;width:1px;height:1px}.story-scene,.story-stage{position:absolute;inset:0}.story-scene{display:grid;align-items:center;padding:6.5rem 6rem 5.5rem;will-change:transform,opacity,filter}.story-scene-left .story-copy{justify-self:start;text-align:right}.story-scene-center .story-copy{justify-self:center;text-align:center}.story-scene-right .story-copy{justify-self:end;text-align:right}.story-copy{position:relative;width:min(42rem,92vw);color:#f8fafc;text-wrap:balance}.story-copy:before{position:absolute;inset:-2rem -1.4rem;z-index:-1;content:"";border:1px solid color-mix(in srgb,var(--scene-accent) 28%,transparent);background:linear-gradient(145deg,rgba(13,31,57,.72),rgba(22,34,53,.44)),rgba(8,22,38,.42);box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),0 2rem 5rem rgba(0,0,0,.3);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.story-scene-narrative .story-copy:before{inset:-.9rem -1rem;border-color:color-mix(in srgb,var(--scene-accent) 18%,transparent);border-inline-start:0;background:linear-gradient(90deg,rgba(8,22,38,.1),rgba(8,22,38,.34) 46%,rgba(8,22,38,.08)),rgba(8,22,38,.1);box-shadow:inset 0 0 0 1px rgba(255,255,255,.02),0 1.2rem 3rem rgba(0,0,0,.12);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}.story-scene-narrative .story-copy{width:min(36rem,88vw)}.story-scene-narrative .story-copy h1{text-shadow:0 0 1.8rem color-mix(in srgb,var(--scene-accent) 24%,transparent),0 .12rem 1rem rgba(0,0,0,.42)}.story-scene-narrative .story-copy p{max-width:34rem;text-shadow:0 .1rem .8rem rgba(0,0,0,.48)}.landing-ui-layer.is-opening-visual .story-hud{opacity:0;transform:translateY(-.8rem)}.landing-ui-layer.is-opening-visual .story-chapter-rail{opacity:0}.landing-ui-layer.is-opening-visual .scroll-cue{opacity:.62}.scene-meta{display:inline-flex;align-items:center;gap:.65rem;margin-bottom:1.2rem;color:color-mix(in srgb,var(--scene-accent) 78%,white);font-size:.82rem;font-weight:700;letter-spacing:0}.scene-meta span:first-child{display:inline-grid;width:2.4rem;height:2.4rem;place-items:center;border:1px solid color-mix(in srgb,var(--scene-accent) 42%,transparent);background:rgba(8,22,38,.72);color:#f8fafc}.story-copy h1{max-width:12ch;margin:0;color:#ffffff;font-size:3.8rem;font-weight:500;line-height:1.12;letter-spacing:0;text-shadow:0 0 2.2rem color-mix(in srgb,var(--scene-accent) 25%,transparent)}.story-scene-center .story-copy h1{margin-inline:auto}.story-copy p{max-width:38rem;margin:1.35rem 0 0;color:#cbd5e1;font-size:1.1rem;line-height:1.9}.story-scene-center .story-copy p{margin-inline:auto}.story-hud{position:absolute;top:1.4rem;right:1.4rem;display:grid;width:min(22rem,calc(100vw - 2.8rem));grid-template-columns:auto 1fr;gap:.9rem 1rem;align-items:center;padding:.85rem 1rem;border:1px solid rgba(148,163,184,.16);background:rgba(13,31,57,.5);box-shadow:0 1.25rem 3.5rem rgba(0,0,0,.22);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:opacity .24s ease,transform .24s ease}.landing-ui-layer.is-footer-handoff .story-hud{opacity:var(--footer-ui-opacity);transform:translateY(var(--footer-ui-translate))}.story-hud>div:first-child{display:inline-flex;align-items:center;gap:.34rem;color:#e0f2fe;font-size:.88rem;font-weight:800;direction:ltr}.story-hud-copy{display:grid;gap:.12rem;min-width:0}.story-hud-copy small,.story-hud-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.story-hud-copy strong{color:#ffffff;font-size:.9rem}.story-hud-copy small{color:#94a3b8;font-size:.75rem}.story-progress{grid-column:1/-1;height:.22rem;overflow:hidden;background:rgba(148,163,184,.18)}.story-progress span{display:block;height:100%;background:linear-gradient(90deg,#22d3ee,#8b5cf6,#f59e0b);transition:width .12s linear}.story-chapter-rail{position:absolute;top:50%;left:1.4rem;display:grid;gap:.65rem;transform:translateY(-50%);transition:opacity .24s ease}.landing-ui-layer.is-footer-handoff .story-chapter-rail{opacity:var(--footer-ui-opacity)}.story-chapter-rail span{display:block;width:.34rem;height:2.4rem;border:1px solid rgba(148,163,184,.16);background:rgba(15,23,42,.58);transition:height .24s ease,background-color .24s ease,border-color .24s ease,box-shadow .24s ease}.story-chapter-rail span.is-active{height:4rem;border-color:color-mix(in srgb,var(--chapter-accent) 64%,transparent);background:var(--chapter-accent);box-shadow:0 0 1.6rem color-mix(in srgb,var(--chapter-accent) 45%,transparent)}.scene-glyph{position:absolute;top:50%;width:13rem;aspect-ratio:1;opacity:.78;transform:translateY(-50%) rotate(45deg)}.story-scene-left .scene-glyph{left:13vw}.story-scene-center .scene-glyph{right:9vw}.story-scene-right .scene-glyph{right:11vw}.scene-glyph span{position:absolute;inset:0;display:block;border:1px solid color-mix(in srgb,var(--scene-accent) 55%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--scene-accent) 22%,transparent),rgba(2,6,23,.04));box-shadow:0 0 2rem color-mix(in srgb,var(--scene-accent) 16%,transparent),0 0 0 1px rgba(255,255,255,.04) inset}.scene-glyph span:nth-child(2){inset:1.7rem;transform:rotate(18deg)}.scene-glyph span:nth-child(3){inset:3.3rem;transform:rotate(-24deg)}.scene-glyph-classification,.scene-glyph-footer,.scene-glyph-packages,.scene-glyph-underwater{transform:translateY(-50%) rotate(45deg) scaleY(.72)}.scene-options{display:flex;flex-wrap:wrap;justify-content:inherit;gap:.75rem;margin-top:1.75rem}.story-scene-center .scene-options{justify-content:center}.scene-option{display:grid;min-width:8.5rem;min-height:4.1rem;align-content:center;gap:.2rem;padding:.8rem 1rem;cursor:pointer;border:1px solid rgba(148,163,184,.2);background:rgba(13,31,57,.58);color:#e2e8f0;text-align:center;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease}.scene-option:disabled{cursor:default;opacity:1}.scene-option.is-selected,.scene-option:focus-visible,.scene-option:hover{border-color:color-mix(in srgb,var(--scene-accent) 70%,white);background:color-mix(in srgb,var(--scene-accent) 20%,rgba(13,31,57,.72));box-shadow:0 0 1.6rem color-mix(in srgb,var(--scene-accent) 18%,transparent)}.scene-option:focus-visible{outline:2px solid #ffffff;outline-offset:3px}.scene-option span{font-size:1rem;font-weight:800}.scene-option small{color:#cbd5e1;font-size:.75rem;line-height:1.35}.scene-actions{display:flex;flex-wrap:wrap;justify-content:inherit;gap:.75rem;margin-top:1.8rem}.scene-action,.story-scene-center .scene-actions{justify-content:center}.scene-action{display:inline-flex;min-height:3.15rem;align-items:center;padding:.75rem 1.35rem;cursor:pointer;border:1px solid rgba(148,163,184,.2);color:#f8fafc;font-size:.92rem;font-weight:800;text-decoration:none;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease}.scene-action-primary{border-color:rgba(45,212,191,.62);background:linear-gradient(135deg,#14b8a6,#22d3ee);color:#081626;box-shadow:0 0 1.7rem rgba(45,212,191,.2)}.scene-action-secondary{background:rgba(13,31,57,.58)}.scene-action:focus-visible,.scene-action:hover{border-color:color-mix(in srgb,var(--scene-accent) 70%,white);box-shadow:0 0 1.6rem color-mix(in srgb,var(--scene-accent) 18%,transparent)}.scene-action:focus-visible{outline:2px solid #ffffff;outline-offset:3px}.scene-package-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(48rem,100%);margin-inline:auto}.scene-package-option{min-height:6.2rem;text-decoration:none}.scene-package-option strong{color:#f8fafc;font-size:1.05rem;font-weight:900}.reduced-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:.65rem;margin-top:1.2rem}.reduced-option{display:grid;min-height:3.6rem;align-content:center;gap:.18rem;padding:.72rem .85rem;cursor:pointer;border:1px solid rgba(148,163,184,.22);background:rgba(13,31,57,.52);color:#e2e8f0;text-align:center;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease}.reduced-option.is-selected,.reduced-option:focus-visible,.reduced-option:hover{border-color:rgba(186,230,253,.76);background:rgba(14,165,233,.18);box-shadow:0 0 1.25rem rgba(56,189,248,.14)}.reduced-option:focus-visible{outline:2px solid #ffffff;outline-offset:3px}.reduced-option span{font-size:.95rem;font-weight:800}.reduced-option small{color:#cbd5e1;font-size:.72rem;line-height:1.35}.scroll-cue{position:absolute;right:50%;bottom:1.3rem;width:1px;height:3rem;overflow:hidden;background:rgba(148,163,184,.18)}.scroll-cue span{display:block;width:100%;height:45%;background:#67e8f9;animation:scroll-cue 1.8s ease-in-out infinite}.landing-ui-layer.is-footer-handoff .scroll-cue{opacity:var(--footer-ui-opacity)}.footer-handoff-veil{position:absolute;inset-inline:0;bottom:0;height:min(48vh,32rem);opacity:var(--footer-handoff-progress);background:linear-gradient(180deg,rgba(2,6,23,0),rgba(2,6,23,.72) 52%,rgba(2,6,23,.96)),radial-gradient(ellipse at 50% 100%,rgba(45,212,191,.18),transparent 58%);transform:translateY(var(--footer-veil-translate));transition:opacity .16s linear,transform .16s linear}.footer-handoff-veil:after,.footer-handoff-veil:before{position:absolute;right:50%;content:"";transform:translateX(50%)}.footer-handoff-veil:before{bottom:5.5rem;width:min(68rem,82vw);height:1px;background:linear-gradient(90deg,transparent,rgba(186,230,253,.42),transparent)}.footer-handoff-veil:after{bottom:2.4rem;width:min(28rem,56vw);height:.22rem;background:linear-gradient(90deg,transparent,rgba(45,212,191,.5),transparent);filter:blur(.5px)}.footer-handoff-veil span{position:absolute;right:50%;bottom:7.2rem;width:1px;height:4.2rem;background:linear-gradient(180deg,rgba(186,230,253,0),rgba(186,230,253,.6),rgba(186,230,253,0));transform:translateX(50%)}.glass-panel{background:rgba(13,31,57,.42);border:1px solid rgba(45,212,191,.16);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 24px 80px rgba(0,0,0,.45),0 0 40px rgba(45,212,191,.06)}.glass-nav{background:rgba(2,6,23,.55);border-bottom:1px solid rgba(34,211,238,.12);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}.btn-primary{position:relative;overflow:hidden;background:linear-gradient(135deg,#0891b2,#06b6d4 50%,#22d3ee);color:#020617;font-weight:700;box-shadow:0 0 24px rgba(34,211,238,.25)}.btn-primary:hover{box-shadow:0 0 36px rgba(34,211,238,.38)}.btn-secondary{background:rgba(15,23,42,.5);border:1px solid rgba(34,211,238,.28);color:#f8fafc}.btn-secondary:hover{border-color:rgba(34,211,238,.55);box-shadow:0 0 24px rgba(34,211,238,.15)}.text-glow{text-shadow:0 0 40px rgba(34,211,238,.25)}@keyframes scroll-cue{0%{transform:translateY(-120%)}55%,to{transform:translateY(230%)}}@media (min-width:1280px){.story-copy h1{font-size:4.45rem}.story-copy p{font-size:1.16rem}}@media (max-width:900px){.story-scene{padding:7.25rem 1.25rem 5.5rem}.story-scene-center .story-copy,.story-scene-left .story-copy,.story-scene-right .story-copy{justify-self:center;text-align:right}.story-copy{width:min(100%,34rem)}.story-copy:before{inset:-1.3rem -1rem}.story-scene-narrative .story-copy:before{inset:-.8rem -.75rem;background:linear-gradient(90deg,rgba(8,22,38,.08),rgba(8,22,38,.42)),rgba(8,22,38,.12)}.story-copy h1{max-width:100%;font-size:2.35rem}.story-copy p{font-size:1rem;line-height:1.8}.scene-glyph{top:auto;right:auto;bottom:7rem;left:1.1rem;width:8rem;opacity:.2}.story-chapter-rail{display:none}.scene-actions,.scene-options{display:grid;grid-template-columns:1fr}.scene-option{width:100%;min-height:3.8rem}.scene-package-options{grid-template-columns:1fr}}@media (max-width:520px){.story-hud{right:.85rem;width:calc(100vw - 1.7rem)}.story-copy,.story-scene-narrative .story-copy{width:min(100%,calc(100vw - 2.25rem))}.story-copy h1{max-width:min(100%,10.5ch);overflow-wrap:anywhere;font-size:clamp(1.55rem,7.4vw,1.82rem);line-height:1.18;text-wrap:pretty}.story-copy p{max-width:100%;overflow-wrap:anywhere;font-size:.92rem;line-height:1.78}.scene-meta{font-size:.76rem}.scene-meta span:first-child{width:2rem;height:2rem}}@media (prefers-reduced-motion:reduce){.btn-primary,.btn-secondary,.reduced-option,.scene-option,.story-chapter-rail span,.story-progress span{transition:none}.scroll-cue span{animation:none}}