:root {
      /* Brand: black · chrome/silver · electric blue · white
         (bros-brain/brand/shipfast-syndicate). Was Svelte-orange #ff3e00 —
         off-brand + too polite. Electric blue + chrome + deeper black for the
         sharp, high-contrast ShipFast feel. */
      --bg: #050505;
      --bg-alt: #0e0f13;
      --text: #ffffff;
      --text-muted: #8b939c;
      --accent: #0a84ff;
      --accent-bright: #3da5ff;
      --accent-glow: rgba(10, 132, 255, 0.4);
      --chrome: linear-gradient(180deg, #ffffff 0%, #cbd3db 40%, #868f99 53%, #eef3f8 100%);
      --border: #1b1f26;
    }


*, *::before, *::after { box-sizing: border-box; }
body { font-family: 'Space Grotesk', sans-serif; background: var(--bg); color: var(--text); }
body > header { backdrop-filter: blur(20px); background: rgba(10, 10, 10, 0.8); border-bottom: 1px solid var(--border); }
:focus-visible { outline: 2px solid var(--accent-bright); outline-offset: 4px; }
@media (prefers-reduced-motion: no-preference) {
  @view-transition { navigation: auto; }
  ::view-transition-group(root), ::view-transition-old(root), ::view-transition-new(root) { animation-duration: 180ms; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
  .fade-in { opacity: 1; transform: none; }
  .hero h1 .highlight::after { transform: scaleX(1) !important; }
}
@media print {
  *, *::before, *::after { animation: none !important; transition: none !important; }
  .fade-in { opacity: 1; transform: none; }
  .hero h1 .highlight::after { transform: scaleX(1) !important; }
}