/* ════════════════════════════════════════════════════
   RESPONSIVE — Tous les @media queries, chargé en dernier
   Breakpoints : 1024px (tablette), 640px (mobile), 380px (petit)
   ════════════════════════════════════════════════════ */

/* ═══ TABLETTE ≤ 1024px ═══ */
@media (max-width: 1024px) {

  /* Nav */
  nav { padding: 0 32px; }
  .nav-links { display: none; }

  /* Hero */
  .hero {
    grid-template-columns: 1fr;
    padding: 100px 32px 60px;
    gap: 48px;
  }

  /* Demo */
  .demo-grid { grid-template-columns: 1fr; gap: 40px; }

  /* VS */
  .g-compare { grid-template-columns: 1fr; }
  .g-vs      { display: none; }

  /* Steps */
  .steps { grid-template-columns: repeat(2, 1fr); gap: 32px; }
  .steps::before { display: none; }

  /* KPIs dashboard */
  .kpis { grid-template-columns: repeat(2, 1fr); }

  /* Launch */
  .launch-grid { grid-template-columns: 1fr; gap: 40px; }

  /* Testimonials */
  .testi-grid { grid-template-columns: 1fr; gap: 20px; }

  /* Merch */
  .merch-grid { grid-template-columns: repeat(2, 1fr); }

  /* Pricing trust row */
  .tarifs-trust-row { grid-template-columns: repeat(2, 1fr); }

  /* FAQ */
  .faq-grid { grid-template-columns: 1fr; gap: 40px; }
  .faq-sticky { position: static; }

  /* Tarifs hero */
  .tarifs-hero { padding: 100px 32px 60px; }
  .pricing-area, .faq-section, .roi-section { padding: 80px 32px; }

  /* Section padding */
  section { padding: 80px 32px; }
}

/* ═══ MOBILE ≤ 640px ═══ */
@media (max-width: 640px) {

  /* Nav */
  nav { padding: 0 20px; }

  /* Hero */
  .hero { padding: 88px 20px 60px; }

  /* Hero trust strip */
  .hero-trust { flex-direction: column; gap: 16px; }
  .trust-item { padding: 0; border-right: none; border-bottom: 1px solid var(--line); padding-bottom: 16px; }
  .trust-item:last-child { border-bottom: none; padding-bottom: 0; }

  /* Hero CTAs */
  .hero-ctas { flex-direction: column; align-items: stretch; }
  .btn-primary, .btn-ghost { justify-content: center; }

  /* Sector selector */
  .sector-selector, .demo-sectors { gap: 6px; }

  /* Steps */
  .steps { grid-template-columns: 1fr; gap: 24px; }
  .step { padding: 0 8px; }

  /* KPIs */
  .kpis { grid-template-columns: repeat(2, 1fr); gap: 12px; }
  .kpi { padding: 16px; }
  .kpi-num { font-size: 2rem; }

  /* VS */
  .g-card { padding: 24px 20px; }
  .g-big-num { font-size: 4.5rem; }

  /* Demo form */
  .demo-form { padding: 32px 24px; }

  /* SMS Flow modal */
  .sms-flow-modal { padding: 28px 20px; border-radius: var(--radius-lg); }

  /* Testimonials */
  .testi-card { padding: 28px 24px; }

  /* CTA */
  .cta-ctas { flex-direction: column; align-items: center; }
  .cta-trust { flex-direction: column; gap: 12px; }

  /* Pricing */
  .price-card { padding: 32px 24px; }
  .price-num  { font-size: 4.5rem; }
  .tarifs-trust-row { grid-template-columns: 1fr; }

  /* Footer */
  footer { padding: 32px 20px 24px; }
  .footer-main { flex-direction: column; gap: 20px; align-items: flex-start; }
  .f-links { flex-wrap: wrap; gap: 16px; }

  /* Merch */
  .merch-grid { grid-template-columns: repeat(2, 1fr); }

  /* Section padding */
  section, .demo-section, .dash-section, .launch-section,
  .reflection-section, .cta-section, .pricing-area, .faq-section { padding: 60px 20px; }

  .tarifs-hero { padding: 88px 20px 48px; }
}

/* ═══ PETIT TÉLÉPHONE ≤ 380px ═══ */
@media (max-width: 380px) {

  /* Badges flottants hero */
  .float-1, .float-2 { display: none; }

  /* Hero H1 */
  h1.hero-h { font-size: clamp(2.5rem, 11vw, 3.5rem); }

  /* KPIs */
  .kpis { grid-template-columns: 1fr; }

  /* Merch */
  .merch-grid { grid-template-columns: repeat(4, 1fr); }
  .merch-item span { display: none; }
}