@media (max-width: 600px) {
  .hero-ctas { flex-direction: column; align-items: flex-start; }
  .meet-stats { gap: var(--space-md); flex-wrap: wrap; }
  .quiz-panel { padding: var(--space-md); }
  .section-pad { padding: var(--space-lg) 0; }
}