@media (max-width: 1100px) {
  .pricing-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .feature-grid,
  .faq-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 920px) {
  .hero-grid,
  .ai-layout,
  .auth-layout,
  .business-layout,
  .grid-2,
  .compare-grid,
  .footer-grid {
    grid-template-columns: 1fr;
  }

  .section {
    padding: 70px 0;
  }

  .hero {
    padding: 88px 0 62px;
  }

  .section-head {
    flex-direction: column;
    align-items: flex-start;
  }

  .cta-band {
    flex-direction: column;
    align-items: flex-start;
  }

  .hero-metrics {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .topbar-row {
    gap: 8px;
  }

  .nav-links,
  .nav-actions {
    display: none;
  }

  .drawer-toggle {
    display: inline-flex;
    position: relative;
  }

  .feature-grid,
  .pricing-grid,
  .faq-grid {
    grid-template-columns: 1fr;
  }

  .pricing-card.featured {
    transform: none;
  }

  .mobile-sticky-cta {
    display: block;
  }

  .footer {
    padding-bottom: 120px;
  }

  .btn {
    width: 100%;
  }

  .hero-actions,
  .top-actions,
  .tenant-actions,
  .tenant-credit-actions,
  .auth-links,
  .session-banner .actions,
  .input-row {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
  }

  .legal-link-list {
    flex-direction: column;
  }

  .summary-grid {
    grid-template-columns: 1fr;
  }

  .input-prefix {
    justify-content: center;
  }

  .plan-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 390px) {
  .container {
    width: 94vw;
  }

  .auth-card,
  .card,
  .dashboard-mock,
  .cta-band {
    padding-left: 14px;
    padding-right: 14px;
  }

  h1 {
    font-size: 1.86rem;
  }
}