:root{--fog-navy:#1e3a5f;--fog-navy-2:#14253d;--fog-red:#c8102e;--fog-amber:#f59e0b;--fog-amber-2:#d97706;--fog-ink:#0b1220;--fog-surface:#111827;--fog-line:rgba(255,255,255,0.08);--fog-muted:#9ca3af}html{scroll-behavior:smooth}body{background:var(--fog-ink);color:#e5e7eb;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}.bg-grid{background-image:linear-gradient(rgba(30,58,95,.22) 1px,transparent 0),linear-gradient(90deg,rgba(30,58,95,.22) 1px,transparent 0);background-size:48px 48px;background-position:-1px -1px}.bg-grid:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 40%,var(--fog-ink) 85%);pointer-events:none}.radial-fade{background:radial-gradient(circle at 50% 0,rgba(30,58,95,.35) 0,transparent 55%)}.chip{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .6rem;border:1px solid var(--fog-line);border-radius:999px;font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#cbd5e1;background:rgba(255,255,255,.02)}.chip-amber{color:#fcd34d;border-color:rgba(245,158,11,.35);background:rgba(245,158,11,.08)}.chip-green{color:#6ee7b7;border-color:rgba(16,185,129,.35);background:rgba(16,185,129,.08)}.chip-muted{color:#9ca3af;border-color:rgba(148,163,184,.25);background:rgba(148,163,184,.06)}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--fog-amber);color:#111827;font-weight:700;border-radius:.5rem;transition:transform .12s ease,background .12s ease}.btn-primary:hover{background:var(--fog-amber-2)}.btn-primary:active{transform:translateY(1px)}.btn-ghost{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.15rem;border:1px solid rgba(255,255,255,.12);color:#e5e7eb;font-weight:600;border-radius:.5rem;transition:border-color .12s ease,background .12s ease}.btn-ghost:hover{border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.03)}.card{background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,0));border:1px solid var(--fog-line);border-radius:.75rem;padding:1.25rem;transition:border-color .15s ease,transform .15s ease}.card:hover{border-color:rgba(245,158,11,.35)}.screenshot{position:relative;aspect-ratio:16/9;border-radius:.75rem;background:repeating-linear-gradient(135deg,rgba(255,255,255,.02) 0 12px,rgba(255,255,255,0) 12px 24px),linear-gradient(180deg,#1e293b,#0f172a);border:1px solid var(--fog-line);overflow:hidden}.screenshot:before{content:attr(data-label);position:absolute;top:.75rem;left:.75rem;font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#fbbf24;background:rgba(0,0,0,.45);border:1px solid rgba(245,158,11,.35);padding:.2rem .5rem;border-radius:.3rem}.screenshot:after{content:"SCREENSHOT PLACEHOLDER";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:600;letter-spacing:.2em;color:rgba(255,255,255,.25)}.sep{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent)}.nav-link{position:relative;color:#d1d5db}.nav-link:hover{color:#fff}.nav-link.active{color:#fbbf24}.nav-link.active:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:var(--fog-amber);border-radius:2px}.input,.select,.textarea{width:100%;background:#0f172a;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;padding:.6rem .75rem;color:#e5e7eb;font-size:.95rem}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--fog-amber);box-shadow:0 0 0 3px rgba(245,158,11,.15)}.label{display:block;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#9ca3af;margin-bottom:.35rem}.hud-corners{position:relative}.hud-corners:after,.hud-corners:before{content:"";position:absolute;width:14px;height:14px;border-color:rgba(245,158,11,.55);border-style:solid}.hud-corners:before{top:10px;left:10px;border-width:1px 0 0 1px}.hud-corners:after{bottom:10px;right:10px;border-width:0 1px 1px 0}.mobile-nav{position:fixed;inset:0;background:rgba(3,7,18,.96);backdrop-filter:blur(6px);z-index:50;display:none;flex-direction:column;padding:2rem 1.5rem}.mobile-nav.open{display:flex}.mobile-nav a{padding:1rem 0;border-bottom:1px solid var(--fog-line);color:#e5e7eb;font-size:1.25rem}.mono{letter-spacing:.02em}.callsign,.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.callsign{color:#60a5fa;letter-spacing:.05em}footer a:hover{color:#fbbf24}