.bandeau{background:var(--riviere);color:var(--blanc);text-align:center;padding:5rem 1.2rem 4rem}
.bandeau .eyebrow{display:inline-block;background:var(--soleil);color:var(--nuit);font-weight:700;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;padding:.35rem .9rem;border-radius:4px;margin-bottom:1rem}
.bandeau h1{font-size:clamp(2.2rem,5vw,3.6rem);font-weight:800;max-width:20ch;margin:0 auto .8rem}
.bandeau p{max-width:55ch;margin:0 auto;opacity:.92;font-size:1.1rem}

.formulaire{max-width:760px;margin:-2.5rem auto 0;position:relative;z-index:5;padding:0 1.2rem}
.form-carte{background:var(--blanc);border-radius:20px;box-shadow:0 20px 60px rgba(32,36,29,.18);padding:2.5rem}
.form-carte h2{font-size:1.4rem;margin-bottom:1.4rem}
.impact-note{background:rgba(240,177,43,.15);border-left:4px solid var(--soleil);border-radius:0 10px 10px 0;padding:.9rem 1.1rem;font-size:.95rem;margin-bottom:1.4rem}
.zeffy-cadre{border-radius:12px;overflow:hidden;margin-bottom:1rem}
.zeffy-cadre iframe{width:100%;height:760px;border:0;display:block}
.form-note{text-align:center;font-size:.85rem;opacity:.65;margin-top:.9rem}

.eyebrow-sec{text-align:center}
.section h2{text-align:center}
.section > p{max-width:60ch;margin:0 auto 2.6rem;text-align:center}
.cartes{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.carte{background:var(--blanc);border:1px solid rgba(32,36,29,.1);border-radius:16px;padding:2rem;display:flex;flex-direction:column;gap:.6rem}
.carte .montant{font-family:'Bricolage Grotesque',sans-serif;font-size:2.2rem;font-weight:800;color:var(--laterite)}
.carte h3{font-size:1.15rem}
.carte p{font-size:.95rem;opacity:.8}

.campagne{background:var(--nuit);color:var(--blanc);padding:4.5rem 1.2rem}
.campagne-inner{max-width:900px;margin:0 auto;text-align:center}
.campagne h2{font-size:clamp(1.8rem,3.2vw,2.5rem);font-weight:800;margin-bottom:.8rem}
.campagne p{opacity:.9;max-width:58ch;margin:0 auto 2rem}
.puits{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.22);border-radius:16px;padding:2rem;text-align:left}
.puits-montants{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:space-between;align-items:baseline;margin-bottom:.9rem}
.puits-montants strong{font-family:'Bricolage Grotesque',sans-serif;font-size:2.2rem;color:var(--soleil)}
.puits-montants span{opacity:.85}
.jauge{position:relative;height:28px;background:rgba(0,0,0,.3);border-radius:999px;overflow:hidden}
.jauge-eau{position:absolute;inset:0;width:var(--progres, 67%);border-radius:999px;background:linear-gradient(90deg,var(--eau),#5fb3da);animation:remplir 1.8s ease-out;}
@keyframes remplir{from{width:0}}
@media (prefers-reduced-motion:reduce){.jauge-eau{animation:none}}
.puits-note{margin-top:.9rem;font-size:.95rem;opacity:.85}

.autres{background:var(--blanc)}
.autres-grille{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;text-align:left}
.autre-carte{border:1px solid rgba(32,36,29,.12);border-radius:16px;padding:1.8rem}
.autre-carte h3{font-size:1.1rem;margin-bottom:.5rem;color:var(--riviere)}
.autre-carte p{font-size:.95rem;opacity:.8;margin:0;text-align:left}

@media (max-width:820px){.cartes,.autres-grille{grid-template-columns:1fr}}