/* ===========================
   RESPONSIVE DESIGN (Mobile-first)
   =========================== */

/* Small phones (360px) */
@media (min-width: 360px) {
  /* Minor padding adjustments if needed */
}

/* Small devices (576px) */
@media (min-width: 576px) {
  .container, .header__inner, .trust-strip__inner, .footer__grid, .footer__bottom-inner { 
    padding-left: 1.5rem; 
    padding-right: 1.5rem; 
  }
  .hero__inner { 
    padding-left: 1.5rem; 
    padding-right: 1.5rem; 
  }
  .header__logo img { height: 2.75rem; }
  .hero__title { font-size: 3rem; }
  .hero__subtitle { font-size: 1.125rem; }
  .lead-form { padding: 1.75rem; }
  .lead-form__title { font-size: 1.875rem; }
  .lead-form__grid { grid-template-columns: repeat(2, 1fr); }
  .form-field.span-2 { grid-column: span 2; }
  .btn-call { display: inline-flex; }
  .section__title { font-size: 2.25rem; }
  .section { padding: 5rem 1.5rem; }
  .why-us-grid { grid-template-columns: repeat(2, 1fr); }
  .process-grid { grid-template-columns: repeat(2, 1fr); }
  .gallery-grid { grid-auto-rows: 220px; gap: 1rem; }
  .clients__grid { grid-template-columns: repeat(4, 1fr); }
  .industries-grid { grid-template-columns: repeat(3, 1fr); }
  .cta-banner { padding: 0 1.5rem 5rem; }
  .cta-banner__title { font-size: 3rem; }
  .cta-banner__desc { font-size: 1.125rem; }
  .cta-banner__inner { padding: 5rem 3rem; }
  .footer__grid { padding: 3.5rem 1.5rem; }
  .footer__bottom-inner { flex-direction: row; padding: 1.25rem 1.5rem; }
}

/* Medium devices / Tablets (768px) */
@media (min-width: 768px) {
  .btn-whatsapp-header { display: inline-flex; }
  .clients__grid { grid-template-columns: repeat(6, 1fr); }
}

/* Large devices (992px) */
@media (min-width: 992px) {
  .container, .header__inner, .trust-strip__inner, .footer__grid, .footer__bottom-inner { 
    padding-left: 2rem; 
    padding-right: 2rem; 
  }
  .hero__inner { 
    grid-template-columns: 1.05fr 0.95fr; 
    gap: 3.5rem; 
    padding: 4rem 2rem 6rem; 
  }
  .hero__image-mobile { display: none; }
  .lead-form__wrapper { 
    position: sticky; 
    top: 6rem; 
    align-self: start; 
  }
  .header__nav { display: flex; }
  .header__inner { padding: 0.75rem 2rem; }
  .mobile-menu-toggle { display: none; }
  .why-us-grid { grid-template-columns: repeat(3, 1fr); }
  .services-grid { grid-template-columns: repeat(3, 1fr); }
  .gallery-grid { grid-template-columns: repeat(4, 1fr); }
  .gallery-item--large { grid-column: span 2; grid-row: span 2; }
  .gallery-item--tall { grid-row: span 2; }
  .process-grid { grid-template-columns: repeat(4, 1fr); }
  .industries-grid { grid-template-columns: repeat(6, 1fr); }
  .testimonials-grid { grid-template-columns: repeat(3, 1fr); }
  .section { padding: 6rem 2rem; }
  .section__title { font-size: 3rem; }
  .hero__title { font-size: 3.75rem; }
  .cta-banner { padding: 0 2rem 5rem; }
  .footer__grid { 
    grid-template-columns: repeat(4, 1fr);
    padding: 3.5rem 2rem;
  }
  .footer__bottom-inner { padding: 1.25rem 2rem; }
}

/* Extra large (1200px) */
@media (min-width: 1200px) {
  /* fine-tune spacing if needed */
}

/* Wide screens (1440px+) */
@media (min-width: 1440px) {
  /* max-width container already caps at 80rem */
}

/* Active nav link */
.header__nav a.active {
  color: var(--foreground);
}

/* Prevent horizontal overflow */
html, body {
  overflow-x: hidden;
}