:root{--bg:#02040a;--panel:rgba(7,12,22,.76);--line:rgba(255,255,255,.12);--muted:#8490a3;--text:#edf3ff;--accent:#8ab4ff;--accent2:#b28cff;--ok:#73f6b1;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;overflow-x:hidden}button,a{font:inherit}button{color:inherit}a{text-decoration:none}.stars{position:fixed;inset:0;z-index:-3;background-image:radial-gradient(circle at 20% 30%,rgba(138,180,255,.22) 0 1px,transparent 1.5px),radial-gradient(circle at 70% 60%,rgba(255,255,255,.18) 0 1px,transparent 1.5px),radial-gradient(circle at 40% 80%,rgba(178,140,255,.18) 0 1px,transparent 1.5px);background-size:180px 180px,240px 240px,320px 320px;animation:drift 35s linear infinite}.noise{position:fixed;inset:0;pointer-events:none;z-index:80;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.scanline{position:fixed;inset:0;pointer-events:none;z-index:79;background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px);background-size:100% 5px;opacity:.18}.boot{position:fixed;inset:0;background:#02040a;z-index:100;display:grid;place-items:center;align-content:center;gap:14px;transition:opacity .8s}.boot.hidden{opacity:0;pointer-events:none}.boot-mark{font:800 64px/1 'Space Grotesk';letter-spacing:-5px}.boot-label{font-size:10px;letter-spacing:.28em;color:var(--muted)}.boot-bar{width:220px;height:2px;background:#19202d;overflow:hidden}.boot-bar span{display:block;height:100%;width:0;background:var(--accent);animation:load 1.4s ease forwards}.topbar{position:fixed;top:0;left:0;right:0;height:74px;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(2,4,10,.62);backdrop-filter:blur(20px)}.brand{display:flex;align-items:center;gap:11px;letter-spacing:.08em;font-size:12px}.brand span{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:50%;font:700 11px 'Space Grotesk'}.brand b{font-weight:700}.topbar nav{display:flex;gap:30px;font-size:10px;color:#aeb8c8;text-transform:uppercase;letter-spacing:.12em}.topbar nav a{position:relative;padding:10px 0}.topbar nav a:after{content:"";position:absolute;left:0;right:100%;bottom:2px;height:1px;background:var(--accent);transition:.25s}.topbar nav a:hover,.topbar nav a.active{color:#fff}.topbar nav a:hover:after,.topbar nav a.active:after{right:0}.top-actions{display:flex;gap:8px;align-items:center}.icon-btn{min-width:34px;height:34px;padding:0 8px;border:1px solid var(--line);background:transparent;border-radius:20px;cursor:pointer;font-size:9px}.icon-btn:hover{border-color:rgba(138,180,255,.5);background:rgba(138,180,255,.05)}.status{font-size:8px;letter-spacing:.14em;border:1px solid var(--line);padding:8px 10px;border-radius:20px}.status i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--ok);box-shadow:0 0 10px var(--ok);margin-right:7px}.section-shell{max-width:var(--max);margin:auto;padding-left:28px;padding-right:28px}.hero{min-height:100vh;display:grid;grid-template-columns:45% 55%;align-items:center;padding-top:74px}.hero-copy{position:relative;z-index:4}.eyebrow{font-size:10px;letter-spacing:.2em;color:#8e9aad;margin-bottom:28px}.eyebrow span{display:inline-block;width:22px;height:1px;background:var(--accent);vertical-align:middle;margin-right:10px}.hero h1{font:600 clamp(58px,8vw,112px)/.9 'Space Grotesk';letter-spacing:-.065em;margin:0 0 30px}.hero h1 em,.persona h2 em{font-style:normal;color:#aeb8c8}.hero-copy>p{max-width:520px;color:#8c98aa;line-height:1.8;font-size:15px}.hero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{padding:13px 18px;font-size:10px;font-weight:700;letter-spacing:.14em;border:1px solid var(--line);transition:.25s;cursor:pointer}.btn.primary{background:#eef4ff;color:#05070c;border-color:#eef4ff}.btn:hover{transform:translateY(-2px)}.btn.ghost:hover{border-color:#fff;background:rgba(255,255,255,.06)}.hero-meta{display:flex;gap:28px;margin-top:55px;font-size:8px;letter-spacing:.17em;color:#657084}.planet-stage{height:720px;position:relative;display:grid;place-items:center;perspective:1200px}.planet-stage:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(72,112,255,.13),transparent 66%);filter:blur(10px)}#planet{width:470px;height:470px;border-radius:50%;position:relative;z-index:2;overflow:hidden}.planet-stage canvas{display:block;width:100%;height:100%}.planet-glow{position:absolute;width:560px;height:560px;border-radius:50%;border:1px solid rgba(138,180,255,.13);box-shadow:0 0 50px rgba(138,180,255,.08);z-index:1}.orbit{position:absolute;border:1px solid rgba(138,180,255,.16);border-radius:50%;transform:rotateX(68deg);z-index:0}.orbit-a{width:650px;height:650px}.orbit-b{width:780px;height:400px;transform:rotateX(68deg) rotateZ(30deg)}.orbit-c{width:550px;height:760px;transform:rotateX(68deg) rotateZ(-38deg)}.planet-label{position:absolute;z-index:5;font:600 9px 'Space Grotesk';letter-spacing:.16em;color:#b5c1d4}.planet-label small{display:block;color:#5e6b7e;font:8px Inter;margin-top:4px}.label-top{top:18%;left:44%}.label-right{right:0;top:48%}.label-bottom{bottom:17%;left:45%}.planet-hotspot{position:absolute;z-index:7;width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,255,255,.4);background:rgba(2,4,10,.65);color:#fff;cursor:pointer;box-shadow:0 0 20px rgba(138,180,255,.2)}.hotspot-a{top:31%;right:22%}.hotspot-b{bottom:31%;left:20%}.ticker{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);white-space:nowrap;color:#6f7b8d;font-size:9px;letter-spacing:.2em}.ticker div{padding:15px 0;display:inline-block;animation:ticker 30s linear infinite}.ticker b{color:var(--accent);margin:0 30px}.content-section{padding-top:140px;padding-bottom:140px}.section-head{display:grid;grid-template-columns:1fr 390px;gap:40px;align-items:end;margin-bottom:55px}.section-index{display:block;color:#68758a;font:10px 'Space Grotesk';letter-spacing:.18em;margin-bottom:14px}.section-head h2,.persona h2,.contact h2{font:600 clamp(38px,5vw,70px)/1 'Space Grotesk';letter-spacing:-.05em;margin:0}.section-head p{color:#7d899b;line-height:1.7;font-size:13px}.system-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.system-card{position:relative;min-height:320px;padding:26px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(12,18,31,.76),rgba(4,7,13,.8));overflow:hidden;transition:.35s}.system-card:hover,.system-card.selected{transform:translateY(-7px);border-color:rgba(138,180,255,.42);box-shadow:0 25px 70px rgba(0,0,0,.3)}.system-card:after{content:"";position:absolute;inset:auto -20% -50% -20%;height:60%;background:radial-gradient(circle,rgba(103,143,255,.12),transparent 65%);pointer-events:none}.card-orb{width:74px;height:74px;border:1px solid rgba(255,255,255,.14);border-radius:50%;display:grid;place-items:center;font-size:28px;margin-bottom:34px;background:radial-gradient(circle,rgba(255,255,255,.12),transparent 70%);box-shadow:inset 0 0 30px rgba(255,255,255,.05)}.card-code{font-size:8px;color:#68758a;letter-spacing:.17em}.system-card h3{font:600 22px 'Space Grotesk';letter-spacing:-.02em;margin:10px 0}.system-card p{font-size:12px;color:#808c9f;line-height:1.7;max-width:330px}.tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:22px}.tags span{font-size:7px;letter-spacing:.1em;color:#8e9bad;border:1px solid var(--line);padding:5px 7px}.system-open{position:absolute;bottom:22px;right:22px;border:0;background:none;color:#b9c7dc;font-size:8px;letter-spacing:.16em;cursor:pointer}.system-open:hover{color:#fff}.capability-map{height:540px;position:relative;border:1px solid var(--line);background:radial-gradient(circle at center,rgba(70,102,176,.12),transparent 36%),rgba(5,8,15,.5);overflow:hidden}.connections{position:absolute;inset:0;width:100%;height:100%;z-index:0}.connections path{stroke:rgba(138,180,255,.22);stroke-width:1;fill:none;stroke-dasharray:5 8;animation:dash 12s linear infinite}.cap-core,.cap-node{position:absolute;z-index:2;border:1px solid var(--line);background:rgba(3,7,14,.86);backdrop-filter:blur(8px)}.cap-core{left:50%;top:50%;transform:translate(-50%,-50%);width:150px;height:150px;border-radius:50%;display:grid;place-items:center;align-content:center;box-shadow:0 0 70px rgba(93,132,255,.18)}.cap-core span{font:800 29px 'Space Grotesk';letter-spacing:-.08em}.cap-core b{font-size:8px;letter-spacing:.3em;color:#738097}.cap-node{width:190px;padding:17px}.cap-node b{display:block;font:600 12px 'Space Grotesk';letter-spacing:.08em}.cap-node small{display:block;color:#657186;font-size:9px;margin-top:6px}.n1{left:8%;top:15%}.n2{right:8%;top:15%}.n3{left:5%;bottom:13%}.n4{right:5%;bottom:13%}.n5{left:40%;top:4%}.n6{left:40%;bottom:4%}.persona{border-top:1px solid var(--line)}.persona-grid{display:grid;grid-template-columns:38% 1fr;gap:30px}.persona-copy{max-width:720px}.state{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line);padding:9px 12px;font-size:8px;letter-spacing:.12em;margin-bottom:30px}.state small{color:#69758a;margin-left:6px}.pulse{width:6px;height:6px;border-radius:50%;background:var(--ok);box-shadow:0 0 12px var(--ok);animation:pulse 1.8s infinite}.large{font:500 clamp(34px,4.4vw,62px)/1.05 'Space Grotesk';letter-spacing:-.05em;margin:0 0 30px}.persona-copy>p:not(.large){color:#7d899b;line-height:1.9;font-size:14px}.metrics{display:flex;gap:70px;margin-top:55px}.metrics strong{display:block;font:600 36px 'Space Grotesk'}.metrics span{display:block;color:#657186;font-size:8px;letter-spacing:.16em;margin-top:5px}.signal-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.signal-grid>div{min-height:150px;padding:25px;border-right:1px solid var(--line);background:rgba(8,13,22,.55)}.signal-grid>div:last-child{border-right:0}.signal-grid span{display:block;color:#667287;font-size:8px;letter-spacing:.18em;margin-bottom:30px}.signal-grid b{font:600 18px 'Space Grotesk';letter-spacing:.04em}.contact{text-align:center;border-top:1px solid var(--line)}.contact-inner{padding:20px 0}.contact h2{font-size:clamp(55px,9vw,120px)}.contact p{color:#7c889a;font-size:14px}.contact .hero-cta{justify-content:center}footer{border-top:1px solid var(--line);padding:25px 4vw;display:flex;justify-content:space-between;gap:20px;color:#566174;font-size:8px;letter-spacing:.15em}.reveal{opacity:0;transform:translateY(25px);transition:.8s ease}.reveal.visible{opacity:1;transform:none}.command-center{position:fixed;inset:0;z-index:120;display:none}.command-center.open{display:block}.command-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.68);backdrop-filter:blur(8px)}.command-panel{position:absolute;left:50%;top:15%;transform:translateX(-50%);width:min(680px,calc(100% - 32px));border:1px solid rgba(138,180,255,.28);background:rgba(4,8,16,.94);box-shadow:0 30px 100px rgba(0,0,0,.55)}.command-head{display:flex;justify-content:space-between;padding:15px 18px;border-bottom:1px solid var(--line);font-size:9px;letter-spacing:.18em;color:#8b98ac}.command-head button{border:0;background:none;color:#6d788a;font-size:9px;cursor:pointer}.command-panel input{width:100%;padding:20px;background:transparent;border:0;border-bottom:1px solid var(--line);outline:none;color:#fff;font:500 20px 'Space Grotesk'}.command-panel input::placeholder{color:#4f5b6e}.command-results{max-height:420px;overflow:auto;padding:8px}.command-item{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;padding:15px;border:1px solid transparent;background:transparent;cursor:pointer}.command-item:hover,.command-item:focus{outline:none;border-color:rgba(138,180,255,.22);background:rgba(138,180,255,.05)}.command-item b{font:500 14px 'Space Grotesk'}.command-item small{color:#68758a;font-size:9px;letter-spacing:.08em}.command-empty{padding:35px 15px;color:#59667a;font-size:9px;letter-spacing:.14em}.command-help{padding:12px 18px;border-top:1px solid var(--line);color:#4f5b6e;font-size:8px;letter-spacing:.12em}@keyframes load{to{width:100%}}@keyframes drift{to{background-position:180px 90px,120px 240px,320px 0}}@keyframes ticker{to{transform:translateX(-50%)}}@keyframes dash{to{stroke-dashoffset:-100}}@keyframes pulse{50%{opacity:.35;transform:scale(.7)}}@media(max-width:900px){.topbar nav{display:none}.hero{grid-template-columns:1fr;padding-top:110px}.hero-copy{padding-top:30px}.planet-stage{height:560px}.planet-stage #planet{width:330px;height:330px}.planet-glow{width:400px;height:400px}.orbit-a{width:430px;height:430px}.orbit-b{width:500px;height:280px}.orbit-c{width:380px;height:520px}.system-grid{grid-template-columns:1fr 1fr}.section-head{grid-template-columns:1fr}.capability-map{height:600px}.cap-node{width:150px}.n1{left:2%}.n2{right:2%}.n3{left:2%}.n4{right:2%}.n5,.n6{left:calc(50% - 75px)}.persona-grid{grid-template-columns:1fr;gap:50px}.signal-grid{grid-template-columns:1fr 1fr}.signal-grid>div:nth-child(2){border-right:0}.signal-grid>div:nth-child(-n+2){border-bottom:1px solid var(--line)}}@media(max-width:600px){.topbar{padding:0 18px}.brand b{display:none}.status{display:none}.hero{padding-left:18px;padding-right:18px}.hero h1{font-size:58px}.hero-meta{gap:14px;flex-wrap:wrap}.planet-stage{height:430px}.planet-stage #planet{width:270px;height:270px}.planet-glow{width:320px;height:320px}.orbit-a{width:350px;height:350px}.orbit-b{width:390px;height:230px}.orbit-c{width:310px;height:410px}.planet-label{font-size:7px}.system-grid{grid-template-columns:1fr}.content-section{padding-top:95px;padding-bottom:95px}.section-shell{padding-left:18px;padding-right:18px}.metrics{gap:30px}.metrics strong{font-size:28px}.capability-map{height:650px}.cap-node{width:130px;padding:12px}.cap-node small{font-size:8px}.connections{opacity:.5}.signal-grid{grid-template-columns:1fr}.signal-grid>div,.signal-grid>div:nth-child(2){border-right:0;border-bottom:1px solid var(--line)}.signal-grid>div:last-child{border-bottom:0}.state{flex-wrap:wrap}.state small{width:100%;margin-left:16px}footer{flex-direction:column}}