/* ═══════════════════════════════════════════════════════════
   RESPONSIVE — Mobile-First, min-width Breakpoints
   ═══════════════════════════════════════════════════════════ */

@media (min-width: 576px) {
  .grid--2 { grid-template-columns: repeat(2, 1fr); }
  .grid--4 { grid-template-columns: repeat(2, 1fr); }
}

@media (min-width: 768px) {
  .grid--3 { grid-template-columns: repeat(3, 1fr); }
  .steps   { grid-template-columns: repeat(3, 1fr); }
  .footer__grid { grid-template-columns: 2fr 1fr 1fr; }
}

@media (min-width: 1024px) {
  .nav { display: flex; }
  .header__cta { display: inline-flex; }
  .nav-toggle { display: none; }
  .mobile-menu { display: none; }

  .hero__grid { grid-template-columns: 1.05fr 0.95fr; }
  .grid--4 { grid-template-columns: repeat(4, 1fr); }

  .footer__grid { grid-template-columns: 2.2fr 1fr 1fr 1fr; }
}