:root {
  --bg: #0D0D0D;
  --fg: #F7F5F0;
  --accent: #FF4D00;
  --muted: rgba(247,245,240,0.4);
  --border: rgba(247,245,240,0.08);
}

* { box-sizing: border-box; }

body {
  background: var(--bg);
  color: var(--fg);
  font-family: 'DM Sans', sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
}

@media (max-width: 768px) {
  nav { padding: 20px 24px !important; }
  nav div:last-child { display: none; }
  .hero-grid { grid-template-columns: 1fr !important; gap: 40px !important; padding: 48px 24px !important; }
  .how-it-works-grid { grid-template-columns: 1fr !important; }
  .monitor-grid { grid-template-columns: 1fr !important; gap: 48px !important; }
  .stats-grid { grid-template-columns: 1fr 1fr !important; gap: 32px !important; }
  section { padding: 48px 24px !important; }
  footer { flex-direction: column; gap: 12px; text-align: center; padding: 24px !important; }
}

@media (max-width: 480px) {
  .stats-grid { grid-template-columns: 1fr !important; }
}