/* ScreenSync marketing site — committed dark theme. This is a deliberate
   choice, not a fallback: an immersive media-network platform reads as
   broadcast/cinema, not a light corporate report. The dashboard product
   itself is already dark (see style.css); this matches it rather than
   presenting two different brands. */
:root {
  color-scheme: dark;
  --page: #05070d;
  --surface: #0d1220;
  --surface-2: #131a2e;
  --text-primary: #f4f6fb;
  --text-secondary: #aab2c8;
  --text-muted: #6b7390;
  --gridline: #1d2438;
  --border: rgba(244, 246, 251, 0.12);
  --accent: #4f8cff;
  --accent-bright: #7db1ff;
  --accent-track: #16264d;
  --accent-cs: #9333ea;
  --good: #2ecf7a;
  --warning: #fab219;
  --critical: #ef5350;
  --heat-1: #16264d;
  --heat-2: #2a5bc7;
  --heat-3: #4f8cff;
  --heat-4: #a7c6ff;
  --ops-grey: #131a2e;

  --font-display: 'DIN Condensed', 'Arial Narrow', sans-serif;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  background: var(--page);
  color: var(--text-primary);
  min-height: 100vh;
}