/* ═══ Responsive Overrides ═══ */
@media (max-width: 1024px) {
  .iii-hero__stats { gap: 32px; }
  .iii-hero__title { font-size: 46px; }
  .iii-navbar__inner { padding: 0 20px; }
}

@media (max-width: 768px) {
  .iii-hero { min-height: 480px; padding: 60px 20px 48px; }
  .iii-hero__title { font-size: 36px !important; }
  .iii-hero__desc { font-size: 15px; }
  .iii-hero__stats { gap: 24px; }
  .iii-hero__stat-value { font-size: 22px; }
  .iii-section { padding: 48px 16px; }
  .iii-service-row { grid-template-columns: 1fr !important; gap: 24px; }
  .iii-service-row--reverse { direction: ltr !important; }
  .iii-contact-grid { grid-template-columns: 1fr !important; }
  .iii-footer__inner { grid-template-columns: 1fr 1fr; }
  .iii-grid--6 { grid-template-columns: repeat(3, 1fr); }
  .iii-page-header { padding: 72px 20px 40px; }
  .iii-page-header__title { font-size: 32px !important; }
  .iii-login-card { padding: 32px 24px !important; }
}

@media (max-width: 480px) {
  .iii-hero__title { font-size: 28px !important; }
  .iii-hero__stats { flex-direction: column; gap: 16px; align-items: center; }
  .iii-grid--6 { grid-template-columns: repeat(2, 1fr); }
  .iii-grid--4 { grid-template-columns: 1fr; }
  .iii-grid--3 { grid-template-columns: 1fr; }
  .iii-footer__inner { grid-template-columns: 1fr; }
  .iii-footer__bottom { flex-direction: column; text-align: center; }
  .iii-section-title { font-size: 24px !important; }
}