:root{
--violet:#6D28D9; --violet-p:#4C1D95; --rose:#EC4899;
--encre:#1a1730; --gris:#5f5e79; --fond:#f6f4fc; --carte:#ffffff; --ligne:#ece8f6;
--violet-voile:#f2ecfb;
--large:820px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%; scroll-behavior:smooth}
body{margin:0; background:var(--fond); color:var(--encre);
font-family:'Manrope',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
font-size:16.5px; line-height:1.68; -webkit-font-smoothing:antialiased}
a{color:var(--violet); text-decoration:none}
a:hover{text-decoration:underline}
.barre{position:sticky; top:0; z-index:10; background:rgba(246,244,252,.85); backdrop-filter:blur(10px); box-shadow:0 1px 0 rgba(26,23,48,.06)}
.barre .in{max-width:var(--large); margin:0 auto; padding:0 22px; height:64px; display:flex; align-items:center; gap:11px}
.marque{display:flex; align-items:center; gap:10px; font-weight:800; font-size:1.14rem; letter-spacing:-.02em; font-family:'Sora','Manrope',sans-serif; color:var(--encre)}
.marque:hover{text-decoration:none}
.marque svg{width:32px; height:32px; border-radius:9px}
.barre .retour{margin-left:auto; font-weight:600; color:var(--gris); font-size:.95rem}
main{max-width:var(--large); margin:0 auto; padding:clamp(30px,5vw,56px) 22px 80px}
.doc-tete{margin-bottom:34px}
.doc-tete .kick{font-family:'Space Grotesk','Manrope',sans-serif; font-weight:700; letter-spacing:.14em; text-transform:uppercase; font-size:.74rem; color:var(--violet); margin-bottom:12px}
h1{font-family:'Sora','Manrope',sans-serif; font-size:clamp(1.9rem,5vw,2.6rem); font-weight:800; letter-spacing:-.025em; margin:0 0 10px; line-height:1.14}
.maj{color:var(--gris); font-size:.92rem}
.carte{background:var(--carte); border-radius:20px; padding:clamp(24px,4vw,40px); box-shadow:0 1px 2px rgba(26,23,48,.05), 0 10px 30px rgba(76,29,149,.06)}
h2{font-family:'Sora','Manrope',sans-serif; font-size:1.28rem; font-weight:800; letter-spacing:-.01em; margin:34px 0 12px; scroll-margin-top:80px}
h2:first-of-type{margin-top:0}
h3{font-size:1.05rem; font-weight:700; margin:20px 0 8px}
p{margin:0 0 14px}
ul{margin:0 0 16px; padding-left:22px}
li{margin:0 0 8px}
strong{font-weight:700}
.note{background:#f1ecfd; border-radius:14px; padding:16px 18px; color:var(--violet-p); font-size:.96rem; margin:18px 0}
.contact-bloc{margin-top:26px; padding:18px 20px; border-radius:16px; background:var(--violet-voile, #f4f0fb); color:var(--gris); font-size:.95rem}
.contact-bloc b{color:var(--encre)}
.sommaire{background:#faf8ff; border-radius:14px; padding:16px 20px; margin-bottom:28px}
.sommaire b{display:block; font-size:.82rem; text-transform:uppercase; letter-spacing:.08em; color:var(--gris); margin-bottom:8px; font-family:'Space Grotesk','Manrope',sans-serif}
.sommaire a{display:inline-block; margin:3px 14px 3px 0; font-weight:600; font-size:.95rem}
footer{max-width:var(--large); margin:0 auto; padding:0 22px 50px; color:var(--gris); font-size:.9rem; display:flex; flex-wrap:wrap; gap:8px 18px}
footer a{color:var(--gris); font-weight:600}