/* Shared responsive rules — landing + marketing pages.
   Dashboard-specific responsive rules live in dashboard.css */

@media (max-width: 980px){
  .nav-links{ display: none; }
  .hero{ grid-template-columns: 1fr; text-align: center; }
  .hero-actions{ justify-content: center; }
  .schedule-strip{ overflow-x: auto; }
  .features-grid{ grid-template-columns: repeat(2, 1fr); }
  .pricing-grid{ grid-template-columns: 1fr; max-width: 420px; margin: 0 auto; }
  .steps{ grid-template-columns: 1fr; }
}

@media (max-width: 640px){
  .container{ padding: 0 18px; }
  h1{ font-size: 34px !important; }
  .features-grid{ grid-template-columns: 1fr; }
  .footer-cols{ grid-template-columns: 1fr 1fr; gap: 28px; }
  .site-header .btn-secondary{ display: none; }
}