/* ==========================================================================
   KF EXPORT — RESPONSIVE
   Breakpoints: Desktop (default) > 1200px Laptop > 992px Tablet > 768px Mobile > 480px
   ========================================================================== */

/* ---------- Laptop ≤1200px ---------- */
@media (max-width: 1200px) {
  .founder-media i { font-size: 5.5rem; }
  .process-steps { grid-template-columns: repeat(4, 1fr); row-gap: 2.5rem; }
  .process-line { display: none; }
}

/* ---------- Tablet ≤992px ---------- */
@media (max-width: 992px) {
  .grid-4 { grid-template-columns: repeat(2, 1fr); }
  .grid-3 { grid-template-columns: repeat(2, 1fr); }
  .hero-stats { grid-template-columns: repeat(2, 1fr); row-gap: 1.6rem; }
  .about-grid { grid-template-columns: 1fr; gap: 3rem; }
  .about-media { max-width: 420px; margin-inline: auto; }
  .founder-card { grid-template-columns: 1fr; }
  .founder-media { min-height: 220px; }
  .markets-wrap { grid-template-columns: 1fr; }
  .contact-grid { grid-template-columns: 1fr; }
  .footer-top { grid-template-columns: 1fr 1fr; }
  .masonry { column-count: 2; }
}

/* ---------- Mobile ≤768px ---------- */
@media (max-width: 768px) {
  :root { --header-h: 68px; }

  .nav-menu {
    position: fixed; top: 68px; left: 0; right: 0; bottom: 0;
    background: var(--c-primary); flex-direction: column; justify-content: flex-start;
    padding: 2.5rem var(--pad); gap: 1.6rem;
    transform: translateX(100%); transition: transform var(--transition);
    z-index: 999; overflow-y: auto;
  }
  .nav-menu.open { transform: translateX(0); }
  .nav-menu a { font-size: 1.15rem; }
  .header-actions .btn span { display: none; }
  .header-actions .btn { padding: 11px 14px; }
  .hamburger { display: flex; }

  .hero-cta { flex-direction: column; align-items: stretch; }
  .hero-stats { grid-template-columns: repeat(2, 1fr); }

  .grid-4, .grid-3, .grid-2 { grid-template-columns: 1fr; }
  .about-list { gap: 12px; }

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

  .masonry { column-count: 1; }

  .cta-banner { flex-direction: column; text-align: center; }
  .cta-banner-actions { justify-content: center; }

  .form-row { grid-template-columns: 1fr; }
  .footer-top { grid-template-columns: 1fr; gap: 2.2rem; }
  .footer-bottom { flex-direction: column; text-align: center; }

  .float-whatsapp { width: 52px; height: 52px; font-size: 1.4rem; bottom: 20px; right: 20px; }
  .back-to-top { display: none; }

  .founder-body { padding: 1.8rem; }
  .about-badge { position: static; margin-top: -50px; margin-inline: auto; width: fit-content; }
}

/* ---------- Small Mobile ≤480px ---------- */
@media (max-width: 480px) {
  .hero-stats { grid-template-columns: 1fr 1fr; }
  .stat .num { font-size: 1.5rem; }
  .btn { padding: 12px 22px; font-size: 0.88rem; }
  .section-pad { padding-block: 3rem; }
  .founder-social { flex-direction: column; align-items: flex-start; }
  .newsletter-form { flex-direction: column; }
  .newsletter-form input, .newsletter-form button { border-radius: var(--radius-sm); }
  .newsletter-form button { padding: 12px; margin-top: 8px; }
}