@media (max-width: 980px) {
  .menu-toggle { display: block; }
  .site-nav { position: absolute; top: 76px; left: 16px; right: 16px; display: none; flex-direction: column; align-items: stretch; padding: 14px; background: var(--surface-color); border: 1px solid var(--border-color); border-radius: var(--radius-md); box-shadow: var(--shadow-soft); }
  .site-nav.is-open { display: flex; }
  .hero-grid, .two-col { grid-template-columns: 1fr; }
  .quick-grid, .info-grid, .card-grid, .stats-grid, .facts-grid, .steps-grid, .badge-grid { grid-template-columns: repeat(2, 1fr); }
  .account-panel, .strip-inner { align-items: flex-start; flex-direction: column; }
  .footer-grid { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .container { width: min(100% - 22px, 100%); }
  .block { padding: 44px 0; }
  .hero-copy h1, .page-hero h1 { font-size: 34px; }
  .quick-grid, .info-grid, .card-grid, .stats-grid, .facts-grid, .steps-grid, .badge-grid, .form-grid { grid-template-columns: 1fr; }
  .cta-row { flex-direction: column; }
  .btn { width: 100%; }
  .footer-bottom { flex-direction: column; }
}