/* ============================================================================
   IICONIX — Responsive
   Breakpoints: 1280 / 1024 / 900 / 768 / 600 / 430
   ========================================================================== */

@media (max-width: 1280px) {
  .footer__top { grid-template-columns: 1.4fr repeat(3, 1fr); gap: 28px; }
}

@media (max-width: 1024px) {
  .nav__links { display: none; }
  .nav__actions .btn--demo { display: none; }
  .nav__toggle { display: block; }

  .grid--4 { grid-template-columns: repeat(2, 1fr); }
  .grid--3 { grid-template-columns: repeat(2, 1fr); }
  .mock__kpis { grid-template-columns: repeat(2, 1fr); }
  .mock__grid { grid-template-columns: 1fr; }
  .process__steps { grid-template-columns: repeat(2, 1fr); gap: 40px 20px; }
  .process__line { display: none; }
}

@media (max-width: 900px) {
  .split { grid-template-columns: 1fr; }
  .split__visual { max-width: 480px; }
  .footer__top { grid-template-columns: 1fr 1fr; }
  .footer__brand { grid-column: 1 / -1; }
}

@media (max-width: 768px) {
  :root { --section-y: clamp(60px, 12vw, 88px); }
  .grid--4, .grid--3, .grid--2 { grid-template-columns: 1fr; }
  .form__row { grid-template-columns: 1fr; }
  .hero { min-height: auto; padding-block: calc(var(--nav-h) + 60px) 80px; }
  .hero__trust { gap: 10px 20px; }
  .cta__actions { flex-direction: column; }
  .cta__actions .btn { width: 100%; }
  .mock__kpis { grid-template-columns: 1fr 1fr; }
  .scroll-hint { display: none; }
}

@media (max-width: 600px) {
  .process__steps { grid-template-columns: 1fr; }
  .footer__top { grid-template-columns: 1fr; }
  .footer__bottom { flex-direction: column; align-items: flex-start; }
  .card { padding: 22px; }
  .hero__cta { flex-direction: column; }
  .hero__cta .btn { width: 100%; }
}

@media (max-width: 430px) {
  .mock__kpis { grid-template-columns: 1fr; }
  .mock__tabs { gap: 0; }
  .mock__tab { padding: 9px 10px; font-size: 0.78rem; }
  .brand { font-size: 1.1rem; }
}