@media (max-width: 900px) {
  .menu-toggle { display: block; }
  .main-nav { position: absolute; left: 16px; right: 16px; top: 76px; display: none; flex-direction: column; align-items: stretch; background: var(--surface-color); border: 1px solid var(--border-color); border-radius: var(--radius-md); padding: 12px; box-shadow: var(--shadow-soft); }
  .main-nav.open { display: flex; }
  .hero-grid, .footer-grid, .cards-grid, .quick-grid, .stats-grid, .facts-grid, .help-grid, .access-steps, .clarity-grid, .cards-grid.wide, .account-panel, .feature-list { grid-template-columns: 1fr; }
  .hero-copy, .hero-visual { order: initial; }
  .contact-strip, .cta-block, .mobile-panel { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 620px) {
  .container { width: min(100% - 24px, 100%); }
  .hero-section, .content-section, .sub-hero { padding: 42px 0; }
  h1 { font-size: 34px; }
  .hero-actions { flex-direction: column; align-items: stretch; }
  .btn { width: 100%; }
  .form-grid { grid-template-columns: 1fr; }
}