@charset "UTF-8";
/* ═══════════════════════════════════════════════════════════
   07 — RESPONSIVE
   Le mobile n'est pas une version dégradée : c'est le cas
   d'usage principal (la majorité des visiteurs y arrivent).
   ═══════════════════════════════════════════════════════════ */

/* ══ ≤ 1180 px ══════════════════════════════════════════ */
@media (max-width: 1180px) {
  .nav { gap: 0; }
  .nav__link { padding-inline: 12px; }
  .chip--1 { left: 0; }
  .chip--2 { right: 0; }
}

/* ══ ≤ 1024 px — tablette paysage ═══════════════════════ */
@media (max-width: 1024px) {
  .feats { grid-template-columns: repeat(2, 1fr); }
  .perf { grid-template-columns: 1fr; gap: 48px; }
  .perf__panel { max-width: 520px; }
  .faq { grid-template-columns: 1fr; gap: 40px; }
  .faq__aside { position: static; }
  .method { grid-template-columns: 1fr; gap: 44px; }
  .method__sticky { position: static; }
  .stats__grid { grid-template-columns: repeat(2, 1fr); row-gap: 40px; }
  .chip--3 { display: none; }
}

/* ══ ≤ 900 px — bascule menu mobile ═════════════════════ */
@media (max-width: 900px) {
  html { scroll-padding-top: 84px; }

  .nav { display: none; }
  .burger { display: block; }
  .header__actions .btn--solid { display: none; }
  .header { padding-block: 12px; }

  .pain-grid { grid-template-columns: 1fr; }
  .plans { grid-template-columns: 1fr; max-width: 520px; }
  .plan--dark { order: -1; }

  .hero__title { max-width: 100%; }
  .stage { perspective: none; }
  .browser { transform: none !important; }

  .qa__a p { padding: 0 0 24px 46px; }
}

/* ══ ≤ 640 px — mobile ══════════════════════════════════ */
@media (max-width: 640px) {
  :root { --section-y: 76px; }

  .brand__full { display: none; }
  .brand__icon { display: block; }

  .hero { padding-block: 106px 64px; }
  .hero__trust { gap: 8px 16px; font-size: .66rem; }
  .hero__cta { width: 100%; flex-direction: column; }
  .hero__cta .btn { width: 100%; }

  .stage { margin-top: 46px; }
  .stage::after { display: none; }
  .browser__meta { display: none; }
  .browser__url { max-width: none; }
  .site__hero { grid-template-columns: 1fr; }
  .site__visual { display: none; }
  .site__row { grid-template-columns: repeat(3, 1fr); }
  .chip--1, .chip--2 { display: none; }

  .feats { grid-template-columns: 1fr; }
  .stats__grid { grid-template-columns: 1fr; row-gap: 30px; }
  .stat { padding-left: 18px; }

  .bars li { grid-template-columns: 92px 1fr 26px; gap: 10px; }
  .bars span { font-size: .62rem; }

  .steps__rail { left: 18px; }
  .step { gap: 16px; }
  .step__num { width: 37px; height: 37px; font-size: .62rem; }

  .qa__q { gap: 12px; padding: 20px 0; }
  .qa__a p { padding-left: 36px; }
  .qa__i { width: 26px; height: 26px; }

  .footer__top { grid-template-columns: 1fr 1fr; gap: 34px; }
  .footer__brand { grid-column: 1 / -1; }
  .footer__bottom { flex-direction: column; gap: 8px; }

  .cta__row { width: 100%; flex-direction: column; }
  .cta__row .btn { width: 100%; }
}

/* ══ ≤ 400 px ═══════════════════════════════════════════ */
@media (max-width: 400px) {
  .site__row { grid-template-columns: repeat(2, 1fr); }
  .site__card:last-child { display: none; }
  .footer__top { grid-template-columns: 1fr; }
}

/* ══ Pointeur grossier : pas de curseur sur-mesure ══════ */
@media (hover: none), (pointer: coarse) {
  .cursor { display: none !important; }
}

/* ══ Impression ═════════════════════════════════════════ */
@media print {
  .header, .drawer, .cursor, .intro, .scroll-progress, .glow, .grid-lines, .marquee { display: none !important; }
  .reveal, [data-anim] { opacity: 1 !important; translate: 0 !important; filter: none !important; }
  body { color: #000; }
  .cta, .footer, .plan--dark { background: #fff !important; color: #000 !important; }
}