/* ============================================================
   SEO landing pages — style partagé (alternative-*, rendez-vous-*, etc.)
   ============================================================ */
*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:'Geist','Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  color:#0F1020; background:#FAFAFA; line-height:1.6;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}
a{color:#5A50E6;text-decoration:none}
a:hover{text-decoration:underline}

/* ============================================================
   ACCESSIBILITÉ (WCAG AA)
   ============================================================
   1. Focus visible sur TOUS les éléments interactifs (boutons,
      liens, inputs). Anneau indigo bien contrasté, jamais retiré.
      Critique pour la navigation au clavier (touche Tab).
   2. Réduit les animations pour les utilisateur·rice·s qui ont
      activé "Reduce Motion" dans les préférences système (souvent
      des personnes sensibles au mouvement, troubles vestibulaires).
   3. Skip-link "Aller au contenu" caché visuellement mais accessible
      au clavier (1re touche Tab) — standard a11y.
   ============================================================ */
*:focus-visible{
  outline: 3px solid #5A50E6;
  outline-offset: 2px;
  border-radius: 6px;
}
button:focus-visible,
a:focus-visible,
input:focus-visible,
[role="button"]:focus-visible{
  outline: 3px solid #5A50E6;
  outline-offset: 3px;
}
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
.skip-link{
  position: absolute;
  top: -100px;
  left: 12px;
  z-index: 999;
  padding: 10px 16px;
  background: #5A50E6;
  color: #fff;
  text-decoration: none;
  border-radius: 0 0 10px 10px;
  font-weight: 600;
  font-size: 14px;
  transition: top 0.2s;
}
.skip-link:focus{
  top: 0;
  text-decoration: none;
}
.container{max-width:880px;margin:0 auto;padding:0 24px}
.topbar{padding:18px 0;border-bottom:1px solid #E5E7EB;background:#fff;position:sticky;top:0;z-index:10;backdrop-filter:blur(8px)}
.topbar .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
.wm{font-weight:700;font-size:18px;letter-spacing:-0.02em;color:#0F1020}
.wm span{color:#5A50E6}
.cta{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:#5A50E6;color:#fff;border-radius:10px;font-weight:600;font-size:14px;letter-spacing:-0.01em;transition:transform .15s,box-shadow .2s}
.cta:hover{transform:translateY(-1px);box-shadow:0 6px 16px -4px rgba(90,80,230,.4);text-decoration:none}
.cta-ghost{background:transparent;border:1px solid #D1D5DB;color:#0F1020}
.cta-ghost:hover{background:#F3F4F6;box-shadow:none}
main{padding:40px 0 80px}
.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:0.08em;color:#5A50E6;font-weight:600;margin-bottom:14px}
h1{font-size:clamp(32px,5vw,52px);line-height:1.1;letter-spacing:-0.035em;margin:0 0 18px;font-weight:680}
h1 .hl{background:linear-gradient(to top,rgba(90,80,230,.25) 36%,transparent 36%);padding:0 .04em}
.lede{font-size:18px;color:#374151;margin:0 0 28px;max-width:680px}
h2{font-size:clamp(22px,3vw,30px);line-height:1.2;letter-spacing:-0.025em;margin:48px 0 14px;font-weight:620}
h3{font-size:18px;margin:24px 0 8px;font-weight:600;letter-spacing:-0.01em}
p{margin:0 0 14px;font-size:15.5px;color:#1F2937}
ul{padding-left:22px;margin:0 0 16px}
li{margin-bottom:6px;font-size:15.5px;color:#1F2937}
code{background:#F3F4F6;padding:2px 6px;border-radius:5px;font-size:13.5px;color:#5A50E6}
.hero-cta{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0 18px}

/* Bande de signaux de confiance (RGPD, France, 0 commission, sans engagement).
   À insérer juste après .hero-cta sur chaque landing pour rassurer le visiteur
   au-dessus de la fold. Augmente la conversion et le E-A-T (signal qualité Google). */
.trust-row{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 36px}
.trust-pill{
  display:inline-flex;align-items:center;gap:6px;
  padding:6px 11px;background:#fff;border:1px solid #E5E7EB;border-radius:999px;
  font-size:12.5px;color:#374151;font-weight:540;letter-spacing:-0.005em;
}
.trust-pill .trust-icon{font-size:14px;line-height:1}
.table-wrap{margin:18px 0 30px;border:1px solid #E5E7EB;border-radius:12px;overflow:hidden;background:#fff}
table{width:100%;border-collapse:collapse;font-size:14.5px}
th,td{padding:13px 16px;text-align:left;border-bottom:1px solid #F3F4F6;vertical-align:top}
thead th{background:#F9FAFB;font-weight:600;color:#0F1020}
tbody tr:last-child td{border-bottom:none}
td.yes{color:#059669;font-weight:600}
td.no{color:#9CA3AF}
td.partial{color:#D97706;font-weight:500}
.card{background:#fff;border:1px solid #E5E7EB;border-radius:14px;padding:24px;margin:20px 0}
.card-accent{background:#F5F4FF;border-color:#DDD9FF}
.faq dt{font-weight:600;font-size:16px;color:#0F1020;margin-top:18px;letter-spacing:-0.01em}
.faq dd{margin:6px 0 14px;color:#374151;font-size:15px}
.final-cta{margin:50px 0 20px;padding:32px;background:linear-gradient(135deg,#5A50E6,#3C2FBD);color:#fff;border-radius:18px;text-align:center}
.final-cta h2{color:#fff;margin:0 0 10px;font-size:24px}
.final-cta p{color:rgba(255,255,255,.92);margin:0 0 20px;font-size:15.5px}
.final-cta .cta{background:#fff;color:#3C2FBD}
.final-cta .cta:hover{box-shadow:0 8px 22px -4px rgba(0,0,0,.25)}
.see-also{font-size:13px;color:#6B7280;margin-top:30px}
.see-also a{margin:0 6px}
footer{padding:30px 0;border-top:1px solid #E5E7EB;font-size:13px;color:#6B7280;text-align:center}
footer a{color:#6B7280;margin:0 10px}
@media (max-width:600px){
  .container{padding:0 18px}
  h2{margin-top:32px}
  table{font-size:13.5px}
  th,td{padding:10px 12px}
}