:root{--deep:#0B1026;--nebula:#2563EB;--cyan:#00E0FF;--aurora:#8B5CF6;--starlight:#F8FAFF;--gold:#F6C862}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 80% 20%,#1b1450 0,transparent 25rem),linear-gradient(var(--deep),#0d1330 55%,#070a1a);color:var(--starlight);font-family:Inter,system-ui,sans-serif;overflow-x:hidden}
h1,h2,.brand b,.core strong{font-family:"Space Grotesk",system-ui,sans-serif}
.stars{position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(circle,#ffffff99 0 1px,transparent 1.2px);background-size:72px 72px;opacity:.18;z-index:-1}
header,main,footer{width:min(calc(100% - 40px),1180px);margin:auto}
header{position:sticky;top:14px;z-index:10;margin-top:18px;padding:12px 14px;display:flex;justify-content:space-between;align-items:center;background:#071120a8;border:1px solid #8ba9ff22;border-radius:18px;backdrop-filter:blur(18px)}
a{text-decoration:none;color:inherit}
.brand{display:flex;gap:11px;align-items:center}
.brand>span:last-child{display:flex;flex-direction:column}
.brand b{letter-spacing:.14em}
.brand small{font-size:.51rem;letter-spacing:.16em;color:#9eabc2;margin-top:5px}
.mark{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-weight:800;border:2px solid var(--cyan);box-shadow:0 0 20px #8b5cf655,inset 0 0 18px #2563eb22;position:relative;font-family:"Space Grotesk",sans-serif}
.mark:after{content:"";position:absolute;width:58px;height:20px;border:2px solid var(--aurora);border-radius:50%;transform:rotate(-20deg)}
nav{display:flex;gap:10px;align-items:center}
nav a{font-size:.88rem;color:#c4cee0;padding:10px 12px}
.pill{border:1px solid #8ba9ff33;border-radius:10px}
.hero{min-height:720px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:60px;padding:70px 0}
.eyebrow{font-size:.74rem;letter-spacing:.22em;color:#8aa4d5;font-weight:700}
h1{font-size:clamp(3.7rem,7vw,6.7rem);line-height:.92;letter-spacing:-.045em;margin:.2em 0 .35em;font-weight:700}
h1 span{background:linear-gradient(90deg,var(--cyan),var(--nebula) 45%,var(--aurora));-webkit-background-clip:text;background-clip:text;color:transparent}
.lead,.intro,.vision p,.cta p{color:#a7b4ca;line-height:1.75;font-size:1.05rem}
.lead{max-width:640px}
.taglines{color:var(--cyan);letter-spacing:.05em;font-size:.95rem;font-weight:500;margin:.6em 0 0}
.actions{display:flex;gap:12px;flex-wrap:wrap;margin:32px 0}
.button,.ghost{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:13px;font-size:.9rem;font-weight:700}
.button{background:linear-gradient(110deg,var(--cyan),var(--nebula) 55%,var(--aurora));box-shadow:0 12px 32px #2563eb33;color:#07111f}
.ghost{border:1px solid #92aaff33}
.status{font-size:.82rem;color:var(--gold)}
.ai-name{color:var(--gold);font-style:italic}
.orbit-wrap{position:relative;height:560px;display:grid;place-items:center}
.core{width:170px;height:170px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 40% 30%,#00e0ff22,#2563eb18 40%,#081224 72%);border:1px solid #9db6ff44;box-shadow:0 0 55px #8b5cf633;z-index:5}
.core strong{font-size:3rem}
.core span{letter-spacing:.35em;margin-left:.35em;color:#b8c4d8;font-size:.78rem}
.orbit{position:absolute;border:1px solid #98b0e52c;border-radius:50%;transform:rotate(-17deg)}
.orbit i{position:absolute;font-style:normal;font-size:.68rem;color:#c5d2e6;background:#08152bdd;border:1px solid #80a6ff44;padding:6px 9px;border-radius:999px}
.o1{width:240px;height:240px}.o2{width:320px;height:320px}.o3{width:400px;height:400px}.o4{width:475px;height:475px}.o5{width:545px;height:545px}
.o1 i{left:-12px;top:48%}.o2 i{right:8%;top:8%}.o3 i{right:5%;bottom:13%}.o4 i{left:2%;top:18%}.o5 i{left:38%;bottom:-10px}
.section{padding:90px 0}
.section h2,.vision h2,.cta h2{font-size:clamp(2.2rem,4vw,4rem);line-height:1.03;letter-spacing:-.035em;margin:.15em 0 .35em;font-weight:700}
.intro{max-width:720px}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:38px}
.grid article{min-height:235px;padding:25px;border-radius:22px;background:#0d1930a6;border:1px solid #93b5ff24}
.grid article>span{display:grid;place-items:center;width:42px;height:42px;border:1px solid #93b5ff2b;border-radius:12px;margin-bottom:46px;font-size:1.2rem;color:var(--cyan)}
.grid h3{font-size:1.04rem}
.grid p{color:#8f9eb5;line-height:1.6;font-size:.9rem}
.vision{padding:90px 0;display:grid;grid-template-columns:1fr 1fr;gap:70px;border-top:1px solid #9bb8ff1a}
.vision>div:last-child{padding-top:36px}
.cta{margin:40px 0 90px;padding:40px;border-radius:28px;display:flex;justify-content:space-between;align-items:center;gap:30px;background:radial-gradient(circle at 85% 20%,#8b5cf622,transparent 36%),#0b1730bf;border:1px solid #99b5ff22}
.cta>div{max-width:700px}
footer{padding:28px 0 42px;border-top:1px solid #98b5ff1a;color:#8290a8;font-size:.8rem;display:flex;justify-content:space-between;gap:24px}
footer>div:first-child{display:flex;flex-direction:column;gap:6px}
footer b{color:#e0e7f4;letter-spacing:.13em}
@media(max-width:900px){nav a:not(.pill){display:none}.hero{grid-template-columns:1fr}.orbit-wrap{height:500px;transform:scale(.88)}.grid{grid-template-columns:1fr 1fr}.vision{grid-template-columns:1fr;gap:10px}.vision>div:last-child{padding-top:0}}
@media(max-width:620px){header,main,footer{width:min(calc(100% - 24px),1180px)}.brand small{display:none}.hero{min-height:auto;padding:60px 0 20px;gap:10px}h1{font-size:clamp(3rem,17vw,4.6rem)}.orbit-wrap{height:390px;transform:scale(.65);margin-inline:-80px}.grid{grid-template-columns:1fr}.cta{flex-direction:column;align-items:flex-start;padding:28px}footer{flex-direction:column}}