:root { --bg:#08111f; --surface:#0d1a2c; --line:#21344d; --text:#e8f0f8; --muted:#98a9bb; --cyan:#63d9e6; --blue:#82aaff; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--bg); color:var(--text); font:16px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif; }
a { color:inherit; text-decoration:none; }
header,main,footer { width:min(calc(100% - 48px),1160px); margin:auto; }
header { height:88px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.brand { display:flex; align-items:center; gap:12px; font-weight:700; }
.brand svg { width:32px; fill:none; stroke:var(--cyan); stroke-width:1.6; }
nav { display:flex; gap:28px; color:var(--muted); font-size:.88rem; }
nav a:hover,.footer-links a:hover { color:var(--cyan); }
.hero { min-height:670px; display:grid; grid-template-columns:1.08fr .92fr; gap:60px; align-items:center; padding:70px 0; }
.eyebrow { margin:0 0 18px; color:var(--cyan); font-size:.72rem; font-weight:750; letter-spacing:.17em; text-transform:uppercase; }
h1 { margin:0; font-size:clamp(3.4rem,6.6vw,6.5rem); line-height:.94; letter-spacing:-.067em; font-weight:650; }
h1 em { color:var(--cyan); font-family:Georgia,serif; font-weight:400; }
.lead { max-width:620px; margin:30px 0 36px; color:var(--muted); font-size:1.13rem; }
.button { display:inline-block; padding:13px 20px; background:var(--cyan); color:#06111b; border-radius:3px; font-weight:700; }
.radar { position:relative; min-height:470px; overflow:hidden; border:1px solid var(--line); background:radial-gradient(circle,#18304b 0,#0c192a 50%,#091422 75%); }
.grid { position:absolute; inset:0; opacity:.25; background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px); background-size:38px 38px; }
.ring { position:absolute; left:50%; top:50%; border:1px solid rgba(99,217,230,.35); border-radius:50%; transform:translate(-50%,-50%); }
.ring-a { width:290px; height:290px; animation:spin 18s linear infinite; border-style:dashed; }
.ring-b { width:410px; height:410px; animation:spin 28s linear infinite reverse; }
.ring::after { content:""; position:absolute; width:8px; height:8px; left:16%; top:12%; border-radius:50%; background:var(--cyan); box-shadow:0 0 16px var(--cyan); }
.node { position:absolute; left:50%; top:50%; width:170px; height:170px; transform:translate(-50%,-50%); display:flex; flex-direction:column; align-items:center; justify-content:center; border:1px solid var(--cyan); border-radius:50%; background:#0b1929; text-align:center; }
.node small,.node span,.coord { color:var(--muted); font: .65rem ui-monospace,monospace; }
.node strong { margin:7px 0; color:var(--cyan); font-size:1.25rem; }
.coord { position:absolute; }.north { left:18px; bottom:16px; }.east { right:18px; top:16px; }
@keyframes spin { to { transform:translate(-50%,-50%) rotate(360deg); } }
.statement { padding:90px 7%; border-block:1px solid var(--line); }
.statement p { margin:0; font:clamp(1.8rem,3.5vw,3.2rem)/1.2 Georgia,serif; color:#cad8e6; }
.work,.status { padding:115px 0; }
.section-title { max-width:740px; margin-bottom:55px; }
h2 { margin:0; font-size:clamp(2.4rem,5vw,4.7rem); line-height:1.02; letter-spacing:-.052em; }
.cards { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); }
.cards article { padding:32px 28px 10px 0; border-right:1px solid var(--line); }.cards article+article { padding-left:28px; }.cards article:last-child { border:0; }
.cards span { color:var(--cyan); font: .72rem ui-monospace,monospace; }.cards h3 { margin:48px 0 12px; font-size:1.35rem; }.cards p,.muted,footer { color:var(--muted); }
.status { display:grid; grid-template-columns:1fr 1fr; gap:80px; border-top:1px solid var(--line); }
.board { border:1px solid var(--line); background:var(--surface); }.board>div { display:flex; justify-content:space-between; padding:19px 22px; border-bottom:1px solid var(--line); font-size:.85rem; }.board strong { color:var(--cyan); }.board i { display:inline-block; width:7px; height:7px; margin-right:10px; border-radius:50%; background:var(--cyan); box-shadow:0 0 10px var(--cyan); }.board time { display:block; padding:30px 22px 0; text-align:right; font:clamp(2.3rem,5vw,4.3rem)/1 ui-monospace,monospace; }.board small { display:block; padding:0 22px 24px; text-align:right; color:var(--muted); }
footer { min-height:170px; display:flex; justify-content:space-between; padding:38px 0; border-top:1px solid var(--line); }.footer-links { display:flex; gap:24px; }
@media(max-width:850px){.hero,.status{grid-template-columns:1fr}.hero{padding-top:70px}.cards{grid-template-columns:1fr}.cards article,.cards article+article{padding:28px 0;border-right:0;border-bottom:1px solid var(--line)}.status{gap:45px}}
@media(max-width:600px){header,main,footer{width:calc(100% - 32px)}nav a:not(:last-child){display:none}.hero{min-height:auto}.radar{min-height:340px}h1{font-size:3.55rem}.work,.status{padding:80px 0}footer{flex-direction:column;gap:24px}}
@media(prefers-reduced-motion:reduce){.ring{animation:none}}