/* ============================================================
   RahaBook — responsive.css
   ============================================================ */
@media(max-width:1100px){
  .bento-grid{grid-template-columns:repeat(2,1fr)}
  .b-a{grid-column:span 2}
  .stats-grid,.aud-grid{grid-template-columns:repeat(2,1fr)}
  .hero-inner{grid-template-columns:1fr;gap:70px;text-align:center}
  .hero-sub{margin-inline:auto}
  .hero-btns,.hero-mini{justify-content:center}
  .demo-grid{grid-template-columns:1fr;gap:44px}
}
@media(max-width:992px){
  .nav-links,.nav-cta .btn-ghost{display:none}
  .hamburger{display:flex;align-items:center;justify-content:center}
  .j-track{flex-direction:column;width:auto}
  .stage{width:auto}
  .hero-visual{min-height:520px;transform:scale(.9)}
}
@media(max-width:640px){
  .bento-grid{grid-template-columns:1fr}
  .b-a,.b-b,.b-e,.b-h{grid-column:span 1}
  .stats-grid,.aud-grid{grid-template-columns:1fr}
  .hero h1{font-size:31px}
  .chip-3,.chip-4{display:none}
  .hero-visual{transform:scale(.78)}
  .f-grid{grid-template-columns:1fr}
  .section{padding:80px 0}
  .nav-cta .btn{padding:9px 16px;font-size:13px}
  .theme-toggle{width:38px;height:38px}
}
@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}
}