/* Chumaway 0.9 : la charte joyeuse, posée par-dessus toutes les pages du site. */
:root{
  --indigo:#1F2A44; --rouge:#F25C86; --rouge-texte:#A3214B; --terre:#F5B82E; --terre-texte:#7A5300;
  --riz:#2DB685; --jaune:#F5B82E; --coton:#FFF9F0; --blanc:#FFFFFF; --muted:#4A5470; --ligne:#E9DFCC; --jaune-doux:#FFE9A8;
  --rose:#FFD6E2; --menthe:#BDEEDC; --ciel:#CDE9FF; --beurre:#FFE9A8; --lavande:#E3DAFF; --ink:#1F2A44;
  --display:"Fredoka","Baloo 2","Trebuchet MS",system-ui,sans-serif;
}
h1,h2,h3,.logo{font-family:var(--display)}
h1{letter-spacing:-.01em}
h1 em,h2 em{font-style:normal;background:linear-gradient(transparent 58%,var(--rose) 58%);padding:0 .08em}
.btn{border-radius:999px!important}
.btn-rouge,.btn.rouge,.btn-cta{background:var(--ink)!important;color:#fff!important;border:2px solid var(--ink)!important;box-shadow:4px 4px 0 var(--rouge);transition:transform .12s,box-shadow .12s}
.btn-rouge:hover,.btn.rouge:hover,.btn-cta:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--rouge)}
.btn-rouge:active,.btn.rouge:active{transform:translate(3px,3px);box-shadow:1px 1px 0 var(--rouge)}
.btn-ghost,.btn.ghost{border:2px solid var(--ink)!important;background:var(--blanc)!important}
.top{border-bottom:2px solid var(--ink)!important}
.logo .l{color:inherit}
.pcard,.z,.apcol,.step,.calm>div,.faq details,.card,.reco,.item{border:2px solid var(--ink)!important;border-radius:26px!important;box-shadow:none}
.pcard.best{box-shadow:6px 6px 0 var(--ink)!important;background:var(--beurre)!important}
.ribbon{background:var(--rouge)!important;color:#fff!important;border:2px solid var(--ink);transform:rotate(-3deg)}
.calm>div:nth-child(1){background:var(--rose)}.calm>div:nth-child(2){background:var(--menthe)}.calm>div:nth-child(3){background:var(--ciel)}
.band{background:var(--lavande)!important;color:var(--ink)!important;border:2px solid var(--ink);border-radius:30px}
.band h2,.band p{color:var(--ink)!important}
.band .btn{background:var(--ink)!important;color:#fff!important}
.pill{background:var(--beurre)!important;border:2px solid var(--ink)}
.eyebrow{color:var(--rouge-texte)!important}
input[type=email],input[type=text],textarea,select{border:2px solid var(--ink)!important;border-radius:16px!important}
/* les six promesses */
.promesses{padding-block:clamp(40px,6vw,72px)}
.promesses .wrap{max-width:1180px;margin:0 auto;padding-inline:20px}
.promesses h2{font-size:clamp(30px,4.4vw,52px);margin:0 0 24px;line-height:1}
.pgrid6{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
@media (max-width:900px){.pgrid6{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.pgrid6{grid-template-columns:1fr}}
.prom{border:2px solid var(--ink);border-radius:28px;padding:24px;display:flex;flex-direction:column;gap:10px;transition:transform .2s}
.prom:hover{transform:rotate(-1deg) translateY(-3px)}
.prom .k{font-size:.8rem;font-weight:700;letter-spacing:.12em}
.prom b{font:700 clamp(24px,2.6vw,30px)/1.05 var(--display)}
.prom span{font-size:.98rem;line-height:1.5}
.prom.p1{background:var(--rose)}.prom.p2{background:var(--beurre)}.prom.p3{background:var(--ciel)}.prom.p4{background:var(--menthe)}.prom.p5{background:var(--lavande)}
.prom.p6{background:var(--ink);color:var(--coton)}.prom.p6 .k{color:var(--jaune)}
.prom svg{width:44px;height:44px}
.hero h1{font-size:clamp(40px,6.4vw,78px)!important;line-height:.98!important}