@media (max-width: 900px) {
  .menu-toggle { display: inline-flex; }
  .main-nav {
    position: absolute;
    top: 68px;
    left: 16px;
    right: 16px;
    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.is-open { display: flex; }
  .hero-grid,
  .strip-box,
  .cta-card,
  .fact-panel,
  .preview-grid,
  .form-grid,
  .footer-grid {
    grid-template-columns: 1fr !important;
    flex-direction: column !important;
  }
  .card-grid,
  .stats-grid,
  .indicator-grid {
    grid-template-columns: 1fr;
  }
  .section { padding: 42px 0; }
}

@media (max-width: 560px) {
  .container { width: min(100% - 22px, 1200px); }
  .nav-shell { min-height: 62px; }
  .brand-mark span { font-size: .95rem; }
  .hero-copy, .hero-visual, .info-card, .stat-card, .indicator, .text-panel, .fact-panel, .cta-card, .strip-box, .site-form {
    padding: 18px;
  }
  .cta-row { align-items: stretch; }
  .btn { width: 100%; }
  .footer-bottom { flex-direction: column; }
}