/* ============================================================
   ELGI5 — RESPONSIVE
   ============================================================ */

/* ---------- Laptop / small desktop ---------- */
@media (max-width: 1180px) {
  .stats-grid { grid-template-columns: repeat(3, 1fr); row-gap: 2rem; }
  .footer-grid { grid-template-columns: 1.2fr 1fr 1fr; }
  .footer-grid .footer-col:last-child { grid-column: span 1; }
}

/* ---------- Tablet ---------- */
@media (max-width: 980px) {
  .nav-menu { display: none; }
  .hamburger { display: flex; }

  .hero-grid { grid-template-columns: 1fr; text-align: center; }
  .hero-copy p.lead { margin-left: auto; margin-right: auto; }
  .hero-cta { justify-content: center; }
  .hero-trust { justify-content: center; }
  .hero-visual { height: 420px; margin-top: 1rem; }

  .journey-track { grid-template-columns: repeat(4, 1fr); row-gap: 2.5rem; }
  .journey-line { display: none; }

  .features-grid { grid-template-columns: repeat(2, 1fr); }
  .why-grid { grid-template-columns: repeat(2, 1fr); }

  .dash-preview-grid { grid-template-columns: 1fr 1fr; }
  .dp-card.span-2 { grid-column: span 2; }

  .footer-grid { grid-template-columns: 1fr 1fr; gap: 2rem; }
}

/* ---------- Mobile ---------- */
@media (max-width: 640px) {
  :root { --nav-h: 72px; }

  .container { padding: 0 1.15rem; }

  .navbar.is-glass { height: 62px; }
  .nav-actions .login-group { display: none; }
  .nav-actions .btn-brand.get-started-desktop { display: none; }

  .hero { min-height: auto; padding-top: calc(var(--nav-h) + 2rem); padding-bottom: 3rem; }
  .hero-copy h1 { font-size: var(--fs-h1); }
  .hero-cta { flex-direction: column; width: 100%; }
  .hero-cta .btn { width: 100%; }
  .hero-trust { gap: 1.2rem; justify-content: space-between; }
  .hero-visual { height: 320px; }
  .dash-frame { max-width: 280px; padding: 1rem; transform: none; }
  .float-card { padding: 0.6rem 0.75rem; font-size: 0.72rem; }
  .float-card .fc-icon { width: 28px; height: 28px; }
  .fc-rank { left: -2%; top: 2%; }
  .fc-score { left: -4%; bottom: 8%; }
  .fc-eligibility { right: -2%; top: 6%; }
  .fc-ai { right: -2%; bottom: 2%; }

  .stats-grid { grid-template-columns: repeat(2, 1fr); }

  .journey-track { grid-template-columns: repeat(2, 1fr); }

  .features-grid { grid-template-columns: 1fr; }
  .why-grid { grid-template-columns: 1fr; }

  .dash-preview-grid { grid-template-columns: 1fr; }
  .dp-card.span-2 { grid-column: span 1; }

  .testi-card { width: 82vw; }

  .final-cta h2 { font-size: var(--fs-h2); }

  .footer-grid { grid-template-columns: 1fr; gap: 2rem; }
  .footer-bottom { flex-direction: column; align-items: flex-start; }

  .back-to-top { right: 1rem; bottom: 1rem; width: 42px; height: 42px; }
}

/* ---------- Small mobile ---------- */
@media (max-width: 380px) {
  .hero-trust { gap: 1rem; }
  .stats-grid { grid-template-columns: 1fr 1fr; }
}