:root{--ink:#05080d;--panel:#0a111a;--line:#1b3d50;--cyan:#8feaff;--red:#ff3c42;--white:#e8f5f7;--muted:#66808b}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--ink);color:var(--white);font-family:"Chakra Petch",sans-serif}body{overflow-x:hidden;background:radial-gradient(circle at 48% 48%,#10212a 0,#070c12 34%,#030609 73%)}body:before{content:"";position:fixed;inset:0;background:linear-gradient(#08121b88 1px,transparent 1px),linear-gradient(90deg,#08121b88 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(circle,#000,transparent 76%);pointer-events:none}.noise{position:fixed;inset:0;opacity:.055;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.web{position:fixed;width:530px;height:530px;border-radius:50%;opacity:.12;pointer-events:none;background:repeating-conic-gradient(from 0deg,transparent 0 14deg,var(--cyan) 14.2deg 14.5deg,transparent 14.7deg 30deg),repeating-radial-gradient(circle,transparent 0 42px,var(--cyan) 43px 44px,transparent 45px 78px)}.web-a{top:-280px;right:-230px}.web-b{bottom:-340px;left:-290px}header{height:80px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 3vw;position:relative;z-index:2;background:#05080dd9}.brand{display:flex;align-items:center;gap:15px;color:var(--white);text-decoration:none;font:700 15px Orbitron;letter-spacing:2px}.brand i{color:var(--muted);font-style:normal}.brand-mark{width:42px;height:42px;display:grid;place-items:center;color:#081016;background:var(--red);clip-path:polygon(50% 0,100% 24%,91% 82%,50% 100%,9% 82%,0 24%);font-weight:800}.header-readouts{display:flex;gap:28px;align-items:center;font-size:10px;letter-spacing:1.5px;color:var(--muted)}.header-readouts span{display:flex;flex-direction:column}.header-readouts b{color:var(--cyan);font-weight:600}.header-readouts button{border:1px solid var(--line);background:transparent;color:var(--cyan);font:600 10px inherit;padding:10px 13px}main{min-height:calc(100vh - 126px);display:grid;grid-template-columns:84px minmax(0,1fr) 320px;position:relative;z-index:1}.rail{border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:center;padding:35px 0;gap:9px}.rail button{width:60px;height:54px;background:transparent;color:#3e5d68;border:0;border-left:2px solid transparent;font:700 11px Orbitron}.rail button span{display:block;font:500 8px Chakra Petch;margin-top:3px}.rail button.active{color:var(--cyan);background:#0d1b24;border-left-color:var(--red)}.rail-line{width:1px;background:var(--line);flex:1}.rail small{writing-mode:vertical-rl;color:var(--muted);letter-spacing:4px}.hero{padding:7vh 5vw 5vh;max-width:1040px}.eyebrow{display:flex;align-items:center;gap:10px;font:600 10px Orbitron;color:var(--cyan);letter-spacing:2px}.eyebrow span{width:28px;height:2px;background:var(--red)}h1{font:800 clamp(38px,5vw,74px)/.96 Orbitron;margin:18px 0 20px;letter-spacing:-3px}h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px var(--cyan);text-shadow:0 0 28px #63dfff25}.lede{max-width:640px;color:#8ba1a9;font-size:15px;line-height:1.55}.console{margin-top:34px;border:1px solid var(--line);background:#071019cc;box-shadow:0 28px 90px #000b;position:relative}.console:before,.console:after{content:"";position:absolute;width:30px;height:30px;border-color:var(--red)}.console:before{left:-2px;top:-2px;border-left:2px solid;border-top:2px solid}.console:after{right:-2px;bottom:-2px;border-right:2px solid;border-bottom:2px solid}.console-top{height:38px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 16px;color:var(--muted);font-size:9px;letter-spacing:1.7px}.signal{color:#5dffbb}.signal i{display:inline-block;width:2px;margin-right:2px;background:#5dffbb}.signal i:nth-child(1){height:4px}.signal i:nth-child(2){height:7px}.signal i:nth-child(3){height:10px}.signal i:nth-child(4){height:13px}.character{height:310px;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle,#15323eaa,transparent 45%),linear-gradient(90deg,transparent 49.8%,#27637744 50%,transparent 50.2%),linear-gradient(transparent 49.8%,#27637744 50%,transparent 50.2%)}.mask{width:138px;height:172px;position:relative;background:linear-gradient(145deg,#ff545b,#ba111a 55%,#710812);clip-path:polygon(50% 0,84% 12%,98% 40%,86% 80%,50% 100%,14% 80%,2% 40%,16% 12%);filter:drop-shadow(0 0 22px #ff343466);z-index:2}.mask:after{content:"";position:absolute;inset:0;background:repeating-conic-gradient(from 0deg at 50% 55%,transparent 0 12deg,#3b0910 12.8deg 13.7deg,transparent 14.5deg 28deg);opacity:.6}.eye{position:absolute;top:48px;width:35px;height:64px;background:#dffbff;z-index:4;box-shadow:0 0 14px var(--cyan);border:6px solid #151d24}.eye.left{left:20px;clip-path:polygon(0 0,100% 25%,80% 100%,20% 72%)}.eye.right{right:20px;clip-path:polygon(100% 0,0 25%,20% 100%,80% 72%)}.orbit{position:absolute;border:1px solid #3389a266;border-radius:50%}.o1{width:250px;height:250px}.o2{width:340px;height:220px;transform:rotate(-22deg)}.pulse-ring{position:absolute;width:190px;height:190px;border:1px solid var(--red);border-radius:50%;animation:pulse 2.6s infinite}.tag{position:absolute;font:500 8px Orbitron;color:var(--muted);letter-spacing:1px}.t1{left:20px;top:25px}.t2{right:20px;bottom:25px}.voice-panel{border-top:1px solid var(--line);padding:15px;display:grid;grid-template-columns:175px 1fr 210px;gap:18px;align-items:center}.state{display:flex;gap:10px;align-items:center}.state>span{width:9px;height:9px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan)}.state small,.state strong{display:block}.state small{font-size:8px;color:var(--muted);letter-spacing:1px}.state strong{font:600 12px Orbitron;margin-top:4px}.wave{height:42px;display:flex;gap:3px;align-items:center;justify-content:center}.wave i{width:2px;height:6px;background:var(--cyan);opacity:.6}.active-voice .wave i{animation:wave .8s ease-in-out infinite alternate;animation-delay:calc(var(--i)*-.05s)}.wake{height:58px;background:var(--red);border:0;color:white;display:flex;align-items:center;gap:10px;padding:0 15px;text-align:left;font:700 11px Orbitron;box-shadow:5px 5px 0 #541015;cursor:pointer}.wake:hover{filter:brightness(1.15)}.wake small{display:block;font:500 7px Chakra Petch;letter-spacing:1px;margin-bottom:3px}.wake b{margin-left:auto;font-size:18px}.mic{width:28px;height:28px;display:grid;place-items:center;border:1px solid #ff9b9f}.voice-panel>p{grid-column:1/-1;margin:0;color:var(--muted);font-size:10px}.telemetry{border-left:1px solid var(--line);padding:35px 24px;display:flex;flex-direction:column;gap:18px}.panel{border:1px solid var(--line);background:#08121bdd;padding:18px}.panel-head{display:flex;justify-content:space-between;font:600 9px Orbitron;letter-spacing:1.5px;color:#90a5ad;margin-bottom:20px}.panel-head b{color:#5dffbb}.metric{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:15px}.metric b{color:var(--white)}.bar{height:3px;background:#172733;margin-top:7px}.bar i{display:block;height:100%;background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.bar.red i{background:var(--red)}.grid-data{display:grid;grid-template-columns:1fr 1fr;margin-top:24px;border-top:1px solid var(--line)}.grid-data span{padding-top:12px;font-size:8px;color:var(--muted)}.grid-data b{font:600 13px Orbitron;color:var(--white)}.mission{position:relative;overflow:hidden}.mission .num{position:absolute;right:-5px;top:15px;font:800 80px Orbitron;color:#102431}.mission h3{font:700 17px Orbitron;position:relative}.mission p{color:var(--red);font-size:10px}.quote{margin-top:auto;border-left:2px solid var(--red);padding:12px;color:#78909a;font-size:12px;font-style:italic}.quote span{display:block;color:#3f606d;font-size:8px;margin-top:8px}footer{height:46px;border-top:1px solid var(--line);padding:0 3vw;display:flex;justify-content:space-between;align-items:center;color:#385563;font-size:8px;letter-spacing:1px;position:relative;z-index:2}footer b{color:#5dffbb}.modal{position:fixed;inset:0;z-index:10;background:#02060be6;backdrop-filter:blur(8px);display:grid;place-items:center}.modal.hidden{display:none}.modal-card{width:min(460px,calc(100vw - 30px));padding:34px;border:1px solid #39708c;background:#0a1421;text-align:center;box-shadow:0 30px 100px #000}.modal-icon{margin:auto auto 18px;width:60px;height:60px;display:grid;place-items:center;background:var(--cyan);color:#061018;font-size:28px;clip-path:polygon(15% 0,85% 0,100% 15%,100% 85%,85% 100%,15% 100%,0 85%,0 15%)}.modal-card small{font:500 8px Orbitron;color:var(--cyan);letter-spacing:2px}.modal-card h2{font:700 22px Orbitron;letter-spacing:2px}.modal-card p{color:#91a4ac;font-size:13px;line-height:1.5}.modal-card>div{display:flex;gap:12px;margin-top:22px}.modal-card button{flex:1;height:48px;font:700 10px Orbitron;letter-spacing:1px;border:1px solid var(--line);background:#13212b;color:white;cursor:pointer}.modal-card button:first-child{background:var(--red);border-color:var(--red)}@keyframes pulse{0%,100%{transform:scale(.88);opacity:.8}50%{transform:scale(1.12);opacity:.1}}@keyframes wave{to{height:38px;background:var(--red)}}@media(max-width:1000px){main{grid-template-columns:68px 1fr}.telemetry{display:none}.hero{padding-right:4vw}}@media(max-width:680px){header{height:64px}.header-readouts span{display:none}.brand i{display:none}main{grid-template-columns:1fr}.rail{display:none}.hero{padding:40px 18px}.voice-panel{grid-template-columns:1fr}.wave{order:3}.wake{grid-row:auto}.voice-panel>p{grid-column:auto}h1{letter-spacing:-2px}.character{height:260px}footer span:first-child{display:none}.modal-card>div{flex-direction:column}}