*,:before,:after{box-sizing:border-box}*{margin:0}html,body,#root{height:100%}body{background-color:var(--color-abyss,#050c0e);color:var(--color-text-primary,#dde6e2);font-family:var(--font-family);font-size:var(--font-size-body);line-height:var(--line-height-body);-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer}a{color:var(--color-glow-teal)}:focus-visible{outline:2px solid var(--color-glow-teal);outline-offset:3px;border-radius:2px}.app{flex-direction:column;min-height:100%;display:flex}.scene{background:linear-gradient(180deg, var(--color-sky-top) 0%, var(--color-sky-horizon) 58%, var(--color-sea-surface) 63%, var(--color-sea-lit) 66%, var(--color-sea-deep) 100%);flex:1;position:relative;overflow:hidden}.vignette{pointer-events:none;z-index:3;background:radial-gradient(120% 95% at 50% 42%,#0000 62%,#0c161861 100%);position:absolute;inset:0;box-shadow:inset 0 0 160px 50px #0c161866}.ambient{pointer-events:none;z-index:1;position:absolute;inset:0;overflow:hidden}.ambient__particle{background:var(--color-glow-teal);opacity:.18;width:3px;height:3px;animation:drift var(--motion-glide) linear infinite;border-radius:50%;animation-duration:14s;position:absolute}@keyframes drift{0%{opacity:0;transform:translateY(20px)}20%{opacity:.2}to{opacity:0;transform:translateY(-120px)}}.hull-stage{z-index:2;transition:transform var(--motion-glide) var(--ease);will-change:transform;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.hull-stage__svg{flex:none;width:300%;height:auto}.act{z-index:4;gap:var(--space-md);max-width:var(--text-max-width);padding:var(--space-xl) var(--space-lg);flex-direction:column;justify-content:flex-end;min-height:100%;margin:0 auto;display:flex;position:relative}.act__eyebrow{font-size:var(--font-size-caption);letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-muted)}.act__title{font-size:var(--font-size-display);line-height:var(--line-height-tight);text-shadow:0 2px 24px #050c0ee6;font-weight:700}.act__lead{font-size:var(--font-size-h2);color:var(--color-text-primary)}.act__beats{gap:var(--space-sm);color:var(--color-text-primary);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.act__beat{padding-left:var(--space-md);border-left:2px solid var(--color-glow-teal);color:var(--color-text-muted)}.act__beat strong{color:var(--color-text-primary)}.act__transition{color:var(--color-text-muted);font-style:italic}.act:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#0000 0%,#050c0e1a 30%,#050c0ec7 100%);position:absolute;inset:0}.act2{z-index:4;pointer-events:none;flex-direction:column;display:flex;position:absolute;inset:0}.act2__readouts{justify-content:center;align-items:center;gap:var(--space-lg);padding:var(--space-xl) var(--space-lg) 0;flex:auto;display:flex}.act2__readout{--warmth:0;text-align:center;align-items:center;gap:var(--space-sm);flex-direction:column;flex:1 1 0;min-width:0;display:flex}.act2__value{white-space:nowrap;color:color-mix(in srgb, var(--color-signal-rust-dim), var(--color-signal-rust) calc(var(--warmth) * 100%));text-shadow:0 2px 26px #050c0ef2,0 0 3px #050c0ed9;font-size:clamp(2.2rem,7vw,4.75rem);font-weight:700;line-height:1}.act2__unit{color:var(--color-text-muted);margin-left:.28em;font-size:.4em;font-weight:600}.act2__caption{font-size:var(--font-size-caption);letter-spacing:.06em;color:var(--color-text-primary);text-shadow:0 1px 14px #050c0ef2}.infotip{vertical-align:middle;pointer-events:auto;margin-left:.4em;display:inline-flex;position:relative}.infotip__button{width:1.5em;height:1.5em;font-size:var(--font-size-caption);border:1px solid var(--color-text-muted);background:var(--color-deep-water-raised);color:var(--color-text-muted);text-shadow:none;transition:color var(--motion-fouling) var(--ease), border-color var(--motion-fouling) var(--ease);border-radius:50%;justify-content:center;align-items:center;font-style:italic;font-weight:700;line-height:1;display:inline-flex}.infotip:hover .infotip__button,.infotip:focus-within .infotip__button{color:var(--color-text-primary);border-color:var(--color-glow-teal)}.infotip__box{z-index:6;width:max-content;max-width:min(280px,78vw);padding:var(--space-md);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--motion-fouling) var(--ease), transform var(--motion-fouling) var(--ease), visibility var(--motion-fouling) var(--ease);background:#0a1a1cf7;border:1px solid #5e8c8259;border-radius:10px;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px);box-shadow:0 8px 30px #050c0e99}.infotip:hover .infotip__box,.infotip:focus-within .infotip__box{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)translateY(0)}.infotip__list{gap:var(--space-xs);font-size:var(--font-size-caption);letter-spacing:normal;font-style:normal;font-weight:400;line-height:var(--line-height-body);color:var(--color-text-primary);text-align:left;text-shadow:none;white-space:normal;flex-direction:column;margin:0;padding-left:1.1em;list-style:outside;display:flex}.act2__controls{padding:var(--space-lg) var(--space-lg) var(--space-xl);background:linear-gradient(#0000 0%,#050c0e73 45%,#050c0ee0 100%);flex:none}.act2__controls-inner{pointer-events:auto;max-width:var(--text-max-width);gap:var(--space-md);flex-direction:column;margin:0 auto;display:flex}.scrolly{z-index:4;scroll-snap-type:y mandatory;scrollbar-width:none;position:absolute;inset:0;overflow:hidden auto}.scrolly::-webkit-scrollbar{width:0;height:0}.scrolly:focus,.scrolly:focus-visible{outline:none}.scrolly__stage{z-index:1;pointer-events:none;height:100svh;margin-bottom:-100svh;position:sticky;top:0}.scrolly__snap{scroll-snap-align:start;pointer-events:none;height:100svh}.scrolly__copy{position:absolute;inset:0}.scrolly__beat{top:clamp(var(--space-xl), 12vh, 132px);left:var(--space-lg);right:var(--space-lg);max-width:var(--text-max-width);text-align:center;align-items:center;gap:var(--space-md);pointer-events:none;will-change:opacity, transform;flex-direction:column;margin-inline:auto;display:flex;position:absolute}.scrolly__beat.is-active{pointer-events:auto}.scrolly__eyebrow{font-size:var(--font-size-caption);letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-primary);opacity:.82;text-shadow:0 1px 12px #050c0e99}.scrolly__headline{font-size:var(--font-size-display);line-height:var(--line-height-tight);color:var(--color-text-primary);text-shadow:0 2px 22px #050c0ed9,0 1px 3px #050c0eb3;font-weight:700}.scrolly__body,.scrolly__transition{font-size:var(--font-size-h2);color:var(--color-text-primary);text-shadow:0 2px 18px #050c0ed1,0 1px 3px #050c0ea6;line-height:1.45}.scrolly__body strong,.scrolly__transition strong{color:var(--color-glow-teal-bright);font-weight:700}.scrolly__cta{margin-top:var(--space-md);padding:var(--space-md) var(--space-xl);font-size:var(--font-size-h2);pointer-events:auto;align-self:center;font-weight:500}.scrolly__cue{align-items:center;gap:var(--space-xs);color:var(--color-text-primary);opacity:.7;transition:opacity .4s var(--ease);padding:var(--space-xs) var(--space-sm);pointer-events:auto;background:0 0;border:none;flex-direction:column;display:flex;position:absolute;top:42%;left:50%;transform:translate(-50%)}.scrolly__cue:hover{opacity:1}.scrolly__cue.is-hidden{opacity:0;pointer-events:none}.scrolly__cue-label{font-size:var(--font-size-caption);letter-spacing:.18em;text-transform:uppercase;text-shadow:0 1px 8px #050c0e99}.scrolly__cue-chevron{width:11px;height:11px;animation:scrolly-bob 1.8s var(--ease) infinite;border-bottom:2px solid;border-right:2px solid;transform:rotate(45deg)}@keyframes scrolly-bob{0%,to{opacity:.5;transform:rotate(45deg)translate(0)}50%{opacity:1;transform:rotate(45deg)translate(2px,2px)}}.scrolly--static{scroll-snap-type:none}.scrolly--static .scrolly__static-copy{gap:var(--space-xl);min-height:100%;padding:clamp(var(--space-lg), 6vw, var(--space-xxl));flex-direction:column;display:flex;position:relative}.scrolly--static .scrolly__beat{opacity:1;pointer-events:auto;max-width:var(--text-max-width);position:static}.scrolly__back-link{top:var(--space-lg);left:var(--space-lg);z-index:5;pointer-events:auto;position:absolute}.stat-cards{gap:var(--space-md);flex-wrap:wrap;display:flex}.stat-card{padding:var(--space-md);background:var(--color-deep-water-raised);border:1px solid #5e8c822e;border-radius:10px;flex:140px}.stat-card__value{font-size:var(--font-size-h1);color:var(--color-text-primary);font-weight:700}.stat-card__label{font-size:var(--font-size-caption);color:var(--color-text-muted)}.stat-card__note{font-size:var(--font-size-caption);color:var(--color-text-muted);opacity:.8}.readouts{gap:var(--space-lg);flex-wrap:wrap;display:flex}.counter{--warmth:0;gap:var(--space-xs);flex-direction:column;display:flex}.counter__value{font-size:var(--font-size-display);font-weight:700;line-height:var(--line-height-tight);color:color-mix(in srgb, var(--color-signal-rust-dim), var(--color-signal-rust) calc(var(--warmth) * 100%))}.counter__label{font-size:var(--font-size-caption);color:var(--color-text-muted)}.stage-label{font-size:var(--font-size-caption);letter-spacing:.1em;text-transform:uppercase;color:var(--color-glow-teal)}.fouling-control{gap:var(--space-sm);flex-direction:column;display:flex}.fouling-control__label{font-size:var(--font-size-caption);color:var(--color-text-muted);text-align:center}.fouling-control__value{color:var(--color-signal-rust);font-weight:500}.fouling-slider{width:100%;accent-color:var(--color-glow-teal);background:0 0}.fouling-control__ticks{height:1.2em;font-size:var(--font-size-caption);color:var(--color-text-muted);position:relative}.fouling-control__tick{white-space:nowrap;position:absolute;transform:translate(-50%)}.controlbar{z-index:5;justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:linear-gradient(0deg, var(--color-abyss), #050c0e99);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;position:sticky;bottom:0}.step-nav{gap:var(--space-sm);display:flex}.btn{padding:var(--space-sm) var(--space-lg);color:var(--color-text-primary);transition:background var(--motion-fouling) var(--ease), border-color var(--motion-fouling) var(--ease);background:0 0;border:1px solid #5e8c8259;border-radius:999px}.btn:hover{background:var(--color-glow-teal-soft)}.btn--primary{border-color:var(--color-glow-teal);background:var(--color-glow-teal-soft)}.btn:disabled{opacity:.35;cursor:default}.step-indicator{gap:var(--space-sm);margin:0;padding:0;list-style:none;display:flex}.step-dot{align-items:center;gap:var(--space-xs);padding:var(--space-xs);color:var(--color-text-muted);font-size:var(--font-size-caption);background:0 0;border:none;display:flex}.step-dot__mark{border:1px solid var(--color-text-muted);border-radius:50%;width:9px;height:9px}.step-dot[aria-current=step]{color:var(--color-text-primary)}.step-dot[aria-current=step] .step-dot__mark{background:var(--color-glow-teal);border-color:var(--color-glow-teal);box-shadow:0 0 10px var(--color-glow-teal-soft)}.step-dot__label{display:none}@media (width>=560px){.step-dot__label{display:inline}}.cta-links{gap:var(--space-md);margin-top:var(--space-md);flex-wrap:wrap;display:flex}.cta-link{padding:var(--space-sm) var(--space-lg);border:1px solid var(--color-glow-teal);background:var(--color-glow-teal-fill);color:var(--color-text-primary);border-radius:999px;text-decoration:none}.cta-link--ghost{background:0 0;border-color:#5e8c8259}.act__nav{justify-content:center;gap:var(--space-md);margin-top:var(--space-lg);flex-wrap:wrap;display:flex}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.reduced-motion .hull-stage,.reduced-motion .ambient__particle,.reduced-motion .btn{transition:none;animation:none}