/* ALPHARADAR — base + the few rules that replace the prototype's runtime bindings.
   Every other style on the page remains inline, exactly as authored. */

html { scroll-behavior: smooth; }
body { margin:0; background:#080C16; color:#E9EFF8; font-family:Manrope, system-ui, sans-serif; -webkit-font-smoothing:antialiased; }
* { box-sizing:border-box; }
a { color:#5FD3F3; text-decoration:none; }
a:hover { color:#E9EFF8; }
:focus-visible { outline:2px solid #5FD3F3; outline-offset:3px; border-radius:4px; }
input, button { font-family:inherit; }

/* Must beat inline `display:flex` on the mobile-menu overlay and the FAQ panels,
   which is what the prototype's <sc-if> removed from the tree entirely. */
[hidden] { display:none !important; }

/* was: background:{{ navBg }};border-bottom:1px solid {{ navBorder }} */
#site-header { background:rgba(8,12,22,0); border-bottom:1px solid rgba(27,39,64,0); }
#site-header.is-scrolled { background:rgba(8,12,22,0.86); border-bottom-color:#1B2740; }

/* was: display:{{ desktopNav }} / display:{{ mobileNav }}, driven by
   matchMedia('(max-width: 900px)') — expressed directly as the media query. */
.nav-desktop { display:flex; }
.nav-mobile  { display:none; }
@media (max-width:900px) {
  .nav-desktop { display:none; }
  .nav-mobile  { display:flex; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  * { animation:none !important; transition:none !important; }
}