:root{--bg: #02030a;--ink: #e7ecff}*{margin:0;padding:0;box-sizing:border-box}html{height:100%}body{min-height:100%;overflow-x:hidden;overflow-y:auto;background:var(--bg);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{width:100%}.scene-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(120% 120% at 70% 30%,#060a1c,#02030a 55%,#000004)}.scroll-spacer{position:relative;z-index:1;width:100%;pointer-events:none}.hud{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none}.hud__top{position:absolute;top:clamp(24px,4vw,56px);left:clamp(24px,5vw,80px);right:clamp(24px,5vw,80px);display:flex;justify-content:space-between;align-items:center}.mark{font-size:13px;letter-spacing:.3em;text-transform:uppercase;color:#e7ecffd9;font-weight:600}.hud__counter{font-size:12px;letter-spacing:.28em;color:#96b4ff80;font-variant-numeric:tabular-nums}.hud__counter em{font-style:normal;color:#fff}.hud__left{position:absolute;left:clamp(24px,5vw,80px);top:50%;transform:translateY(-50%);max-width:40ch}.eyebrow{font-size:11px;letter-spacing:.42em;text-transform:uppercase;color:#96b4ffb3;font-weight:500}.hud__title{margin:18px 0 40px;font-size:clamp(30px,4.4vw,62px);line-height:1.04;font-weight:600;letter-spacing:-.02em;background:linear-gradient(180deg,#fff,#9fb8ff 60%,#5e79c8);-webkit-background-clip:text;background-clip:text;color:transparent}.types{list-style:none;display:flex;flex-direction:column;gap:20px;border-left:1px solid rgba(120,150,230,.14);padding-left:22px}.type{position:relative;display:flex;gap:18px;align-items:baseline;opacity:.3;transform:translate(0);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}.type:before{content:"";position:absolute;left:-23px;top:.45em;width:1px;height:0;background:linear-gradient(180deg,#fff,#6f8fff);transition:height .5s cubic-bezier(.16,1,.3,1)}.type.is-active{opacity:1;transform:translate(8px)}.type.is-active:before{height:1.4em}.type__num{flex:0 0 auto;min-width:2.2ch;font-size:19px;letter-spacing:.12em;color:#96b4ff99;font-variant-numeric:tabular-nums;transition:color .6s ease}.type.is-active .type__num{color:#fff}.type__body{display:flex;flex-direction:column}.type__label{font-size:15px;letter-spacing:.03em;color:#e7ecffd9;transition:color .6s ease}.type.is-active .type__label{color:#fff}.type__sub{margin-top:4px;font-size:12px;line-height:1.5;color:#c8d4ff66}.scroll-hint{position:absolute;bottom:clamp(24px,4vw,48px);left:50%;transform:translate(-50%);font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:#96b4ff80;animation:bob 2.4s ease-in-out infinite}@keyframes bob{0%,to{transform:translate(-50%);opacity:.45}50%{transform:translate(-50%,6px);opacity:.9}}.fade-in{opacity:0;transform:translateY(14px);animation:rise 1.6s cubic-bezier(.16,1,.3,1) forwards}.d1{animation-delay:.2s}.d2{animation-delay:.45s}.d3{animation-delay:.7s}.d4{animation-delay:.95s}@keyframes rise{to{opacity:1;transform:translateY(0)}}.veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;background:#02030a;transition:opacity 1s ease}.veil__label{font-size:11px;letter-spacing:.5em;text-transform:uppercase;color:#96b4ff99;animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.35}50%{opacity:1}}