/* Castsmith Brand CSS — 2026-06-01 Full Brand Redesign */

:root {
  --bg: #0d1526;
  --bg-2: #111e35;
  --bg-card: #152040;
  --fg: #f0f4ff;
  --fg-muted: rgba(240,244,255,0.5);
  --fg-dim: rgba(240,244,255,0.3);
  --accent: #4f8ef7;
  --accent-glow: rgba(79,142,247,0.15);
  --amber: #f59e0b;
  --amber-dim: rgba(245,158,11,0.15);
  --border: rgba(240,244,255,0.08);
  --border-bright: rgba(240,244,255,0.15);
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

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

/* Mobile responsive */
@media (max-width: 768px) {
  nav, section { padding-left: 24px !important; padding-right: 24px !important; }
  .stats-grid { grid-template-columns: 1fr !important; }
  .features-grid { grid-template-columns: 1fr !important; }
  .steps-grid { grid-template-columns: 1fr !important; }
  .stats-grid > div, .features-grid > div { border-right: none !important; border-bottom: 1px solid var(--border); padding-bottom: 32px !important; margin-bottom: 32px; }
  .steps-grid > div { border-bottom: 1px solid var(--border); padding-bottom: 24px !important; margin-bottom: 24px; }
}