*{box-sizing:border-box}
:root{--bg:#060713;--panel:#101326;--line:#242b50;--text:#e7edff;--muted:#8e9ac2;--cyan:#56e5ff;--purple:#9c72ff}
body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% -20%,#24275f,#060713 50%);color:var(--text);font-family:Arial,sans-serif}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:55px 55px;opacity:.08}
a{color:inherit;text-decoration:none}
.header{position:sticky;top:18px;z-index:10;width:min(1180px,calc(100% - 32px));margin:18px auto;display:flex;align-items:center;justify-content:space-between;padding:13px 16px 13px 24px;border:1px solid var(--line);border-radius:16px;background:#090b18d9;backdrop-filter:blur(18px)}
.logo{font-weight:900;letter-spacing:2px}
.logo span{color:var(--cyan)}
.nav{display:flex;gap:5px}
.nav a{padding:11px 14px;border-radius:10px;font-size:11px;color:var(--muted)}
.nav a:hover,.nav a.on{background:#151935;color:white}
.signal{padding:10px 14px;border-radius:10px;background:#18233a;color:var(--cyan);font-size:10px}
.main{width:min(1180px,calc(100% - 32px));margin:80px auto 30px}
.hero{text-align:center}
.orbit{position:relative;display:grid;place-items:center;width:190px;height:190px;margin:0 auto 50px;border-radius:50%;background:linear-gradient(145deg,var(--purple),var(--cyan));box-shadow:0 0 100px #6e75ff66}
.orbit:before,.orbit:after{content:"";position:absolute;border:1px solid #7b89d466;border-radius:50%}
.orbit:before{width:320px;height:110px;transform:rotate(20deg)}
.orbit:after{width:370px;height:135px;transform:rotate(-35deg)}
.orbit strong{position:relative;z-index:2;font-size:44px}
.kicker{color:var(--cyan);font-size:10px;font-weight:900;letter-spacing:5px;text-transform:uppercase}
h1{max-width:1050px;margin:30px auto;font-size:clamp(52px,8vw,100px);line-height:.92;letter-spacing:-6px}
.lead{max-width:720px;margin:auto;color:var(--muted);font-size:18px;line-height:1.75}
.telemetry{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:55px}
.readout{padding:20px;border:1px solid var(--line);border-radius:12px;background:#0b0e1d}
.readout strong{display:block;color:var(--cyan);font-family:monospace;font-size:24px}
.readout span{font-size:10px;color:var(--muted);text-transform:uppercase}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:50px}
.card{min-height:260px;padding:30px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#11152a,#090b18)}
.card .num{color:var(--purple);font-family:monospace}
.card h2{margin:55px 0 14px;font-size:23px}
.card p{color:var(--muted);line-height:1.7}
.footer{display:flex;justify-content:space-between;margin-top:50px;padding:30px 0;border-top:1px solid var(--line);color:#69739a;font-family:monospace;font-size:10px}
@media(max-width:900px){.nav{display:none}.orbit{transform:scale(.75)}.telemetry{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:1fr}h1{letter-spacing:-4px}}