:root{--page: #FAF9F5;--surface-1: #F0EFE9;--surface-2: #FFFFFF;--text-primary: #1A1A18;--text-secondary: #55534D;--text-muted: #8A8880;--on-accent: #FFFFFF;--fill-accent: #2B5FD9;--text-accent: #1E48A8;--bg-accent: #E8EEFC;--border-accent: #2B5FD9;--text-success: #3F6B15;--bg-success: #EAF3DE;--text-danger: #A3312F;--bg-danger: #FAECE7;--border: #DDDBD2;--border-strong: #C8C6BD;--border-stronger: #8C8880;--radius: 6px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, system-ui, sans-serif;--font-voice: Georgia, "Iowan Old Style", serif}*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--text-primary);font-family:var(--font-sans);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:var(--text-accent)}button{font-family:inherit;font-size:14px;padding:10px 18px;border-radius:var(--radius);border:.5px solid var(--border-strong);background:var(--surface-2);color:var(--text-primary);cursor:pointer}button:disabled{opacity:.55;cursor:default}input,select{font-family:inherit;font-size:14px;padding:9px 11px;border:.5px solid var(--border-strong);border-radius:var(--radius);background:var(--surface-2);color:var(--text-primary);width:100%}h1,h2,h3,p{margin:0}.conteneur{max-width:900px;margin:0 auto;padding:0 20px}.entete{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:.5px solid var(--border)}.entete-nav{display:flex;align-items:center;gap:22px}.entete-identite{display:flex;align-items:center;gap:9px;font-weight:500;font-size:15px}.entete-lien{color:var(--text-secondary);text-decoration:none;font-size:14px}.entete-lien:hover{color:var(--text-primary)}.langue-switch{color:var(--text-secondary)}.lang-actif{color:var(--text-primary);font-weight:600}.bouton-accent{background:var(--fill-accent);color:var(--on-accent);border-color:var(--fill-accent);font-weight:500}.bouton-accent:hover:not(:disabled){opacity:.92}.section{padding:56px 0;border-top:.5px solid var(--border)}.section-titre{font-size:24px;font-weight:500;line-height:1.3;margin-bottom:10px}.section-soustitre{font-size:15px;color:var(--text-secondary);margin-bottom:24px;max-width:620px}.etiquette-exemple{display:inline-block;font-size:11px;color:var(--text-muted);border:.5px solid var(--border);border-radius:99px;padding:2px 9px;margin-bottom:10px}.hero{padding:64px 0 48px}.hero-titre{font-size:34px;font-weight:500;line-height:1.28;margin-bottom:16px;max-width:680px}.hero-soustitre{font-size:17px;color:var(--text-secondary);max-width:600px;margin-bottom:26px}.hero-cta{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.hero-cta-note{font-size:13px;color:var(--text-secondary)}.demo-carte{background:var(--surface-2);border:.5px solid var(--border);border-radius:14px;padding:18px 20px}.demo-ligne{display:flex;align-items:center;gap:16px;padding:12px 0}.demo-ligne+.demo-ligne{border-top:.5px solid var(--border)}.demo-canal{flex:1;font-size:14px}.demo-barres{width:220px}.demo-barre-modele{display:block;height:11px;background:var(--fill-accent);border-radius:2px}.demo-barre-lastclick{display:block;height:3px;background:var(--border-stronger);border-radius:2px;margin-top:5px}.demo-montant{width:100px;text-align:right;font-size:15px;font-weight:500}.demo-note{margin-top:16px;font-size:14px;line-height:1.6;color:var(--text-secondary)}.grille{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.carte{border:.5px solid var(--border);border-radius:12px;padding:16px 18px;background:var(--surface-2)}.carte-titre{font-size:15px;font-weight:500;margin-bottom:8px}.carte-texte{font-size:13.5px;color:var(--text-secondary);line-height:1.6}.carte-accent{border:1.5px solid var(--border-accent)}.liste-checks{margin-top:16px;display:flex;flex-direction:column}.liste-checks li{display:flex;gap:10px;align-items:flex-start;padding:9px 0;border-top:.5px solid var(--border);font-size:14px;list-style:none}.liste-checks li:first-child{border-top:none}.coche{color:var(--text-success);flex:none}.carte-etape-repere{font-size:12px;color:var(--text-accent);margin-bottom:5px}.carte-etape-titre{font-size:15px;font-weight:500;margin-bottom:6px}.compte-form{display:grid;grid-template-columns:1.4fr 1fr auto;gap:10px;align-items:end;background:var(--surface-2);border:.5px solid var(--border);border-radius:12px;padding:16px;margin-bottom:20px}.compte-champ{display:flex;flex-direction:column;gap:5px;font-size:12.5px;color:var(--text-secondary)}.periodicite-toggle{display:flex;gap:6px}.periodicite-toggle button{font-size:13px;padding:7px 12px}.periodicite-toggle button.actif{background:var(--fill-accent);color:var(--on-accent);border-color:var(--fill-accent)}.grille-tarifs{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.pr{border:.5px solid var(--border);border-radius:12px;padding:16px 16px 18px;background:var(--surface-2);display:flex;flex-direction:column}.pr-accent{border:1.5px solid var(--border-accent)}.pr-badge{font-size:11px;padding:2px 9px;border-radius:99px;background:var(--bg-accent);color:var(--text-accent);display:inline-block;margin-bottom:8px;align-self:flex-start}.pr-nom{font-size:13px;color:var(--text-secondary);margin-bottom:3px}.pr-prix{font-size:24px;font-weight:500;margin-bottom:4px}.pr-prix-unite{font-size:12px;color:var(--text-muted);font-weight:400}.pr-facture{font-size:11.5px;color:var(--text-muted);margin:0 0 6px}.pr-essai{font-size:11.5px;color:var(--text-accent);margin:0 0 6px}.pr-features{font-size:12.5px;color:var(--text-secondary);line-height:1.75;margin:8px 0 16px;flex:1}.pr button{width:100%}.erreur-inscription{margin-top:16px;padding:10px 14px;border-radius:var(--radius);background:var(--bg-danger);color:var(--text-danger);font-size:13.5px}.erreur-inscription[hidden]{display:none}.faq-item{display:flex;gap:10px;align-items:flex-start;padding:12px 0;border-top:.5px solid var(--border);font-size:14px;line-height:1.6}.faq-item:first-child{border-top:none}.faq-q{font-weight:500;margin-right:4px}.section-cta-finale{text-align:center}.pied{text-align:center;padding:30px 0 50px;font-size:12.5px;color:var(--text-muted)}@media (max-width: 640px){.hero-titre{font-size:26px}.compte-form{grid-template-columns:1fr}.demo-barres{width:130px}}
