@font-face{font-family:Orbital;src:url('./assets/space-grotesk-regular.ttf') format('truetype');font-weight:300 500;font-display:swap}
@font-face{font-family:Orbital;src:url('./assets/space-grotesk-semibold.ttf') format('truetype');font-weight:600 700;font-display:swap}
[hidden]{display:none!important}

*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body {margin: 0; background: var(--ink); color: var(--paper); -webkit-font-smoothing: antialiased;}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}::selection{color:var(--ink);background:var(--accent)}p,h1,h2,h3{margin:0}button{border:0;background:none}.muted{color:var(--muted)}.eyebrow{font-size:10px;font-weight:500;letter-spacing:.15em;line-height:1.6}.section-number{color:var(--accent);margin-right:18px}.signal-dot,.tiny-dot{display:inline-block;width:5px;height:5px;background:var(--accent);border-radius:50%;margin-right:11px}.signal-dot{box-shadow:0 0 14px #f39b6b99}.crosshair{font-weight:300;font-size:25px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;z-index:100;top:10px;left:20px;padding:15px;background:var(--paper);color:var(--ink);transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}
.site-header{position:absolute;z-index:10;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;height:100px;margin:0 var(--page-padding);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font-size:21px;letter-spacing:.14em;font-weight:600;white-space:nowrap;min-height:48px}.brand svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.2}.brand-dot{font-size:10px;align-self:flex-start;margin-top:12px;margin-left:-6px}.site-header nav{display:flex;gap:32px;font-size:12px}.site-header nav a {display: flex; align-items: center; min-height: 48px; transition: color var(--motion-hover) ease;}.motion-toggle{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 0 0 12px;font-size:9px;letter-spacing:.1em}.motion-icon{flex:0 0 24px;width:24px;height:24px;border:1px solid #ffffff4d;border-radius:50%;display:grid;place-items:center;line-height:1;letter-spacing:0;padding:0}.motion-icon svg{display:block;width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:var(--icon-stroke);stroke-linecap:round;stroke-linejoin:round}
.hero{position:relative;min-height:700px;height:100svh;max-height:1200px;isolation:isolate;overflow:hidden}.hero-background{position:absolute;z-index:-3;inset:-4% -3%;background:url('./assets/lunar-background.webp') 55% 75% / cover no-repeat;opacity:.72;transform:translateY(var(--background-y,0px)) scale(1.025)}.hero-vignette{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(5,7,10,.7),transparent 60%),linear-gradient(0deg,#080a0d 0%,transparent 20%,transparent 70%,#080a0d55)}.hero-canvas-wrap{position:absolute;inset:0;z-index:-1}canvas{width:100%;height:100%;display:block;touch-action:pan-y;cursor:grab}canvas:active{cursor:grabbing}.hero-content{position:absolute;z-index:2;top:28.5%;left:var(--page-padding);max-width:700px;pointer-events:none}.hero-content a{pointer-events:auto}.hero-content .eyebrow{margin-bottom:26px}.hero h1{font-size:clamp(50px,5.3vw,88px);font-weight:400;letter-spacing:-.06em;line-height:1.045}.title-line{display:block;overflow:hidden;padding-bottom:.055em}.title-line>span{display:block;animation:title-arrive 900ms var(--ease-out) both}.title-line:nth-child(2)>span{animation-delay:70ms}.title-line:nth-child(3)>span{animation-delay:140ms}.journey-word{color:var(--accent)}.hero-description {font-size: var(--type-caption); line-height: 1.65; color: #bfc0c1; margin-top: 24px;}.hero-content .primary-button {margin-top: 30px;}.button-arrow{font-size:22px;font-weight:300}.hero-coordinate{position:absolute;z-index:2;right:var(--page-padding);top:73%;display:flex;gap:12px;align-items:center;font-size:9px;letter-spacing:.1em;line-height:1.8}.hero-bottom{position:absolute;z-index:2;bottom:35px;left:var(--page-padding);right:var(--page-padding);display:flex;align-items:end;justify-content:space-between;font-size:8px;letter-spacing:.1em;line-height:1.8}.scene-note{text-align:right}.scroll-hint{font-size:8px;letter-spacing:.17em;display:flex;align-items:center;gap:12px;min-height:48px}.scroll-line{width:1px;height:28px;background:#9a9a9a;transform-origin:top;animation:scroll-tick 2.8s var(--ease-in-out) infinite}.intro{animation:intro-arrive 700ms var(--ease-out) 270ms both}.render-message{position:absolute;right:var(--page-padding);top:50%;width:240px;font-size:12px;line-height:1.6;color:var(--muted)}
.section-shell{padding:110px var(--page-padding)}.section-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:0 70px}.section-heading .eyebrow{grid-column:1/-1;margin-bottom:30px}h2{font-size:clamp(38px,4.2vw,68px);font-weight:400;line-height:1.12;letter-spacing:-.055em}.section-intro {font-size: var(--type-caption); line-height: 1.8; color: var(--muted); padding-bottom: 6px; justify-self: end;}.explorer{border-top:1px solid var(--line)}.planet-nav{display:grid;grid-template-columns:repeat(8,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:52px;padding:8px 0}.planet-choice {position: relative; display: flex; gap: 11px; align-items: center; justify-content: center; min-height: 70px; color: var(--muted); font-size: 11px; transition: color var(--motion-hover) ease,transform var(--motion-press) var(--ease-out);}.planet-choice:active{transform:scale(.97)}.planet-choice::after {content: ''; position: absolute; bottom: -9px; height: 2px; left: 15%; right: 15%; background: var(--accent); transform: scaleX(0); transition: transform var(--motion-navigation) var(--ease-out);}.planet-choice[aria-pressed=true]{color:var(--paper)}.planet-choice[aria-pressed=true]::after{transform:scaleX(1)}.planet-mini{width:19px;height:19px;flex-shrink:0;display:block;border-radius:50%;background-size:cover;box-shadow:inset -6px -2px 6px #000b}.planet-choice[data-index="5"] .planet-mini{outline:1px solid #d4c4b077;outline-offset:3px}.planet-stage{display:grid;grid-template-columns:1fr 1.25fr;min-height:560px;align-items:center;padding-top:18px}.planet-copy{padding:45px 0;max-width:420px}.copy-divider{margin:0 14px;color:#64686b}.planet-copy h3{font-size:clamp(55px,6vw,88px);font-weight:400;line-height:1.05;letter-spacing:-.06em;margin:21px 0 14px}.planet-tagline{font-size:17px;line-height:1.4}.planet-description{font-size:12px;line-height:1.85;color:var(--muted);max-width:350px;margin-top:16px}.planet-stats{display:flex;gap:35px;margin:33px 0 24px}.planet-stats dt{font-size:7px;letter-spacing:.1em;color:var(--muted);margin-bottom:12px}.planet-stats dd{font-size:25px;margin:0;letter-spacing:-.035em;font-variant-numeric:tabular-nums}.stat-unit{font-size:10px;color:var(--muted);letter-spacing:0;white-space:nowrap}.text-link{font-size:10px;display:inline-flex;gap:32px;align-items:center;min-height:48px;border-bottom:1px solid var(--line)}.text-link span{font-size:18px}.planet-step{display:flex;align-items:center;gap:26px;font-size:10px;font-variant-numeric:tabular-nums;margin-top:28px}.planet-step button {border: 1px solid var(--line); width: 48px; height: 48px; border-radius: 50%; font-size: 18px; transition: transform var(--motion-press) var(--ease-out),background-color var(--motion-hover) ease;}.planet-step button:active{transform:scale(.95)}.planet-step .muted{margin-left:7px}.planet-visual{height:530px;position:relative;isolation:isolate}.visual-grid{position:absolute;inset:9% 5% 10%;z-index:-1;background:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:70px 70px;mask-image:radial-gradient(ellipse,#000,transparent 68%)}.visual-grid::after{content:'';position:absolute;width:330px;height:330px;border:1px solid #ffffff0a;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.visual-caption{position:absolute;bottom:13px;left:10%;right:5%;font-size:7px;letter-spacing:.12em;display:flex;align-items:center;gap:0}.tiny-dot{background:#929598;width:3px;height:3px}.drag-hint{margin-left:auto;color:var(--muted);font-size:7px;letter-spacing:.08em}.explorer-footnote{font-size:9px;line-height:1.8;color:#777c80;padding-top:20px;border-top:1px solid var(--line)}#planet-fallback{position:absolute;inset:15% 10%;width:80%;height:70%;object-fit:contain}
.system{display:grid;grid-template-columns:1fr 1.35fr;gap:40px;align-items:center;border-top:1px solid var(--line);background:radial-gradient(ellipse at 80% 50%,#16171355,transparent 65%)}.system h2{margin-top:30px}.system-copy>p:not(.eyebrow){font-size:12px;line-height:1.8;color:var(--muted);max-width:310px;margin-top:25px}.system-key{display:flex;gap:22px;margin-top:32px;font-size:7px;letter-spacing:.1em}.key-dot{display:inline-block;width:5px;height:5px;border-radius:50%;border:1px solid #777;margin-right:8px}.key-dot.warm{border:0;background:var(--accent)}.system-copy p.diagram-note{font-size:9px;line-height:1.8;color:#73777a;margin-top:40px}.orbit-map{position:relative;min-width:0}.orbit-map svg{width:100%;overflow:visible}.orbit-map ellipse{stroke:#ffffff20;stroke-width:1;fill:none}.orbit-map a{cursor:pointer;outline:none}.orbit-map a ellipse{stroke:#ffffff70;stroke-width:1}.orbit-map a:focus-visible .planet-map-dot{stroke:#fff;stroke-width:3}.orbit-map text{fill:#8f9395;font-family:Orbital,Arial,sans-serif;font-size:11px;letter-spacing:.08em}.orbit-map a text{fill:#d3d1ca;font-size:10px}.orbit-map .sun-label{fill:#f6a775;font-size:9px;letter-spacing:.2em}.map-label{position:absolute;bottom:3%;right:0;display:flex;gap:12px;align-items:center;font-size:7px;letter-spacing:.1em;color:var(--muted)}
.site-footer{border-top:1px solid var(--line);margin:0 var(--page-padding);padding:30px 0 40px;display:flex;align-items:center;gap:40px;flex-wrap:wrap}.footer-brand {font-size: var(--type-control);}.footer-brand .brand-dot{font-size:7px;margin-top:16px}.site-footer>p{font-size:9px;color:var(--muted)}.credits{margin-left:auto;display:flex;flex-direction:column;gap:5px;font-size:7px;line-height:1.7;color:#787d80}.credits a{color:#b2b5b8;border-bottom:1px solid #ffffff20}.back-top{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--line);border-radius:50%}.no-script{padding:30px var(--page-padding);font-size:12px;background:#171a1e}
.js .reveal{opacity:0;transform:translateY(20px);transition:opacity 650ms var(--ease-out),transform 650ms var(--ease-out)}.js .reveal.is-visible{opacity:1;transform:translateY(0)}.motion-paused .scroll-line{animation-play-state:paused}
@keyframes title-arrive{from{transform:translateY(105%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes intro-arrive{from{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scroll-tick{0%,100%{transform:scaleY(.55);opacity:.4}50%{transform:scaleY(1);opacity:1}}
@media(hover:hover) and (pointer:fine){.site-header nav a:hover{color:var(--accent)}.planet-choice:hover{color:var(--paper)}.planet-step button:hover{background:#ffffff0d}.text-link:hover{color:var(--accent)}.orbit-map a:hover text{fill:var(--accent)}.back-top:hover{background:#ffffff0d}}
@media(min-width:1700px){.hero-content{top:29%}.hero h1{font-size:96px}}
@media(max-width:1100px){.site-header nav{gap:20px;font-size:11px}.hero h1{font-size:clamp(50px,6.2vw,68px)}.hero-content{top:32%}.hero{min-height:700px}.planet-choice{gap:8px;font-size:10px}.planet-mini{width:15px;height:15px}.planet-stage{grid-template-columns:1fr 1fr}.planet-stats{gap:25px}.planet-stats dt{font-size:6px}.system{grid-template-columns:1fr 1.1fr}.system h2{font-size:43px}}
@media(max-width:760px){.site-header{height:80px}.brand{font-size:17px;gap:8px}.brand svg{width:25px}.site-header nav{display:none}.motion-toggle{font-size:8px}.hero{min-height:860px;height:100svh;max-height:1050px}.hero-background{background-position:65% 90%;opacity:.6}.hero-vignette{background:linear-gradient(0deg,#080a0d 0%,transparent 24%,#080a0d33 65%,#080a0d99)}.hero-content{top:15%;left:24px;right:24px;max-width:none}.hero-content .eyebrow{font-size:8px;margin-bottom:22px}.hero h1{font-size:clamp(37px,8.5vw,60px);max-width:570px}.hero-description{font-size:11px;margin-top:18px}.hero-content .primary-button {margin-top: 23px; padding: 0 16px; gap: 25px;}.hero-coordinate{top:auto;bottom:16%;font-size:7px;right:24px}.hero-bottom{bottom:24px;left:24px;right:24px;font-size:7px}.scene-note{display:none}.scroll-hint{font-size:7px;gap:8px}.hero-bottom>p{max-width:160px}.section-shell{padding:75px 24px}.section-heading{display:block}.section-heading .eyebrow{margin-bottom:22px}.section-intro {margin-top: 23px; font-size: var(--type-caption);}h2{font-size:41px}.planet-nav{grid-template-columns:repeat(4,1fr);margin-top:30px;padding:6px 0;gap:3px 0}.planet-choice{font-size:10px;min-height:52px}.planet-choice::after{bottom:0}.planet-choice[aria-pressed=true]{background:#ffffff04}.planet-stage{display:flex;flex-direction:column;align-items:stretch;padding-top:0}.planet-copy{max-width:none;padding:37px 0 0}.planet-copy h3{font-size:64px;margin:17px 0 10px}.planet-tagline {font-size: var(--type-body);}.planet-description{font-size:11px;max-width:400px}.planet-stats{gap:35px;margin-top:27px}.planet-stats dt{font-size:6px}.planet-stats dd{font-size:24px}.planet-step{margin-top:20px}.planet-visual{height:380px;margin-top:7px}.visual-caption{left:0;right:0;font-size:6px;bottom:12px}.drag-hint{font-size:6px}.explorer-footnote{font-size:8px;margin-top:10px}.system{display:block}.system h2{font-size:42px}.system-copy>p:not(.eyebrow){font-size:11px}.system-copy p.diagram-note{margin-top:25px;font-size:8px}.orbit-map{margin-top:35px;margin-left:-14px;margin-right:-14px}.map-label{font-size:6px}.site-footer{gap:15px;padding:20px 0 30px}.credits{width:100%;margin-left:0;order:4;font-size:7px}.site-footer>p{font-size:8px}.back-top{margin-left:auto}.render-message{font-size:10px;top:65%}.js .reveal{transform:translateY(12px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.title-line>span,.intro,.scroll-line{animation:none}.js .reveal{opacity:1;transform:none;transition:none}button,a,.planet-choice::after{transition:none}}
@media(max-width:760px){.orbit-map a text{font-size:20px;letter-spacing:0}.orbit-map .sun-label {font-size: var(--type-body);}.orbit-map ellipse{stroke:#ffffff30}}

/* Pointer motion stays on decorative layers; copy and hit targets remain fixed. */
.hero-background { transform: translate3d(0,0,0) scale(1.04); }
.hero-depth-haze {
  position: absolute;
  z-index: -2;
  inset: -8%;
  pointer-events: none;
  background: radial-gradient(ellipse at 88% 50%, #eaa5740c, transparent 46%),
              radial-gradient(ellipse at 43% 95%, #789bc00b, transparent 50%);
  transform: translate3d(0,0,0) scale(1.04);
}
.scene-cursor {display: none; position: fixed; top: 0; left: 0; z-index: 30; width: 64px; height: 64px; pointer-events: none; opacity: 0; transition: opacity var(--motion-press) var(--ease-out);}
.cursor-ring {display: block; transform: scale(.92); transition: transform var(--motion-press) var(--ease-out), opacity var(--motion-press) ease;}
.cursor-ring svg { display: block; width: 64px; height: 64px; fill: none; stroke: #e6dcd0; stroke-width: .8; filter: drop-shadow(0 1px 2px #000c); }
.cursor-ring ellipse { stroke: var(--accent); opacity: .65; }
.cursor-label {position: absolute; top: 74px; left: -53px; width: 170px; text-align: center; color: #ddd4cb; font-size: 7px; letter-spacing: .13em; white-space: nowrap; text-shadow: 0 1px 3px #000; transition: opacity var(--motion-press) ease;}
.scene-cursor[data-mode="control"] .cursor-ring { transform: scale(.5); opacity: .6; }
.scene-cursor[data-mode="control"] .cursor-label { opacity: 0; }
.scene-cursor[data-mode="planet"] .cursor-ring { transform: scale(1); }
.scene-cursor[data-mode="planet"] .cursor-label,.scene-cursor[data-mode="drag"] .cursor-label {background: #080a0d80; padding: 4px 0; border-radius: 2px;}
.scene-cursor[data-mode="drag"] .cursor-ring { transform: scale(1.12); }
.scene-cursor[data-mode="drag"] .cursor-ring svg { stroke: var(--accent); }
@media (hover: hover) and (pointer: fine) and (min-width: 761px) {
  .scene-cursor { display: block; }
  .scene-cursor.is-active { opacity: 1; }
  .hero-background,.hero-depth-haze {will-change: transform;}
}
.motion-paused .scene-cursor { display: none; }
@media (prefers-reduced-motion: reduce) {
  .scene-cursor,.hero-depth-haze {display: none;}
  .hero-background { will-change: auto; }
}

/* Deep-space lighting and acid-green accents echo the cinematic reference. */
.pointer-plasma {position:fixed;top:0;left:0;z-index:29;pointer-events:none;opacity:0;display:none;mix-blend-mode:screen;}
.pointer-plasma.is-active ~ .scene-cursor .cursor-ring {opacity:0;transform:scale(.6);}
.pointer-plasma.is-active ~ .scene-cursor[data-mode="scene"] .cursor-label {opacity:0;}
@media (hover:hover) and (pointer:fine) and (min-width:761px) {.pointer-plasma.is-active{display:block;opacity:1}}
.motion-paused .pointer-plasma,.design-studio-picking .pointer-plasma {display:none;}
@media (prefers-reduced-motion:reduce) {.pointer-plasma{display:none!important}}

.hero-background { filter: hue-rotate(190deg) saturate(1.6); opacity: .82; }
.hero-vignette {
  background: linear-gradient(90deg,#080510d9,transparent 67%),
              linear-gradient(0deg,#070710,transparent 24%,transparent 72%,#10051e80);
}
.hero-depth-haze {
  background: radial-gradient(ellipse at 83% 60%,#3755ff38,transparent 47%),
              radial-gradient(ellipse at 68% 95%,#942bff45,transparent 42%),
              radial-gradient(ellipse at 43% 96%,#1679b421,transparent 50%);
  mix-blend-mode: screen;
}
.hero-content .eyebrow {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  background: var(--accent);
  color: #13151a;
  padding: 5px 9px;
  border-radius: 2px;
  font-weight: 600;
  letter-spacing: .07em;
}
.hero-content .signal-dot { background: #24281c; box-shadow: none; width: 4px; height: 4px; margin-right: 8px; }

.button-arrow { color: var(--accent); }
.explorer { background: radial-gradient(ellipse at 85% 70%,#2c155c24,transparent 58%); }
.planet-visual { background: radial-gradient(ellipse at 50% 65%,#36307718,transparent 63%); }
.planet-choice[aria-pressed="true"] { color: var(--accent); }
.planet-choice[aria-pressed="true"]::after { box-shadow: 0 0 14px #d3ff5b4d; }
.system { background: radial-gradient(ellipse at 80% 50%,#291e5138,transparent 65%); }
.key-dot.warm { background: #ffb375; }
.tiny-dot { background: #85aaff; box-shadow: 0 0 7px #647dffb0; }
.cursor-ring ellipse { stroke: #9dbdff; }
.scene-cursor[data-mode="planet"] .cursor-ring svg { stroke: #d3ff5b; }

@media (max-width: 760px) {
  .hero-content .eyebrow { padding: 4px 7px; }
  .hero-vignette { background: linear-gradient(0deg,#070710,transparent 28%,#08051066 68%,#10051e90); }
}

/* Geometric wordmark drawn as vectors to retain the reference's letter shapes. */
.brand .brand-wordmark{display:block;width:246px;height:auto;flex-shrink:0}
.launch-wordmark img{display:block;width:190px;height:auto;margin-inline:auto}
@media(max-width:760px){.brand .brand-wordmark{width:170px}}