@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');

:root { --ink:#11110f; --paper:#f3efe5; --muted:#9d9a92; --line:rgba(243,239,229,.17); --orange:#ff5a1f; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--ink); color:var(--paper); font-family:"Manrope",Arial,sans-serif; }
a { color:inherit; }

.site-shell {
  position:relative; min-height:100svh; overflow:hidden; isolation:isolate;
  background:linear-gradient(90deg,transparent 0 49.9%,rgba(255,255,255,.035) 50%,transparent 50.1%),linear-gradient(0deg,transparent 0 49.9%,rgba(255,255,255,.022) 50%,transparent 50.1%),var(--ink);
  background-size:28rem 28rem;
}
.site-shell::before { content:""; position:absolute; inset:0; z-index:-2; background:radial-gradient(circle at 76% 47%,rgba(255,90,31,.13),transparent 29%); }
.site-header,.site-footer { position:relative; z-index:5; display:flex; align-items:center; justify-content:space-between; padding:1.75rem 3.25rem; }
.site-header { border-bottom:1px solid var(--line); }
.wordmark { font-size:.94rem; font-weight:800; letter-spacing:.08em; text-decoration:none; }
.wordmark span { color:var(--orange); }
.status,.eyebrow,.site-footer,.launch-card span { font-family:"DM Mono",Consolas,monospace; text-transform:uppercase; letter-spacing:.12em; }
.status { display:flex; align-items:center; gap:.65rem; color:var(--muted); font-size:.67rem; }
.status-dot { width:.48rem; height:.48rem; border-radius:50%; background:var(--orange); box-shadow:0 0 0 .3rem rgba(255,90,31,.12),0 0 1.2rem rgba(255,90,31,.7); animation:pulse 2s ease-in-out infinite; }

.hero { position:relative; min-height:calc(100svh - 10.5rem); padding:clamp(4.5rem,11vh,8rem) 3.25rem 6rem; display:grid; grid-template-columns:minmax(0,1.25fr) minmax(19rem,.75fr); align-items:center; }
.hero-copy { position:relative; z-index:2; max-width:61rem; }
.eyebrow { display:flex; align-items:center; gap:1rem; margin:0 0 2.1rem; color:var(--muted); font-size:.7rem; }
.eyebrow span { color:var(--orange); }
h1 { margin:0; max-width:13ch; font-size:clamp(3.6rem,7.6vw,8.4rem); line-height:.91; letter-spacing:-.065em; font-weight:600; }
h1 em { color:var(--orange); font-style:normal; }
.intro { max-width:36rem; margin:2.25rem 0 0; color:#bdb9b0; font-size:clamp(1rem,1.4vw,1.18rem); line-height:1.75; }

.energy-mark { position:absolute; right:-13vw; top:50%; width:min(63vw,56rem); aspect-ratio:1; transform:translateY(-50%); opacity:.9; }
.orbit,.core { position:absolute; border-radius:50%; }
.orbit { inset:5%; border:1px solid rgba(255,90,31,.4); box-shadow:inset 0 0 5rem rgba(255,90,31,.035); animation:rotate 26s linear infinite; }
.orbit::before,.orbit::after { content:""; position:absolute; width:.55rem; aspect-ratio:1; border-radius:50%; background:var(--orange); box-shadow:0 0 1.25rem var(--orange); }
.orbit::before { left:13%; top:14%; }
.orbit::after { right:7%; bottom:27%; }
.orbit-two { inset:22%; border-color:rgba(243,239,229,.12); animation-direction:reverse; animation-duration:18s; }
.core { inset:40%; background:var(--orange); box-shadow:0 0 3.6rem rgba(255,90,31,.9),0 0 10rem rgba(255,90,31,.5); animation:breathe 3.5s ease-in-out infinite; }
.spark { position:absolute; left:0; width:46%; height:1px; background:linear-gradient(90deg,transparent,var(--orange)); box-shadow:0 0 1rem rgba(255,90,31,.65); }
.spark-one { top:49%; transform:rotate(-7deg); }
.spark-two { top:56%; left:8%; transform:rotate(5deg); opacity:.35; }

.launch-card { position:absolute; right:3.25rem; bottom:2.8rem; z-index:3; width:min(26rem,32vw); display:grid; grid-template-columns:1fr 1fr; border-top:1px solid var(--line); }
.launch-card div { padding:1.2rem 0; }
.launch-card div + div { padding-left:1.5rem; border-left:1px solid var(--line); }
.launch-card span { display:block; margin-bottom:.5rem; color:var(--muted); font-size:.58rem; }
.launch-card strong { font-size:.86rem; font-weight:600; }
.site-footer { min-height:5rem; border-top:1px solid var(--line); color:var(--muted); font-size:.6rem; }
.site-footer p { margin:0; }

@keyframes rotate { to { transform:rotate(360deg); } }
@keyframes breathe { 50% { transform:scale(.82); opacity:.7; } }
@keyframes pulse { 50% { opacity:.45; } }

@media (max-width:760px) {
  .site-shell { background-size:18rem 18rem; }
  .site-header,.site-footer { padding:1.35rem 1.25rem; }
  .hero { min-height:calc(100svh - 9rem); display:block; padding:5.5rem 1.25rem 8.5rem; }
  .eyebrow { margin-bottom:1.6rem; }
  h1 { font-size:clamp(3.5rem,16vw,5.5rem); }
  .intro { max-width:29rem; margin-top:1.75rem; font-size:.98rem; }
  .energy-mark { width:37rem; right:-24rem; top:54%; opacity:.55; }
  .launch-card { right:1.25rem; bottom:1.4rem; left:1.25rem; width:auto; }
  .footer-note { display:none; }
}

@media (prefers-reduced-motion:reduce) { *,*::before,*::after { animation-duration:.01ms!important; animation-iteration-count:1!important; scroll-behavior:auto!important; } }