:root{color-scheme:dark;--background:#03040a;--cream:#f3e9d3;--lavender:#b8b0d6;--lime:#b7f15a;--border:rgba(199,167,255,.22);--muted:#9ba3b4;--glass:rgba(9,12,26,.58);--glass-strong:rgba(7,9,20,.82)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--background)}body{margin:0;background:var(--background);color:var(--cream);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6;overflow-x:hidden}body.locked{overflow:hidden}
button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:none;border:0}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}
svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--lime);outline-offset:5px}::selection{background:var(--lime);color:var(--background)}[hidden]{display:none!important}
.container{width:min(1152px,100% - 48px);margin:auto}.section{padding:96px 0;scroll-margin-top:24px}.section:focus,#home:focus{outline:none}
.eyebrow{margin:0;color:var(--lime);font-size:11px;font-weight:650;letter-spacing:.16em;text-transform:uppercase}
h1,h2,h3,p{margin-top:0}h2{font-size:clamp(30px,4vw,40px);letter-spacing:-.045em;line-height:1.16;margin:16px 0 0}h3{letter-spacing:-.035em}p{color:var(--lavender)}
.italic{font-family:Georgia,serif;font-style:italic;font-weight:400;color:var(--lavender)}
.skip{position:fixed;left:20px;top:-100px;z-index:100;background:var(--lime);color:var(--background);padding:12px 20px}.skip:focus{top:16px}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* The universe behind the page */
.cosmos{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse 80% 60% at 75% 20%,#1a1033 0%,transparent 60%),radial-gradient(ellipse 70% 50% at 10% 85%,#0b1d33 0%,transparent 60%),var(--background)}
.cosmos canvas{position:absolute;inset:0;width:100%;height:100%}
.cosmos-fallback{position:absolute;inset:0;opacity:.6;background-image:radial-gradient(1px 1px at 17% 27%,#eee 99%,transparent),radial-gradient(1px 1px at 63% 71%,#c7a7ff 99%,transparent),radial-gradient(1px 1px at 82% 18%,#fff 99%,transparent),radial-gradient(1px 1px at 39% 83%,#c7a7ff 99%,transparent);background-size:173px 197px,257px 233px,311px 283px,389px 347px}
.cosmos.ready .cosmos-fallback{display:none}
#page{position:relative;z-index:1}main{overflow-x:clip}

/* Header */
header{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--border);background:linear-gradient(#03040ad9,#03040a99);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.header-inner{height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.logo{display:flex;align-items:center;gap:12px;letter-spacing:.16em;font-weight:750;font-size:18px;line-height:1}.logo svg{width:32px;height:32px;color:var(--lime);stroke-width:1.2}.logo small{display:block;font-size:11px;font-weight:400;margin-top:6px}
.logo svg .logo-planet{animation:logo-orbit 12s linear infinite;transform-origin:16px 16px}
@keyframes logo-orbit{to{transform:rotate(360deg)}}
.desktop-nav{display:flex;gap:32px;font-size:14px;color:var(--lavender)}nav a:hover,.text-link:hover{color:var(--lime)}
.header-actions{display:flex;align-items:center;gap:12px}
.outline-button{border:1px solid #b7f15a80;border-radius:40px;padding:10px 20px;color:var(--lime);font-size:14px;display:inline-flex;align-items:center;gap:24px}.outline-button:hover{background:#b7f15a12}
.motion-toggle{display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:40px;padding:9px 14px;font-size:12px;color:var(--lavender)}.motion-toggle:hover{color:var(--lime);border-color:#b7f15a80}.motion-toggle svg{width:14px;height:14px}
.menu-toggle{display:none;padding:10px}
.mobile-nav{position:absolute;top:100%;left:0;right:0;background:var(--glass-strong);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:16px 24px;border-bottom:1px solid var(--border)}.mobile-nav a{display:block;padding:12px}

/* Journey gauge: how far from Earth you've scrolled */
.journey{position:fixed;right:16px;top:50%;z-index:15;transform:translateY(-50%);display:flex;align-items:center;gap:10px;pointer-events:none}
.journey-track{position:relative;width:2px;height:220px;background:linear-gradient(var(--lime),#b7f15a22 30%,#c7a7ff33 70%,#c7a7ff11);border-radius:2px}
.journey-dot{position:absolute;left:50%;top:0;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px #b7f15a26,0 0 16px var(--lime)}
.journey-readout{order:-1;text-align:right;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);width:140px;line-height:1.5}
.journey-readout strong{display:block;color:var(--cream);font-size:11.5px;letter-spacing:.01em;text-transform:none;font-weight:600;font-variant-numeric:tabular-nums}
.journey-readout span{color:var(--lime)}