@media (max-width: 980px) {
  .header-cta { display: none; }
  .nav-toggle { display: inline-grid; place-items: center; }
  .site-nav { position: absolute; inset: 78px 0 auto; padding: 0 var(--container-padding) 1.25rem; background: #fff; border-bottom: 1px solid var(--color-border); transform: translateY(-8px); opacity: 0; visibility: hidden; transition: opacity var(--duration-fast), transform var(--duration-fast), visibility var(--duration-fast); }
  .site-nav[data-open='true'] { opacity: 1; visibility: visible; transform: translateY(0); }
  .nav-links { width: min(100%, var(--container-max)); margin: auto; display: grid; gap: .2rem; }
  .nav-links a { padding: .95rem 0; border-bottom: 1px solid rgba(23,46,77,.08); }
  .hero { min-height: auto; }
  .hero-grid { grid-template-columns: 1fr; padding-block: 4.5rem 3.5rem; }
  .hero-copy { max-width: 760px; }
  .hero-visual { min-height: 400px; margin-top: -1rem; }
  .orbit--1 { width: 380px; height: 380px; }
  .orbit--2 { width: 290px; height: 290px; }
  .orbit--3, .orbit--4 { width: 190px; height: 190px; border-width: 28px; }
  .problem-grid, .principles-grid, .about-preview { grid-template-columns: 1fr; }
  .quote-card { position: relative; top: auto; }
  .client-strip { grid-template-columns: repeat(2, 1fr); }
  .footer-grid { grid-template-columns: 1.3fr 1fr; }
  .footer-grid > :first-child { grid-column: 1 / -1; }
}

@media (max-width: 720px) {
  .section { padding-block: 4.3rem; }
  .brand { width: 164px; }
  .header-inner { min-height: 70px; }
  .site-nav { inset: 70px 0 auto; }
  .hero-grid { padding-block: 3.6rem 2.5rem; }
  .hero h1 { max-width: 12ch; }
  .hero-actions { flex-direction: column; align-items: stretch; max-width: 420px; }
  .hero-actions .btn { width: 100%; }
  .hero-visual { min-height: 330px; }
  .orbit--1 { width: 310px; height: 310px; }
  .orbit--2 { width: 245px; height: 245px; }
  .orbit--3, .orbit--4 { width: 160px; height: 160px; border-width: 24px; }
  .hero-card { right: auto; left: 50%; transform: translateX(-50%); bottom: 12px; }
  .solutions-grid, .contact-grid { grid-template-columns: 1fr; }
  .solution-panel { min-height: 280px; }
  .process-item { grid-template-columns: 54px 1fr; }
  .process-item p { grid-column: 2; }
  .client-strip { grid-template-columns: 1fr 1fr; }
  .footer-grid { grid-template-columns: 1fr; }
  .footer-grid > :first-child { grid-column: auto; }
  .footer-bottom { flex-direction: column; padding-bottom: 5.5rem; }
  .mobile-whatsapp { position: fixed; z-index: 90; left: 1rem; right: 1rem; bottom: 1rem; display: flex; box-shadow: 0 18px 40px rgba(12,30,51,.24); }
  .mobile-whatsapp .btn { width: 100%; }
  .page-hero { padding-block: 4.5rem; }
}

@media (max-width: 430px) {
  .container { width: min(100% - 2rem, var(--container-max)); }
  .client-strip { grid-template-columns: 1fr; }
  .client-name { min-height: 100px; }
  .about-symbol { min-height: 340px; }
  .about-symbol::before, .about-symbol::after { width: 190px; height: 190px; border-width: 34px; }
  .cta-panel { border-radius: var(--radius-lg); }
}