/* Dispo : système visuel commun (harmonisation du 24/10/2026), chargé en DERNIER sur toutes les pages.
   Une couleur de marque (vert profond), fond sable, titres mixtes capitales Archivo + italique Instrument Serif,
   légendes en chasse fixe, boutons pleins ou en contour, cartes sobres. Le vert vif reste réservé au point du logo. */
:root{
  --marque:#166534;--marque-fonce:#0F4A26;--marque-claire:#E3ECDC;
  --encre:#1C1A16;--encre-2:#3A362F;--gris:#5F584C;--gris-2:#8F8676;
  --fond:#F5F0E8;--fond-2:#EDE5D7;--carte:#FBF8F2;--trait:#E2D8C6;--trait-2:#CFC1A8;
  --vert:#166534;--vert-fonce:#0F4A26;--vert-clair:#E3ECDC;
  --ambre:#7A4A06;--ambre-clair:#F5E6C6;
  --rayon:12px;--ombre:0 1px 2px rgba(60,40,10,.06),0 10px 26px -16px rgba(60,40,10,.22);
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;
  --capitales:ArchivoTitres,Geist,system-ui,sans-serif;--italique:InstrumentItalique,Georgia,"Times New Roman",serif;
  --pg-pilote-fond:#E3ECDC;--pg-pilote-texte:#0F4A26;
  --pg-essai-fond:#F5E6C6;--pg-essai-texte:#6B3F05;--pg-essai-point:#B7791F;
  --pg-valider-fond:#E6E2F0;--pg-valider-texte:#3B2F6B;--pg-valider-point:#6A5AA8;
  --pg-constr-fond:#ECE4D6;--pg-constr-texte:#4A443A;--pg-constr-point:#8F8676;
  --pg-marque:#166534;--pg-vert-texte:#166534;
}
body,body.pg,.page-formules,.page-inscription,.page-app{background:var(--fond);color:var(--encre)}
a{color:var(--marque)}a:hover{color:var(--marque-fonce)}
:focus-visible{outline-color:var(--marque)}

