:root{color:#f5f1e8;background:radial-gradient(circle at top,rgba(94,198,255,.18),transparent 30%),radial-gradient(circle at 20% 20%,rgba(132,255,203,.18),transparent 25%),linear-gradient(160deg,#07111f,#0c1d27 45%,#180f1e);font-family:Space Grotesk,IBM Plex Sans,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at center,rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(160deg,#07111f,#0c1d27 45%,#180f1e);background-size:22px 22px,cover}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 80% 10%,rgba(255,183,77,.08),transparent 22%),radial-gradient(circle at 15% 80%,rgba(116,192,252,.1),transparent 24%)}#root{min-height:100vh}.app-shell{width:min(1180px,calc(100vw - 40px));margin:0 auto;padding:32px 0 56px}.hero-panel,.phenomenon-card,.spectrum-card,.timeline-card,.runtime-card{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:linear-gradient(180deg,#08121fe0,#0c182aad);border:1px solid rgba(181,229,255,.14);box-shadow:0 24px 80px #00000047}.hero-panel{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:32px;align-items:center;min-height:70vh;padding:36px;border-radius:32px;overflow:hidden}.hero-copy{position:relative;z-index:1}.eyebrow,.kicker,.status-pill{display:inline-flex;align-items:center;gap:8px;font:700 12px/1 ui-monospace,SFMono-Regular,monospace;letter-spacing:.14em;text-transform:uppercase}.eyebrow{color:#8fc9e8;margin-bottom:18px}.status-pill{margin:0 0 20px;padding:9px 14px;border-radius:999px;background:#84ffcb1a;border:1px solid rgba(132,255,203,.16);color:#b5ffda}h1,h2,h3,p{margin:0}h1{font-family:Sora,Space Grotesk,system-ui,sans-serif;font-size:clamp(3.6rem,8vw,7rem);line-height:.9;letter-spacing:-.06em}.lede{max-width:60ch;margin-top:18px;font-size:1.08rem;line-height:1.75;color:#c8d8e7}.metric-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:30px}.metric{padding:18px;border-radius:22px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a}.metric strong{display:block;font-family:Sora,Space Grotesk,system-ui,sans-serif;font-size:2rem;line-height:1}.metric span{display:block;margin-top:8px;color:#c7d3df;font-size:.95rem}.metric-gold strong{color:#ffd166}.metric-cyan strong{color:#7ae7ff}.metric-rose strong{color:#ff93b3}.orbital-panel{position:relative;min-height:420px;border-radius:28px;background:radial-gradient(circle at center,rgba(102,244,214,.22),transparent 22%),radial-gradient(circle at center,rgba(66,165,245,.12),transparent 48%),linear-gradient(180deg,#0c1828e6,#0c0f18a6);overflow:hidden}.core-glow,.orbit,.planet,.scan-line{position:absolute;top:50%;right:50%;bottom:50%;left:50%;transform:translate(-50%,-50%)}.core-glow{width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,#ffffffeb,#7be8ff99 35%,#7be8ff0f 70%);box-shadow:0 0 80px #7be8ff47}.orbit{border-radius:50%;border:1px solid rgba(168,220,255,.22)}.orbit-a{width:220px;height:220px;animation:spin 18s linear infinite}.orbit-b{width:320px;height:320px;animation:spin-reverse 24s linear infinite}.orbit-c{width:420px;height:260px;border-color:#ffd1662e;animation:drift 14s ease-in-out infinite}.planet{width:22px;height:22px;border-radius:50%}.planet-a{margin:-110px 0 0 110px;background:linear-gradient(135deg,#ffd166,#ff7b72);box-shadow:0 0 30px #ffd16666;animation:spin 18s linear infinite}.planet-b{width:16px;height:16px;margin:150px 0 0 -40px;background:linear-gradient(135deg,#89f0ff,#7d7);box-shadow:0 0 28px #77dd7761;animation:spin-reverse 24s linear infinite}.scan-line{width:120%;height:2px;background:linear-gradient(90deg,transparent,rgba(137,240,255,.8),transparent);animation:sweep 5.5s ease-in-out infinite}.phenomena-grid,.feature-grid,.runtime-grid{display:grid;gap:18px;margin-top:18px}.phenomena-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-grid{grid-template-columns:1.2fr .8fr}.runtime-grid{grid-template-columns:1.2fr .8fr 1fr}.phenomenon-card,.spectrum-card,.timeline-card,.runtime-card{border-radius:26px;padding:24px}.card-value{font:700 12px/1 ui-monospace,SFMono-Regular,monospace;letter-spacing:.14em;text-transform:uppercase;color:#8dffd6;margin-bottom:14px}.phenomenon-card h2{font-family:Sora,Space Grotesk,system-ui,sans-serif;font-size:1.65rem;margin-bottom:10px}.phenomenon-card p:last-child,.timeline-item p,.runtime-card p{color:#cad6e2;line-height:1.7}.section-heading h3{margin-top:8px;font-family:Sora,Space Grotesk,system-ui,sans-serif;font-size:clamp(1.5rem,3vw,2rem);line-height:1.1}.kicker{color:#8fc9e8}.spectrum-bar{position:relative;height:92px;margin-top:26px;border-radius:999px;background:linear-gradient(90deg,#ff7b72,#ffb347 22%,#fff275 40%,#63e6be 64%,#74c0fc 84%,#d0bfff);box-shadow:inset 0 0 24px #ffffff2e}.spectrum-stop{position:absolute;top:calc(100% + 14px);transform:translate(-50%);text-align:center;color:#dbe6f2;font-size:.86rem}.spectrum-stop i{display:block;width:2px;height:18px;margin:0 auto 8px;background:var(--stop-color)}.timeline{display:grid;gap:18px;margin-top:26px}.timeline-item{display:grid;grid-template-columns:18px 1fr;gap:14px;align-items:start}.timeline-dot{width:12px;height:12px;margin-top:6px;border-radius:50%;background:linear-gradient(135deg,#89f0ff,#ffd166);box-shadow:0 0 22px #89f0ff73}.timeline-item strong{display:block;margin-bottom:6px;font-size:1rem}.runtime-card-seed{background:linear-gradient(180deg,#0d1f2eeb,#131a2cc7),radial-gradient(circle at top left,rgba(132,255,203,.08),transparent 40%)}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes spin-reverse{0%{transform:translate(-50%,-50%) rotate(360deg)}to{transform:translate(-50%,-50%) rotate(0)}}@keyframes drift{0%,to{transform:translate(-50%,-50%) rotate(-8deg) scale(.98)}50%{transform:translate(-50%,-50%) rotate(8deg) scale(1.02)}}@keyframes sweep{0%{transform:translate(-50%,-180px);opacity:0}18%,82%{opacity:1}to{transform:translate(-50%,180px);opacity:0}}@media (max-width: 980px){.hero-panel,.feature-grid,.runtime-grid,.phenomena-grid,.metric-row{grid-template-columns:1fr}.orbital-panel{min-height:340px}}@media (max-width: 640px){.app-shell{width:min(100vw - 24px,1180px);padding:12px 0 36px}.hero-panel,.phenomenon-card,.spectrum-card,.timeline-card,.runtime-card{padding:20px;border-radius:22px}h1{font-size:clamp(3rem,18vw,4.8rem)}.spectrum-bar{height:76px}.spectrum-stop{font-size:.72rem}.orbital-panel{min-height:280px}.orbit-a{width:180px;height:180px}.orbit-b{width:250px;height:250px}.orbit-c{width:300px;height:200px}}