/* CentIA · charte Aurore vive · feuille de composants servie en /polices/aurore.css */
/* Origine : maquette Claude Design v61 (centia.css) ; jetons : JETONS-AURORE.md ; polices : polices.css */
/* Chargée par les lots d'écrans ; aucun écran ne la charge dans le lot S5. */

:root{
  /* Couleurs Aurore vive */
  --encre:#17141d;        /* texte principal, bouton principal */
  --ardoise:#3d3746;      /* texte secondaire, « en petit » */
  --prune:#a8306f;        /* surtitres, liens, page courante */
  --rose:#e0559f;         /* décor, grand texte */
  --bleu:#1f8fe0;         /* décor, grand texte */
  --anneau:#1a6fb0;       /* anneau de focus : ≥ 4,27:1 sur toutes les surfaces */
  --violet:#9b6fd0;       /* décor, grand texte */
  --orange:#f5a03a;       /* décor seulement */
  --rose-pale:#fbeef6;    /* fond des zones d'ouverture */
  --poudre:#f1e2ec;       /* fond calme, page courante, puces */
  --nacre:#fdf7fb;        /* fond de page */
  --blanc:#ffffff;        /* cartes, champs */
  --brume:#f1eef4;        /* neutre : indisponible, bientôt */
  --trait:#e8e0ea;        /* séparateurs décoratifs */
  --contour:#8c8499;      /* bord des champs et cases (3,6:1) */
  --gris-off:#ece7f0;     /* fond désactivé */
  --texte-off:#5f5869;    /* texte désactivé (5,6:1) */
  /* États (ajoutés : messages d'erreur, de réussite, d'attention, d'information) */
  --rouge:#b42318;  --rouge-fond:#fdecea;
  --vert:#1d7a4a;   --vert-fond:#e7f5ec;
  --brun:#8a4b00;   --attention-fond:#fde9cc;
  --info:#155a94;--info-fond:#e3f1fc;
  --encre-survol:#2a2433;--aide:#6b6475;--bleu-texte:#1a6fb0;
  /* Écritures */
  --f-titre:"Urbanist",system-ui,sans-serif;
  --f-texte:"Quicksand",system-ui,sans-serif;
  /* Espacements (base 4) */
  --e1:4px;--e2:8px;--e3:12px;--e4:16px;--e5:24px;--e6:32px;--e7:48px;--e8:64px;--e9:96px;
  /* Arrondis */
  --r-s:8px;--r-m:14px;--r-l:22px;--r-xl:32px;--r-pilule:999px;
  /* Ombres */
  --ombre-1:0 1px 2px rgba(23,20,29,.06),0 6px 20px rgba(23,20,29,.06);
  --ombre-2:0 2px 4px rgba(23,20,29,.08),0 18px 48px rgba(23,20,29,.14);
  /* Mouvement */
  --courbe:cubic-bezier(0.23,1,0.32,1);
  --courbe-panneau:cubic-bezier(0.32,0.72,0,1);
  --d-appui:160ms;--d-survol:200ms;--d-onglet:220ms;--d-apparition:500ms;
}

/* Base */
.ca{font-family:var(--f-texte);font-weight:500;font-size:16px;line-height:1.6;color:var(--encre);background:var(--nacre);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100%;box-sizing:border-box}
.ca *,.ca *::before,.ca *::after{box-sizing:border-box}
.ca h1,.ca h2,.ca h3,.ca h4,.ca p,.ca ul,.ca ol,.ca dl,.ca dd,.ca figure{margin:0}
.ca ul,.ca ol{padding:0;list-style:none}
.ca :where(a){color:var(--prune);text-underline-offset:3px;text-decoration-thickness:1.5px}
:where(.ca) a:hover{color:var(--encre)}
.ca :focus-visible{outline:3px solid var(--anneau);outline-offset:3px;border-radius:6px}
.ca img{max-width:100%;display:block}
:where(.ca) :where(button,input,select,textarea){font:inherit;color:inherit}
.sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Écritures : trois tailles de titres, un surtitre, deux textes */
.t1{font-family:var(--f-titre);font-weight:700;font-size:clamp(32px,1rem + 3.4vw,56px);line-height:1.08;letter-spacing:-.02em;text-wrap:balance}
.t2{font-family:var(--f-titre);font-weight:700;font-size:clamp(26px,1rem + 1.4vw,36px);line-height:1.15;letter-spacing:-.015em;text-wrap:balance}
.t3{font-family:var(--f-titre);font-weight:700;font-size:clamp(19px,.95rem + .4vw,22px);line-height:1.3;letter-spacing:-.005em}
.surtitre{font-family:var(--f-titre);font-weight:700;font-size:13px;line-height:1.4;letter-spacing:.12em;text-transform:uppercase;color:var(--prune)}
.texte{font-size:17px;line-height:1.65;color:var(--ardoise)}
.petit{font-size:14px;line-height:1.55;color:var(--ardoise)}
.fort{font-weight:700;color:var(--encre)}
.prix{font-family:var(--f-titre);font-weight:800;font-size:clamp(32px,1.2rem + 1.6vw,44px);line-height:1;letter-spacing:-.02em}
.var{font-family:var(--f-texte);font-weight:600;color:var(--prune);background:var(--poudre);border-radius:6px;padding:0 5px}
.actuel{color:var(--texte-off);font-style:italic}

/* Planches de charte */
.planche{max-width:1280px;margin:0 auto;padding:var(--e8) var(--e7) var(--e9)}
.planche__entete{display:flex;flex-direction:column;gap:var(--e3);max-width:820px;margin-bottom:var(--e7)}
.planche__section{margin-top:var(--e8);display:flex;flex-direction:column;gap:var(--e5)}
.grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:var(--e5)}
.grille--2{grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr))}
.pile{display:flex;flex-direction:column;gap:var(--e4)}
.rang{display:flex;flex-wrap:wrap;align-items:center;gap:var(--e3)}
.spec{background:var(--blanc);border:1px solid var(--trait);border-radius:var(--r-l);padding:var(--e5);display:flex;flex-direction:column;gap:var(--e4);min-width:0}
.spec--fond{background:var(--nacre)}
.etiquette{align-self:flex-start;font-family:var(--f-titre);font-weight:700;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--ardoise);background:var(--brume);border-radius:6px;padding:3px 8px;line-height:1.4}
.note{font-size:14px;color:var(--ardoise);line-height:1.5}
@media (max-width:640px){.planche{padding:var(--e6) var(--e4) var(--e8)}.planche__section{margin-top:var(--e7)}.spec{padding:var(--e4)}}

/* Zone d'ouverture « gaz » : grandes zones seulement, texte Encre uniquement */
.gaz{background:
 radial-gradient(ellipse 55% 60% at 8% 92%,rgba(31,143,224,.85),rgba(31,143,224,0) 70%),
 radial-gradient(ellipse 45% 55% at 30% 0%,rgba(224,85,159,.75),rgba(224,85,159,0) 70%),
 radial-gradient(ellipse 50% 60% at 92% 10%,rgba(155,111,208,.9),rgba(155,111,208,0) 70%),
 radial-gradient(ellipse 45% 50% at 95% 95%,rgba(245,160,58,.85),rgba(245,160,58,0) 70%),#fbeef6;color:var(--encre)}
.calme{background:var(--blanc)}

/* Icônes SVG dessinées (masques, couleur = texte) */
.i{display:inline-block;width:20px;height:20px;flex:none;background:currentColor;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat;vertical-align:-4px}
.i--16{width:16px;height:16px;vertical-align:-3px}.i--24{width:24px;height:24px}

/* Boutons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--e2);min-height:48px;padding:0 22px;border-radius:var(--r-pilule);border:1.5px solid transparent;font-family:var(--f-titre);font-weight:700;font-size:16px;line-height:1.2;text-decoration:none;cursor:pointer;white-space:nowrap;transition:transform var(--d-appui) var(--courbe);-webkit-tap-highlight-color:transparent;position:relative}
.btn:active{transform:scale(.97)}
.btn--principal{background:var(--encre);color:#fff}
.btn--secondaire{background:var(--blanc);color:var(--encre);border-color:var(--encre)}
.btn--lien{min-height:44px;padding:0 2px;background:none;color:var(--prune);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1.5px;border-radius:6px}
.btn--danger{background:var(--blanc);color:var(--rouge);border-color:var(--rouge)}
.btn--petit{min-height:44px;padding:0 18px;font-size:15px}
.btn--large{width:100%}
.btn--icone{width:44px;min-height:44px;padding:0;border-radius:var(--r-pilule);background:transparent;color:var(--encre)}
.ca a.btn--principal,.ca a.btn--principal:hover{color:#fff}
.ca a.btn--secondaire,.ca a.btn--secondaire:hover{color:var(--encre)}
.btn:disabled,.btn[aria-disabled="true"]{background:var(--gris-off);color:var(--texte-off);border-color:transparent;cursor:not-allowed;transform:none}
.btn[aria-busy="true"]{cursor:progress}
@media (hover:hover) and (pointer:fine){
  .btn--principal:not(:disabled):hover{background:var(--encre-survol)}
  .btn--secondaire:not(:disabled):hover,.btn--icone:hover{background:var(--poudre)}
  .btn--danger:not(:disabled):hover{background:var(--rouge-fond)}
}
@media (max-width:480px){.btn{white-space:normal;text-align:center;padding-top:8px;padding-bottom:8px}}
.raison{font-size:14px;color:var(--ardoise);display:inline-flex;align-items:center;gap:6px}

/* Bouton à reflet (bouton principal du haut de l'accueil seulement) */
.btn--reflet{overflow:hidden;isolation:isolate}
.btn--reflet::after{content:"";position:absolute;inset:-2px auto -2px 0;width:45%;background:linear-gradient(100deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.38) 50%,rgba(255,255,255,0) 100%);transform:translateX(-140%) skewX(-18deg);animation:reflet 3.2s var(--courbe) infinite;pointer-events:none;z-index:-0}
@keyframes reflet{0%,55%{transform:translateX(-140%) skewX(-18deg)}85%,100%{transform:translateX(330%) skewX(-18deg)}}

/* Indicateur de lecture et de chargement */
.rond{width:18px;height:18px;border-radius:50%;border:2.5px solid currentColor;border-right-color:transparent;display:inline-block;flex:none;animation:tour 800ms linear infinite}
@keyframes tour{to{transform:rotate(360deg)}}
.points{display:inline-flex;gap:5px;align-items:center}
.points span{width:7px;height:7px;border-radius:50%;background:currentColor;animation:souffle 1.2s ease-in-out infinite}
.points span:nth-child(2){animation-delay:.15s}.points span:nth-child(3){animation-delay:.3s}
@keyframes souffle{0%,80%,100%{opacity:.25}40%{opacity:1}}
.trait-charge{position:relative;height:3px;border-radius:3px;background:var(--poudre);overflow:hidden}
.trait-charge::after{content:"";position:absolute;inset:0;width:35%;background:var(--encre);border-radius:3px;animation:glisse 1.3s var(--courbe-panneau) infinite}
@keyframes glisse{from{transform:translateX(-110%)}to{transform:translateX(300%)}}

/* Messages d'état (une icône et un mot, jamais la couleur seule) */
.msg{display:flex;align-items:flex-start;gap:var(--e2);font-size:15px;line-height:1.5}
.msg .i{margin-top:2px}
.msg--erreur{color:var(--rouge);font-weight:600}
.msg--succes{color:var(--vert);font-weight:600}
.msg--attente,.msg--charge{color:var(--encre)}
.msg--neutre{color:var(--ardoise)}
.boite{border-radius:var(--r-m);padding:var(--e4) var(--e5);display:flex;flex-wrap:wrap;align-items:center;gap:var(--e3) var(--e4)}
.boite--erreur{background:var(--rouge-fond)}
.boite--neutre{background:var(--brume)}
.boite--succes{background:var(--vert-fond)}
.boite--attention{background:var(--attention-fond)}
.boite--info{background:var(--info-fond)}
.boite__texte{flex:1 1 180px;min-width:0;display:flex;flex-direction:column;gap:2px}
.vide{border:1.5px dashed var(--contour);border-radius:var(--r-l);padding:var(--e6) var(--e5);display:flex;flex-direction:column;align-items:flex-start;gap:var(--e3);background:var(--blanc)}

/* Bandeaux pleine largeur : information, attention, alerte */
.bandeau{display:flex;flex-wrap:wrap;align-items:center;gap:var(--e3) var(--e4);padding:var(--e3) var(--e5);font-size:15px;line-height:1.5;color:var(--encre)}
.bandeau--info{background:var(--info-fond)}.bandeau--info>.i{color:var(--info)}
.bandeau--attention{background:var(--attention-fond)}.bandeau--attention>.i{color:var(--brun)}
.bandeau--alerte{background:var(--rouge-fond)}.bandeau--alerte>.i{color:var(--rouge)}
.bandeau__texte{flex:1 1 200px;min-width:0}
.bandeau__mot{font-family:var(--f-titre);font-weight:800;margin-right:4px}

