/* ==========================================================================
   Innovative AI Labs — Responsive overrides
   Tested at 390 / 576 / 768 / 992 / 1200 / 1440 / 1920
   ========================================================================== */

/* ≤1200px */
@media (max-width: 1200px) {
  .mega-menu { width: min(760px, 94vw); }
}

/* ≤992px (Bootstrap lg) — mobile nav takes over */
@media (max-width: 991.98px) {
  .hero { padding: 3.5rem 0; }
  .hero__grid { grid-template-columns: 1fr; gap: 2.5rem; text-align: left; }
  .hero__visual { order: -1; max-width: 420px; margin: 0 auto; }

  .trust-strip__grid { grid-template-columns: repeat(2, 1fr); }
  .process-timeline { grid-template-columns: repeat(2, 1fr); }

  .site-footer__grid { grid-template-columns: repeat(2, 1fr); }
  .site-footer__col--brand { grid-column: 1 / -1; }

  .cta-band__inner { flex-direction: column; align-items: flex-start; }
}

/* ≤768px */
@media (max-width: 767.98px) {
  section { padding: 3rem 0; }
  .hero__actions { flex-direction: column; align-items: stretch; }
  .hero__actions .btn { justify-content: center; }

  .process-timeline { grid-template-columns: 1fr; }
  .flow-diagram { flex-direction: column; }
  .flow-diagram__arrow { transform: rotate(90deg); }

  .site-footer__bottom { flex-direction: column; align-items: flex-start; }
}

/* ≤576px */
@media (max-width: 575.98px) {
  .trust-strip__grid { grid-template-columns: 1fr; }
  .site-footer__grid { grid-template-columns: 1fr; }
  .mega-menu__grid, .mega-menu__grid--industries { grid-template-columns: 1fr; }

  .form-card { padding: 1.5rem; }
}

/* ≤390px (small phones) */
@media (max-width: 390px) {
  .hero__title { font-size: 1.85rem; }
  .btn-lg { padding: 0.8rem 1.4rem; font-size: 1rem; }
}

/* ≥1440px — give the design room to breathe on large monitors */
@media (min-width: 1440px) {
  :root { --container-max: 1320px; }
  .hero__title { font-size: 3.4rem; }
}

/* ≥1920px */
@media (min-width: 1920px) {
  :root { --container-max: 1400px; }
}