@media (max-width: 900px) {
  .site-nav { display: none; }
  .mobile-nav { display: block; }
  .hero-grid, .grid-3, .steps, .footer-grid { grid-template-columns: 1fr 1fr; }
  .hero-grid { align-items: start; }
  .hero-card { min-height: 330px; }
}
@media (max-width: 640px) {
  .container { width: min(calc(100% - 1.25rem), var(--container)); }
  .header-inner { min-height: 68px; }
  .brand img { width: 128px; }
  .hero { padding-block: 3.5rem 4.5rem; }
  .hero-grid, .grid-3, .grid-2, .steps, .footer-grid, .cta-band { grid-template-columns: 1fr; }
  .hero-card { min-height: auto; margin-top: 1rem; transform: none; }
  .hero-card__content { padding: .75rem; }
  .section-head { display: block; }
  .proof-strip__inner { flex-wrap: wrap; }
  .step::after { display: none; }
  .actions .button { width: 100%; }
  .cta-band .button { width: 100%; }
}