/* ============================================================
   ALNATIQ · RESPONSIVE  (all tablet/mobile overrides + reduced-motion)
   Mobile and tablet rules live here, separate from the main styles.
   ============================================================ */

   RESPONSIVE
   ============================================================ */
@media (max-width: 1080px) {
  .nav__links { gap: 0; }
  .nav__btn { padding: .5rem .55rem; font-size: .92rem; }
  .footer__grid { grid-template-columns: 1.4fr repeat(2, 1fr); }
}

@media (max-width: 960px) {
  .nav__links, .nav__actions .btn--primary { display: none; }
  .burger { display: inline-flex; }
  .nav__actions { margin-left: auto; }
  .hero__grid { grid-template-columns: 1fr; }
  .hero__copy { max-width: 600px; }
  .hero__device { transform: none; max-width: 540px; margin-inline: auto; }
  .chip--lang { left: 2%; } .chip--speed { right: 2%; }
  .switch__panel.is-on, .split, .split--flip .split__media { grid-template-columns: 1fr; }
  .split--flip .split__media { order: 0; }
  .switch__info { text-align: center; }
  .switch__list { max-width: 420px; margin-inline: auto; text-align: left; }
  .fgrid, .voices, .plans, .steps, .platforms { grid-template-columns: repeat(2, 1fr); }
  .stats { grid-template-columns: repeat(2, 1fr); gap: 2.5rem 1rem; }
  .stat + .stat { border-left: none; }
  .stat:nth-child(2)::before, .stat:nth-child(4)::before { content: ""; position: absolute; }
  .step:not(:last-child)::after { display: none; }
}

@media (max-width: 620px) {
  body { font-size: 16px; }
  .wrap { width: min(100% - 2rem, var(--wrap)); }
  .display { font-size: clamp(2.1rem, 9vw, 2.8rem); }
  .fgrid, .voices, .plans, .steps, .platforms { grid-template-columns: 1fr; }
  .device__body { padding: 1.1rem 1.1rem 1.3rem; }
  .player { flex-wrap: wrap; }
  .player__speed { order: 3; }
  .switch__tabs { gap: .4rem; }
  .switch__tab { padding: .6rem .85rem; font-size: .88rem; }
  .switch__tab span { display: none; }
  .review { width: 290px; }
  .rev-summary { gap: 1.5rem; }
  .footer__grid { grid-template-columns: 1fr 1fr; gap: 2rem 1rem; }
  .footer__brand { grid-column: 1 / -1; }
  .footer__bar { flex-direction: column; align-items: flex-start; }
  .hero__rating .avatars span { width: 26px; height: 26px; }
  .plan--featured { order: -1; }
}

@media (max-width: 380px) {
  .footer__grid { grid-template-columns: 1fr; }
}

/* ----------  Reduced motion  ---------- */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
  .reveal { opacity: 1; transform: none; }
}