:root{--nuit:#141A2E;--nuit-950:#0D1220;--nuit-800:#232B45;--nuit-700:#343B52;--clair:#C4C8D6;--sable:#F5F5F2;--sable-2:#EDECE7;--ligne:#E3E2DC;--orange:#F26A1B;--orange-600:#D95A10;--orange-700:#B9470B;--orange-200:#F9C3A0;--doux:#5E6372}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{font-family:"Public Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:var(--sable);color:var(--nuit);line-height:1.6;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:"Archivo","Public Sans",system-ui,sans-serif;font-weight:800;line-height:1.2}
:focus-visible{outline:2px solid var(--orange);outline-offset:2px}
a{color:inherit}
.wrap{max-width:860px;margin:0 auto;padding:0 20px}
header{background:var(--nuit);color:#fff}
header .wrap{max-width:1080px;height:72px;display:flex;align-items:center;justify-content:space-between}
.logo{display:inline-flex;align-items:baseline;gap:9px;font-family:"Archivo",sans-serif;text-decoration:none;color:#fff;line-height:1}
.logo b{font-size:1.15rem;font-weight:800}
.logo span{font-size:.62rem;font-weight:800;letter-spacing:.3em;color:var(--orange-200)}
nav a{color:var(--clair);text-decoration:none;font-size:.95rem;margin-left:18px}
nav a:hover,nav a[aria-current]{color:#fff}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;background:var(--orange);color:var(--nuit);text-decoration:none;font-family:"Archivo",sans-serif;font-weight:800;padding:12px 22px;border-radius:14px}
.btn:hover{background:var(--orange-600)}
.tete{background:var(--nuit);color:#fff;padding:56px 0 64px}
.etiquette{display:inline-block;font-family:"Archivo",sans-serif;font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--orange-200);margin-bottom:10px}
.tete h1{font-size:clamp(1.8rem,4.4vw,2.6rem);margin-bottom:16px}
.tete .reponse{font-size:1.15rem;color:var(--clair);max-width:680px}
main section{padding:44px 0;border-bottom:1px solid var(--ligne)}
main section:last-of-type{border-bottom:0}
h2{font-size:1.45rem;margin-bottom:12px}
p{margin-bottom:12px;color:#2b3147}
ul.points{list-style:none;margin:6px 0 8px}
ul.points li{padding:8px 0 8px 26px;position:relative;border-top:1px solid var(--sable-2)}
ul.points li:first-child{border-top:0}
ul.points li::before{content:"";position:absolute;left:0;top:16px;width:12px;height:11px;background:var(--orange);clip-path:polygon(25% 3%,75% 3%,100% 50%,75% 97%,25% 97%,0 50%)}
ul.points b{color:var(--nuit)}
.encadre{background:#fff;border:1px solid var(--ligne);border-radius:18px;padding:22px 24px;margin-top:10px}
.appel{background:var(--nuit);color:#fff;text-align:center;padding:56px 20px;border-radius:0}
.appel h2{color:#fff}
.appel p{color:var(--clair);max-width:560px;margin:0 auto 22px}
footer{background:var(--nuit-950);color:var(--clair);padding:26px 0;font-size:.9rem}
footer .wrap{max-width:1080px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
footer a{text-decoration:none}
footer a:hover{color:#fff}
@media (max-width:640px){nav{display:none}.tete{padding:40px 0 48px}main section{padding:34px 0}}