/* ==========================================================================
   MARKENZA — Responsive rules
   ========================================================================== */

@media (max-width: 1180px) {
  .footer-top { grid-template-columns: 1.3fr 1fr 1fr; row-gap: 40px; }
  .footer-newsletter { grid-column: 1 / -1; }
  .process-track { grid-template-columns: repeat(4, 1fr); row-gap: 36px; }
  .process-step::after { display: none; }
}

@media (max-width: 980px) {
  :root { --fs-5xl: 3.1rem; --fs-4xl: 2.6rem; --fs-3xl: 2.1rem; --header-h: 72px; }

  .main-nav { display: none; }
  .menu-toggle { display: flex; }
  .header-cta .btn-ghost { display: none; }

  .hero .container { grid-template-columns: 1fr; }
  .hero-visual { order: -1; max-width: 420px; margin: 0 auto; }
  .hero-stats { grid-template-columns: repeat(2, 1fr); row-gap: 28px; }

  .two-col { grid-template-columns: 1fr; }
  .two-col .hero-visual, .two-col img, .two-col svg { order: -1; }

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

  .stats-bar { grid-template-columns: repeat(2, 1fr); row-gap: 28px; }
  .pricing-grid { grid-template-columns: 1fr; max-width: 460px; margin: 0 auto; }
  .price-card.is-featured { transform: none; order: -1; }

  .footer-top { grid-template-columns: 1fr 1fr; }
  .footer-brand { grid-column: 1 / -1; }

  .cta-band { flex-direction: column; align-items: flex-start; padding: 44px; }
  .cta-band .container, .cta-actions { width: 100%; }

  .service-meta-grid { grid-template-columns: 1fr; }
  section { padding: 76px 0; }
}

@media (max-width: 720px) {
  .container { padding: 0 20px; }
  :root { --fs-5xl: 2.5rem; --fs-4xl: 2.1rem; --fs-3xl: 1.75rem; --fs-2xl: 1.5rem; }

  .site-header .container { position: relative; }
  .main-nav {
    display: flex; flex-direction: column; align-items: stretch; gap: 2px;
    position: fixed; top: var(--header-h); left: 0; right: 0; bottom: 0;
    background: var(--white); padding: 20px; transform: translateX(100%); transition: transform .3s var(--ease);
    overflow-y: auto; z-index: 99;
  }
  .main-nav.is-open { transform: translateX(0); }
  .main-nav a { padding: 16px; font-size: var(--fs-lg); border-bottom: 1px solid var(--gray-100); border-radius: 0; }
  .main-nav .nav-mobile-cta { display: flex; gap: 10px; margin-top: 20px; }

  .grid-3, .grid-4 { grid-template-columns: 1fr; }
  .stats-bar { grid-template-columns: 1fr 1fr; }
  .form-grid { grid-template-columns: 1fr; }
  .form-grid .field { grid-column: 1 / -1 !important; }

  .footer-top { grid-template-columns: 1fr; }
  .footer-bottom { flex-direction: column; align-items: flex-start; }

  .process-track { grid-template-columns: repeat(2, 1fr); }
  .anchor-nav { overflow-x: auto; flex-wrap: nowrap; -webkit-overflow-scrolling: touch; }
  .anchor-nav a { flex-shrink: 0; }

  .cta-band { padding: 32px 24px; }
  .cta-actions { flex-direction: column; }
  .cta-actions .btn { width: 100%; }

  .modal-box { padding: 26px; }
}

@media (max-width: 480px) {
  .hero-stats, .stats-bar { grid-template-columns: 1fr 1fr; }
  .price-card.is-featured { transform: none; }
  h1 { font-size: var(--fs-3xl); }
}