/* Titres mixtes : capitales grasses, un mot en italique serif */
main h2,.f-titre,.pg-heros h1,.merci h1,.app-attente h1,.texte h1{font-family:var(--capitales);font-weight:800;text-transform:uppercase;letter-spacing:-.01em;line-height:.98;color:var(--encre)}
main h2{font-size:clamp(28px,4.4vw,50px)}
.pg-heros h1,.f-titre,.texte h1,.app-attente h1,.merci h1{font-size:clamp(34px,6vw,68px);color:var(--marque)}
.texte h1{font-size:clamp(30px,5vw,52px)}
main h2 em,.pg-heros h1 em,.f-titre em,.merci h1 em,.app-attente h1 em,.texte h1 em{font-family:var(--italique);font-style:italic;font-weight:400;text-transform:none;letter-spacing:0;font-size:1.16em;line-height:.8;color:var(--marque)}
.pg-heros h1 em,.f-titre em,.app-attente h1 em,.merci h1 em{color:var(--marque)}
.f-bande .f-titre,.f-bande .f-titre em,.pilote-carte h2,.pilote-carte h2 em,.calcul-carte h2,.calcul-carte h2 em,.pg-resultat h2{color:#fff}
main h3{font-family:Geist,system-ui,sans-serif;font-weight:650;letter-spacing:-.015em}
.texte h2{font-size:clamp(20px,2.4vw,24px)}
/* Dans une carte, un titre de section reste petit */
.pg-form-carte h2,.fiche h3,.coulisses h2{font-size:clamp(22px,2.6vw,30px)}

/* Étiquettes et légendes : chasse fixe, capitales, couleur de marque (comme les légendes de l'ouverture) */
.etiquette,.sur-titre,.coul-titre,.tel-vendeur-titre,.repliques-titre,.fiche-etiquette,.pg-res-etiquette,.pied-titre{font:600 12.5px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--marque)}
.etiquette.clair,.pg-res-etiquette{color:#CFE3D2}
.sur-titre:before{display:none}
.pg-fil figcaption,.pg-appel figcaption,.pg-avant-apres figcaption,.legende,.note,.pg-note,.heros-note,.cr-note,.ins-note,.alerte-legende{font-family:var(--mono);font-size:12px;letter-spacing:.03em;text-transform:uppercase;color:var(--gris);line-height:1.55}
.pg-appel figcaption{color:#CFC8BA}

/* Boutons : plein ou contour, couleur de marque */
.bouton{border-radius:8px;background:var(--marque);color:#fff;box-shadow:none}
.bouton:hover{background:var(--marque-fonce);color:#fff}
.bouton.clair,.bouton.contour,.bouton.contour-marque{background:transparent;color:var(--marque);box-shadow:inset 0 0 0 1.5px var(--marque)}
.bouton.clair:hover,.bouton.contour:hover,.bouton.contour-marque:hover{background:var(--marque);color:#fff}
.bouton.vert,.bouton.vert-fonce,.pg .bouton.vert,.pg .bouton.vert-fonce{background:var(--marque);color:#fff}
.bouton.vert:hover,.bouton.vert-fonce:hover{background:var(--marque-fonce);color:#fff}
.bouton.blanc{background:#fff;color:var(--marque)}
.bouton.verre{background:transparent;color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.7)}
.bouton.verre:hover{background:#fff;color:var(--marque)}
.pg .bouton.clair,.pg .bouton.contour{color:var(--marque)}
.pg .bouton.clair:hover,.pg .bouton.contour:hover{color:#fff}
.choix .recommencer{background:var(--marque);color:#fff}

/* Cartes et panneaux : ivoire sur sable, filet fin, coins mesurés */
.porte,.etapes li,.fiche,.coulisses,.pour-vous,.resume-matin,.formule,.option,.pg-cartes li,.pg-oui,.pg-non,.pg-fil,.pg-avant-apres,.pg-carte-etat,.pg-tableau-etat,.pg-lien,.pg-portes a,.pg-form-carte,.pg-calcul fieldset,.pg-formule,.table-defile,.mini-fil,.mini-appel,.v-ecran,.ins-exemple,.carte-choix span,.consentement,.pg-encart{background:var(--carte);border-radius:var(--rayon);box-shadow:inset 0 0 0 1px var(--trait)}
.exemple-grille,.onglets-carte,.parrainage-carte,.option,.pg-regles,.regles{background:var(--fond-2);box-shadow:none}
.exemple-grille,.onglets-carte,.parrainage-carte{border-radius:16px}
.regles{border-color:var(--trait)}
.pg-encart{border-left:3px solid var(--marque)}
.pg-lien:hover,.pg-portes a:hover,.carte-choix:hover span{box-shadow:inset 0 0 0 1.5px var(--marque)}
.raison li{background:var(--fond)}
.raison li.actif{background:var(--marque-claire);box-shadow:inset 3px 0 0 var(--marque)}
.fiche-lignes .prive{background:var(--fond-2)}
.fiche-lignes div.eclaire{background:var(--marque-claire);box-shadow:inset 3px 0 0 var(--marque)}
.pg-aa-ligne{background:var(--fond)}
.pg-fil-a,.mf-a,.ie-a,.bulle-a{background:var(--fond-2)}
.pg-fil-d{background:var(--marque);color:#fff}
.pg-fil-d small{color:#D7E7DA}

/* Grandes bandes : couleur de marque au lieu du noir */
.pilote-carte,.f-bande,.calcul-carte,.pg-resultat{background:var(--marque);border-radius:16px}
.f-bande{border-radius:0 0 24px 24px}
.pilote-carte:after,.formule-pro:after{display:none}
.pilote-carte p,.calcul-carte p,.f-sous,.f-petit{color:#DCEBDF}
.pv-ligne{background:rgba(255,255,255,.1)}
.pv-ligne .point,.pilote-carte .point{background:#fff}
.pg-res-gros b,.cr-chiffre b{color:#fff}
.calcul-resultat{background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}
.pastille.sombre{background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)}
.pastille.sombre b{background:#fff}

/* Formules : cartes ivoire sur la bande verte, celle du milieu en contour épais */
.formule{background:var(--carte);color:var(--encre);box-shadow:none}
.formule .formule-phrase,.formule .prix span,.formule .formule-pour{color:var(--gris)}
.formule .formule-pour{border-top-color:var(--trait)}
.formule .bouton.clair{color:var(--marque);box-shadow:inset 0 0 0 1.5px var(--marque)}
.formule .bouton.clair:hover{background:var(--marque);color:#fff}
.formule-pro{box-shadow:0 0 0 3px var(--encre),0 30px 50px -30px rgba(0,0,0,.5)}
.formule-badge{background:var(--encre);color:#fff;border-radius:6px;font-family:var(--mono);text-transform:uppercase;letter-spacing:.04em;font-size:11.5px}
.formule-liste li:before{background:var(--marque-claire)}
.formule-liste li:after{border-color:var(--marque)}
.formule:not(.formule-pro) .etat.pilote,.formule .etat.pilote{background:var(--marque-claire);color:var(--marque-fonce)}
.formule:not(.formule-pro) .etat.essai,.formule .etat.essai{background:var(--ambre-clair);color:#6B3F05}
.formule:not(.formule-pro) .etat.venir,.formule .etat.venir{background:var(--fond-2);color:#4A443A}
.prix-inclus,.formule-pro .prix-inclus{color:var(--marque)}
.periode{background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}
.periode span{color:#E7F1E9}
.periode input:checked+span{background:#fff;color:var(--marque)}
.periode small{background:rgba(255,255,255,.2);color:#fff}
.periode input:checked+span small{background:var(--marque-claire);color:var(--marque-fonce)}
.f-petit .etat.pilote{background:rgba(255,255,255,.18);color:#fff}.f-petit .etat.essai{background:var(--ambre-clair);color:#6B3F05}.f-petit .etat.venir{background:rgba(255,255,255,.12);color:#fff}
.comparatif .col-pro{background:rgba(22,101,52,.06)}
.comp-tete .col-pro b{color:var(--marque)}
.comp-tete{background:var(--fond)}

/* Étiquettes d'état : fond doux, point coloré, jamais de vert vif en aplat */
.etat.pilote,.etat-pilote{background:var(--marque-claire);color:var(--marque-fonce)}
.etat-pilote>b{background:var(--marque);box-shadow:none}
.statut-porte.ok{color:var(--marque-fonce)!important}
.statut-porte.ok b,.etats li.ok b{background:var(--marque);box-shadow:0 0 0 3px var(--marque-claire)}
.oui:before{background:var(--marque);box-shadow:inset 0 0 0 5px var(--marque-claire)}
.oui{color:var(--marque-fonce)}
.pg-oui li:before,.pg-puces li:before{background:var(--marque)}
.onglets button[aria-selected="true"]{background:var(--marque)}
.onglets button[aria-selected="true"]:before{background:#fff}
.onglets{background:var(--carte);box-shadow:inset 0 0 0 1px var(--trait)}

/* Tableaux */
.comparatif thead th,.pg-tableau-etat thead th{font-family:var(--mono);font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--gris);background:var(--fond)}
.groupe-comp summary{font-family:var(--mono);text-transform:uppercase;letter-spacing:.05em;font-size:13px;color:var(--marque)}

/* FAQ */
.faq{border-top-color:var(--trait-2)}
.faq details{border-bottom-color:var(--trait-2)}
.faq summary{font-family:Geist,system-ui,sans-serif;font-weight:600}
.faq summary:after{background:linear-gradient(var(--marque),var(--marque)) center/14px 2px no-repeat,linear-gradient(var(--marque),var(--marque)) center/2px 14px no-repeat}

/* Bandeau, barre collante, barre mobile */
.bandeau{background:var(--marque);color:#E8F2EA}
.bandeau b{color:#fff}
.haut-zone{background:var(--fond)}
.haut-zone.defile{background:rgba(245,240,232,.96);box-shadow:0 1px 0 var(--trait),0 8px 24px -16px rgba(60,40,10,.3)}
.haut-zone .pilote-haut,.haut-zone.defile .pilote-haut{background:var(--marque);color:#fff;box-shadow:none}
.haut-zone.defile .pilote-haut:hover,.haut-zone .pilote-haut:hover{background:var(--marque-fonce);color:#fff}
.connexion{color:var(--marque);border-right-color:var(--trait-2)}
.js .barre-pilote{background:var(--marque)}
.barre-pilote .point{background:#fff}

/* ---------- Barre de navigation à menus déroulants ---------- */
header.haut.menus{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;padding:14px 0}
header.haut.menus .marque{justify-self:center;grid-column:2;grid-row:1}
header.haut.menus .menu-principal{grid-column:1;grid-row:1}
header.haut.menus .haut-actions{grid-column:3;grid-row:1;justify-self:end}
.burger{display:none}
.mp-liste{list-style:none;margin:0;padding:0;display:flex;gap:4px}
.mp-item{position:relative}
.mp-bouton{font:500 15.5px/1 Geist,system-ui,sans-serif;color:var(--encre);background:none;border:0;cursor:pointer;display:inline-flex;align-items:center;gap:5px;padding:12px 10px;border-radius:8px;min-height:44px}
.mp-bouton:hover,.mp-item.ouvert .mp-bouton{color:var(--marque)}
.mp-bouton svg{transition:transform .2s ease}
.mp-item.ouvert .mp-bouton svg{transform:rotate(180deg)}
.mp-panneau{display:none}
.mp-panneau ul{list-style:none;margin:0;padding:0}
.mp-panneau a{display:flex;flex-direction:column;gap:3px;padding:12px 14px;border-radius:10px;text-decoration:none;color:var(--encre)}
.mp-panneau a b{font-weight:650;font-size:15.5px}
.mp-panneau a span{font-size:14px;color:var(--gris);line-height:1.35}
.mp-panneau a:hover,.mp-panneau a:focus-visible{background:var(--fond-2)}
.mp-panneau a:hover b{color:var(--marque)}
.mp-tiroir-actions{display:none}
@media (min-width:980px){
  .mp-panneau{position:absolute;left:-6px;top:calc(100% + 4px);width:380px;padding:8px;background:var(--carte);border-radius:14px;box-shadow:inset 0 0 0 1px var(--trait),0 22px 44px -18px rgba(60,40,10,.35);z-index:40}
  .mp-panneau:before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px}
  .mp-item.ouvert .mp-panneau{display:block}
  html:not(.js) .mp-item:hover .mp-panneau,html:not(.js) .mp-item:focus-within .mp-panneau{display:block}
}
@media (max-width:979px){
  header.haut.menus{grid-template-columns:auto 1fr auto;position:relative}
  header.haut.menus .marque{grid-column:1;justify-self:start}
  header.haut.menus .haut-actions{grid-column:2;justify-self:end}
  header.haut.menus .haut-actions .connexion,header.haut.menus .haut-actions .pilote-haut{display:none}
  .burger{grid-column:3;grid-row:1;display:inline-flex;flex-direction:column;justify-content:center;gap:5px;width:46px;height:46px;padding:0 11px;border:0;border-radius:10px;background:transparent;box-shadow:inset 0 0 0 1.5px var(--encre);cursor:pointer}
  .burger span{display:block;height:2px;background:var(--encre);border-radius:2px;transition:transform .2s ease,opacity .2s ease}
  .tiroir-ouvert .burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .tiroir-ouvert .burger span:nth-child(2){opacity:0}
  .tiroir-ouvert .burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  header.haut.menus .menu-principal{display:none;position:absolute;left:-16px;right:-16px;top:100%;max-height:calc(100dvh - 140px);overflow:auto;background:var(--fond);border-top:1px solid var(--trait);box-shadow:0 24px 40px -20px rgba(60,40,10,.35);padding:8px 16px 24px;z-index:40}
  .tiroir-ouvert header.haut.menus .menu-principal{display:block}
  html:not(.js) .burger{display:none}
  .mp-liste{flex-direction:column;gap:0}
  .mp-item{border-bottom:1px solid var(--trait)}
  .mp-bouton{width:100%;justify-content:space-between;font-size:18px;font-weight:600;padding:16px 4px}
  .mp-item.ouvert .mp-panneau{display:block;padding:0 0 12px}
  .mp-tiroir-actions{display:flex;flex-direction:column;gap:10px;padding-top:18px}
  .mp-tiroir-actions .connexion{border:0;padding:8px 4px;font-size:17px;font-weight:600}
  .mp-tiroir-actions .bouton{width:100%}
  .tiroir-ouvert body{overflow:hidden}
}

/* ---------- Pied de page à colonnes ---------- */
.pied{margin-top:72px;padding:56px 0 32px;border-top:1px solid var(--trait-2);background:var(--fond)}
.pied-colonnes{display:grid;gap:32px 24px;grid-template-columns:repeat(2,1fr)}
@media (min-width:760px){.pied-colonnes{grid-template-columns:repeat(3,1fr)}}
@media (min-width:1080px){.pied-colonnes{grid-template-columns:repeat(5,1fr)}}
.pied-titre{margin:0 0 14px}
.pied ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.pied a{color:var(--encre-2);text-decoration:none;font-size:15px;overflow-wrap:anywhere}
.pied a:hover{color:var(--marque);text-decoration:underline}
.pied-bas{margin-top:44px;padding-top:22px;border-top:1px solid var(--trait);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px}
.pied-bas p{margin:0;font-size:14px;color:var(--gris)}
.pied-bas .marque{color:var(--encre)}
footer.bas{display:none}

/* Pages de texte (légales, 404) */
.texte{padding-top:40px}
.texte p,.texte li,.texte td{color:var(--encre-2)}
.texte th,.texte td{border-bottom-color:var(--trait)}
.page-app .app-attente{min-height:auto;padding:72px 16px 24px}

@media (prefers-reduced-motion:reduce){.mp-bouton svg,.burger span{transition:none}}
@media print{.menu-principal,.burger,.pied-colonnes{display:none}}
/* Retouches après capture */
.legende,.note,.pg-note,.heros-note,.cr-note,.ins-note,.alerte-legende{text-transform:none;letter-spacing:0;font-size:12.5px}
main h2{font-size:clamp(28px,4vw,46px)}
.pilote-carte .bouton.vert,.pilote-carte .bouton:not(.verre),.calcul-carte .bouton:not(.verre){background:#fff;color:var(--marque)}
.pilote-carte .bouton.vert:hover,.pilote-carte .bouton:not(.verre):hover{background:var(--marque-claire);color:var(--marque-fonce)}
.etapes li:last-child:before,.pg-etapes li:last-child:before{background:var(--marque);color:#fff}
.etapes li:before{background:var(--encre)}
@media (max-width:979px){header.haut.menus .menu-principal{min-height:calc(100dvh - 120px)}.tiroir-ouvert .barre-pilote{display:none!important}}
/* Contrastes (Lighthouse 24/10) */
.tel-vendeur-titre{color:#CFE3D2}
.pilote-carte .pg-fin-tel,.pg-fin .pilote-carte .pg-fin-tel{color:#E8F2EA}
.pilote-carte .pg-fin-tel a{color:#fff}
.f-bande .pastille,.pastille.sombre{color:#fff}
.periode small,.periode input:checked+span small{background:var(--marque-claire);color:var(--marque-fonce)}
.calcul-carte .cr-note,.calcul-resultat .cr-note{color:#DCEBDF!important}

/* 24/10 : un seul vert, celui de la charte (le vert vif #22C55E est retiré, logo compris) */
:root{--point:#166534}
.bulle-d{color:#fff}
.notif .statut:before{box-shadow:0 0 0 3px rgba(22,101,52,.2)}
.interrupteur[aria-checked="true"] .bouton-rond{box-shadow:0 0 0 6px rgba(22,101,52,.2)}
.pilote-carte:after{background:radial-gradient(circle,rgba(191,227,176,.35),rgba(191,227,176,0) 68%)}
.bouton.heros-cta{box-shadow:0 14px 30px -12px rgba(22,101,52,.55),inset 0 -2px 0 rgba(17,20,24,.12)}
/* Photos des cartes : coins arrondis */
.photo img{border-radius:18px;box-shadow:0 2px 6px rgba(60,40,10,.10),0 18px 36px -18px rgba(60,40,10,.35)}
.photo img.note-collee{border-radius:6px}
.choix .recommencer,.tel-vendeur li.vert b,.etapes li:last-child:before,.etapier li.fait b{color:#fff}
/* Sur fond sombre (démo d'appel), le vert de charte s'éclaircit pour rester lisible */
.appel .repliques-titre{color:#BFE3B0}
.appel.parle-ia .onde i,.appel .onde i{background:#BFE3B0}
.appel.parle-ia .avatar:after{box-shadow:0 0 0 2px rgba(191,227,176,.9)}
.tuile{border-radius:18px}
/* Formules, façon Zenchef (24/10) : gauche et droite identiques et sobres, celle du milieu mise en avant */
.formule{background:#fff;box-shadow:0 0 0 1px var(--trait),0 18px 40px -28px rgba(60,40,10,.35);border-radius:24px}
.formule-pro{background:var(--encre);color:#fff;box-shadow:0 0 0 2px #BFE3B0,0 40px 70px -30px rgba(0,0,0,.6);padding-top:34px}
@media (min-width:980px){.formule-pro{margin:-26px 0;transform:none}}
.formule-pro .formule-nom{color:#fff}
.formule-pro .formule-phrase,.formule-pro .prix span,.formule-pro .formule-pour{color:#CFC8BA}
.formule-pro .formule-pour{border-top-color:rgba(255,255,255,.16)}
.formule-pro .prix b{color:#fff}
.formule-pro .prix-inclus{color:#BFE3B0}
.formule-pro .bouton.vert{background:#BFE3B0;color:var(--marque-fonce)}
.formule-pro .bouton.vert:hover{background:#fff;color:var(--marque-fonce)}
.formule-pro .formule-liste li:before{background:rgba(191,227,176,.18)}
.formule-pro .formule-liste li:after{border-color:#BFE3B0}
.formule-pro .etat.pilote{background:rgba(191,227,176,.18);color:#D7EFCB}
.formule-pro .etat.essai{background:rgba(245,230,198,.16);color:#F5E6C6}
.formule-pro .etat.venir{background:rgba(255,255,255,.12);color:#E4DFD5}
.formule-badge{top:-14px;left:50%;right:auto;transform:translateX(-50%);background:#BFE3B0;color:var(--marque-fonce);border-radius:999px;padding:6px 14px;white-space:nowrap;box-shadow:0 6px 16px -6px rgba(0,0,0,.35)}
.grille-plans{margin-top:56px}@media (max-width:979px){.formule-pro{margin:14px 0}}

/* ---- Grille des formules, structure Zenchef (capture du 24/10), charte Dispo ----
   Section sur la couleur de marque ; cartes latérales vert foncé avec panneau translucide ; carte du milieu blanche,
   plus haute, bouton plein. Noms et prix en Instrument Serif droit (OFL, sous-ensemble latin de Google Fonts). */
.f-bande{background:var(--marque);padding:56px 0 72px!important}
.f-bande .periode{border-radius:14px;padding:6px;gap:6px;background:rgba(255,255,255,.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,.24)}
.f-bande .periode span{justify-content:center;min-height:48px;min-width:min(38vw,230px);padding:0 16px;border-radius:9px;color:#fff;font-weight:500;font-size:16px}
.f-bande .periode input:checked+span{background:#fff;color:var(--encre)}
.f-bande .grille-plans{margin-top:48px;gap:22px;align-items:start}
@media (min-width:980px){.f-bande .grille-plans{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}}
.f-bande .formule{margin:0;padding:16px 16px 30px;gap:0;border-radius:16px;background:var(--marque-fonce);color:#fff;box-shadow:none}
.f-bande .formule-panneau{position:relative;display:flex;flex-direction:column;gap:14px;padding:28px 26px 30px;border-radius:10px;
  background:linear-gradient(165deg,rgba(255,255,255,.22),rgba(255,255,255,.07));box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}
.f-bande .formule-nom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin:0;
  font-family:Geist,system-ui,sans-serif;font-weight:500;font-style:normal;font-size:clamp(28px,2.4vw,32px);letter-spacing:-.035em;line-height:1;color:#fff;text-transform:none}
.f-bande .formule-phrase{margin:0;min-height:0;font-size:17px;line-height:1.55;color:rgba(255,255,255,.88)}
.f-bande .prix{margin:10px 0 0;gap:8px;align-items:baseline}
.f-bande .prix b{font-family:Geist,system-ui,sans-serif;font-weight:500;font-size:clamp(34px,3vw,40px);letter-spacing:-.04em;line-height:.95;color:#fff}
.f-bande .prix span{font-size:17px;color:rgba(255,255,255,.78)}
.f-bande .prix-inclus{margin:-4px 0 0;font-size:14px;font-weight:550;color:#D7EFCB}
.f-bande .formule .bouton{align-self:stretch;justify-content:center;min-height:56px;margin-top:12px;border-radius:8px;background:#fff;color:var(--encre);box-shadow:none;font-weight:600;font-size:17px}
.f-bande .formule .bouton:hover{background:var(--fond);color:var(--encre)}
.f-bande .formule-pour{margin:30px 0 12px;padding:0 10px;border:0;font-size:17px;color:#fff}
.f-bande .formule-liste{padding:0 10px;gap:4px}
.f-bande .formule-liste li{padding:7px 0 7px 32px;font-size:16.5px;line-height:1.45;color:#fff}
.f-bande .formule-liste li:before{display:none}
.f-bande .formule-liste li:after{left:5px;top:10px;width:7px;height:13px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.f-bande .formule-pro{background:#fff;color:var(--encre);box-shadow:0 34px 60px -34px rgba(0,0,0,.5);padding-top:16px}
@media (min-width:980px){.f-bande .formule-pro{margin-top:-24px}}
@media (max-width:979px){.f-bande .formule-pro{order:-1}}
.f-bande .formule-pro .formule-panneau{background:#F7FAF5;box-shadow:inset 0 0 0 1px #D6E4CE}
.f-bande .formule-pro .formule-nom,.f-bande .formule-pro .prix b{color:var(--encre)}
.f-bande .formule-pro .formule-phrase{color:var(--encre-2)}
.f-bande .formule-pro .prix span{color:var(--gris)}
.f-bande .formule-pro .prix-inclus{color:var(--marque)}
.f-bande .formule-pro .bouton{background:var(--marque);color:#fff}
.f-bande .formule-pro .bouton:hover{background:var(--marque-fonce);color:#fff}
.f-bande .formule-pro .formule-pour,.f-bande .formule-pro .formule-liste li{color:var(--encre)}
.f-bande .formule-pro .formule-liste li:after{border-color:var(--marque)}
.f-bande .formule-badge{position:static;transform:none;margin:0;padding:5px 11px;border-radius:999px;background:#BFE3B0;color:var(--marque-fonce);
  font-family:Geist,system-ui,sans-serif;font-size:12.5px;font-weight:600;letter-spacing:0;text-transform:none;line-height:1.2;white-space:nowrap;box-shadow:none}
@media (min-width:980px){.f-bande .formule-panneau{padding:28px 22px 30px}}
.f-bande .f-petit{margin-top:36px;color:#DCEBDF}
.option-prevenu{font-size:13px;font-weight:600;padding:3px 10px;border-radius:999px;background:var(--fond-2);color:var(--marque-fonce);text-decoration:none;white-space:nowrap}
.option-prevenu:hover{background:var(--marque);color:#fff}