/* ARMONI : charte graphique (modifier ici les couleurs) */
@font-face{font-family:Montserrat;font-weight:400;font-display:swap;src:url(../fonts/montserrat-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:Montserrat;font-weight:500;font-display:swap;src:url(../fonts/montserrat-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:Montserrat;font-weight:600;font-display:swap;src:url(../fonts/montserrat-latin-600-normal.woff2) format("woff2")}
:root{--rose-poudre:#E9C5C3;--vieux-rose:#C77C7E;--rose-profond:#A85A5D;--beige-rose:#D9C2B8;--anthracite:#3D3D3D;--beige-grise:#CBC0B7;--fond:#FDFAF9;--fond-doux:#F7EDEB;--texte:#3D3D3D;--wa:#1F7A4D;--rayon:14px}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font:400 17px/1.7 Montserrat,system-ui,sans-serif;color:var(--texte);background:var(--fond)}
img{max-width:100%;height:auto}a{color:#8F4B4E}
:focus-visible{outline:3px solid var(--anthracite);outline-offset:3px}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;padding:8px;z-index:99}
.wrap{max-width:1040px;margin:0 auto;padding:0 22px}.narrow{max-width:760px}
.top{display:flex;flex-wrap:wrap;gap:8px 28px;align-items:center;justify-content:space-between;padding:14px 22px;max-width:1040px;margin:0 auto}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--anthracite);font-weight:600;letter-spacing:.28em;font-size:20px}
.top nav{display:flex;flex-wrap:wrap;gap:4px 20px}.top nav a{text-decoration:none;color:var(--anthracite);font-weight:500;font-size:15px;padding:10px 2px;border-bottom:2px solid transparent}
.top nav a:hover,.top nav a[aria-current]{border-color:var(--vieux-rose)}
h1,h2,h3{font-weight:600;line-height:1.25;color:var(--anthracite);letter-spacing:.01em}
h1{font-size:clamp(28px,5vw,46px);margin:0 0 18px;max-width:20ch}h2{font-size:clamp(22px,3.4vw,30px);margin:40px 0 14px}h3{font-size:18px;margin:0 0 8px}
.lead{font-size:clamp(18px,2.2vw,21px);max-width:56ch}.note{font-size:14px;color:#5b5b5b}
.hero{padding:44px 0 36px;background:linear-gradient(180deg,var(--fond-doux),var(--fond))}
.hero-in{display:grid;gap:32px;align-items:center;grid-template-columns:1fr}
.sym{width:min(200px,52%);justify-self:start}.portrait{border-radius:var(--rayon);width:min(320px,100%)}
.row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:26px 0 12px}
.btn{display:inline-block;min-height:48px;padding:12px 24px;border-radius:999px;background:var(--rose-profond);color:#fff;font-weight:600;text-decoration:none;font-size:16px;border:2px solid var(--rose-profond)}
.btn:hover{background:#8f4b4e;border-color:#8f4b4e}.btn.wa{background:var(--wa);border-color:var(--wa)}.btn.wa:hover{background:#17603c}
.btn.ghost{background:transparent;color:var(--rose-profond)}.btn.ghost:hover{background:var(--fond-doux)}
.sec{padding-top:12px;padding-bottom:44px}.tint{background:var(--fond-doux)}
.grid,.steps{list-style:none;margin:18px 0;padding:0;display:grid;gap:16px;grid-template-columns:1fr}
.grid li,.steps li{background:#fff;border-left:4px solid var(--vieux-rose);border-radius:0 var(--rayon) var(--rayon) 0;padding:20px 22px}
.grid li span,.steps li span{display:block}.grid li small{display:block;margin-top:12px;font-size:14px;line-height:1.55;color:#5b5b5b}
.tint .grid li,.tint .steps li{background:var(--fond)}.grid li strong,.steps li strong{display:block;margin:0 0 8px;color:var(--anthracite);line-height:1.35}
.steps{counter-reset:s}.steps li{counter-increment:s;border-left-color:var(--beige-rose);position:relative;padding-left:54px}.steps li::before{content:counter(s);position:absolute;left:18px;top:20px;font-weight:600;color:var(--rose-profond)}
.duo{display:grid;gap:28px;align-items:center;padding-top:40px}.duo img{border-radius:var(--rayon)}
details{background:#fff;border-radius:var(--rayon);margin:10px 0;padding:4px 20px}summary{cursor:pointer;font-weight:500;padding:12px 0;min-height:48px}details p{margin:0 0 14px}
.lnk{font-weight:600}.band{background:var(--anthracite);color:#fff;padding:44px 0}.band h2{color:#fff;margin-top:0}.band .btn.ghost{color:#fff;border-color:#fff}.band .btn.ghost:hover{background:#555}
footer{background:var(--fond-doux);padding:34px 0 90px;font-size:14px}.foot{display:grid;gap:22px;grid-template-columns:1fr}.foot a{color:var(--anthracite)}
.fab{position:fixed;right:14px;bottom:14px;z-index:20;background:var(--wa);color:#fff;font-weight:600;text-decoration:none;padding:14px 20px;border-radius:999px;box-shadow:0 4px 14px rgba(0,0,0,.2);min-height:48px}
@media(min-width:760px){.hero-in{grid-template-columns:1.5fr 1fr}.sym{justify-self:end;width:230px}.grid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.duo{grid-template-columns:1fr 1.4fr}.foot{grid-template-columns:2fr 1.4fr 1.4fr}.fab{display:none}footer{padding-bottom:34px}}
@media(min-width:960px){.grid.three{grid-template-columns:repeat(3,1fr)}}
@media(prefers-reduced-motion:no-preference){.sym{animation:in 1s ease both}@keyframes in{from{opacity:0;transform:translateY(10px)}}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}