/* Le vert et les formes du jeu : arrondi partout, aplats saturés, rien de pointu. */
:root{
  --vert:#02c265; --vert-fonce:#019e52; --vert-nuit:#017a3f;
  --encre:#0d2a1c; --gris:#5a6d63; --blanc:#ffffff; --creme:#f4fbf7;
  --rayon:22px; --ombre:0 10px 0 rgba(0,0,0,.09);
}
*{box-sizing:border-box}
body{margin:0;background:var(--creme);color:var(--encre);
  font:16px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased}
a{color:var(--vert-nuit)}
.enveloppe{max-width:980px;margin:0 auto;padding:0 22px}

header{background:var(--vert);color:#fff;padding:64px 0 76px;text-align:center;
  border-bottom:6px solid var(--vert-fonce)}
header img.icone{width:132px;height:132px;border-radius:30px;box-shadow:0 8px 0 rgba(0,0,0,.14)}
h1{margin:22px 0 6px;font-size:clamp(38px,7vw,60px);letter-spacing:-.02em;font-weight:900}
.slogan{margin:0;font-size:clamp(17px,2.4vw,21px);opacity:.95;font-weight:600}
.etat{display:inline-block;margin-top:24px;padding:9px 20px;border-radius:999px;
  background:rgba(0,0,0,.19);font-weight:700;font-size:14px;letter-spacing:.02em}

section{padding:56px 0}
h2{font-size:clamp(24px,3.4vw,32px);margin:0 0 18px;font-weight:900;letter-spacing:-.01em}
p{margin:0 0 16px;max-width:66ch}
.gris{color:var(--gris)}

.captures{display:flex;gap:18px;overflow-x:auto;padding:6px 0 14px;scroll-snap-type:x mandatory}
.captures img{width:min(260px,70vw);flex:0 0 auto;border-radius:var(--rayon);
  box-shadow:var(--ombre);scroll-snap-align:center;background:#dfeee6}

.cartes{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(232px,1fr))}
.carte{background:var(--blanc);border-radius:var(--rayon);padding:24px;box-shadow:var(--ombre)}
.carte h3{margin:0 0 8px;font-size:18px;font-weight:800}
.carte p{margin:0;font-size:15px;color:var(--gris)}

.promesse{background:var(--vert);color:#fff;border-radius:var(--rayon);padding:34px;
  box-shadow:0 10px 0 var(--vert-fonce)}
.promesse h2{margin-top:0}
.promesse ul{margin:0;padding-left:22px}
.promesse li{margin:7px 0;font-weight:600}
.promesse p{opacity:.95}

footer{background:var(--encre);color:#c8d8cf;padding:44px 0;font-size:15px}
footer a{color:#8fe9b8}
footer p{margin:0 0 10px;max-width:none}

.contenu h2{margin-top:38px}
.contenu ul{max-width:66ch}
.retour{display:inline-block;margin-bottom:8px;font-weight:700;text-decoration:none}