/* Badges (le mot porte le sens) */
.badge{display:inline-flex;align-items:center;gap:5px;min-height:26px;padding:2px 10px;border-radius:var(--r-pilule);font-family:var(--f-titre);font-weight:700;font-size:13px;line-height:1.3;white-space:nowrap}
.badge--encre{background:var(--encre);color:#fff}
.badge--prune{background:var(--poudre);color:var(--prune)}
.badge--vert{background:var(--vert-fond);color:var(--vert)}
.badge--attention{background:var(--attention-fond);color:var(--brun)}
.badge--neutre{background:var(--brume);color:var(--ardoise)}
.badge--rouge{background:var(--rouge-fond);color:var(--rouge)}
.badge--bientot{background:var(--brume);color:var(--ardoise);border:1px dashed var(--contour)}
.badge--fictif{background:var(--blanc);color:var(--encre);border:1px solid var(--encre)}
.pastille{width:8px;height:8px;border-radius:50%;background:currentColor;display:inline-block}

/* Élément « bientôt » : grisé, étiqueté, non cliquable */
.bientot{opacity:1;filter:grayscale(1);pointer-events:none;background:var(--brume)!important;color:var(--texte-off)!important;border-color:var(--trait)!important}
.bientot *{color:var(--texte-off)}

/* Champs (structure shadcn : Field, Label, Description, Message) */
.champ{display:flex;flex-direction:column;gap:6px;min-width:0}
.champ__libelle{font-family:var(--f-titre);font-weight:700;font-size:15px;color:var(--encre);display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}
.champ__mention{font-family:var(--f-texte);font-weight:600;font-size:13px;color:var(--ardoise)}
.champ__aide{font-size:14px;color:var(--ardoise);line-height:1.5}
.saisie{width:100%;min-height:48px;padding:0 14px;border-radius:var(--r-m);border:1.5px solid var(--contour);background:var(--blanc);font-family:var(--f-texte);font-weight:600;font-size:16px;color:var(--encre);outline:none}
textarea.saisie{min-height:116px;padding:12px 14px;line-height:1.5;resize:vertical}
.saisie::placeholder{color:var(--aide);font-weight:500}
.saisie:focus-visible,.saisie.est-focus{border-color:var(--anneau);outline:3px solid var(--anneau);outline-offset:1px}
.champ[data-etat="erreur"] .saisie{border-color:var(--rouge);border-width:2px}
.champ[data-etat="valide"] .saisie{border-color:var(--vert)}
.champ[data-etat="desactive"] .saisie,.saisie:disabled{background:var(--brume);color:var(--texte-off);border-color:var(--trait);cursor:not-allowed}
.champ[data-etat="lecture"] .saisie{background:var(--brume);border-style:dashed;color:var(--encre)}
.groupe-saisie{position:relative;display:flex;align-items:center}
.groupe-saisie .saisie{padding-right:116px;min-height:52px}
.groupe-saisie__btn{position:absolute;right:4px;min-height:44px;padding:0 12px;border-radius:10px;border:0;background:var(--poudre);color:var(--encre);font-family:var(--f-titre);font-weight:700;font-size:14px;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:transform var(--d-appui) var(--courbe)}
.groupe-saisie__btn:active{transform:scale(.97)}
.code8{letter-spacing:.45em;font-variant-numeric:tabular-nums}
.compteur{font-size:13px;color:var(--ardoise);align-self:flex-end}

/* Cases à cocher, boutons radio, grandes cases */
.choix{display:flex;align-items:center;gap:12px;min-height:52px;padding:10px 16px;border-radius:var(--r-m);border:1.5px solid var(--contour);background:var(--blanc);cursor:pointer;font-weight:600;line-height:1.35;transition:transform var(--d-appui) var(--courbe)}
.choix:active{transform:scale(.985)}
.choix input{width:22px;height:22px;margin:0;accent-color:var(--encre);flex:none;cursor:pointer}
.choix.est-coche{border-color:var(--encre);border-width:2px;background:var(--nacre)}
.choix.est-off{background:var(--brume);color:var(--texte-off);border-color:var(--trait);cursor:not-allowed}
.choix.est-off input{cursor:not-allowed}
@media (hover:hover) and (pointer:fine){.choix:not(.est-off):hover{border-color:var(--encre)}}
.case{display:inline-flex;align-items:center;gap:10px;min-height:44px;cursor:pointer;font-weight:600}
.case input{width:22px;height:22px;margin:0;accent-color:var(--encre);flex:none}

/* Interrupteur : état écrit en mots */
.inter{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--e4);padding:var(--e4) 0;border-bottom:1px solid var(--trait)}
.inter:last-child{border-bottom:0}
.inter__texte{display:flex;flex-direction:column;gap:2px;min-width:0}
.inter__btn{display:inline-flex;align-items:center;gap:10px;min-height:44px;background:none;border:0;cursor:pointer;padding:0;font-family:var(--f-titre);font-weight:700;font-size:14px;flex:none}
.inter__piste{width:46px;height:28px;border-radius:999px;background:var(--contour);position:relative;flex:none}
.inter__piste::after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform var(--d-appui) var(--courbe)}
.inter__btn[aria-checked="true"] .inter__piste{background:var(--encre)}
.inter__btn[aria-checked="true"] .inter__piste::after{transform:translateX(18px)}
.inter__btn:disabled{cursor:not-allowed;color:var(--texte-off)}
.inter__btn:disabled .inter__piste{background:var(--gris-off)}

/* Cartes (structure shadcn : Header, Title, Description, Content, Footer) */
.carte{background:var(--blanc);border:1px solid var(--trait);border-radius:var(--r-l);box-shadow:var(--ombre-1);padding:var(--e5);display:flex;flex-direction:column;gap:var(--e4);min-width:0}
.carte__entete{display:flex;flex-direction:column;gap:6px}
.carte__pied{display:flex;flex-wrap:wrap;gap:var(--e3);align-items:center;margin-top:auto;padding-top:var(--e2)}
.carte--forte{border:2px solid var(--encre)}
.carte--lien{transition:transform var(--d-survol) var(--courbe);text-decoration:none;color:inherit}
@media (hover:hover) and (pointer:fine){.carte--lien:hover{transform:translateY(-3px)}}

/* Onglets (structure shadcn : List, Trigger, Content) */
.onglets{display:flex;flex-direction:column;gap:var(--e5);min-width:0}
.onglets__boite{overflow-x:auto;scrollbar-width:none;margin:-4px;padding:4px;container-type:inline-size;scroll-padding-inline:8px}
@media (max-width:700px){.onglets__liste{grid-auto-columns:calc((100cqi - 8px) / 2.5)}}
.onglets__liste{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(132px,1fr);background:var(--poudre);border-radius:var(--r-pilule);padding:4px;min-width:min-content}
.onglets__curseur{position:absolute;top:4px;bottom:4px;left:4px;width:calc((100% - 8px)/var(--n));border-radius:var(--r-pilule);background:var(--blanc);box-shadow:0 1px 3px rgba(23,20,29,.12);transform:translateX(calc(var(--i)*100%));transition:transform var(--d-onglet) var(--courbe)}
.onglets__onglet{scroll-margin-inline:16px;position:relative;z-index:1;min-height:44px;padding:6px 14px;border:0;background:none;border-radius:var(--r-pilule);font-family:var(--f-titre);font-weight:700;font-size:15px;line-height:1.2;color:var(--ardoise);cursor:pointer;text-align:center}
.onglets__onglet[aria-selected="true"],.onglets__onglet[aria-pressed="true"]{color:var(--encre)}
.onglets__panneau{animation:entre-panneau var(--d-onglet) var(--courbe) both}
@keyframes entre-panneau{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.selecteur{align-self:flex-start;justify-self:start;display:inline-grid;grid-auto-flow:column;grid-auto-columns:1fr;position:relative;background:var(--poudre);border-radius:var(--r-pilule);padding:4px;max-width:100%}

/* Accordéon natif */
.acc{border-top:1px solid var(--trait)}
.acc__item{border-bottom:1px solid var(--trait)}
.acc__item>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:var(--e4);min-height:56px;padding:12px 0;cursor:pointer;font-family:var(--f-titre);font-weight:700;font-size:18px;line-height:1.35}
.acc__item>summary::-webkit-details-marker{display:none}
.acc__item>summary .i{transition:transform var(--d-onglet) var(--courbe)}
.acc__item[open]>summary .i{transform:rotate(180deg)}
.acc__corps{padding:0 0 var(--e5);color:var(--ardoise);animation:entre-panneau var(--d-onglet) var(--courbe) both;max-width:68ch}
.marque{background:#fde9cc;color:var(--encre);border-radius:3px;padding:0 2px}

/* Tableau : défile dans sa boîte sur téléphone, en-tête et 1re colonne fixes */
.tableau-boite{overflow-x:auto;border:1px solid var(--trait);border-radius:var(--r-l);background:var(--blanc);max-width:100%}
.tableau{border-collapse:separate;border-spacing:0;width:100%;min-width:640px;font-size:15px}
.tableau th,.tableau td{padding:12px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--trait)}
.tableau thead th{position:sticky;top:0;background:var(--nacre);font-family:var(--f-titre);font-weight:700;font-size:14px;z-index:1}
.tableau tbody th{position:sticky;left:0;background:var(--blanc);font-weight:700;font-family:var(--f-titre);z-index:1;min-width:150px}
.tableau thead th:first-child{left:0;z-index:2}
.tableau tr:last-child>*{border-bottom:0}
.defile-indice{display:none;font-size:13px;color:var(--ardoise);align-items:center;gap:6px}
@media (max-width:700px){.defile-indice{display:inline-flex}}

/* Jauges */
.jauge{display:flex;flex-direction:column;gap:6px}
.jauge__piste{height:10px;border-radius:10px;background:var(--brume);overflow:hidden}
.jauge__plein{height:100%;width:100%;background:var(--encre);border-radius:10px;transform-origin:left;transform:scaleX(var(--v))}
.jauge--alerte .jauge__plein{background:var(--brun)}
.jauge__ligne{display:flex;justify-content:space-between;gap:8px;font-size:14px;color:var(--ardoise)}
.segments{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:6px}
.segments span{height:6px;border-radius:6px;background:var(--brume)}
.segments span.fait{background:var(--encre)}
.segments span.en-cours{background:var(--prune)}

/* Étapes avec état */
.etapes{display:flex;flex-direction:column}
.etape{display:grid;grid-template-columns:32px 1fr;gap:4px 14px;padding-bottom:var(--e5);position:relative}
.etape:not(:last-child)::before{content:"";position:absolute;left:15px;top:34px;bottom:4px;width:2px;background:var(--trait)}
.etape__icone{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--brume);color:var(--ardoise)}
.etape__titre{font-family:var(--f-titre);font-weight:700;font-size:16px;line-height:1.35;padding-top:5px;display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center}
.etape__detail{grid-column:2;font-size:14px;color:var(--ardoise)}
.etape--fait .etape__icone{background:var(--vert-fond);color:var(--vert)}
.etape--encours .etape__icone{background:var(--encre);color:#fff}
.etape--encours .etape__titre{font-size:17px}
.etape--attente .etape__icone{background:var(--attention-fond);color:var(--brun)}
.etape--echec .etape__icone{background:var(--rouge-fond);color:var(--rouge)}
.etape--avenir .etape__titre{color:var(--ardoise);font-weight:600}

/* Récapitulatif HT, TVA, TTC */
.recap{display:flex;flex-direction:column;border:1px solid var(--trait);border-radius:var(--r-l);background:var(--blanc);overflow:hidden}
.recap__ligne{display:flex;justify-content:space-between;gap:var(--e4);padding:12px 20px;border-bottom:1px solid var(--trait);font-size:15px}
.recap__ligne dd{font-weight:700;text-align:right;font-variant-numeric:tabular-nums}
.recap__total{background:var(--nacre);font-family:var(--f-titre);font-weight:800;font-size:18px;border-bottom:0}

/* Lecteur vidéo : affiche, lecture, transcription */
.film{display:flex;flex-direction:column;gap:var(--e3);min-width:0}
.film__affiche{position:relative;aspect-ratio:16/9;border-radius:var(--r-l);overflow:hidden;display:grid;place-items:center;border:0;padding:0;cursor:pointer;width:100%}
.film__lecture{width:72px;height:72px;border-radius:50%;background:var(--encre);color:#fff;display:grid;place-items:center;box-shadow:var(--ombre-2);transition:transform var(--d-appui) var(--courbe)}
.film__affiche:active .film__lecture{transform:scale(.97)}
.film__infos{position:absolute;left:16px;bottom:14px;right:16px;display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}
.film__transcription>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;min-height:44px;font-family:var(--f-titre);font-weight:700;color:var(--prune);text-decoration:underline;text-underline-offset:4px}
.film__transcription>summary::-webkit-details-marker{display:none}
.film__transcription[open]>summary .i{transform:rotate(180deg)}
.film__texte{background:var(--blanc);border:1px solid var(--trait);border-radius:var(--r-m);padding:var(--e4) var(--e5);font-size:15px;color:var(--ardoise);animation:entre-panneau var(--d-onglet) var(--courbe) both}

/* Zone de dépôt */
.depot{border:2px dashed var(--contour);border-radius:var(--r-l);background:var(--blanc);padding:var(--e6) var(--e5);display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--e3)}
.depot--survol{border-color:var(--bleu);background:var(--info-fond)}
.fichiers{display:flex;flex-direction:column;gap:8px;width:100%;text-align:left}
.fichier{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--r-m);background:var(--nacre);font-size:15px;min-width:0}
.fichier__nom{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}

/* Fenêtre superposée ; tiroir plein écran sur téléphone */
.voile{position:relative;background:rgba(23,20,29,.45);border-radius:var(--r-l);padding:var(--e7) var(--e4);display:grid;place-items:center;min-height:420px}
.modale{background:var(--blanc);border-radius:var(--r-l);box-shadow:var(--ombre-2);width:min(100%,520px);padding:var(--e5) var(--e5) var(--e5);display:flex;flex-direction:column;gap:var(--e4);animation:entre-modale 240ms var(--courbe-panneau) both}
.modale__entete{display:flex;justify-content:space-between;gap:var(--e3);align-items:flex-start}
@keyframes entre-modale{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}
@media (max-width:600px){.voile{padding:0;align-items:end;min-height:520px;overflow:hidden}.modale{width:100%;border-radius:var(--r-l) var(--r-l) 0 0;min-height:440px;animation-name:entre-tiroir}}
@keyframes entre-tiroir{from{transform:translateY(100%)}to{transform:none}}

/* Mise à jour automatique */
.maj{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;font-size:13px;color:var(--ardoise)}

