:root{--bg: #05070d;--bg-soft: #0a1020;--panel: rgba(13, 18, 32, .72);--panel-border: rgba(255, 255, 255, .12);--text: #f7fbff;--muted: rgba(247, 251, 255, .68);--accent: #8ce8ff;--accent-strong: #34cfff}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{position:relative;overflow:hidden;background:radial-gradient(circle at top,rgba(81,198,255,.13),transparent 32%),linear-gradient(180deg,#04060c,#060912,#05070d);color:var(--text);font-family:Inter,SF Pro Display,Segoe UI,sans-serif}.shell{position:relative;z-index:2;display:grid;min-height:100vh;place-items:center;padding:2rem}.hero-card{position:relative;width:min(760px,100%);overflow:hidden;border:1px solid var(--panel-border);border-radius:32px;padding:3rem;background:linear-gradient(180deg,#ffffff0f,#ffffff08);box-shadow:0 24px 80px #00000080,inset 0 1px #ffffff14;backdrop-filter:blur(18px)}.hero-card:before{content:"";position:absolute;inset:-30% auto auto 58%;width:22rem;height:22rem;border-radius:50%;background:radial-gradient(circle,rgba(52,207,255,.22),transparent 68%);animation:drift 8s ease-in-out infinite alternate}.eyebrow{margin:0;font-size:.78rem;letter-spacing:.45em;text-transform:uppercase;color:#8ce8ffcc}h1{position:relative;z-index:1;margin:1rem 0;max-width:10ch;font-size:clamp(3.3rem,11vw,6.4rem);line-height:.92;letter-spacing:-.06em}.lede{position:relative;z-index:1;margin:0;max-width:38rem;font-size:clamp(1rem,2vw,1.25rem);line-height:1.8;color:var(--muted)}.status-row{position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-top:2.25rem}.status-pill{display:inline-flex;align-items:center;gap:.75rem;border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:.95rem 1.2rem;background:#ffffff0a;color:#f7fbffd1}.status-dot{width:.65rem;height:.65rem;border-radius:50%;background:var(--accent);box-shadow:0 0 #8ce8ffcc;animation:pulse 1.8s infinite}.signal{display:inline-flex;align-items:flex-end;gap:.35rem;height:1.4rem}.signal span{width:.28rem;border-radius:999px;background:linear-gradient(180deg,var(--accent),rgba(140,232,255,.18));animation:bounce 1.4s ease-in-out infinite}.signal span:nth-child(1){height:45%}.signal span:nth-child(2){height:100%;animation-delay:.16s}.signal span:nth-child(3){height:62%;animation-delay:.32s}.orbits{position:absolute;top:-2.5rem;right:-4rem;width:20rem;height:20rem;opacity:.95}.ring,.core,.satellite{position:absolute;border-radius:50%}.ring{inset:0;border:1px solid rgba(140,232,255,.18)}.ring-one{animation:spin 12s linear infinite}.ring-two{inset:1.4rem;border-color:#ffffff1a;animation:spin-reverse 18s linear infinite}.core{top:50%;left:50%;width:5.4rem;height:5.4rem;transform:translate(-50%,-50%);background:radial-gradient(circle at 30% 30%,#fffffff2,#8ce8ff61 42%,#34cfff0a 72%),#081120;box-shadow:0 0 30px #34cfff4d,inset 0 0 20px #ffffff29;animation:breathe 4.6s ease-in-out infinite}.satellite{width:.95rem;height:.95rem;background:var(--accent);box-shadow:0 0 18px #8ce8ffbf}.satellite-one{top:50%;left:50%;transform-origin:-6.8rem 0;animation:orbit 6.5s linear infinite}.satellite-two{top:50%;left:50%;width:.6rem;height:.6rem;background:#ffffffd1;transform-origin:0 -4.9rem;animation:orbit-reverse 4.5s linear infinite}.bg-layer,.grid-lines{position:absolute;inset:0}.bg-layer{filter:blur(70px)}.bg-layer-one{top:-12rem;left:8%;width:24rem;height:24rem;background:radial-gradient(circle,rgba(52,207,255,.18),transparent 72%);animation:drift 12s ease-in-out infinite alternate}.bg-layer-two{right:0;bottom:-10rem;width:28rem;height:28rem;background:radial-gradient(circle,rgba(107,117,255,.13),transparent 72%);animation:drift 14s ease-in-out infinite alternate-reverse}.grid-lines{background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:88px 88px;mask-image:linear-gradient(180deg,rgba(255,255,255,.45),transparent 80%);opacity:.32}@keyframes pulse{0%{box-shadow:0 0 #8ce8ffb8}70%{box-shadow:0 0 0 14px #8ce8ff00}to{box-shadow:0 0 #8ce8ff00}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-reverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes orbit{0%{transform:rotate(0) translate(6.8rem)}to{transform:rotate(360deg) translate(6.8rem)}}@keyframes orbit-reverse{0%{transform:rotate(360deg) translateY(4.9rem)}to{transform:rotate(0) translateY(4.9rem)}}@keyframes breathe{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.08)}}@keyframes bounce{0%,to{transform:scaleY(.7)}50%{transform:scaleY(1)}}@keyframes drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(1.5rem,-1rem,0) scale(1.08)}}@media(max-width:768px){body{overflow:auto}.hero-card{padding:2rem}.orbits{top:auto;right:-5rem;bottom:-4rem;transform:scale(.85)}}