/* Responsive Breakpoints */

@media (max-width: 1024px) {
  .hero .container { grid-template-columns: 1fr; text-align: center; }
  .hero-content { max-width: 100%; margin: 0 auto; }
  .hero-content p { margin: 0 auto var(--space-xl); }
  .hero-actions { justify-content: center; }
  .hero-demo { margin-top: var(--space-xl); }
  .how-steps { grid-template-columns: 1fr; gap: var(--space-2xl); }
  .score-grid { grid-template-columns: 1fr; }
}

@media (max-width: 768px) {
  .nav-links { display: none; }
  .nav-links.active {
    display: flex; flex-direction: column;
    position: absolute; top: var(--nav-height); left: 0; right: 0;
    background: var(--color-bg);
    border-bottom: 1px solid var(--color-border);
    padding: var(--space-lg);
    gap: var(--space-md);
  }
  .nav-toggle { display: block; }

  .stats-bar .container { gap: var(--space-lg); }
  .stat { font-size: 0.8rem; }

  .packs-grid { grid-template-columns: 1fr; }
  .pricing-grid { grid-template-columns: 1fr; max-width: 380px; margin: 0 auto; }

  .demo-body { grid-template-columns: 1fr; }
  .demo-sidebar { border-right: none; border-bottom: 1px solid var(--color-border); }

  .waitlist-form { flex-direction: column; }
  .waitlist-form input { width: 100%; }

  .footer .container { flex-direction: column; gap: var(--space-xl); }
  .footer-brand { max-width: 100%; }

  .section { padding: var(--space-3xl) 0; }
  h1 { font-size: 2.2rem; }
  h2 { font-size: 1.6rem; }
}

@media (max-width: 480px) {
  .container { padding: 0 var(--space-md); }
  .hero-actions { flex-direction: column; align-items: stretch; }
  .btn { justify-content: center; }
  .ctx-menu { min-width: 240px; }
  .ctx-submenu { min-width: 200px; }
}