:root{--pierre:#eae5d8;--pierre-fonce:#d9d2be;--encre:#2a2622;--encre-douce:#57524a;--vin:#7a2e3b;--vin-clair:#9a4a56;--vitrail:#33507a;--or:#a9812e;--blanc-casse:#faf8f3;--police-affichage:"Fraunces", "Iowan Old Style", serif;--police-texte:"Source Sans 3", system-ui, sans-serif;--police-horaires:"IBM Plex Mono", ui-monospace, monospace;--rayon:3px}*{box-sizing:border-box}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{background:var(--blanc-casse);color:var(--encre);font-family:var(--police-texte);margin:0;font-size:17px;line-height:1.6}a{color:var(--vitrail)}.conteneur{max-width:68rem;margin:0 auto;padding:0 1.5rem}.conteneur--etroit{max-width:40rem}.nav{justify-content:space-between;align-items:center;padding:1.3rem 0;display:flex}.nav__logo{font-family:var(--police-affichage);color:var(--encre);font-size:1.3rem;font-weight:600;text-decoration:none}.nav__logo span{color:var(--vin)}.bouton{font-family:var(--police-texte);border-radius:var(--rayon);border:1px solid #0000;padding:.7rem 1.4rem;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-block}.bouton--plein{background:var(--vin);color:var(--blanc-casse)}.bouton--plein:hover{background:#632432}.bouton--contour{border-color:var(--pierre-fonce);color:var(--encre)}.hero{text-align:center;padding:3.5rem 0 4.5rem}.hero__eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--vin);margin-bottom:1rem;font-size:.78rem;font-weight:600;display:inline-block}.hero__titre{font-family:var(--police-affichage);margin:0 0 1.2rem;max-width:42rem;margin-inline:auto;font-size:clamp(2.1rem,5.5vw,3.4rem);font-weight:600;line-height:1.1}.hero__titre em{color:var(--vin);font-style:italic}.hero__sous-titre{color:var(--encre-douce);max-width:34rem;margin:0 auto 2rem;font-size:1.15rem}.hero__cta{margin-bottom:3.5rem}.comparaison{flex-wrap:wrap;justify-content:center;align-items:center;gap:1.5rem;display:flex}.fenetre{border-radius:var(--rayon);border:1px solid var(--pierre-fonce);text-align:left;background:#fff;width:300px;overflow:hidden;box-shadow:0 8px 28px #2a26221a}.fenetre__barre{border-bottom:1px solid var(--pierre-fonce);background:#ece7dc;align-items:center;gap:.4rem;padding:.5rem .7rem;display:flex}.fenetre__pastille{background:#c9c1ae;border-radius:50%;width:8px;height:8px;display:inline-block}.fenetre__url{color:var(--encre-douce);font-size:.7rem;font-family:var(--police-horaires);margin-left:.5rem}.fenetre__corps{height:220px;padding:1rem;overflow:hidden}.fenetre__corps--avant{background:#fffbe0;font-family:Comic Sans MS,Comic Sans,cursive}.avant__banniere{color:#fff;text-align:center;background:linear-gradient(90deg,#ff5b5b,#ffd23f);margin:-1rem -1rem .6rem;padding:.3rem;font-size:.8rem;font-weight:700}.avant__badge{color:#ff0;background:red;margin-bottom:.5rem;padding:.1rem .4rem;font-size:.65rem;animation:1s step-start infinite clignote;display:inline-block}@keyframes clignote{50%{opacity:0}}.avant__texte{color:#333;text-align:justify;font-size:.72rem;line-height:1.3}.avant__compteur{color:#666;font-size:.6rem;font-family:var(--police-horaires);border:1px solid #999;margin-top:.6rem;padding:.15rem .3rem;display:inline-block}.fenetre__corps--apres{background:var(--pierre);font-family:var(--police-texte);text-align:center}.apres__rosace{width:28px;height:28px;color:var(--vin);margin:0 auto .4rem}.apres__nom{font-family:var(--police-affichage);margin:0 0 .6rem;font-size:1rem;font-weight:600}.apres__ligne{border-bottom:1px dashed var(--pierre-fonce);text-align:left;justify-content:space-between;padding:.3rem 0;font-size:.72rem;display:flex}.apres__heure{font-family:var(--police-horaires);color:var(--vin)}.fleche{color:var(--encre-douce);font-size:1.6rem}.section{border-top:1px solid var(--pierre-fonce);padding:4rem 0}.section__eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--vin);text-align:center;margin-bottom:.6rem;font-size:.78rem;font-weight:600;display:block}.section__titre{font-family:var(--police-affichage);text-align:center;margin:0 0 2.5rem;font-size:clamp(1.6rem,3.5vw,2.2rem);font-weight:600}.fonctionnalites{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1.5rem;display:grid}.fonctionnalite{background:var(--pierre);border:1px solid var(--pierre-fonce);border-radius:var(--rayon);padding:1.3rem 1.4rem}.fonctionnalite__titre{margin:0 0 .4rem;font-weight:600}.fonctionnalite__texte{color:var(--encre-douce);margin:0;font-size:.9rem}.etapes{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:2rem;display:grid}.etape{text-align:center}.etape__numero{font-family:var(--police-affichage);color:var(--vin);margin-bottom:.4rem;font-size:2rem}.etape__titre{margin:0 0 .4rem;font-weight:600}.etape__texte{color:var(--encre-douce);font-size:.9rem}.tarifs{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1.5rem;max-width:46rem;margin:0 auto;display:grid}.tarif{background:var(--blanc-casse);border:1px solid var(--pierre-fonce);border-radius:var(--rayon);padding:1.8rem}.tarif--payant{border-color:var(--vin);box-shadow:0 8px 24px #7a2e3b1f}.tarif__nom{font-family:var(--police-affichage);margin:0 0 .3rem;font-size:1.2rem;font-weight:600}.tarif__prix{margin:0 0 1rem;font-size:1.8rem;font-weight:600}.tarif__prix span{color:var(--encre-douce);font-size:.9rem;font-weight:400}.tarif__liste{margin:0;padding:0;font-size:.92rem;list-style:none}.tarif__liste li{border-bottom:1px dashed var(--pierre-fonce);padding:.35rem 0}.tarif__liste li:last-child{border-bottom:none}.cta{text-align:center}.cta__texte{color:var(--encre-douce);max-width:30rem;margin:0 auto 1.5rem}.formulaire{flex-wrap:wrap;justify-content:center;gap:.6rem;max-width:26rem;margin:0 auto;display:flex}.formulaire input[type=email]{border:1px solid var(--pierre-fonce);border-radius:var(--rayon);font-family:var(--police-texte);flex:14rem;padding:.7rem .9rem;font-size:.95rem}.formulaire input[type=email]:focus-visible,.formulaire button:focus-visible{outline:2px solid var(--vin);outline-offset:2px}.formulaire button{cursor:pointer;font-family:var(--police-texte)}.formulaire__message{min-height:1.3rem;margin:.9rem 0 0;font-size:.9rem;font-weight:600}.formulaire__message--succes{color:var(--vitrail)}.formulaire__message--erreur{color:var(--vin)}.cta__note{color:var(--encre-douce);margin-top:.8rem;font-size:.82rem}.pied{text-align:center;color:var(--encre-douce);border-top:1px solid var(--pierre-fonce);padding:2.5rem 0;font-size:.85rem}.pied a{color:var(--encre-douce)}.pied__liens{justify-content:center;gap:1rem;margin-top:.6rem;display:flex}
