:root{--encre:#26235a;--encre2:#3a3680;--corail:#ff7a59;--corail2:#d9532f;--fond:#f7f6fb;--carte:#fff;--texte:#1e1d2b;--doux:#5d5b72;--ligne:#e3e1ee;--menthe:#e6f5ef}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--fond);color:var(--texte);font:17px/1.65 "Source Serif 4",Georgia,serif}
a{color:var(--encre2)}a:hover{color:var(--corail2)}img,svg{max-width:100%}
.w{max-width:1060px;margin:0 auto;padding:0 20px}
header.site{background:#fff;border-bottom:1px solid var(--ligne);position:sticky;top:0;z-index:5}
header.site .w{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:62px;flex-wrap:wrap}
header.site .logo svg{height:30px;width:auto;display:block}
nav.menu{display:flex;gap:18px;flex-wrap:wrap;font:600 15px/1.2 "Space Grotesk",system-ui,sans-serif}nav.menu a{text-decoration:none;color:var(--texte)}nav.menu a:hover,nav.menu a[aria-current]{color:var(--corail2)}
h1,h2,h3{font-family:"Space Grotesk",system-ui,sans-serif;color:var(--encre);line-height:1.2;font-weight:700;letter-spacing:-.01em}
h1{font-size:clamp(29px,4.6vw,46px);margin:.35em 0 .3em}h2{font-size:clamp(21px,2.8vw,26px);margin:1.6em 0 .5em}h3{font-size:19px;margin:1.1em 0 .4em}
.chapo{font-size:19px;color:var(--doux);max-width:760px}
.fil{font:14px/1.4 "Space Grotesk",system-ui,sans-serif;color:var(--doux);margin-top:22px}.fil a{color:var(--doux)}
.hero{padding:26px 0 8px}
.rubrique{display:inline-block;font:700 12px/1 "Space Grotesk",system-ui,sans-serif;text-transform:uppercase;letter-spacing:.08em;color:var(--corail2);margin-top:20px}
.cartes{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin:18px 0}
.carte{background:var(--carte);border:1px solid var(--ligne);border-radius:16px;padding:18px 20px;text-decoration:none;color:var(--texte);display:block;border-top:4px solid var(--encre)}
.carte.tech{border-top-color:var(--corail)}
.carte:hover{box-shadow:0 6px 20px rgba(38,35,90,.08)}.carte i{font:700 11px/1 "Space Grotesk",system-ui,sans-serif;text-transform:uppercase;letter-spacing:.08em;color:var(--corail2);font-style:normal}
.carte b{font-family:"Space Grotesk",system-ui,sans-serif;color:var(--encre);font-size:18px;display:block;margin:6px 0 4px;line-height:1.25}.carte span{font-size:15px;color:var(--doux)}
.bouton{display:inline-block;background:var(--encre);color:#fff!important;text-decoration:none;padding:12px 20px;border-radius:999px;font:600 15px/1.2 "Space Grotesk",system-ui,sans-serif;margin:10px 8px 10px 0;border:none;cursor:pointer}
.bouton:hover{background:var(--encre2)}.bouton.corail{background:var(--corail);color:#2b0d03!important}.bouton.corail:hover{background:#ff906f}
article p,article li,article ol,article ul,main>p{max-width:760px}
article h2{border-left:4px solid var(--corail);padding-left:12px}
.outil{background:var(--carte);border:1px solid var(--ligne);border-radius:16px;padding:22px;margin:18px 0;max-width:820px}
.outil h2{margin-top:.6em;border:none;padding:0}
.outil label{display:flex;align-items:flex-start;gap:10px;font-size:16px;padding:8px 10px;border-radius:10px;cursor:pointer}
.outil label:hover{background:var(--fond)}
.outil input[type=checkbox]{margin-top:4px;width:18px;height:18px;flex-shrink:0;accent-color:var(--encre)}
.avance{position:sticky;top:70px;background:var(--menthe);border-radius:12px;padding:10px 14px;font:600 15px/1.3 "Space Grotesk",system-ui,sans-serif;color:var(--encre);margin-bottom:10px}
.note{font-size:15px;color:var(--doux)}
.voir{background:var(--carte);border:1px solid var(--ligne);border-radius:14px;padding:14px 18px;margin-top:26px;max-width:760px}
footer.site{margin-top:60px;background:var(--encre);color:#d9d8ef;font:15px/1.6 "Space Grotesk",system-ui,sans-serif}footer.site .w{padding-top:26px;padding-bottom:26px}
footer.site a{color:#fff}footer.site .liens{display:flex;gap:16px;flex-wrap:wrap;margin:10px 0}
@media (max-width:640px){header.site{position:static}body{font-size:16px}nav.menu{gap:12px;font-size:14px}.outil{padding:14px}.avance{top:8px}}
@media print{header.site,footer.site,.bouton,.fil{display:none}body{background:#fff}.outil{border:none;padding:0}}