/* Rendu imprimé */
.papier{background:#fff;color:#000;border:1px solid #d9d9d9;border-radius:6px;padding:40px 44px;font-size:13px;line-height:1.55;box-shadow:var(--ombre-1)}
.papier *{color:#000!important}
@media print{.ne-pas-imprimer,.entete,.bandeau-haut,.bulle,.barre-lecture,.pied{display:none!important}.ca{background:#fff!important}.ca *{color:#000!important;background:transparent!important;box-shadow:none!important}}

/* Gabarit : lien d'évitement, bandeau du haut, en-tête, pied, bulle */
.saut{position:absolute;left:12px;top:-60px;background:var(--encre);color:#fff!important;padding:10px 16px;border-radius:10px;z-index:20;font-weight:700}
.saut:focus,.saut.est-visible{top:12px}
.bandeau-haut{background:var(--encre);color:#fff;font-size:14px;line-height:1.4;padding:9px var(--e4);display:flex;justify-content:center;align-items:center;gap:8px;text-align:center}
.entete{background:rgba(255,255,255,.92);border-bottom:1px solid var(--trait)}
.entete__in{max-width:1280px;margin:0 auto;display:flex;align-items:center;gap:var(--e5);padding:8px var(--e7);min-height:74px}
.entete__logo{display:inline-flex;align-items:center;min-height:44px;flex:none;border-radius:8px}
.liens-legaux a,.pied__bas a{display:inline-flex;align-items:center;min-height:44px}
/* Taille du logo : symbole 40 px de haut au moins sur ordinateur, 32 px sur téléphone, 48 px dans le pied */
.entete__logo img{height:58px;width:auto}
.pied__logo{height:69px;width:auto;align-self:flex-start}
.entete__nav{display:flex;gap:4px;flex-wrap:wrap;align-items:center;flex:1}
.entete__lien{display:inline-flex;align-items:center;min-height:44px;padding:0 10px;font-family:var(--f-titre);font-weight:700;font-size:15px;color:var(--encre)!important;text-decoration:none;border-radius:8px}
.entete__lien[aria-current="page"]{text-decoration:underline;text-decoration-color:var(--prune);text-decoration-thickness:2.5px;text-underline-offset:9px}
.entete__droite{display:flex;align-items:center;gap:var(--e3);flex:none}
.entete__compte{font-size:14px;color:var(--ardoise);max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.entete__menu{display:none}
@media (hover:hover) and (pointer:fine){.entete__lien:hover{background:var(--poudre)}}
@media (max-width:1100px){.entete__in{padding:10px var(--e4);gap:var(--e3)}.entete__nav,.entete__connexion,.entete__compte{display:none}.entete__droite{margin-left:auto}.entete__menu{display:inline-flex}}
@media (max-width:700px){.entete__in{padding:8px 12px;gap:8px}.entete__droite{gap:8px}.entete__logo img{height:48px}}
@media (max-width:420px){.entete__droite .btn{padding:0 12px;font-size:14px}}
@media (max-width:374px){.entete__logo img{height:40px}.entete__droite .btn{padding:0 10px;font-size:13px}}
.menu-mobile{background:var(--blanc);border-bottom:1px solid var(--trait);padding:var(--e3) var(--e4) var(--e5);display:flex;flex-direction:column}
.menu-mobile a{display:flex;align-items:center;justify-content:space-between;min-height:52px;font-family:var(--f-titre);font-weight:700;font-size:18px;color:var(--encre);text-decoration:none;border-bottom:1px solid var(--trait)}
.menu-mobile a[aria-current="page"]{color:var(--prune)}
.pied{background:var(--encre);color:#fff;padding:var(--e8) var(--e7) calc(var(--e6) + 72px)}
.pied a{color:#fff!important;text-decoration:none}
.pied a:hover{text-decoration:underline}
.pied__in{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:var(--e6)}
.pied__titre{font-family:var(--f-titre);font-weight:700;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#e9dcea;margin-bottom:var(--e3)}
.pied__liste{display:flex;flex-direction:column}
.pied__liste a{display:inline-flex;align-items:center;min-height:44px;font-size:15px}
.pied__bas{max-width:1280px;margin:var(--e7) auto 0;padding-top:var(--e5);border-top:1px solid rgba(255,255,255,.18);display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between;font-size:14px;color:#e9dcea}
@media (max-width:900px){.pied{padding:var(--e7) var(--e4) calc(var(--e6) + 64px)}.pied__in{grid-template-columns:1fr 1fr}.pied__marque{grid-column:1/-1}}
@media (max-width:480px){.pied__in{grid-template-columns:1fr}}
.bulle{display:inline-flex;align-items:center;gap:8px;min-height:52px;padding:0 20px 0 16px;border-radius:var(--r-pilule);background:var(--blanc);color:var(--encre);border:1.5px solid var(--encre);box-shadow:var(--ombre-2);font-family:var(--f-titre);font-weight:700;font-size:15px;cursor:pointer;transition:transform var(--d-appui) var(--courbe)}
.bulle:active{transform:scale(.97)}

/* Panneau d'aide (bulle ouverte) */
.panneau{background:var(--blanc);border-radius:var(--r-l);box-shadow:var(--ombre-2);border:1px solid var(--trait);width:min(100%,400px);display:flex;flex-direction:column;overflow:hidden}
.panneau__entete{display:flex;align-items:center;justify-content:space-between;gap:var(--e3);padding:12px 12px 12px 20px;border-bottom:1px solid var(--trait)}
.panneau__corps{padding:var(--e4) var(--e5);display:flex;flex-direction:column;gap:var(--e4);max-height:none}
.panneau__pied{padding:12px;border-top:1px solid var(--trait);display:flex;gap:8px;align-items:flex-end}

/* Fil de conversation */
.fil{display:flex;flex-direction:column;gap:var(--e4)}
.message{display:flex;flex-direction:column;gap:6px;max-width:min(560px,92%)}
.message--client{align-self:flex-end;align-items:flex-end}
.message__bulle{padding:12px 16px;border-radius:18px;font-size:15px;line-height:1.55}
.message--client .message__bulle{background:var(--encre);color:#fff;border-bottom-right-radius:6px}
.message--assistant .message__bulle{background:var(--blanc);border:1px solid var(--trait);border-bottom-left-radius:6px}
.message__signe{font-family:var(--f-titre);font-weight:700;font-size:12px;letter-spacing:.04em;color:var(--ardoise);display:inline-flex;align-items:center;gap:6px}
.source{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--ardoise);background:var(--nacre);border:1px solid var(--trait);border-radius:var(--r-pilule);padding:3px 10px}
.apercu-mail{border:1px solid var(--trait);border-radius:var(--r-m);background:var(--nacre);padding:var(--e4);display:flex;flex-direction:column;gap:8px;font-size:14px}

/* Navigation de l'espace client */
.nav-espace{display:flex;flex-direction:column;gap:var(--e4);background:var(--blanc);border:1px solid var(--trait);border-radius:var(--r-l);padding:var(--e4);width:100%}
.nav-espace__groupe{display:flex;flex-direction:column;gap:2px}
.nav-espace__titre{font-family:var(--f-titre);font-weight:700;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ardoise);padding:4px 12px 6px}
.nav-espace a{display:flex;align-items:center;gap:12px;min-height:44px;padding:0 12px;border-radius:12px;color:var(--encre)!important;text-decoration:none;font-weight:600;font-size:15px}
.nav-espace a[aria-current="page"]{background:var(--poudre);font-weight:700}
.nav-espace a[aria-current="page"] .i{color:var(--prune)}
.nav-espace__bas{border-top:1px solid var(--trait);padding-top:var(--e3);margin-top:var(--e2)}
@media (hover:hover) and (pointer:fine){.nav-espace a:hover{background:var(--nacre)}}

/* Guide de démarrage flottant (allure de la planche M9) */
.guide{width:min(100%,380px);background:var(--blanc);border-radius:var(--r-l);box-shadow:var(--ombre-2);border:1px solid var(--trait);overflow:hidden}
.guide__entete{padding:var(--e4) var(--e4) var(--e3) var(--e5);display:flex;flex-direction:column;gap:10px;border-bottom:1px solid var(--trait)}
.guide__liste{padding:var(--e3) var(--e4) var(--e4);display:flex;flex-direction:column;gap:6px}
.guide__section{font-family:var(--f-titre);font-weight:700;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ardoise);padding:10px 8px 4px}
.guide__etape{display:flex;align-items:flex-start;gap:12px;padding:10px;border-radius:12px}
.guide__etape--courante{background:var(--nacre);border:1.5px solid var(--encre)}
.guide__puce{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;flex:none;border:2px solid var(--contour);color:var(--ardoise);font-family:var(--f-titre);font-weight:800;font-size:13px}
.guide__etape--faite .guide__puce{background:var(--vert-fond);border-color:var(--vert-fond);color:var(--vert)}
.guide__etape--faite .guide__nom{color:var(--ardoise);text-decoration:line-through;text-decoration-thickness:1px}
.guide__etape--courante .guide__puce{background:var(--encre);border-color:var(--encre);color:#fff}
.guide__etape--verrou .guide__puce{border-style:dashed}
.guide__nom{font-weight:700;line-height:1.35}
.guide__reduit{display:flex;align-items:center;gap:14px;width:min(100%,380px);min-height:60px;padding:8px 8px 8px 18px;border-radius:var(--r-pilule);background:var(--blanc);box-shadow:var(--ombre-2);border:1px solid var(--trait)}

/* Fil des étapes de l'achat */
.fil-achat{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-family:var(--f-titre);font-size:15px}
.fil-achat li{display:inline-flex;align-items:center;gap:8px;color:var(--ardoise);font-weight:600}
.fil-achat__num{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--contour);font-weight:800;font-size:13px}
.fil-achat li[aria-current="step"]{color:var(--encre);font-weight:800}
.fil-achat li[aria-current="step"] .fil-achat__num{background:var(--encre);border-color:var(--encre);color:#fff}
.fil-achat li.fait .fil-achat__num{background:var(--vert-fond);border-color:var(--vert-fond);color:var(--vert)}
.fil-achat__sep{width:28px;height:2px;background:var(--trait);display:inline-block}
@media (max-width:480px){.fil-achat{gap:6px;font-size:14px}.fil-achat li{gap:6px}.fil-achat__sep{width:10px}}

/* Code QR fictif */
.qr{width:184px;height:184px;border-radius:14px;background:#d6d1da;display:grid;place-items:center;font-family:var(--f-titre);font-weight:800;font-size:28px;color:var(--encre);flex:none}

/* Faisceaux (grandes zones d'ouverture, jamais derrière du texte courant) */
.faisceaux{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.faisceau{position:absolute;top:-20%;width:2px;height:70%;background:linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,.95),rgba(255,255,255,0));opacity:.85;animation:faisceau 2.6s var(--courbe) infinite}
.faisceau:nth-child(2){animation-delay:.65s}.faisceau:nth-child(3){animation-delay:1.3s}.faisceau:nth-child(4){animation-delay:1.95s}
@keyframes faisceau{0%{transform:translateY(-30%);opacity:0}25%{opacity:.9}100%{transform:translateY(120%);opacity:0}}

/* Bandeau défilant (pause au survol, au focus et par bouton) */
.defilant{position:relative;overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.defilant__piste{display:flex;gap:var(--e4);width:max-content;animation:defile 40s linear infinite}
.defilant:hover .defilant__piste,.defilant:focus-within .defilant__piste,.defilant.est-pause .defilant__piste{animation-play-state:paused}
/* Une moitié de piste couvre toute la largeur : la boucle ne laisse jamais de vide (5 logos par défaut) */
.defilant{container-type:inline-size}
.defilant .logo-place{min-width:max(132px,calc(100cqi / var(--defile-n,5) - var(--e4)))}
@keyframes defile{to{transform:translateX(calc(-50% - var(--e4)/2))}}
.logo-place{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:132px;padding:14px 16px;border-radius:var(--r-m);background:var(--blanc);border:1px solid var(--trait)}
.logo-place__img{width:44px;height:44px;border-radius:10px;background:var(--brume);border:1.5px dashed var(--contour)}
.logo-place__nom{font-family:var(--f-titre);font-weight:700;font-size:14px}

/* Titre mot par mot et apparition au défilement */
.mot{display:inline-block;opacity:0;transform:translateY(.35em);animation:mot 700ms var(--courbe) forwards;animation-delay:calc(var(--k)*60ms)}
@keyframes mot{to{opacity:1;transform:none}}
.apparait{animation:apparait var(--d-apparition) var(--courbe) both}
@keyframes apparait{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}

/* Barre qui suit la lecture (pages publiques) */
.barre-lecture{display:flex;align-items:center;gap:var(--e3);padding:8px 8px 8px 20px;border-radius:var(--r-pilule);background:var(--blanc);box-shadow:var(--ombre-2);border:1px solid var(--trait);max-width:720px}
.barre-lecture__phrase{flex:1;min-width:0;font-family:var(--f-titre);font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Mouvement réduit : moins et plus doux, pas zéro (et démonstration forcée par .mr) */
@media (prefers-reduced-motion:reduce){
  .btn--reflet::after{animation:none;transform:translateX(-140%) skewX(-18deg)}
  .faisceau{animation:none;opacity:.7;transform:none}
  .faisceau:nth-child(1){top:6%}.faisceau:nth-child(2){top:18%}.faisceau:nth-child(3){top:2%}.faisceau:nth-child(4){top:12%}
  .defilant__piste{animation:none;flex-wrap:wrap;width:auto}
  .defilant{-webkit-mask:none;mask:none}
  .defilant__piste [aria-hidden="true"]{display:none}
  .btn,.choix,.bulle,.groupe-saisie__btn,.film__lecture,.inter__piste::after,.onglets__curseur,.carte--lien,.acc__item>summary .i{transition:none}
  .btn:active,.choix:active,.bulle:active{transform:none}
  .onglets__panneau,.acc__corps,.film__texte{animation:fondu 200ms ease both}
  .mot{transform:none;animation:fondu 260ms ease forwards;animation-delay:0ms}
  .apparait{animation:fondu 260ms ease both}
  .modale{animation:fondu 220ms ease both}
  .rond{animation-duration:1.6s}
  .trait-charge::after{animation:none;width:100%;opacity:.35}
}
.mr .btn--reflet::after{animation:none;transform:translateX(-140%) skewX(-18deg)}
.mr .faisceau{animation:none;opacity:.7;transform:none}
.mr .faisceau:nth-child(1){top:6%}.mr .faisceau:nth-child(2){top:18%}.mr .faisceau:nth-child(3){top:2%}.mr .faisceau:nth-child(4){top:12%}
.mr .defilant__piste{animation:none;flex-wrap:wrap;width:auto}
.mr.defilant,.mr .defilant{-webkit-mask:none;mask:none}
.mr .defilant__piste [aria-hidden="true"]{display:none}
.mr .mot{transform:none;animation:fondu 260ms ease forwards;animation-delay:0ms}
.mr .apparait{animation:fondu 260ms ease both}
.mr .btn,.mr .onglets__curseur,.mr .carte--lien{transition:none}
.mr .btn:active{transform:none}
.mr .onglets__panneau{animation:fondu 200ms ease both}
@keyframes fondu{from{opacity:0}to{opacity:1}}

/* Jeu d'icônes (SVG dessinés, trait 2) */
.i-check{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")}
.i-fermer{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E")}
.i-info{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Cpath d='M12 16.5v-5M12 7.8h.01'/%3E%3C/svg%3E")}
.i-alerte{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.3 3.9 1.8 18a2 2 0 0 0 1.7 3h17a2 2 0 0 0 1.7-3L13.7 3.9a2 2 0 0 0-3.4 0z'/%3E%3Cpath d='M12 9v4.5M12 17.2h.01'/%3E%3C/svg%3E")}
.i-erreur{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Cpath d='m15 9-6 6M9 9l6 6'/%3E%3C/svg%3E")}
.i-ok{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Cpath d='m8 12.5 2.8 2.8L16.5 9'/%3E%3C/svg%3E")}
.i-horloge{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Cpath d='M12 7v5l3.5 2'/%3E%3C/svg%3E")}
.i-chevron-bas{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}
.i-chevron-droite{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 6 6 6-6 6'/%3E%3C/svg%3E")}
.i-chevron-gauche{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 6-6 6 6 6'/%3E%3C/svg%3E")}
.i-fleche{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E")}
.i-lecture{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 4.5v15l12.5-7.5z' fill='black'/%3E%3C/svg%3E")}
.i-pause{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 5v14M16 5v14'/%3E%3C/svg%3E")}
.i-menu{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16M4 12h16M4 17h16'/%3E%3C/svg%3E")}
.i-recherche{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20.5 20.5-4.2-4.2'/%3E%3C/svg%3E")}
.i-oeil{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E")}
.i-oeil-barre{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.6-7 10-7c2 0 3.7.7 5.1 1.6M22 12s-3.6 7-10 7c-2 0-3.7-.7-5.1-1.6'/%3E%3Cpath d='M3 3l18 18'/%3E%3C/svg%3E")}
.i-document{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H6.5A1.5 1.5 0 0 0 5 4.5v15A1.5 1.5 0 0 0 6.5 21h11a1.5 1.5 0 0 0 1.5-1.5V8z'/%3E%3Cpath d='M14 3v5h5'/%3E%3C/svg%3E")}
.i-depot{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 15V4M7 8.5 12 4l5 4.5M4 15v3.5A1.5 1.5 0 0 0 5.5 20h13a1.5 1.5 0 0 0 1.5-1.5V15'/%3E%3C/svg%3E")}
.i-telecharger{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 4v11M7 10.5 12 15l5-4.5M4 15v3.5A1.5 1.5 0 0 0 5.5 20h13a1.5 1.5 0 0 0 1.5-1.5V15'/%3E%3C/svg%3E")}
.i-bulle{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 15.5a2 2 0 0 1-2 2H8l-4.5 3.5V5.5a2 2 0 0 1 2-2H18a2 2 0 0 1 2 2z'/%3E%3C/svg%3E")}
.i-envoyer{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 3 10.5 13.5M21 3l-6.5 18-4-7.5L3 9.5z'/%3E%3C/svg%3E")}
.i-externe{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 4h6v6M10 14 20 4M19 14v4.5a1.5 1.5 0 0 1-1.5 1.5h-12A1.5 1.5 0 0 1 4 18.5v-12A1.5 1.5 0 0 1 5.5 5H10'/%3E%3C/svg%3E")}
.i-repere{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21.5s7-6.2 7-11.5a7 7 0 0 0-14 0c0 5.3 7 11.5 7 11.5z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E")}
.i-etoile{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2.5 13.8 10.2 21.5 12l-7.7 1.8L12 21.5l-1.8-7.7L2.5 12l7.7-1.8z'/%3E%3C/svg%3E")}
.i-activite{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 12h-4l-3 8L9 4l-3 8H2'/%3E%3C/svg%3E")}
.i-carnet{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 19.5A2.5 2.5 0 0 1 7.5 17H19V3H7.5A2.5 2.5 0 0 0 5 5.5z'/%3E%3Cpath d='M5 19.5A2.5 2.5 0 0 0 7.5 22H19v-5'/%3E%3C/svg%3E")}
.i-drapeau{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 21V4M5 4h12l-2 4 2 4H5'/%3E%3C/svg%3E")}
.i-prise{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 14.5a4.5 4.5 0 0 0 6.4.4l3-3a4.5 4.5 0 0 0-6.4-6.4l-1.6 1.6'/%3E%3Cpath d='M15 9.5a4.5 4.5 0 0 0-6.4-.4l-3 3a4.5 4.5 0 0 0 6.4 6.4l1.6-1.6'/%3E%3C/svg%3E")}
.i-reglages{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20v-6M4 10V4M12 20v-8M12 8V4M20 20v-4M20 12V4M2 14h4M10 8h4M18 16h4'/%3E%3C/svg%3E")}
.i-restaurer{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 12a8.5 8.5 0 1 0 2.6-6.1L3.5 8.5'/%3E%3Cpath d='M3.5 3.5v5h5'/%3E%3C/svg%3E")}
.i-dossier{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7.5A1.5 1.5 0 0 1 4.5 6H9l2 2h8.5A1.5 1.5 0 0 1 21 9.5v8a1.5 1.5 0 0 1-1.5 1.5h-15A1.5 1.5 0 0 1 3 17.5z'/%3E%3C/svg%3E")}
.i-etiquette{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.6 13.4 13.4 20.6a2 2 0 0 1-2.8 0L3 13V3h10l7.6 7.6a2 2 0 0 1 0 2.8z'/%3E%3Cpath d='M7.5 7.5h.01'/%3E%3C/svg%3E")}
.i-carte-paiement{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='5' width='19' height='14' rx='2'/%3E%3Cpath d='M2.5 10h19'/%3E%3C/svg%3E")}
.i-sortie{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 20H5.5A1.5 1.5 0 0 1 4 18.5v-13A1.5 1.5 0 0 1 5.5 4H9M16 16.5 20.5 12 16 7.5M20.5 12H9'/%3E%3C/svg%3E")}
.i-aide{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Cpath d='M9.2 9.2a2.9 2.9 0 0 1 5.6 1c0 2-2.8 2.8-2.8 2.8M12 17h.01'/%3E%3C/svg%3E")}
.i-personne{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4.5 20.5a7.5 7.5 0 0 1 15 0'/%3E%3C/svg%3E")}
.i-copier{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='9' y='9' width='12' height='12' rx='2'/%3E%3Cpath d='M5 15H4.5A1.5 1.5 0 0 1 3 13.5v-9A1.5 1.5 0 0 1 4.5 3h9A1.5 1.5 0 0 1 15 4.5V5'/%3E%3C/svg%3E")}
.i-telephone{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6.5' y='2.5' width='11' height='19' rx='2.5'/%3E%3Cpath d='M11 18.5h2'/%3E%3C/svg%3E")}
.i-calendrier{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='17' height='15.5' rx='2'/%3E%3Cpath d='M3.5 10h17M8 3v4M16 3v4'/%3E%3C/svg%3E")}
.i-plus{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E")}
.i-moins{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E")}
.i-rafraichir{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.5 12a8.5 8.5 0 0 1-15 5.5M3.5 12a8.5 8.5 0 0 1 15-5.5'/%3E%3Cpath d='M18.5 3v3.5H15M5.5 21v-3.5H9'/%3E%3C/svg%3E")}
.i-cle{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='15' r='4'/%3E%3Cpath d='m10.8 12.2 9.2-9.2M17 6l2.5 2.5M14.5 8.5 16.5 10.5'/%3E%3C/svg%3E")}
.i-courrier{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3.5 6.5 8.5 6.5 8.5-6.5'/%3E%3C/svg%3E")}
.i-tableur{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='3.5' width='17' height='17' rx='2'/%3E%3Cpath d='M3.5 9.5h17M3.5 15h17M9.5 3.5v17'/%3E%3C/svg%3E")}
.i-bouclier{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 4.5 6v5.5c0 4.6 3.2 8.4 7.5 9.5 4.3-1.1 7.5-4.9 7.5-9.5V6z'/%3E%3C/svg%3E")}
.i-serveur{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='4' width='16' height='7' rx='1.5'/%3E%3Crect x='4' y='13' width='16' height='7' rx='1.5'/%3E%3Cpath d='M8 7.5h.01M8 16.5h.01'/%3E%3C/svg%3E")}
.i-puce{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='4' fill='black'/%3E%3C/svg%3E")}
.i-attente{--m:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Cpath d='M8 12h.01M12 12h.01M16 12h.01'/%3E%3C/svg%3E")}

/* ===== Pages publiques : sections, haut de page, blocs de l'accueil ===== */
.section{padding:var(--e9) var(--e7);scroll-margin-top:12px}
.section__in{max-width:1280px;margin:0 auto;display:flex;flex-direction:column;gap:var(--e6)}
.section--blanc{background:var(--blanc)}
.section--rose{background:var(--rose-pale)}
.section__entete{display:flex;flex-direction:column;gap:var(--e3);max-width:780px}
.section__pied{display:flex;flex-wrap:wrap;align-items:center;gap:var(--e3) var(--e5)}
@media (max-width:700px){.section{padding:var(--e8) var(--e4)}.section__in{gap:var(--e5)}}

.heros{padding:var(--e7) var(--e7) var(--e7)}
.heros__grille{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:var(--e7);align-items:center}
.heros__texte{display:flex;flex-direction:column;gap:var(--e4);min-width:0}
.heros__actions{display:flex;flex-wrap:wrap;gap:var(--e3);align-items:center}
.heros__petit{max-width:1280px;margin:var(--e6) auto 0;display:flex;flex-direction:column;gap:6px;padding-top:var(--e4);border-top:1px solid var(--trait)}
.heros__visuel{position:relative;border-radius:var(--r-xl);overflow:hidden;min-height:460px;display:grid;place-items:center;padding:var(--e6) var(--e5)}
@media (max-width:960px){.heros__grille{grid-template-columns:1fr}.heros__visuel{min-height:0}}
@media (max-width:700px){.heros{padding:var(--e6) var(--e4) var(--e7)}.heros__visuel{padding:var(--e5) var(--e4)}}
.ligne-prix{font-family:var(--f-titre);font-weight:800;font-size:clamp(22px,.9rem + 1vw,30px);line-height:1.25;letter-spacing:-.01em}
.ligne-prix__suite{font-weight:700;color:var(--ardoise)}
.promesse{display:flex;gap:8px;align-items:flex-start;font-weight:700;color:var(--encre);font-size:16px;line-height:1.5}
.promesse .i{margin-top:2px;color:var(--prune)}

/* Emplacement de capture (image du site actuel, posée au branchement) */
.capture{background:var(--blanc);border-radius:18px;box-shadow:var(--ombre-2);width:min(100%,480px);overflow:hidden;position:relative;z-index:1;border:1px solid var(--trait)}
.capture__barre{display:flex;gap:6px;padding:10px 14px;border-bottom:1px solid var(--trait)}
.capture__barre span{width:10px;height:10px;border-radius:50%;background:var(--brume)}
.capture__corps{padding:18px;display:flex;flex-direction:column;gap:12px;min-height:220px}
.squelette{height:12px;border-radius:6px;background:var(--brume)}
.squelette--bulle{height:46px;border-radius:14px;width:72%}
.squelette--droite{align-self:flex-end;background:#e6dfe9;width:58%}
.capture__legende{font-size:13px;font-weight:700;color:var(--ardoise);padding:10px 14px;border-top:1px solid var(--trait);display:flex;justify-content:space-between;gap:4px 10px;flex-wrap:wrap}
.capture__fichier{font-weight:500;font-family:ui-monospace,Menlo,monospace;font-size:12px}

/* Cartes de l'accueil */
.reperes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--e4)}
@media (max-width:1000px){.reperes{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:340px){.reperes{grid-template-columns:1fr}}
.repere{background:var(--blanc);border:1px solid var(--trait);border-radius:var(--r-l);padding:var(--e5);display:flex;flex-direction:column;gap:6px}
.trois{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--e5)}
@media (max-width:1000px){.trois{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.trois{grid-template-columns:1fr}}
.geste__phrase{font-family:var(--f-titre);font-weight:700;font-size:19px;line-height:1.4;color:var(--encre)}
.liste-coche{display:flex;flex-direction:column;gap:8px}
.liste-coche li{display:flex;gap:10px;align-items:flex-start}
.liste-coche .i{margin-top:3px;color:var(--prune)}

/* Frise des étapes */
.frise{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--e5);counter-reset:frise}
@media (max-width:900px){.frise{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.frise{grid-template-columns:1fr}}
.frise__etape{background:var(--blanc);border:1px solid var(--trait);border-radius:var(--r-l);padding:var(--e5);display:flex;flex-direction:column;gap:10px}
.frise__num{width:40px;height:40px;border-radius:50%;background:var(--encre);color:#fff;display:grid;place-items:center;font-family:var(--f-titre);font-weight:800;font-size:17px}

/* Canaux */
.canaux{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--e3)}
@media (max-width:900px){.canaux{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:420px){.canaux{grid-template-columns:1fr}}
.canal{display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:var(--r-m);background:var(--blanc);border:1px solid var(--trait);flex-wrap:wrap}
.canal__nom{font-family:var(--f-titre);font-weight:700;flex:1 1 120px;min-width:0}

/* N7 · visite en cinq points */
.visite{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:var(--e5);align-items:start}
@media (max-width:960px){.visite{grid-template-columns:1fr}}
.interface{position:relative;background:var(--blanc);border:1px solid var(--trait);border-radius:var(--r-l);box-shadow:var(--ombre-1)}
.interface__grille{display:grid;grid-template-columns:210px minmax(0,1fr);min-height:400px;border-radius:var(--r-l);overflow:hidden}
@media (max-width:640px){.interface__grille{grid-template-columns:1fr}.interface__cote{border-right:0;border-bottom:1px solid var(--trait)}}
.interface__cote{background:var(--nacre);border-right:1px solid var(--trait);padding:16px;display:flex;flex-direction:column;gap:8px}
.interface__demande{font-size:13px;line-height:1.4;padding:9px 11px;border-radius:10px;background:var(--blanc);border:1px solid var(--trait);font-weight:600}
.interface__zone{padding:18px;display:flex;flex-direction:column;gap:12px;min-width:0}
.interface__saisie{display:flex;gap:8px;align-items:center;border:1.5px solid var(--contour);border-radius:14px;padding:6px 6px 6px 14px;color:var(--texte-off);font-size:14px;margin-top:auto}
.point{position:absolute;z-index:2;width:34px;height:34px;border-radius:50%;background:var(--encre);color:#fff;font-family:var(--f-titre);font-weight:800;font-size:14px;display:grid;place-items:center;border:3px solid #fff;box-shadow:0 0 0 2px var(--encre),var(--ombre-1);cursor:pointer;padding:0;transition:transform var(--d-appui) var(--courbe)}
.point::before{content:"";position:absolute;inset:-8px;border-radius:50%}
.point:active{transform:scale(.94)}
.point[aria-pressed="true"]{background:var(--prune);box-shadow:0 0 0 2px var(--prune),0 0 0 9px rgba(168,48,111,.2)}
.visite__bulle{background:var(--blanc);border:1px solid var(--trait);border-radius:var(--r-l);box-shadow:var(--ombre-2);padding:var(--e5);display:flex;flex-direction:column;gap:var(--e3)}
.visite__points{display:flex;gap:6px}
.visite__points span{width:22px;height:6px;border-radius:6px;background:var(--brume)}
.visite__points span.actif{background:var(--prune)}

/* N3 · choisissez le ton */
.ton{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:var(--e5);align-items:start}
@media (max-width:900px){.ton{grid-template-columns:1fr}}
.brouillon{background:var(--blanc);border:1.5px solid var(--encre);border-radius:var(--r-l);padding:var(--e5);display:flex;flex-direction:column;gap:var(--e3);min-height:300px}
.brouillon__texte{font-size:16px;line-height:1.65;color:var(--encre);min-height:132px;white-space:pre-line}
.curseur-texte{display:inline-block;width:2px;height:1.1em;background:var(--encre);vertical-align:-3px;margin-left:2px;animation:souffle 1s steps(1) infinite}

/* N8 · prêt à relire */
.fil-n8{display:flex;flex-direction:column;gap:10px;min-height:384px}
.fil-n8__ligne{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px;border-radius:var(--r-m);background:var(--blanc);border:1px solid var(--trait);animation:entre-panneau 280ms var(--courbe) both}
.fil-n8__action{flex:1 1 220px;min-width:0;font-weight:600}

/* M4 · Et si… ? */
.etsi{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:var(--e5);align-items:start}
@media (max-width:900px){.etsi{grid-template-columns:1fr}}
.etsi__q{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:56px;padding:12px 18px;border-radius:var(--r-m);border:1.5px solid var(--trait);background:var(--blanc);font-family:var(--f-titre);font-weight:700;font-size:17px;text-align:left;cursor:pointer;color:var(--encre);transition:transform var(--d-appui) var(--courbe)}
.etsi__q:active{transform:scale(.985)}
.etsi__q>span:first-child{text-wrap:pretty}
.etsi__q[aria-pressed="true"]{background:var(--encre);color:#fff;border-color:var(--encre)}
@media (hover:hover) and (pointer:fine){.etsi__q:not([aria-pressed="true"]):hover{border-color:var(--encre)}}
.etsi__reponse{background:var(--blanc);border-radius:var(--r-l);box-shadow:var(--ombre-1);border:1px solid var(--trait);padding:var(--e6);display:flex;flex-direction:column;gap:var(--e5);animation:entre-panneau var(--d-onglet) var(--courbe) both}
.etsi__bloc{display:grid;grid-template-columns:12px 1fr;gap:4px 14px}
.etsi__bloc::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--prune);margin-top:6px;grid-row:span 2}
.etsi__bloc:nth-child(3)::before{background:var(--bleu)}

/* Prix de l'accueil */
.prix-carte{background:var(--blanc);border:1px solid var(--trait);border-radius:var(--r-l);padding:var(--e6) var(--e5);display:flex;flex-direction:column;gap:var(--e4);box-shadow:var(--ombre-1)}
.prix-carte--recommande{border:2px solid var(--encre);box-shadow:var(--ombre-2)}
.prix-carte__montant{display:flex;flex-direction:column;gap:2px}

/* Dernier appel */
.appel{padding:var(--e9) var(--e7)}
.appel__carte{max-width:760px;margin:0 auto;background:var(--blanc);border-radius:var(--r-xl);box-shadow:var(--ombre-2);padding:var(--e7) var(--e6);display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--e4)}
@media (max-width:700px){.appel{padding:var(--e8) var(--e4)}.appel__carte{padding:var(--e6) var(--e5)}}

/* Barre qui suit la lecture : zone collante en bas, à gauche de la bulle */
.barre-zone{position:sticky;bottom:16px;z-index:6;display:flex;justify-content:flex-start;padding:0 236px 0 var(--e5);pointer-events:none;margin-top:var(--e5)}
.barre-zone .barre-lecture{pointer-events:auto;width:100%;animation:entre-panneau var(--d-onglet) var(--courbe) both}
.barre-lecture__fermer{flex:none}
@media (max-width:700px){.barre-zone{padding:0 8px;bottom:8px}.barre-lecture{padding:6px 6px 6px 14px;gap:8px}.barre-lecture .btn{padding:0 14px;font-size:14px}}
.bulle-fixe{position:fixed;right:24px;bottom:16px;z-index:7}
@media (max-width:700px){.bulle-fixe{right:12px;bottom:12px}.avec-barre .bulle-fixe{bottom:84px}}

/* Onglets : faire revenir l'onglet choisi en vue (voir le script de la page) */
.onglets__onglet:focus-visible{outline-offset:-3px}
@media (prefers-reduced-motion:reduce){
  .fil-n8__ligne,.etsi__reponse,.barre-zone .barre-lecture{animation:fondu 200ms ease both}
  .point,.etsi__q{transition:none}
  .point:active,.etsi__q:active{transform:none}
  .curseur-texte{animation:none}
}

/* ===== Étape 3 · pages de vente (ajouts, aucune règle existante modifiée) ===== */
/* Barre qui suit la lecture, téléphone : bouton et croix seulement (phrase gardée pour les lecteurs d'écran) */
@media (max-width:700px){
  .barre-lecture__phrase{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  .barre-zone .barre-lecture{width:auto;padding:6px}
}
/* Haut des pages secondaires */
.haut{padding:var(--e8) var(--e7) var(--e7)}
.haut__in{max-width:1280px;margin:0 auto;display:flex;flex-direction:column;gap:var(--e4)}
.haut__texte{display:flex;flex-direction:column;gap:var(--e4);max-width:800px}
@media (max-width:700px){.haut{padding:var(--e6) var(--e4) var(--e6)}}
/* Titre qui ouvre un bloc (accordéon dont le titre est le bouton) */
.titre-bouton{all:unset;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:var(--e3);width:100%;min-height:44px;cursor:pointer;font:inherit;color:inherit;border-radius:8px}
.titre-bouton .i{flex:none;transition:transform var(--d-onglet) var(--courbe)}
.titre-bouton[aria-expanded="true"] .i{transform:rotate(180deg)}
.titre-bouton:focus-visible{outline:3px solid var(--anneau);outline-offset:3px}
@media (hover:hover) and (pointer:fine){.titre-bouton:hover{color:var(--prune)}}
/* Formules (prix) */
.formules{display:flex;flex-direction:column;gap:var(--e5)}
.formules__duree{display:flex;flex-direction:column;align-items:center;gap:var(--e3);text-align:center}
.formules__duree .selecteur{align-self:center}
.formules__duree .petit{max-width:720px}
.formules__duree .onglets__onglet{padding:6px 22px;white-space:nowrap}
@media (max-width:440px){.formules__duree .onglets__onglet{padding:6px 10px;font-size:14px}}
.prix-carte__libelle{font-family:var(--f-titre);font-weight:700;font-size:14px;color:var(--encre)}
.prix-carte__autre{font-size:13.5px;line-height:1.5;color:var(--ardoise);padding-top:var(--e3);border-top:1px solid var(--trait)}
.prix-carte__ecart{font-size:14px;line-height:1.45;color:var(--encre);font-weight:600}
.prix-carte .raison{align-items:flex-start}
.prix-carte .raison .i{margin-top:2px;color:var(--prune)}
/* Carte des conditions (M6) */
.conditions{background:var(--blanc);border-radius:var(--r-xl);box-shadow:var(--ombre-2);padding:var(--e6);display:flex;flex-direction:column;gap:var(--e4);min-width:0}
.conditions__liste{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:var(--e3) var(--e5)}
.conditions__liste li{display:flex;gap:10px;align-items:flex-start;font-weight:600;color:var(--encre)}
.conditions__liste .i{margin-top:3px;color:var(--prune);flex:none}
.detail{animation:entre-panneau var(--d-onglet) var(--courbe) both}
.tableau .col-centia{background:var(--nacre)}
/* Liste à icônes (garanties, éléments) */
.liste-icones{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--e4) var(--e6)}
.liste-icones>li{display:flex;gap:var(--e3);align-items:flex-start;padding:var(--e4) 0;border-bottom:1px solid var(--trait)}
.liste-icones>li>.i{flex:none;color:var(--prune);margin-top:2px}
.liste-icones__texte{display:flex;flex-direction:column;gap:4px;min-width:0}
.liste-icones__titre{font-family:var(--f-titre);font-weight:700;font-size:17px;color:var(--encre)}
@media (max-width:800px){.liste-icones{grid-template-columns:1fr;gap:0}}
/* Capacités en définitions (catalogue) */
.capacites{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--e5) var(--e6)}
.capacites>div{display:flex;flex-direction:column;gap:6px;padding-top:var(--e4);border-top:2px solid var(--encre)}
.capacites dt{font-family:var(--f-titre);font-weight:800;font-size:18px;color:var(--encre)}
.capacites dd{color:var(--ardoise);line-height:1.6}
@media (max-width:1000px){.capacites{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.capacites{grid-template-columns:1fr}}
/* Grilles de quatre cartes au plus par rangée */
.quatre{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--e4)}
@media (max-width:1100px){.quatre{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.quatre{grid-template-columns:1fr}}
.pack__contenu{display:flex;flex-wrap:wrap;gap:6px}
.pack__contenu li{font-size:13.5px;font-weight:600;padding:4px 10px;border-radius:var(--r-pilule);background:var(--nacre);border:1px solid var(--trait);color:var(--encre)}
.citation{font-style:italic;color:var(--encre);font-size:15px;line-height:1.5;padding-left:var(--e3);border-left:3px solid var(--poudre)}
/* Logos « bientôt » en grille */
.logos{display:flex;flex-wrap:wrap;gap:var(--e3)}
.logos .logo-place{min-width:120px;flex:1 1 120px}
/* N1 · confier une tâche */
.confier{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--e5);align-items:stretch}
.confier__zone{border-radius:var(--r-xl);padding:var(--e5);background:var(--blanc);border:1px solid var(--trait);display:flex;flex-direction:column;gap:var(--e3);min-height:360px;transition:transform var(--d-survol) var(--courbe)}
.confier__zone--ia{background:var(--nacre);border:2px solid var(--encre)}
.confier__zone[data-survol="true"]{transform:translateY(-3px)}
.confier__entete{display:flex;align-items:center;justify-content:space-between;gap:var(--e3)}
.confier__liste{display:flex;flex-direction:column;gap:10px;flex:1}
.confier__vide{flex:1;min-height:80px;border:1.5px dashed var(--contour);border-radius:var(--r-m)}
.tache{display:flex;align-items:center;gap:var(--e3);padding:10px 10px 10px 14px;border-radius:var(--r-m);background:var(--blanc);border:1px solid var(--trait);box-shadow:var(--ombre-1);cursor:grab;animation:entre-panneau var(--d-onglet) var(--courbe) both}
.tache__poignee{flex:none;width:10px;height:18px;background:radial-gradient(circle,var(--contour) 1.5px,transparent 2px) 0 0/5px 6px}
.tache__texte{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.tache__verbe{font-family:var(--f-titre);font-weight:800;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--prune)}
.tache__phrase{font-size:15px;line-height:1.4;color:var(--encre);font-weight:600}
.tache .btn{flex:none}
.confier__bilan{display:flex;flex-wrap:wrap;align-items:center;gap:var(--e4) var(--e5);padding:var(--e5);border-radius:var(--r-l);background:var(--blanc);border:1px solid var(--trait)}
.confier__bilan .jauge{flex:1 1 320px;min-width:0}
.confier__bilan .jauge__plein{transition:transform var(--d-onglet) var(--courbe)}
@media (max-width:760px){.confier{grid-template-columns:1fr}.confier__zone{min-height:0}}
/* S6 · plan stylisé, pas à l'échelle */
.plan-bloc{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:var(--e5);align-items:start}
@media (max-width:1000px){.plan-bloc{grid-template-columns:1fr}}
.plan{position:relative;border-radius:var(--r-xl);overflow:hidden;aspect-ratio:16/11;min-height:360px;background:
 repeating-linear-gradient(0deg,rgba(23,20,29,.045) 0 1px,transparent 1px 44px),
 repeating-linear-gradient(90deg,rgba(23,20,29,.045) 0 1px,transparent 1px 44px),#fffafd;border:1px solid var(--trait);box-shadow:var(--ombre-1)}
.plan__traits{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.plan__paris{position:absolute;left:34%;top:16%;width:44%;height:60%;border-radius:48% 52% 44% 56%/52% 46% 54% 48%;background:radial-gradient(ellipse 70% 70% at 50% 50%,rgba(224,85,159,.20),rgba(224,85,159,.06) 70%);border:2px dashed rgba(168,48,111,.45)}
.plan__legende{position:absolute;left:36%;right:24%;bottom:7%;font-size:13px;line-height:1.45;font-weight:700;color:var(--encre);background:rgba(255,255,255,.92);border-radius:12px;padding:8px 12px;text-align:center}
.plan__point{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:6px;background:none;border:0;padding:4px;cursor:pointer;font:inherit;color:var(--encre);min-width:44px;min-height:44px}
.plan__rond{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--encre);color:#fff;font-family:var(--f-titre);font-weight:800;font-size:16px;border:3px solid #fff;box-shadow:0 6px 16px rgba(60,20,80,.22);transition:transform var(--d-appui) var(--courbe)}
.plan__rond--sortie{background:var(--blanc);color:var(--encre);border:2px solid var(--encre)}
.plan__nom{font-family:var(--f-titre);font-weight:700;font-size:13px;line-height:1.25;padding:4px 10px;border-radius:var(--r-pilule);background:rgba(255,255,255,.94);border:1px solid var(--trait);white-space:nowrap}
.plan__point[aria-pressed="true"] .plan__rond{box-shadow:0 0 0 6px rgba(168,48,111,.28),0 6px 16px rgba(60,20,80,.22)}
.plan__point[aria-pressed="true"] .plan__nom{background:var(--encre);color:#fff;border-color:var(--encre)}
.plan__point:active .plan__rond{transform:scale(.97)}
.plan__point--bientot{cursor:default}
.plan__point--bientot .plan__rond{background:var(--brume);color:var(--texte-off);border:2px dashed var(--contour);box-shadow:none}
.plan__point--bientot .plan__nom{color:var(--texte-off)}
.plan__echelle{position:absolute;right:12px;top:12px;font-size:12.5px;font-weight:700;color:var(--ardoise);background:rgba(255,255,255,.92);border-radius:var(--r-pilule);padding:4px 10px}
.plan__outils{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--e3)}
.etapes-donnees{display:flex;flex-direction:column;gap:10px;counter-reset:etape}
.etapes-donnees>li{display:flex;gap:var(--e3);align-items:flex-start;padding:var(--e4);border-radius:var(--r-l);background:var(--blanc);border:1px solid var(--trait);transition:transform var(--d-survol) var(--courbe)}
.etapes-donnees>li.est-actif{border:2px solid var(--encre);box-shadow:var(--ombre-1)}
.etapes-donnees .frise__num{flex:none;width:34px;height:34px;font-size:15px}
.sorties{display:flex;flex-direction:column;gap:8px;padding:var(--e4);border-radius:var(--r-l);background:var(--brume)}
.sorties li{display:flex;gap:10px;align-items:flex-start;padding:6px 8px;border-radius:10px}
.sorties li.est-actif{background:var(--blanc);outline:2px solid var(--encre)}
@media (max-width:700px){.plan{aspect-ratio:auto;height:440px}.plan__nom{font-size:12px;padding:3px 8px;white-space:normal;max-width:120px;text-align:center}.plan__legende{left:6%;right:6%;bottom:3%}}
/* Deux colonnes de même poids (promis / pas promis) */
.deux-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--e5)}
@media (max-width:760px){.deux-col{grid-template-columns:1fr}}
.liste-mots{display:flex;flex-direction:column;gap:10px}
.liste-mots li{display:flex;gap:10px;align-items:flex-start;color:var(--encre)}
.liste-mots .i{flex:none;margin-top:3px}
.liste-mots--oui .i{color:var(--vert)}
.liste-mots--non .i{color:var(--ardoise)}
/* Blocs-liens (CGV, CGU, DPA) */
.blocs-liens{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--e3)}
.bloc-lien{display:flex;flex-direction:column;gap:4px;min-height:64px;padding:var(--e3) var(--e4);border-radius:var(--r-m);border:1.5px solid var(--encre);background:var(--blanc);text-decoration:none;color:var(--encre)!important;font-family:var(--f-titre);font-weight:800;transition:transform var(--d-survol) var(--courbe)}
.bloc-lien .petit{font-family:var(--f-texte);font-weight:600}
@media (hover:hover) and (pointer:fine){.bloc-lien:hover,.etapes-donnees>li:hover{transform:translateY(-3px)}}
/* Questions : recherche et filtres */
.recherche{display:flex;flex-direction:column;gap:var(--e3);max-width:760px}
.recherche .groupe-saisie .saisie{padding-right:150px}
.filtres{display:flex;flex-wrap:wrap;gap:8px}
.filtre{min-height:44px;padding:0 16px;border-radius:var(--r-pilule);border:1.5px solid var(--contour);background:var(--blanc);color:var(--encre);font-family:var(--f-titre);font-weight:700;font-size:15px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:transform var(--d-appui) var(--courbe)}
.filtre[aria-pressed="true"]{background:var(--encre);border-color:var(--encre);color:#fff}
.filtre:active{transform:scale(.97)}
.resultats{font-family:var(--f-titre);font-weight:700;color:var(--encre)}
.groupe-q{display:flex;flex-direction:column;gap:var(--e3)}
.acc__item>summary h3{font:inherit;margin:0}
/* Chiffres publics et renvois numérotés */
.renvoi{font-size:.72em;vertical-align:super;line-height:0;font-weight:800;text-decoration:none;padding:0 2px}
.chiffres{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--e4)}
@media (max-width:1000px){.chiffres{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.chiffres{grid-template-columns:1fr}}
.sources{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--ardoise);counter-reset:src}
.sources li{scroll-margin-top:16px}
/* Comparer : cartes du téléphone */
.cartes-tel{display:none}
@media (max-width:700px){.cartes-tel{display:flex;flex-direction:column;gap:var(--e3)}}
/* Tableaux : jamais de défilement de côté ; blocs empilés sur téléphone */
.vue-tel{display:none}
@media (max-width:700px){.vue-ordi{display:none!important}.vue-tel{display:flex}}
.est-replie{display:none!important}
.blocs-empiles{flex-direction:column;gap:var(--e3)}
.lignes-bloc{display:flex;flex-direction:column}
.lignes-bloc>div{display:flex;justify-content:space-between;align-items:baseline;gap:var(--e3);padding:10px 0;border-bottom:1px solid var(--trait)}
.lignes-bloc>div:last-child{border-bottom:0}
.lignes-bloc dt{flex:1 1 55%;font-family:var(--f-titre);font-weight:700;font-size:15px;color:var(--encre)}
.lignes-bloc dd{flex:1 1 45%;text-align:right;color:var(--ardoise)}
.comparer-cartes{display:none}
@media (max-width:1100px){.comparer-cartes{display:flex;flex-direction:column;gap:var(--e3)}.comparer-tableau{display:none!important}}
/* État du service */
.etat-ligne{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--e3);padding:var(--e4) 0;border-bottom:1px solid var(--trait)}
.etat-ligne:last-child{border-bottom:0}
.historique{display:flex;flex-direction:column}
.historique li{display:grid;grid-template-columns:150px minmax(0,1fr);gap:var(--e4);padding:var(--e3) 0;border-bottom:1px solid var(--trait)}
@media (max-width:600px){.historique li{grid-template-columns:1fr;gap:2px}}
/* Référence à noter (parrainage) */
.reference{display:inline-flex;align-items:center;gap:var(--e3);flex-wrap:wrap;padding:var(--e4) var(--e5);border-radius:var(--r-l);border:2px dashed var(--encre);background:var(--blanc)}
.reference__code{font-family:var(--f-titre);font-weight:800;font-size:26px;letter-spacing:.04em}
/* Fausse interface : carnet fictif */
.carnet{display:flex;flex-direction:column;gap:10px;padding:var(--e5);border-radius:var(--r-l);background:var(--blanc);border:1px solid var(--trait);box-shadow:var(--ombre-1)}
.carnet__ligne{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:12px;background:var(--nacre);font-size:15px}
.faux-btn{pointer-events:none}
@media (prefers-reduced-motion:reduce){
  .titre-bouton .i,.confier__zone,.confier__bilan .jauge__plein,.plan__rond,.etapes-donnees>li,.bloc-lien,.filtre{transition:none}
  .detail,.tache{animation:fondu 200ms ease both}
  .filtre:active,.plan__point:active .plan__rond{transform:none}
}
.mr .titre-bouton .i,.mr .confier__zone,.mr .confier__bilan .jauge__plein,.mr .filtre{transition:none}
/* ===== fin étape 3 ===== */

/* ===== Étape 4 · parcours d'achat (ajouts, aucune règle existante modifiée) ===== */
/* Zone d'ouverture « gaz » des écrans d'achat : quatre teintes, texte dans une carte blanche */
.achat{padding:var(--e7) var(--e7) var(--e8);background:
 radial-gradient(980px 520px at 50% -140px,rgba(224,85,159,.55),rgba(224,85,159,0) 72%),
 radial-gradient(800px 620px at 104% 4%,rgba(155,111,208,.65),rgba(155,111,208,0) 72%),
 radial-gradient(900px 560px at -6% 100%,rgba(31,143,224,.55),rgba(31,143,224,0) 72%),
 radial-gradient(760px 500px at 102% 100%,rgba(245,160,58,.65),rgba(245,160,58,0) 72%),
 var(--blanc)}
@media (max-width:700px){.achat{padding:var(--e5) var(--e4) var(--e7);background:
 radial-gradient(300px 200px at 100% -20px,rgba(224,85,159,.45),rgba(224,85,159,0) 72%),
 radial-gradient(260px 340px at 112% 40%,rgba(155,111,208,.45),rgba(155,111,208,0) 72%),
 radial-gradient(380px 260px at -14% 100%,rgba(31,143,224,.40),rgba(31,143,224,0) 72%),
 radial-gradient(320px 240px at 112% 100%,rgba(245,160,58,.50),rgba(245,160,58,0) 72%),
 var(--blanc)}}
.achat__in{max-width:960px;margin:0 auto;display:flex;flex-direction:column;gap:var(--e5);min-width:0}
.achat__in--large{max-width:1180px}
.achat__fil{align-self:flex-start;max-width:100%;background:var(--blanc);border-radius:var(--r-l);padding:8px 16px;box-shadow:var(--ombre-1)}
.achat__carte{background:var(--blanc);border-radius:32px;box-shadow:0 30px 80px rgba(90,30,110,.14);padding:36px;display:flex;flex-direction:column;gap:var(--e5);min-width:0}
@media (max-width:700px){.achat__carte{border-radius:24px;padding:var(--e5) var(--e4)}}
.achat__tete{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--e3) var(--e4)}
.achat__liens{display:flex;flex-wrap:wrap;gap:0 var(--e4)}
.achat__suite{max-width:960px;margin:0 auto;display:flex;flex-direction:column;gap:var(--e5);min-width:0}
.achat__petit{font-size:14px;color:var(--ardoise)}

/* Encart prix de l'entrée (R7.4) */
.encart-prix{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--e3) var(--e4);padding:var(--e4) var(--e5);border-radius:var(--r-l);background:var(--voile-ambre,#fef5ea);border:1px solid var(--trait)}
.encart-prix__texte{font-family:var(--f-titre);font-weight:700;font-size:17px;color:var(--encre)}

/* Question en grandes cartes (allure de la planche N2) */
.q-tete{display:flex;align-items:center;justify-content:space-between;gap:var(--e3) var(--e4);flex-wrap:wrap}
.q-compte{font-family:var(--f-titre);font-weight:700;font-size:15px;color:var(--ardoise)}
.q-barre{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.q-barre span{height:6px;border-radius:3px;background:var(--brume)}
.q-barre span.fait{background:linear-gradient(90deg,var(--bleu),var(--rose))}
.q-barre span.en-cours{background:linear-gradient(90deg,var(--rose),var(--orange))}
.q-question{border:0;padding:0;margin:0;min-width:0}
.q-question>legend{padding:0;margin:0 0 var(--e3);font-family:var(--f-titre);font-weight:700;font-size:30px;line-height:1.2;color:var(--encre)}
@media (max-width:700px){.q-question>legend{font-size:24px}}
.q-consigne{font-weight:700;color:var(--encre);margin-bottom:var(--e4)}
.q-choix-grille{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
.q-choix{min-height:72px;padding:14px 18px;border-radius:20px;border:2px solid rgba(23,20,29,.14);background:var(--blanc);display:flex;align-items:center;gap:14px;cursor:pointer;font-weight:600;font-size:17px;line-height:1.35;color:var(--encre);transition:transform var(--d-appui) var(--courbe)}
.q-choix:active{transform:scale(.985)}
@media (hover:hover) and (pointer:fine){.q-choix:not(.est-off):hover{border-color:var(--contour)}}
.q-choix__marque{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--rose)}
.q-choix-grille>:nth-child(4n+2) .q-choix__marque{background:var(--violet)}
.q-choix-grille>:nth-child(4n+3) .q-choix__marque{background:var(--bleu)}
.q-choix-grille>:nth-child(4n+4) .q-choix__marque{background:var(--orange)}
.q-choix__marque input{width:22px;height:22px;margin:0;accent-color:var(--encre);cursor:pointer}
.q-choix.est-coche{border-color:var(--encre);background:var(--nacre)}
.q-choix.est-off{background:var(--brume);color:var(--texte-off);border-color:var(--trait);cursor:not-allowed}
.q-choix-grille>* .q-choix.est-off .q-choix__marque,.q-choix.est-off .q-choix__marque{background:var(--gris-off)}
.q-choix.est-off input{cursor:not-allowed}
.q-assurance{display:flex;flex-direction:column;gap:4px}
.q-pied{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--e3) var(--e4);padding-top:var(--e4);border-top:1px solid var(--trait)}
.q-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--e3);margin-left:auto}

/* Bouton principal collant en bas sur téléphone (R7.20) */
@media (max-width:700px){
 .collant{position:sticky;bottom:0;z-index:5;background:var(--blanc);margin:0 calc(-1 * var(--e4)) calc(-1 * var(--e5));padding:12px var(--e4) 14px;border-top:1px solid var(--trait);box-shadow:0 -8px 24px rgba(23,20,29,.08);border-radius:0 0 24px 24px}
 .collant .q-actions{width:100%;margin-left:0}
 .collant .q-actions .btn--principal{flex:1}
 .avec-collant .bulle-fixe{bottom:calc(var(--collant-h, 110px) + 12px)}
}

/* Création de l'accès en étapes courtes (allure de la planche M8) */
.acces{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--e6);align-items:start}
@media (max-width:900px){.acces{grid-template-columns:1fr;gap:var(--e5)}}
.acces__texte{display:flex;flex-direction:column;gap:var(--e3);padding-top:var(--e3)}
.acces__form{display:flex;flex-direction:column;gap:var(--e4);min-width:0}
.acces__segments{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.acces__segments span{height:8px;border-radius:4px;background:var(--brume)}
.acces__segments span.fait{background:var(--bleu)}
.acces__segments span.en-cours{background:var(--rose)}
.acces__envoye{font-size:15px;color:var(--encre)}
.acces__liens{display:flex;flex-wrap:wrap;gap:0 var(--e4)}
.ou{display:flex;align-items:center;gap:var(--e3);font-size:14px;font-weight:700;color:var(--ardoise)}
.ou::before,.ou::after{content:"";flex:1;height:1px;background:var(--trait)}
.btn-tiers{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;width:100%;border-radius:var(--r-pilule);border:1.5px solid var(--encre);background:var(--blanc);color:var(--encre);font-family:var(--f-titre);font-weight:700;font-size:16px;cursor:pointer;transition:transform var(--d-appui) var(--courbe)}
.btn-tiers:active{transform:scale(.97)}
.btn-tiers__logo{width:22px;height:22px;border-radius:6px;background:#d6d1da;flex:none}
.tiers{display:flex;flex-direction:column;gap:10px}

/* Proposition (R7.10) */
.proposee{border:2px solid var(--encre);border-radius:var(--r-l);padding:var(--e5);display:flex;flex-direction:column;gap:var(--e4);background:var(--blanc);box-shadow:var(--ombre-1);background-image:linear-gradient(90deg,var(--rose),var(--violet),var(--bleu),var(--orange));background-size:100% 5px;background-repeat:no-repeat}
.proposee__haut{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--e3) var(--e4)}
.proposee__prix{display:flex;flex-direction:column;gap:2px;text-align:right}
@media (max-width:700px){.proposee__prix{text-align:left}}
.proposee__blocs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--e4)}
@media (max-width:700px){.proposee__blocs{grid-template-columns:1fr}}
.puces{display:flex;flex-wrap:wrap;gap:8px}
.puces li{font-size:14px;font-weight:600;padding:5px 12px;border-radius:var(--r-pilule);border:1px solid var(--trait);color:var(--encre)}
.puces li:nth-child(4n+1){background:var(--voile-rose,#fcf0f7)}
.puces li:nth-child(4n+2){background:var(--voile-violet,#f5f0fc)}
.puces li:nth-child(4n+3){background:var(--voile-bleu,#eef6fd)}
.puces li:nth-child(4n+4){background:var(--voile-ambre,#fef5ea)}
.selecteur--duree .onglets__onglet{padding:6px 22px;white-space:nowrap}
@media (max-width:520px){.selecteur--duree{width:100%}.selecteur--duree .onglets__onglet{white-space:normal;padding:6px 10px;font-size:14px}}
.comparer-formules>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:var(--e3);min-height:52px;cursor:pointer;font-family:var(--f-titre);font-weight:700;font-size:17px}
.comparer-formules>summary::-webkit-details-marker{display:none}
.comparer-formules[open]>summary .i-chevron-bas{transform:rotate(180deg)}
.radios-formules{display:flex;flex-direction:column;gap:10px;margin-top:var(--e3)}
.radio-formule{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px 14px;min-height:64px;padding:12px 16px;border-radius:var(--r-m);border:1.5px solid var(--contour);background:var(--blanc);cursor:pointer}
.radio-formule input{width:22px;height:22px;margin:0;accent-color:var(--encre)}
.radio-formule.est-coche{border:2px solid var(--encre);background:var(--nacre)}
.radio-formule__prix{font-family:var(--f-titre);font-weight:800;font-variant-numeric:tabular-nums;text-align:right}
@media (max-width:520px){.radio-formule{grid-template-columns:auto minmax(0,1fr)}.radio-formule__prix{grid-column:2;text-align:left}}

/* Commande (R7.11 à R7.14) */
.commande{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:var(--e6);align-items:start}
@media (max-width:900px){.commande{grid-template-columns:1fr}}
.commande__bloc{display:flex;flex-direction:column;gap:var(--e4);padding-bottom:var(--e5);border-bottom:1px solid var(--trait)}
fieldset.commande__bloc{min-width:0}
.commande__bloc:last-child{border-bottom:0;padding-bottom:0}
.commande__recap{position:sticky;top:16px;display:flex;flex-direction:column;gap:var(--e4)}
.payer{display:flex;flex-direction:column;gap:var(--e3)}
.payer__phrase{font-weight:700;color:var(--encre);line-height:1.5}
.choix-liste{display:flex;flex-direction:column;gap:10px}
.choix__prix{margin-left:auto;font-family:var(--f-titre);font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
.case-cgv{display:flex;align-items:flex-start;gap:12px;min-height:44px;cursor:pointer;font-weight:600;line-height:1.5;color:var(--encre)}
.case-cgv input{width:22px;height:22px;margin:3px 0 0;accent-color:var(--encre);flex:none}
.boutons-commande{display:flex;flex-wrap:wrap;align-items:center;gap:var(--e3)}

/* Suivi après paiement (partie 8) */
.suivi{display:flex;flex-direction:column;gap:var(--e5)}
.encadre-paiement{display:flex;flex-wrap:wrap;align-items:center;gap:var(--e2) var(--e5);padding:var(--e4) var(--e5);border-radius:var(--r-l);background:var(--voile-bleu,#eef6fd);border:1px solid var(--trait)}
.encadre-paiement__montant{font-family:var(--f-titre);font-weight:800;font-size:22px;font-variant-numeric:tabular-nums}
.pret{display:flex;flex-direction:column;gap:var(--e3);align-items:flex-start}
.pret__titre{font-family:var(--f-titre);font-weight:800;font-size:clamp(32px,1.2rem + 2vw,48px);line-height:1.1;letter-spacing:-.02em}
.tg{padding:32px;gap:var(--e5)}
.tg__corps{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--e6);align-items:start}
.tg__textes{display:flex;flex-direction:column;gap:var(--e4);min-width:0}
.tg__ouvrir{display:flex;flex-direction:column;gap:10px;align-items:flex-start}
@media (max-width:700px){
 .tg{padding:20px}
 .tg__corps{display:flex;flex-direction:column;gap:var(--e4)}
 .tg__textes{display:contents}
 .tg__ouvrir{order:0;align-items:stretch}.tg__ouvrir .btn{width:100%}
 .tg__avert{order:1}.tg__apres{order:2}.tg__qr{order:3}.tg__phrase{order:4}.tg__verifier{order:5}
 .tg__qr{align-self:center;padding-top:var(--e4);border-top:1px solid var(--trait);width:100%;display:flex;justify-content:center}
 .tg__qr .qr{width:160px;height:160px}
}
.etape__icone .rond{width:14px;height:14px;border-width:2px}
.sous-etapes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--e5);align-items:start}
@media (max-width:900px){.sous-etapes{grid-template-columns:1fr}}
.pied-question{font-size:14px;color:var(--ardoise);padding-top:var(--e4);border-top:1px solid var(--trait)}

/* Devis figé, composé comme un document (R7.18) */
.devis{background:var(--blanc);border:1px solid var(--trait);border-radius:var(--r-l);padding:40px;display:flex;flex-direction:column;gap:var(--e5);color:var(--encre)}
@media (max-width:700px){.devis{padding:var(--e5) var(--e4)}}
.devis__entete{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--e4);padding-bottom:var(--e4);border-bottom:2px solid var(--encre)}
.devis__num{font-family:var(--f-titre);font-weight:800;font-size:22px}
.devis__parties{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--e4)}
@media (max-width:700px){.devis__parties{grid-template-columns:1fr}}
.devis__partie{border:1px solid var(--trait);border-radius:var(--r-m);padding:var(--e4);display:flex;flex-direction:column;gap:4px}
.devis__lignes{width:100%;border-collapse:collapse;font-size:15px}
.devis__lignes th,.devis__lignes td{padding:10px 8px;border-bottom:1px solid var(--trait);text-align:left;vertical-align:top}
.devis__lignes th{font-family:var(--f-titre);font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--ardoise)}
.devis__lignes td:last-child,.devis__lignes th:last-child{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.devis__total td{font-family:var(--f-titre);font-weight:800;font-size:17px;border-bottom:0;background:var(--nacre)}
@media (max-width:700px){
 .devis__lignes thead{display:none}
 .devis__lignes tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;padding:10px 0;border-bottom:1px solid var(--trait)}
 .devis__lignes td{padding:0;border:0}
 .devis__lignes td.devis__detail{grid-column:1/-1;color:var(--ardoise);font-size:14px}
 .devis__total{background:var(--nacre);padding:10px 8px!important;border-radius:8px}
 .devis__total td{background:none}
}
.devis__section{display:flex;flex-direction:column;gap:var(--e3)}
.devis__pied{font-size:14px;color:var(--ardoise);padding-top:var(--e4);border-top:1px solid var(--trait)}
.cases-accord{display:flex;flex-direction:column;gap:var(--e3)}
@media print{.achat{background:#fff;padding:0}.achat__carte,.devis{box-shadow:none;border:0}.entete,.bandeau-haut,.pied,.bulle-fixe,.achat__fil{display:none}}

/* Dossier par code (E027) */
.recap-dit{display:flex;flex-direction:column}
.recap-dit__ligne{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px var(--e4);padding:12px 0;border-bottom:1px solid var(--trait)}
.recap-dit__ligne dt{font-weight:700;color:var(--encre)}
.recap-dit__ligne dd{display:flex;align-items:center;gap:var(--e3);margin:0;color:var(--ardoise)}
.sections-progression{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.sections-progression span{height:6px;border-radius:3px;background:var(--brume)}
.sections-progression span.fait{background:var(--violet)}
.sections-progression span.en-cours{background:var(--bleu)}
.calcul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--e4)}
.calcul--3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:700px){.calcul,.calcul--3{grid-template-columns:1fr}}
.resultat{padding:var(--e4) var(--e5);border-radius:var(--r-l);background:var(--voile-violet,#f5f0fc);border:1px solid var(--trait);display:flex;flex-direction:column;gap:4px}
/* ===== fin étape 4 ===== */

/* ===== Étape 5 · espace client (ajouts, aucune règle existante modifiée) ===== */
/* Ouverture « gaz » en haut de l'espace, puis fond blanc ; tout le texte est dans des cartes blanches */
.espace{padding:var(--e6) var(--e7) var(--e8);background:
 radial-gradient(900px 420px at 30% -120px,rgba(224,85,159,.36),rgba(224,85,159,0) 72%),
 radial-gradient(760px 460px at 100% -60px,rgba(155,111,208,.45),rgba(155,111,208,0) 72%),
 radial-gradient(640px 380px at -6% 360px,rgba(31,143,224,.30),rgba(31,143,224,0) 72%),
 radial-gradient(620px 380px at 104% 460px,rgba(245,160,58,.34),rgba(245,160,58,0) 72%),
 var(--blanc) no-repeat}
@media (max-width:700px){.espace{padding:var(--e4) var(--e4) var(--e7);background:
 radial-gradient(260px 200px at 104% -10px,rgba(224,85,159,.40),rgba(224,85,159,0) 72%),
 radial-gradient(240px 300px at 112% 240px,rgba(155,111,208,.42),rgba(155,111,208,0) 72%),
 radial-gradient(300px 220px at -14% 380px,rgba(31,143,224,.32),rgba(31,143,224,0) 72%),
 radial-gradient(260px 200px at 110% 520px,rgba(245,160,58,.40),rgba(245,160,58,0) 72%),
 var(--blanc) no-repeat}}
.espace__in{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:280px minmax(0,1fr);gap:var(--e6);align-items:start}
.espace__in--seul{grid-template-columns:minmax(0,1fr);max-width:880px}
.espace__nav{position:sticky;top:16px;display:flex;flex-direction:column;gap:var(--e3)}
.espace__nav-tel{display:none}
.espace__contenu{display:flex;flex-direction:column;gap:var(--e5);min-width:0}
@media (max-width:900px){
 .espace__in{grid-template-columns:minmax(0,1fr);gap:var(--e4)}
 .espace__nav{position:static}
 .espace__nav>.nav-espace{display:none}
 .espace__nav-tel{display:flex;gap:8px;padding:8px;border-radius:var(--r-l);background:var(--blanc);border:1px solid var(--trait)}
 .espace__nav-tel .btn:first-child{flex:1;justify-content:space-between}
}
.bloc{background:var(--blanc);border:1px solid var(--trait);border-radius:var(--r-l);box-shadow:var(--ombre-1);padding:var(--e5);display:flex;flex-direction:column;gap:var(--e4);min-width:0}
@media (max-width:700px){.bloc{padding:var(--e4)}}
.bloc__tete{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--e2) var(--e4)}
.bloc--fort{border:2px solid var(--encre)}
.bloc--voile-violet{background:var(--voile-violet,#f5f0fc)}
.bloc--voile-bleu{background:var(--voile-bleu,#eef6fd)}
.bloc--voile-ambre{background:var(--voile-ambre,#fef5ea)}
.bloc--voile-rose{background:var(--voile-rose,#fcf0f7)}
.cartes-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--e4)}
@media (max-width:1100px){.cartes-2{grid-template-columns:minmax(0,1fr)}}
.ligne-etat{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--e3) var(--e4);padding:14px 0;border-top:1px solid var(--trait)}
.ligne-etat:first-of-type{border-top:0}
.ligne-etat__nom{display:flex;align-items:center;gap:12px;min-width:0;flex:1 1 220px}
.ligne-etat__actions{display:flex;flex-wrap:wrap;gap:8px}
.repli{border-top:1px solid var(--trait)}
.repli>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:var(--e3);min-height:56px;cursor:pointer;font-family:var(--f-titre);font-weight:700;font-size:18px}
.repli>summary::-webkit-details-marker{display:none}
.repli[open]>summary .i-chevron-bas{transform:rotate(180deg)}
.repli__corps{display:flex;flex-direction:column;gap:var(--e3);padding-bottom:var(--e4)}
.etat-assistant{display:flex;flex-wrap:wrap;align-items:center;gap:var(--e4) var(--e5)}
.etat-assistant__texte{flex:1 1 320px;display:flex;flex-direction:column;gap:6px;min-width:0}
/* Activité de mon assistant (allure de la planche M21) */
.chiffres-mois{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
@media (max-width:700px){.chiffres-mois{grid-template-columns:minmax(0,1fr)}}
.chiffre-mois{padding:20px;border-radius:20px;display:flex;flex-direction:column;gap:4px}
.chiffre-mois:nth-child(1){background:var(--voile-rose,#fcf0f7)}
.chiffre-mois:nth-child(2){background:var(--voile-violet,#f5f0fc)}
.chiffre-mois:nth-child(3){background:var(--voile-bleu,#eef6fd)}
.chiffre-mois__valeur{font-family:var(--f-titre);font-weight:800;font-size:44px;line-height:1;font-variant-numeric:tabular-nums}
.graphes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
@media (max-width:1000px){.graphes{grid-template-columns:minmax(0,1fr)}}
.graphe{margin:0;padding:24px;border-radius:20px;border:1px solid var(--trait);background:var(--blanc);display:flex;flex-direction:column;gap:16px;min-width:0}
.graphe>figcaption{font-family:var(--f-titre);font-weight:700;font-size:19px}
.barres{position:relative;height:220px;display:flex;align-items:flex-end;gap:14px;padding:0 4px;border-bottom:1px solid var(--contour)}
.barres__repere{position:absolute;left:0;right:0;border-top:1px dashed var(--trait)}
.barres__col{flex:1 1 0;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px}
.barres__barre{width:70%;max-width:56px;border-radius:4px 4px 0 0;background:var(--bleu)}
.barres__valeur{font-size:13px;font-weight:700;color:var(--encre)}
.barres__axe{display:flex;gap:14px;padding:0 4px}
.barres__axe span{flex:1 1 0;text-align:center;font-size:12px;color:var(--ardoise)}
.hbarres{display:flex;flex-direction:column;gap:12px}
.hbarre{display:grid;grid-template-columns:110px minmax(0,1fr) 40px;align-items:center;gap:12px}
.hbarre__nom{font-size:14px;font-weight:600}
.hbarre__piste{height:22px;border-radius:0 4px 4px 0;background:var(--brume);overflow:hidden}
.hbarre__plein{display:block;height:22px;border-radius:0 4px 4px 0;background:var(--violet)}
.hbarre__n{font-size:14px;font-weight:700;text-align:right;font-variant-numeric:tabular-nums}
.journal{width:100%;border-collapse:collapse;font-size:14px}
.journal th,.journal td{padding:10px 8px;border-bottom:1px solid var(--trait);text-align:right;font-variant-numeric:tabular-nums}
.journal th:first-child,.journal td:first-child{text-align:left}
.journal thead th{font-family:var(--f-titre);font-weight:700;font-size:13px;color:var(--ardoise)}
.jours{display:flex;flex-direction:column;gap:10px;width:100%}
.jour{border:1px solid var(--trait);border-radius:var(--r-m);padding:12px 14px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;font-size:14px}
.jour dt{font-weight:600}.jour dd{margin:0;text-align:right;font-weight:700;font-variant-numeric:tabular-nums}
.jour__date{grid-column:1/-1;font-family:var(--f-titre);font-weight:800;font-size:15px}
/* Discuter */
.discuter{display:flex;flex-direction:column;min-height:640px}
.discuter__fil{flex:1;display:flex;flex-direction:column;gap:18px}
.discuter__saisie{position:sticky;bottom:0;background:var(--blanc);padding-top:var(--e3);border-top:1px solid var(--trait);display:flex;flex-direction:column;gap:6px}
.discuter__vide{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--e4);text-align:center;padding:var(--e6) 0}
.suggestions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.suggestion{min-height:44px;padding:8px 16px;border-radius:var(--r-pilule);border:1.5px solid var(--contour);background:var(--blanc);font-family:var(--f-texte);font-weight:600;font-size:15px;color:var(--encre);cursor:pointer}
.tiroir{position:fixed;inset:0;z-index:30;background:var(--blanc);display:flex;flex-direction:column;gap:var(--e4);padding:var(--e4)}
/* Mon offre : ajout d'un pack (allure de la planche M10) */
.pack-carte{border:1px solid var(--trait);border-radius:var(--r-l);padding:var(--e5);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--e4) var(--e5);align-items:start;background:var(--blanc)}
@media (max-width:760px){.pack-carte{grid-template-columns:minmax(0,1fr)}}
.pack-carte__actions{display:flex;flex-direction:column;gap:10px;min-width:220px}
@media (max-width:760px){.pack-carte__actions{min-width:0}}
.prix-unique{font-family:var(--f-titre);font-weight:800;font-size:22px}
.pack-carte__liste{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px}
@media (max-width:760px){.pack-carte__liste{grid-template-columns:minmax(0,1fr)}}
.pack-carte__liste li{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600}
.pack-carte__liste .i{color:var(--bleu-texte)}
.liste-packs{display:flex;flex-direction:column}
/* Factures sur téléphone : une carte par facture */
.factures-cartes{display:none;flex-direction:column;gap:10px}
@media (max-width:700px){.factures-tableau{display:none}.factures-cartes{display:flex}}
.facture{border:1px solid var(--trait);border-radius:var(--r-m);padding:14px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;font-size:14px}
.facture dt{color:var(--ardoise)}.facture dd{margin:0;text-align:right;font-weight:700}
.facture__actions{grid-column:1/-1;display:flex;gap:8px;padding-top:8px}
/* Résilier : frise de trois dates (R9.14) */
.frise-dates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;counter-reset:d}
@media (max-width:700px){.frise-dates{grid-template-columns:minmax(0,1fr)}}
.frise-dates li{border-radius:var(--r-m);padding:14px 16px;display:flex;flex-direction:column;gap:4px}
.frise-dates li:nth-child(1){background:var(--voile-rose,#fcf0f7)}
.frise-dates li:nth-child(2){background:var(--voile-violet,#f5f0fc)}
.frise-dates li:nth-child(3){background:var(--voile-bleu,#eef6fd)}
/* Aperçu public de l'espace : 8 tuiles */
.tuiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
@media (max-width:1000px){.tuiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
.tuile{border:1px solid var(--trait);border-radius:var(--r-l);padding:18px;display:flex;flex-direction:column;gap:8px;background:var(--blanc);min-height:120px}
.tuile:nth-child(4n+1) .i{color:var(--rose)}.tuile:nth-child(4n+2) .i{color:var(--violet)}.tuile:nth-child(4n+3) .i{color:var(--bleu)}.tuile:nth-child(4n+4) .i{color:#8a4b00}
/* Aide de l'espace : liste des guides et demande proposée */
.guides-liste{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
@media (max-width:1100px){.guides-liste{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.guides-liste{grid-template-columns:minmax(0,1fr)}}
.guide-lien{display:flex;flex-direction:column;gap:6px;min-height:44px;padding:14px 16px;border:1px solid var(--trait);border-radius:var(--r-m);background:var(--blanc);color:var(--encre);text-decoration:none}
.guide-lien:hover{border-color:var(--encre);color:var(--encre)}
.demande-proposee{border:1.5px solid var(--encre);border-radius:var(--r-m);padding:14px 16px;background:var(--blanc);display:flex;flex-direction:column;gap:8px}
/* Membres : deux champs côte à côte */
.champs-ligne{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:var(--e3)}
@media (max-width:700px){.champs-ligne{grid-template-columns:minmax(0,1fr)}}
/* Bien démarrer : astuces jour par jour */
.jours-astuces{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.jour-astuce{display:grid;grid-template-columns:72px minmax(0,1fr);gap:4px 12px;padding:12px 14px;border-radius:var(--r-m);background:var(--blanc);border:1px solid var(--trait);font-size:15px}
@media (max-width:500px){.jour-astuce{grid-template-columns:minmax(0,1fr)}}
.jour-astuce--fait{color:var(--ardoise)}
.jour-astuce--courant{border:1.5px solid var(--encre)}
.jour-astuce__variante{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border-radius:10px;background:var(--voile-bleu,#eef6fd)}
/* Ce que mon assistant retient */
.souvenirs{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.souvenir{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--e3);padding:14px 0;border-top:1px solid var(--trait)}
.souvenir:first-child{border-top:0}
.souvenir__confirmer{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--r-m);background:var(--voile-ambre,#fef5ea)}
/* ===== fin étape 5 ===== */

/* ===== Étape 6 · aide, pages légales et erreurs (ajouts, aucune règle existante modifiée) ===== */
/* Aide et guides : un guide ouvert à la fois, étapes numérotées */
.acc__item--guide>summary{align-items:flex-start;padding:16px 0}
.acc__item--guide>summary h3{font-family:var(--f-titre);font-weight:700;font-size:19px;line-height:1.3;color:var(--encre)}
.acc__lire{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 4px;font-family:var(--f-titre);font-weight:700;font-size:14px;color:var(--encre);white-space:nowrap}
.acc__item--guide[open]>summary .acc__lire .i{transform:rotate(180deg)}
.acc__item--guide .acc__corps{display:flex;flex-direction:column;gap:var(--e4);max-width:72ch}
.guide-etapes{margin:0;padding:0;list-style:none;counter-reset:ge;display:flex;flex-direction:column;gap:10px}
.guide-etapes li{counter-increment:ge;display:grid;grid-template-columns:32px minmax(0,1fr);gap:12px;align-items:start;color:var(--encre);font-size:16px;line-height:1.55}
.guide-etapes li::before{content:counter(ge);width:32px;height:32px;border-radius:50%;background:var(--brume);color:var(--encre);display:grid;place-items:center;font-family:var(--f-titre);font-weight:800;font-size:14px}
@media (max-width:600px){.acc__lire{font-size:0;gap:0}.acc__lire .i{font-size:16px}}
/* Gestes numérotés (Votre assistant ne répond plus ?, Partir avec vos données) */
.gestes{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--e4)}
@media (max-width:900px){.gestes{grid-template-columns:minmax(0,1fr)}}
.geste{display:flex;gap:var(--e3);align-items:flex-start;background:var(--blanc);border:1px solid var(--trait);border-radius:var(--r-l);padding:var(--e4) var(--e5)}
.geste .frise__num{flex:none}
/* Page introuvable */
.introuvable{min-height:420px;display:flex;align-items:center;justify-content:center}
/* Page légale unique : sommaire, articles numérotés, tableaux */
.juri__version{justify-content:center}
.juri__version .bandeau__texte{flex:0 1 auto}
.juri{padding-top:var(--e7)}
.juri__in{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:280px minmax(0,1fr);gap:var(--e7);align-items:start}
.juri__sommaire{position:sticky;top:16px;border:1px solid var(--trait);border-radius:var(--r-l);padding:var(--e4);background:var(--blanc)}
.juri__sommaire-repli>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:var(--e3);min-height:44px;cursor:pointer}
.juri__sommaire-repli>summary::-webkit-details-marker{display:none}
.juri__sommaire--tel{display:none}
.juri__sommaire--large{max-height:calc(100vh - 32px);overflow:auto}
.juri__sommaire-repli[open]>summary .i{transform:rotate(180deg)}
.juri__sommaire ol{list-style:none;margin:var(--e3) 0 0;padding:0;display:flex;flex-direction:column}
.juri__sommaire a{display:flex;align-items:center;min-height:40px;padding:4px 8px;border-radius:8px;color:var(--encre);text-decoration:none;font-size:15px;font-weight:600}
.juri__sommaire a:hover{background:var(--brume);color:var(--encre)}
.juri__texte{display:flex;flex-direction:column;gap:var(--e6);max-width:76ch;min-width:0}
.juri__article{display:flex;flex-direction:column;gap:var(--e3);scroll-margin-top:16px}
.juri__article>p{color:var(--encre);font-size:16px;line-height:1.65}
.juri-tableau{border:1px solid var(--trait);border-radius:var(--r-m);overflow:hidden;background:var(--blanc)}
.juri-tableau table{width:100%;border-collapse:collapse;font-size:15px}
.juri-tableau caption{text-align:left;padding:12px 16px;font-family:var(--f-titre);font-weight:700;color:var(--encre);background:var(--brume)}
.juri-tableau th,.juri-tableau td{padding:12px 16px;text-align:left;vertical-align:top;border-top:1px solid var(--trait);color:var(--encre)}
.juri-tableau thead th{font-family:var(--f-titre);font-weight:700;font-size:14px}
.juri-tableau tbody th{font-weight:700}
@media (max-width:900px){
 .juri__in{grid-template-columns:minmax(0,1fr);gap:var(--e5)}
 .juri__sommaire{position:static}
 .juri__sommaire--large{display:none}
 .juri__sommaire--tel{display:block}
}
@media (max-width:700px){
 .juri-tableau thead{display:none}
 .juri-tableau tr{display:flex;flex-direction:column;gap:6px;padding:12px 16px;border-top:1px solid var(--trait)}
 .juri-tableau th,.juri-tableau td{padding:0;border:0;display:flex;flex-direction:column;gap:2px}
 .juri-tableau th::before,.juri-tableau td::before{content:attr(data-col);font-family:var(--f-titre);font-weight:700;font-size:13px;color:var(--ardoise)}
}
@media print{
 .juri__sommaire,.juri__sommaire--tel,.juri__version{display:none!important}
 .juri__haut{background:#fff!important;padding:0!important}
 .juri__haut .surtitre{display:none}
 .juri{padding:0}.juri__in{display:block}
 .juri__article>p,.juri-tableau th,.juri-tableau td,.juri-tableau caption{color:#000}
 .juri-tableau{border:0;border-radius:0}
 .juri-tableau table{border:1px solid #000}
 .juri-tableau th,.juri-tableau td{border:1px solid #000}
 .juri-tableau caption{background:#fff;padding:0 0 6px}
 .juri-tableau tr{break-inside:avoid}
}
.papier--a4{max-width:640px;min-height:900px}
/* ===== fin étape 6 ===== */

/* ===== Teintes d'Aurore vive : répartition (rose, violet, bleu, ambre) ===== */
:root{
  --voile-rose:#fcf0f7;--voile-violet:#f5f0fc;--voile-bleu:#eef6fd;--voile-ambre:#fef5ea;
  --t1:var(--rose);--t2:var(--violet);--t3:var(--bleu);--t4:var(--orange)
}
/* Fond de page : blanc, plus de rose pâle par défaut */
.ca{background:var(--blanc)}
/* Ouverture « gaz » : les quatre teintes visibles, texte sur zone calme */
.heros,.haut{background:
 radial-gradient(980px 520px at 50% -140px,rgba(224,85,159,.70),rgba(224,85,159,0) 72%),
 radial-gradient(800px 620px at 104% 4%,rgba(155,111,208,.82),rgba(155,111,208,0) 72%),
 radial-gradient(900px 560px at -6% 112%,rgba(31,143,224,.75),rgba(31,143,224,0) 72%),
 radial-gradient(760px 500px at 102% 112%,rgba(245,160,58,.80),rgba(245,160,58,0) 72%),
 var(--blanc)}
@media (max-width:700px){.heros,.haut{background:
 radial-gradient(300px 200px at 100% -20px,rgba(224,85,159,.50),rgba(224,85,159,0) 72%),
 radial-gradient(260px 340px at 112% 48%,rgba(155,111,208,.55),rgba(155,111,208,0) 72%),
 radial-gradient(380px 260px at -14% 104%,rgba(31,143,224,.50),rgba(31,143,224,0) 72%),
 radial-gradient(320px 240px at 112% 104%,rgba(245,160,58,.60),rgba(245,160,58,0) 72%),
 var(--blanc)}}
.ca:has(>.planche){background:
 radial-gradient(760px 380px at 30% -80px,rgba(224,85,159,.34),rgba(224,85,159,0) 72%),
 radial-gradient(640px 420px at 100% -40px,rgba(155,111,208,.45),rgba(155,111,208,0) 72%),
 radial-gradient(560px 360px at -6% 380px,rgba(31,143,224,.30),rgba(31,143,224,0) 72%),
 radial-gradient(560px 360px at 104% 420px,rgba(245,160,58,.36),rgba(245,160,58,0) 72%),
 var(--blanc) no-repeat}
@media (max-width:700px){.ca:has(>.planche){background:
 radial-gradient(260px 200px at 104% -10px,rgba(224,85,159,.42),rgba(224,85,159,0) 72%),
 radial-gradient(240px 300px at 112% 260px,rgba(155,111,208,.45),rgba(155,111,208,0) 72%),
 radial-gradient(300px 220px at -14% 420px,rgba(31,143,224,.34),rgba(31,143,224,0) 72%),
 radial-gradient(260px 200px at 110% 520px,rgba(245,160,58,.42),rgba(245,160,58,0) 72%),
 var(--blanc) no-repeat}}
/* Voiles des sections : blanc en alternance avec rose, violet, bleu, ambre (chaque voile mêle deux teintes) */
.section--voile-rose{background:radial-gradient(720px 460px at 100% 0%,rgba(155,111,208,.26),rgba(155,111,208,0) 72%),radial-gradient(620px 420px at 0% 100%,rgba(245,160,58,.16),rgba(245,160,58,0) 72%),var(--voile-rose)}
.section--voile-violet{background:radial-gradient(720px 460px at 100% 100%,rgba(31,143,224,.24),rgba(31,143,224,0) 72%),radial-gradient(620px 420px at 0% 0%,rgba(224,85,159,.16),rgba(224,85,159,0) 72%),var(--voile-violet)}
.section--voile-bleu{background:radial-gradient(720px 460px at 0% 100%,rgba(155,111,208,.24),rgba(155,111,208,0) 72%),radial-gradient(620px 420px at 100% 0%,rgba(31,143,224,.18),rgba(31,143,224,0) 72%),var(--voile-bleu)}
.section--voile-ambre{background:radial-gradient(720px 460px at 0% 0%,rgba(224,85,159,.20),rgba(224,85,159,0) 72%),radial-gradient(620px 420px at 100% 100%,rgba(245,160,58,.26),rgba(245,160,58,0) 72%),var(--voile-ambre)}
/* Accents en rotation : icônes */
:is(.reperes,.liste-icones,.liste-coche,.conditions__liste,.liste-mots--oui,.canaux,.etapes-donnees,.sorties ul,.fil-n8,.liste-teintes)>:nth-child(4n+1):not(.bientot) .i:not(.i-chevron-droite):not(.i-chevron-gauche):not(.i-chevron-bas){color:var(--t1)!important}
:is(.reperes,.liste-icones,.liste-coche,.conditions__liste,.liste-mots--oui,.canaux,.etapes-donnees,.sorties ul,.fil-n8,.liste-teintes)>:nth-child(4n+2):not(.bientot) .i:not(.i-chevron-droite):not(.i-chevron-gauche):not(.i-chevron-bas){color:var(--t2)!important}
:is(.reperes,.liste-icones,.liste-coche,.conditions__liste,.liste-mots--oui,.canaux,.etapes-donnees,.sorties ul,.fil-n8,.liste-teintes)>:nth-child(4n+3):not(.bientot) .i:not(.i-chevron-droite):not(.i-chevron-gauche):not(.i-chevron-bas){color:var(--t3)!important}
:is(.reperes,.liste-icones,.liste-coche,.conditions__liste,.liste-mots--oui,.canaux,.etapes-donnees,.sorties ul,.fil-n8,.liste-teintes)>:nth-child(4n+4):not(.bientot) .i:not(.i-chevron-droite):not(.i-chevron-gauche):not(.i-chevron-bas){color:var(--t4)!important}
/* Numéros d'étapes et points : fond teinté, chiffre en Encre */
.frise>:nth-child(4n+1) .frise__num,.etapes-donnees>:nth-child(4n+1) .frise__num{background:var(--t1);color:var(--encre)}
.frise>:nth-child(4n+2) .frise__num,.etapes-donnees>:nth-child(4n+2) .frise__num{background:var(--t2);color:var(--encre)}
.frise>:nth-child(4n+3) .frise__num,.etapes-donnees>:nth-child(4n+3) .frise__num{background:var(--t3);color:var(--encre)}
.frise>:nth-child(4n+4) .frise__num,.etapes-donnees>:nth-child(4n+4) .frise__num{background:var(--t4);color:var(--encre)}
.point{color:var(--encre);background:var(--t1)}
.point[aria-label^="Point 2"]{background:var(--t2)}
.point[aria-label^="Point 3"]{background:var(--t3)}
.point[aria-label^="Point 4"]{background:var(--t4)}
.point[aria-label^="Point 5"]{background:var(--t1)}
.point[aria-pressed="true"]{background:var(--prune);color:#fff}
.plan__point:nth-of-type(4n+1) .plan__rond:not(.plan__rond--sortie){background:var(--t1);color:var(--encre)}
.plan__point:nth-of-type(4n+2) .plan__rond:not(.plan__rond--sortie){background:var(--t2);color:var(--encre)}
.plan__point:nth-of-type(4n+3) .plan__rond:not(.plan__rond--sortie){background:var(--t3);color:var(--encre)}
.plan__point:nth-of-type(4n+4) .plan__rond:not(.plan__rond--sortie){background:var(--t4);color:var(--encre)}
/* Filets en haut des cartes de contenu (sans changer leur taille) */
:is(.trois,.quatre,.grille,.chiffres,.reperes)>li:is(.carte,.prix-carte,.repere):not(.bientot),.planche .spec{background-repeat:no-repeat;background-size:40px 4px;background-position:28px 0}
:is(.trois,.quatre,.grille,.chiffres,.reperes)>li:is(.carte,.prix-carte,.repere):not(.bientot):nth-child(4n+1),.planche .spec:nth-child(4n+1){background-image:linear-gradient(var(--t1),var(--t1))}
:is(.trois,.quatre,.grille,.chiffres,.reperes)>li:is(.carte,.prix-carte,.repere):not(.bientot):nth-child(4n+2),.planche .spec:nth-child(4n+2){background-image:linear-gradient(var(--t2),var(--t2))}
:is(.trois,.quatre,.grille,.chiffres,.reperes)>li:is(.carte,.prix-carte,.repere):not(.bientot):nth-child(4n+3),.planche .spec:nth-child(4n+3){background-image:linear-gradient(var(--t3),var(--t3))}
:is(.trois,.quatre,.grille,.chiffres,.reperes)>li:is(.carte,.prix-carte,.repere):not(.bientot):nth-child(4n+4),.planche .spec:nth-child(4n+4){background-image:linear-gradient(var(--t4),var(--t4))}
.capacites>div:nth-child(4n+1){border-top-color:var(--t1)}
.capacites>div:nth-child(4n+2){border-top-color:var(--t2)}
.capacites>div:nth-child(4n+3){border-top-color:var(--t3)}
.capacites>div:nth-child(4n+4){border-top-color:var(--t4)}
.liste-icones>li:nth-child(4n+1){border-bottom-color:rgba(224,85,159,.35)}
.liste-icones>li:nth-child(4n+2){border-bottom-color:rgba(155,111,208,.35)}
.liste-icones>li:nth-child(4n+3){border-bottom-color:rgba(31,143,224,.35)}
.liste-icones>li:nth-child(4n+4){border-bottom-color:rgba(245,160,58,.45)}
/* Pastilles décoratives et fonds de cartes */
.quatre>li:nth-child(4n+1) .pack__contenu li{background:var(--voile-rose)}
.quatre>li:nth-child(4n+2) .pack__contenu li{background:var(--voile-violet)}
.quatre>li:nth-child(4n+3) .pack__contenu li{background:var(--voile-bleu)}
.quatre>li:nth-child(4n+4) .pack__contenu li{background:var(--voile-ambre)}
.citation{border-left-color:var(--violet)}
.confier__zone--ia{background:var(--voile-bleu)}
.confier__bilan .jauge__plein{background:linear-gradient(90deg,var(--rose),var(--violet),var(--bleu),var(--orange))}
.visite__points span.actif{background:linear-gradient(90deg,var(--rose),var(--violet))}
/* Illustrations */
.plan__paris{background:
 radial-gradient(ellipse 60% 60% at 30% 30%,rgba(224,85,159,.22),rgba(224,85,159,0) 70%),
 radial-gradient(ellipse 60% 60% at 75% 40%,rgba(155,111,208,.22),rgba(155,111,208,0) 70%),
 radial-gradient(ellipse 60% 60% at 45% 80%,rgba(31,143,224,.20),rgba(31,143,224,0) 70%),
 rgba(255,255,255,.4)}
.plan{background:
 repeating-linear-gradient(0deg,rgba(23,20,29,.045) 0 1px,transparent 1px 44px),
 repeating-linear-gradient(90deg,rgba(23,20,29,.045) 0 1px,transparent 1px 44px),
 radial-gradient(ellipse 40% 50% at 100% 100%,rgba(245,160,58,.16),rgba(245,160,58,0) 70%),#ffffff}
/* Dernier appel en panneau sur « gaz » (texte gardé sur fond calme) */
.appel__panneau{max-width:1280px;margin:0 auto;background:var(--blanc);border-radius:var(--r-xl);box-shadow:var(--ombre-2);padding:var(--e7) var(--e6)}
@media (max-width:700px){.appel__panneau{padding:var(--e6) var(--e4)}}
/* ===== fin teintes ===== */
/* Texte sur zones d'ouverture : Encre, fond uni sous le texte (contraste en pic de halo) */
.gaz :is(.surtitre,.texte,.petit),.heros :is(.surtitre,.texte,.petit),.haut :is(.surtitre,.texte,.petit){color:var(--encre)}