/* responsive.css — Mobile Breakpoints */
@media (max-width: 768px) {
  /* Nav */
  .nav-links, .nav-cta .btn-ghost { display:none; }

  /* Hero floating cards — hide on small screens */
  .floating-card { display:none; }

  /* Dashboard */
  .dash-body     { grid-template-columns:1fr; }
  .dash-sidebar  { display:none; }
  .dash-cards    { grid-template-columns:repeat(2,1fr); }

  /* Sections */
  section        { padding:4rem 1.5rem; }
  .hero          { padding:100px 1.5rem 60px; }

  /* Chat */
  .chat-demo-wrap  { grid-template-columns:1fr; }

  /* Score */
  .score-section   { grid-template-columns:1fr; }

  /* WhatsApp */
  .wa-outer        { margin:0 1rem; }
  .wa-inner        { padding:2.5rem 1.5rem; }
  .wa-section      { grid-template-columns:1fr; }

  /* Steps */
  .steps::before   { display:none; }

  /* Footer */
  .footer-top      { grid-template-columns:1fr 1fr; }

  /* Early Access */
  .early-form      { flex-direction:column; }
  .early-section   { padding:2.5rem 1.5rem; }
  .early-section-wrap { padding:2rem 1.5rem; }
}

@media (max-width: 480px) {
  .dash-cards    { grid-template-columns:1fr; }
  .footer-top    { grid-template-columns:1fr; }
  .trust-bar     { gap:1rem; }
  .hero h1       { font-size:2rem; }
}