:root{--space:#050b14;--space-2:#0a1626;--ink:#e8f1f5;--ink-2:#9db2c0;--teal:#2cf2d0;--gold:#ffc857;--line:#a0c8dc29;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(1200px 800px at 80% -10%, #12324a 0%, transparent 60%), radial-gradient(900px 700px at -10% 40%, #0c2a2f 0%, transparent 60%), var(--space);color:var(--ink);margin:0;font:16px/1.6 Inter,system-ui,sans-serif;overflow-x:hidden}h1,h2,h3{letter-spacing:-.02em;margin:0 0 1rem;font-family:Space Grotesk,Inter,system-ui,sans-serif;line-height:1.08}a{color:inherit}#stars{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}main,.top,.foot{z-index:1;position:relative}.top{top:env(safe-area-inset-top,0px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);z-index:20;background:#050b148c;align-items:center;gap:1.5rem;padding:.9rem clamp(1rem,4vw,3rem);display:flex;position:sticky}.brand{align-items:center;gap:.55rem;font:700 1.2rem Space Grotesk,sans-serif;text-decoration:none;display:flex}.mark{background:linear-gradient(135deg, var(--teal), #0d7d6c);color:#04231e;border-radius:9px;place-items:center;width:30px;height:30px;font-weight:800;display:grid}.links{color:var(--ink-2);gap:1.4rem;margin-left:auto;font-size:.92rem;display:flex}.links a{text-decoration:none}.links a:hover{color:var(--ink)}.cta{background:var(--teal);color:#03201b;border-radius:999px;align-items:center;gap:.4rem;padding:.85rem 1.4rem;font-weight:700;text-decoration:none;transition:transform .2s;display:inline-flex;box-shadow:0 10px 40px -10px #2cf2d099}.cta:hover{transform:translateY(-2px)}.cta.sm{padding:.55rem 1.05rem;font-size:.9rem}.ghost{color:var(--ink-2);font-weight:600;text-decoration:none}.ghost:hover{color:var(--ink)}.hero{grid-template-columns:1.05fr 1fr;align-items:center;gap:2rem;max-width:1320px;min-height:calc(100vh - 64px);margin:0 auto;padding:3rem clamp(1rem,5vw,4.5rem);display:grid}.eyebrow{color:var(--teal);letter-spacing:.14em;text-transform:uppercase;font-size:.78rem;font-weight:600}.hero h1{font-size:clamp(2.4rem,5.6vw,4.6rem)}.hero h1 em{background:linear-gradient(90deg, var(--teal), var(--gold));color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.split .w{display:inline-block}.lead{color:var(--ink-2);max-width:36rem;font-size:clamp(1.02rem,1.4vw,1.2rem)}.actions{flex-wrap:wrap;align-items:center;gap:1.25rem;margin-top:1.75rem;display:flex}.hero-facts{color:var(--ink-2);gap:1.75rem;margin:2.5rem 0 0;padding:0;font-size:.9rem;list-style:none;display:flex}.hero-facts b{color:var(--ink);font:700 1.8rem Space Grotesk,sans-serif;display:block}.hero-scene{aspect-ratio:1;justify-self:center;width:100%;max-width:560px;position:relative}.astro{filter:drop-shadow(0 30px 60px #00000080);width:92%;height:auto;position:absolute;inset:6% 4% 0}.planet{border-radius:50%;position:absolute}.p1{aspect-ratio:1;background:radial-gradient(circle at 30% 30%,#ffd98a,#e48b3c 60%,#7a3510);width:34%;bottom:4%;right:-4%;box-shadow:inset -20px -16px 40px #00000073}.p2{aspect-ratio:1;background:radial-gradient(circle at 30% 30%,#9ff3e6,#1a8f86 65%,#0b3e45);width:11%;top:8%;left:2%}.orbit-chip{border:1px solid var(--line);backdrop-filter:blur(6px);white-space:nowrap;background:#0a1626cc;border-radius:999px;padding:.4rem .75rem;font-size:.8rem;font-weight:600;position:absolute}.orbit-chip span{color:var(--teal);opacity:0;margin-left:.3rem}.c1{top:40%;left:0}.c2{top:14%;right:2%}.c3{bottom:10%;left:10%}.band{max-width:1180px;margin:0 auto;padding:7rem clamp(1rem,4vw,2rem)}.band h2,.cycle h2{text-align:center;font-size:clamp(2rem,4vw,3.2rem)}.sub{text-align:center;color:var(--ink-2);max-width:46rem;margin:0 auto 3rem;font-size:1.08rem}.compare{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:1.5rem;display:grid}.panel{border:1px solid var(--line);background:linear-gradient(#14283c8c,#0a162699);border-radius:22px;padding:1.6rem}.label{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);margin-bottom:.4rem;font-size:.75rem}.serp{gap:.8rem;margin:0;padding:0;list-style:none;display:grid}.serp li{gap:.35rem;display:grid}.serp span:first-child{background:#4d7fd1;border-radius:5px;width:55%;height:10px}.serp span:last-child{background:#ffffff1f;border-radius:4px;width:90%;height:8px}.arrow{color:var(--teal);align-self:center;font-size:2rem}.answer{min-height:5.5em;font-size:1.08rem}.cite{background:var(--teal);color:#03201b;opacity:0;border-radius:50%;place-items:center;width:1.3em;height:1.3em;margin-left:.2em;font-size:.65em;font-weight:700;display:inline-grid}.sources{flex-wrap:wrap;gap:.6rem;display:flex}.src{border:1px solid var(--line);color:var(--ink-2);opacity:0;border-radius:999px;padding:.25rem .6rem;font-size:.8rem}.cycle{place-items:center;min-height:100vh;padding:4rem clamp(1rem,4vw,2rem);display:grid}.cycle-inner{width:100%;max-width:1180px}.route{width:100%;height:auto;margin:1rem 0 2rem;overflow:visible}.planet-c{fill:#0f2633;stroke:#a0c8dc66;stroke-width:2px}.stop text{fill:var(--ink-2);font:700 22px Space Grotesk,sans-serif}.stop.on .planet-c{fill:#0d7d6c;stroke:var(--teal)}.stop.on text{fill:#fff}.step-cards{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.step-card{border:1px solid var(--line);opacity:.35;background:#0a162699;border-radius:18px;padding:1.2rem;transition:opacity .3s,border-color .3s}.step-card.on{opacity:1;border-color:#2cf2d08c}.step-card .n{width:2rem;height:2rem;color:var(--teal);background:#2cf2d026;border-radius:50%;place-items:center;margin-bottom:.6rem;font-weight:700;display:grid}.step-card p{color:var(--ink-2);font-size:.92rem}.step-card code{color:var(--gold);font-size:.8rem}.ipg-grid{grid-template-columns:minmax(220px,340px) 1fr;align-items:center;gap:3rem;display:grid}.ring{width:100%;height:auto}#ring-num{fill:#fff;font:700 54px Space Grotesk,sans-serif}.ring-l{fill:var(--ink-2);font-size:13px}.criteria{gap:1rem;margin:0;padding:0;list-style:none;display:grid}.cl{gap:.5rem;font-size:.95rem;display:flex}.cl b{color:var(--teal)}.cl span{color:var(--ink-2);margin-left:auto}.bar{background:#ffffff12;border-radius:4px;height:8px;margin-top:.35rem;overflow:hidden}.bar i{height:100%;width:calc(var(--w) * 100%);background:linear-gradient(90deg, #0d7d6c, var(--teal));transform-origin:0;border-radius:4px;display:block}.levels{grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:2.5rem;display:grid}.level{border:1px solid var(--line);background:#0a162699;border-radius:18px;padding:1.3rem}.level p{color:var(--ink-2);margin:.5rem 0 0;font-size:.92rem}.level.l1{border-color:#2cf2d073}.level.l2{border-color:#a58cf073}.guards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.guards li{border:1px solid var(--line);background:#0a162680;border-radius:16px;gap:.8rem;padding:1.1rem;display:flex}.guards p{color:var(--ink-2);margin:.25rem 0 0;font-size:.88rem}.gi{background:var(--gold);color:#2a1a00;border-radius:50%;flex:none;place-items:center;width:1.9rem;height:1.9rem;font-weight:700;display:grid}.final{padding:4rem clamp(1rem,4vw,2rem) 7rem}.final-card{background:linear-gradient(135deg,#0d7d6c59,#0a1626cc);border:1px solid #2cf2d04d;border-radius:28px;grid-template-columns:220px 1fr;align-items:center;gap:2rem;max-width:980px;margin:0 auto;padding:2.2rem;display:grid}.final-card h2{font-size:clamp(1.8rem,3vw,2.6rem)}.final-card p{color:var(--ink-2)}.astro-mini{width:100%;height:auto}.foot{border-top:1px solid var(--line);padding:2rem clamp(1rem, 4vw, 3rem) calc(2rem + env(safe-area-inset-bottom,0px));color:var(--ink-2);text-align:center;font-size:.82rem}.foot p{max-width:70rem;margin:.3rem auto}@media (width<=900px){.hero{grid-template-columns:1fr;padding-top:2rem}.hero-scene{max-width:420px}.links{display:none}.top .cta{margin-left:auto}.compare{grid-template-columns:1fr}.arrow{justify-self:center;transform:rotate(90deg)}.step-cards,.levels{grid-template-columns:1fr 1fr}.ipg-grid{grid-template-columns:1fr}.final-card{text-align:center;grid-template-columns:1fr}.final-card .actions{justify-content:center}.astro-mini{max-width:180px;margin:0 auto}}@media (width<=560px){.step-cards,.levels{grid-template-columns:1fr}.hero-facts{gap:1.1rem}}