/* Feuille de style des maquettes Securost : polices, puis 1-socle.css, 2-pages.css, 3-contenus.css, 4-espace.css, 5-ecrans.css, 6-emails.css de ../src. */
@font-face{font-family:"Unbounded";font-style:normal;font-weight:100 900;font-display:swap;src:url("polices/unbounded-latin-ext-wght-normal.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Unbounded";font-style:normal;font-weight:100 900;font-display:swap;src:url("polices/unbounded-latin-wght-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Onest";font-style:normal;font-weight:100 900;font-display:swap;src:url("polices/onest-latin-ext-wght-normal.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Onest";font-style:normal;font-weight:100 900;font-display:swap;src:url("polices/onest-latin-wght-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Geist Mono";font-style:normal;font-weight:100 900;font-display:swap;src:url("polices/geist-mono-latin-ext-wght-normal.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Geist Mono";font-style:normal;font-weight:100 900;font-display:swap;src:url("polices/geist-mono-latin-wght-normal.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ==========================================================================
   Securost, site vitrine. Direction « Le Ruban », palette « Braise ».
   Le rouge est celui du logo. Il glisse vers l'orange dans les grands aplats,
   sur des fonds pêche, crème, abricot et rose. Textes en brun très foncé.
   Ni bleu, ni noir, aucune surface sombre. Maquettes pour ordinateur (1440 px).
   ========================================================================== */
:root{
  --rouge:#DC1A23;--rouge-fonce:#B5121A;--rose:#FFE5E2;
  --encre:#3A100A;--texte:#5E4A43;--discret:#725E57;
  --peche:#FFE0C9;--creme:#FFF5EC;--abricot:#FFDDAE;--blanc:#fff;
  --trait:#F3DDCD;--trait-fort:#E7C7B2;
  --braise:linear-gradient(112deg,#DC1A23 0%,#DC1A23 44%,#F2441C 74%,#FF8A1F 100%);
  --vert:#157A41;--vert-clair:#DDF3E5;
  --ombre:rgba(58,16,10,.14);
  --r1:rgba(255,255,255,.17);--r2:rgba(150,0,20,.34);--r3:rgba(150,0,20,.18);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;min-width:1440px;overflow-x:hidden;background:#fff;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  font:400 18px/28px "Onest",system-ui,sans-serif;color:var(--texte)}
h1,h2,h3,h4,p,ul,ol,dl,dd,figure{margin:0}
ul,ol{padding:0;list-style:none}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
button{background:none;border:0;padding:0;cursor:pointer}
svg,img{display:block;max-width:100%}
table{border-collapse:collapse;width:100%}
[hidden]{display:none!important}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.ic{flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.logo{display:block;flex:none;color:#0B151B}
.logo--sombre{color:#fff}
#ruban .r1{fill:var(--r1)}
#ruban .r2{fill:var(--r2)}
#ruban .r3{fill:var(--r3)}
:focus-visible{outline:3px solid var(--encre);outline-offset:3px;border-radius:12px}

.c{width:100%;max-width:1440px;margin-inline:auto;padding-inline:48px}
h1,h2{font-family:"Unbounded",sans-serif;font-weight:700;color:var(--encre)}
h1{font-size:56px;line-height:62px;letter-spacing:-.02em}
h2{font-size:40px;line-height:48px;letter-spacing:-.015em}
h3{font:700 21px/28px "Onest",sans-serif;color:var(--encre)}

/* --- Boutons --------------------------------------------------------------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:58px;padding:0 30px;border:2px solid transparent;border-radius:999px;font:600 17px/24px "Onest",sans-serif;white-space:nowrap;transition:background-color .12s,color .12s,border-color .12s,transform .12s}
.btn:hover{transform:translateY(-1px)}
.btn--moyen{height:48px;padding:0 24px;font-size:16px}
.btn--large{width:100%}
.btn--rouge{background:var(--rouge);color:#fff}
.btn--rouge:hover{background:var(--rouge-fonce)}
.btn--blanc{background:#fff;color:var(--encre)}
.btn--contour{border-color:rgba(255,255,255,.75);color:#fff}
.btn--contour:hover{background:rgba(255,255,255,.14)}
.btn--contour-encre{border-color:var(--encre);color:var(--encre)}
.btn--contour-encre:hover{background:var(--encre);color:#fff}
.actions{display:flex;gap:12px;flex-wrap:wrap}
.disque{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;background:var(--rouge);color:#fff;transition:background-color .12s}
a:hover>.disque,a:hover>*>.disque{background:var(--encre)}
.picto{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:16px;background:var(--rose);color:var(--rouge)}
.prix{color:var(--discret);font-size:15px;line-height:22px}
.prix strong{font:700 34px/38px "Onest",sans-serif;letter-spacing:-.02em;color:var(--encre)}
.prix--texte strong{font-size:26px}

/* --- Bandeau d'annonce et navigation ---------------------------------------- */
.annonce{background:var(--creme);font-size:15px;line-height:22px;color:var(--encre)}
.annonce .c{display:flex;align-items:center;justify-content:center;gap:12px;height:44px}
.annonce b{padding:2px 10px;border-radius:999px;background:var(--rouge);font-weight:600;font-size:13px;color:#fff}
.annonce a{display:inline-flex;align-items:center;gap:4px;font-weight:600;color:var(--rouge)}
.annonce a:hover{text-decoration:underline;text-underline-offset:4px}
.nav{position:relative;z-index:30}
.nav .c{display:flex;align-items:center;gap:24px;height:96px}
.nav nav{display:flex;gap:4px;margin-inline:auto;padding:5px;background:var(--creme);border-radius:999px}
.nav__item{position:relative}
.nav__lien,.nav__aide{display:flex;align-items:center;gap:6px;padding:9px 18px;border-radius:999px;font:600 16px/24px "Onest",sans-serif;color:var(--encre)}
.nav__lien .ic,.nav__aide .ic{opacity:.6}
.nav__lien:hover,.nav__item:hover>.nav__lien{background:#fff}
.nav__lien.est-actif{background:#fff;color:var(--rouge)}
.nav__aide.est-actif{color:var(--rouge)}
.mega{position:absolute;left:50%;top:100%;z-index:40;display:none;padding-top:14px;transform:translateX(-50%)}
.nav__item:hover>.mega,.nav__item:focus-within>.mega,.mega.est-ouvert{display:block}
.nav__item--droite .mega{left:auto;right:-150px;transform:none}
.mega__carte{width:540px;padding:10px;background:#fff;border-radius:28px;box-shadow:0 24px 60px rgba(58,16,10,.2),0 0 0 1px var(--trait)}
.mega__lien{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:20px}
.mega__lien:hover{background:var(--creme)}
.mega__texte{display:flex;flex-direction:column;min-width:0}
.mega__texte b{font:700 16px/24px "Onest",sans-serif;color:var(--encre)}
.mega__texte small{font-size:14px;line-height:20px;color:var(--discret)}
.mega__lien em{margin-left:auto;padding-left:12px;font:600 14px/20px "Onest",sans-serif;font-style:normal;color:var(--encre);white-space:nowrap}
.mega__pied{display:flex;align-items:center;justify-content:space-between;margin-top:6px;padding:14px 18px;border-radius:20px;background:var(--creme);font:600 15px/22px "Onest",sans-serif;color:var(--encre)}
.mega__pied:hover{color:var(--rouge)}

/* --- Hero ------------------------------------------------------------------- */
.hero{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 520px;align-items:center;gap:56px;min-height:560px;padding:72px;border-radius:44px;background:var(--braise);color:#fff}
.ruban{position:absolute;height:auto;pointer-events:none}
.hero__ruban{right:-70px;top:-150px;width:840px}
.hero__texte{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:22px;min-width:0}
.hero h1{color:#fff}
.hero__chapo{max-width:560px;font-size:20px;line-height:31px}
.fil{display:flex;align-items:center;gap:8px;font-size:15px;line-height:22px;font-weight:500}
.fil a:hover{text-decoration:underline;text-underline-offset:4px}
.fil .ic{opacity:.7}
.hero__prix{display:flex;align-items:baseline;gap:10px;font-size:16px;line-height:24px}
.hero__prix strong{font:700 44px/48px "Onest",sans-serif;letter-spacing:-.02em}
.hero__puces{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:15px;line-height:22px;font-weight:500}
.hero__puces li{display:flex;align-items:center;gap:8px}
.hero__puces .ic{stroke-width:2.5}
.hero__visuel{position:relative;min-width:0}
.hero--seul{display:block}
.hero--seul .hero__texte{max-width:820px}
.hero--seul .hero__chapo{max-width:620px}
.hero--accueil{min-height:600px;padding:80px 72px 150px}
.hero--accueil .hero__texte{gap:28px;max-width:640px}
.hero--accueil h1{font-size:68px;line-height:74px}
.hero--accueil .hero__chapo{max-width:520px;font-size:21px;line-height:32px}
.hero--clair{background:var(--peche);color:var(--texte);--r1:rgba(220,26,35,.06);--r2:rgba(220,26,35,.12);--r3:rgba(220,26,35,.09)}
.hero--clair h1{color:var(--encre)}
.hero--clair .fil{color:var(--encre)}
.hero--clair .hero__prix strong{color:var(--encre)}
.hero--court{min-height:0;padding-block:64px}

/* Chiffres clés à cheval sur le hero */
.chiffres{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:-56px 48px 0}
.chiffre{display:flex;flex-direction:column;gap:4px;padding:24px 28px 26px;background:#fff;border-radius:28px;box-shadow:0 18px 40px var(--ombre)}
.chiffre b{font:700 30px/38px "Unbounded",sans-serif;letter-spacing:-.02em;color:var(--rouge)}
.chiffre span{font-size:15px;line-height:22px;color:var(--discret)}

/* --- Panneaux et blocs --------------------------------------------------------- */
.panneau{position:relative;overflow:hidden;margin-top:28px;padding:72px;border-radius:44px}
.panneau--peche{background:var(--peche)}
.panneau--creme{background:var(--creme)}
.panneau--abricot{background:var(--abricot)}
.panneau--rose{background:var(--rose)}
.panneau--blanc{border:2px solid var(--trait)}
.panneau--blanc .croise{background:var(--creme)}
.panneau--braise{background:var(--braise);color:#fff}
.panneau--braise h2,.panneau--braise h3{color:#fff}
.panneau__ruban{right:-90px;top:-120px;width:760px}
.panneau>*:not(.ruban){position:relative}
.chiffres+.panneau,.chiffres+.bloc,.raccourcis+.panneau{margin-top:56px}
.bloc{padding:96px 72px}
.bloc--centre{text-align:center}
.bloc+.bloc{padding-top:0}
.panneau+.bloc{padding-top:96px}
.tete{margin-bottom:48px}
.tete__ligne{display:grid;grid-template-columns:minmax(0,1fr) 440px;align-items:end;gap:48px}
.tete__ligne p{font-size:18px;line-height:28px}
.tete--centre .tete__ligne{display:flex;flex-direction:column;align-items:center;gap:16px;max-width:820px;margin-inline:auto;text-align:center}
.tete--centre{text-align:center}
.tete--pile .tete__ligne{display:flex;flex-direction:column;align-items:flex-start;gap:14px;max-width:660px}
.sur{display:inline-flex;margin-bottom:16px;padding:6px 14px;border-radius:999px;background:var(--rose);font:600 14px/20px "Onest",sans-serif;color:var(--rouge-fonce)}
.panneau--rose .sur,.panneau--braise .sur{background:#fff}
.note{margin-top:24px;font-size:15px;line-height:24px;color:var(--discret)}
.note a{font-weight:600;color:var(--encre);text-decoration:underline;text-underline-offset:4px}

/* Deux colonnes de texte et de faits */
.duo-texte{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;align-items:start}
.duo-texte--centre{align-items:center}
.duo-texte>div:first-child{display:flex;flex-direction:column;align-items:flex-start;gap:20px}
.faits{display:flex;flex-direction:column;gap:10px}
.faits li{display:flex;align-items:flex-start;gap:18px;padding:20px 24px;background:#fff;border-radius:24px}
.faits b{font:700 17px/26px "Onest",sans-serif;color:var(--encre)}
.faits p{font-size:15px;line-height:23px}
.delais{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.delais li{display:flex;flex-direction:column;gap:8px;padding:26px 22px;background:#fff;border-radius:24px}
.delais b{font:700 34px/40px "Unbounded",sans-serif;letter-spacing:-.02em;color:var(--rouge)}
.delais span{font-size:15px;line-height:22px}

/* Coches */
.coches{display:flex;flex-direction:column;gap:12px}
.coches li{display:flex;align-items:flex-start;gap:12px}
.coches .ic{margin-top:4px;color:var(--rouge);stroke-width:2.5}
.coches--petit{gap:8px;font-size:15px;line-height:22px}
.coches--petit .ic{width:16px;height:16px;margin-top:3px}
.coches--2{display:grid;grid-template-columns:1fr 1fr;gap:14px 40px}

/* --- Étapes, atouts ------------------------------------------------------------- */
.etapes{display:grid;gap:20px}
.etapes--3{grid-template-columns:repeat(3,1fr)}
.etapes--4{grid-template-columns:repeat(4,1fr)}
.etape{padding:32px;background:#fff;border-radius:28px}
.bloc .etape,.panneau--blanc .etape{background:var(--creme)}
.etape__n{display:grid;place-items:center;width:52px;height:52px;margin-bottom:22px;border-radius:50%;background:var(--rouge);font:700 20px/1 "Unbounded",sans-serif;color:#fff}
.etape p{margin-top:8px;font-size:16px;line-height:26px}
.atouts{display:grid;gap:20px}
.atouts--2{grid-template-columns:repeat(2,1fr)}
.atouts--3{grid-template-columns:repeat(3,1fr)}
.atouts--4{grid-template-columns:repeat(4,1fr)}
.atout{padding:30px;background:var(--creme);border-radius:28px}
.panneau .atout{background:#fff}
.atout h3{margin:20px 0 6px;font-size:20px}
.atout p{font-size:16px;line-height:26px}

/* --- Cartes d'offre ------------------------------------------------------------- */
.offres{display:grid;gap:20px;align-items:stretch}
.offres--1{grid-template-columns:1fr}
.offres--2{grid-template-columns:repeat(2,1fr)}
.offres--3{grid-template-columns:repeat(3,1fr)}
.offres--4{grid-template-columns:repeat(4,1fr)}
.offres--5{grid-template-columns:repeat(5,1fr);gap:14px}
.offre{position:relative;display:flex;flex-direction:column;gap:12px;padding:30px 28px 28px;background:#fff;border:2px solid transparent;border-radius:28px}
.bloc .offre{background:var(--creme)}
.offre.est-vedette{border-color:var(--rouge)}
.offre__badge{position:absolute;left:26px;top:-14px;padding:4px 12px;border-radius:999px;background:var(--rouge);font:600 13px/18px "Onest",sans-serif;color:#fff}
.offre h3{font:600 22px/30px "Unbounded",sans-serif;letter-spacing:-.01em}
.offre__pour{font-size:15px;line-height:22px;color:var(--discret)}
.offre__specs{display:flex;flex-direction:column;margin-top:6px;font-variant-numeric:tabular-nums}
.offre__specs div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid var(--trait)}
.offre__specs dt{font-size:15px;line-height:22px;color:var(--discret)}
.offre__specs dd{font:600 15px/22px "Onest",sans-serif;color:var(--encre);text-align:right}
.offre__bas{display:flex;flex-direction:column;gap:16px;margin-top:auto;padding-top:14px}
.offres--5 .offre{padding:28px 20px 20px}
.offres--5 .offre h3{font-size:19px}
.offres--5 .prix strong{font-size:28px}
.offres--5 .btn{padding:0 12px;font-size:15px}
.onglets{display:inline-flex;gap:4px;margin-bottom:36px;padding:5px;background:#fff;border-radius:999px}
.bloc .onglets{background:var(--creme)}
.onglets button{display:flex;flex-direction:column;align-items:flex-start;padding:10px 26px;border-radius:999px;font:600 16px/22px "Onest",sans-serif;color:var(--encre);transition:background-color .12s,color .12s}
.onglets small{font-weight:500;font-size:13px;line-height:18px;color:var(--discret)}
.onglets button[aria-selected="true"]{background:var(--rouge);color:#fff}
.onglets button[aria-selected="true"] small{color:#fff}

/* --- Comparatif ------------------------------------------------------------------- */
.comparatif table{border-collapse:separate;border-spacing:0}
.comparatif th,.comparatif td{padding:18px 24px;text-align:left;vertical-align:top;font-size:16px;line-height:24px}
.comparatif thead th{padding-block:22px;font:700 18px/26px "Onest",sans-serif;color:var(--encre)}
.comparatif tbody th{width:250px;font-weight:600;color:var(--encre)}
.comparatif tbody tr>*{border-top:1px solid var(--trait-fort)}
.comparatif .est-vedette{background:#fff;color:var(--encre);font-weight:500}
.comparatif thead .est-vedette{border-radius:24px 24px 0 0;color:var(--rouge)}
.comparatif tbody tr:last-child .est-vedette{border-radius:0 0 24px 24px}
.comparatif .oui{color:var(--vert);stroke-width:2.5}
.comparatif .non{color:var(--discret)}

/* --- Questions fréquentes ----------------------------------------------------------- */
.faq{display:grid;grid-template-columns:400px minmax(0,1fr);gap:72px;align-items:start}
.faq__tete{display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.faq__tete p{font-size:17px;line-height:27px}
.question{margin-bottom:10px;padding:0 28px;background:var(--creme);border-radius:24px}
.question summary{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 0;font:600 18px/26px "Onest",sans-serif;color:var(--encre);cursor:pointer;list-style:none}
.question summary::-webkit-details-marker{display:none}
.question summary i{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;background:#fff;color:var(--rouge);transition:transform .15s}
.question[open] summary i{transform:rotate(45deg)}
.question p{padding:0 60px 26px 0;font-size:16.5px;line-height:27px}

/* --- Appel final ---------------------------------------------------------------------- */
.appel{position:relative;overflow:hidden;margin-top:28px;padding:88px 72px;border-radius:44px;background:var(--peche);--r1:rgba(220,26,35,.07);--r2:rgba(220,26,35,.14);--r3:rgba(220,26,35,.10)}
.bloc+.appel{margin-top:0}
.appel__ruban{right:-60px;top:-190px;width:800px}
.appel__texte{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:22px;max-width:700px}
.appel h2{font-size:44px;line-height:52px}
.appel p{max-width:560px;font-size:20px;line-height:31px}
.appel .actions{margin-top:8px}

/* --- Compris, liens croisés ------------------------------------------------------------- */
.compris ul{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;max-width:980px;margin:40px auto 0}
.compris li{display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 22px 0 18px;border:2px solid var(--encre);border-radius:999px;font:600 17px/24px "Onest",sans-serif;color:var(--encre)}
.compris .ic{color:var(--rouge);stroke-width:2.5}
.croises{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.croise{display:flex;flex-direction:column;gap:6px;padding:28px;background:var(--creme);border-radius:28px;transition:transform .15s}
.croise:hover{transform:translateY(-4px)}
.croise b{margin-top:14px;font:600 19px/26px "Unbounded",sans-serif;letter-spacing:-.01em;color:var(--encre)}
.croise p{font-size:15.5px;line-height:24px}
.croise__bas{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:18px;font:700 19px/26px "Onest",sans-serif;color:var(--encre)}
.croise__bas small{font-weight:400;font-size:14px;color:var(--discret)}

/* --- Fenêtres d'illustration ----------------------------------------------------------------- */
.fenetre{overflow:hidden;background:#fff;border-radius:24px;box-shadow:0 24px 60px rgba(58,16,10,.22);color:var(--texte);font-size:14px;line-height:20px;text-align:left}
.panneau .fenetre,.bloc .fenetre{box-shadow:0 18px 44px var(--ombre),0 0 0 1px var(--trait)}
.fenetre__barre{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid var(--trait)}
.fenetre__barre b{font:700 15px/22px "Onest",sans-serif;color:var(--encre)}
.fenetre__barre span{font-size:13px;color:var(--discret)}
.etat{display:inline-flex;align-items:center;gap:7px;margin-left:auto;padding:4px 12px 4px 10px;border-radius:999px;font:600 13px/20px "Onest",sans-serif;font-style:normal;white-space:nowrap}
.etat::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.etat--ok{background:var(--vert-clair);color:var(--vert)}
.etat--attente{background:var(--abricot);color:#7A4300}
.etat--arret{background:#F4E9E1;color:var(--discret)}
.etat--rouge{background:var(--rose);color:var(--rouge-fonce)}
.fenetre__onglets{display:flex;gap:2px;padding:8px 12px 0;border-bottom:1px solid var(--trait);font:600 13px/20px "Onest",sans-serif;color:var(--discret);white-space:nowrap;overflow:hidden}
.fenetre__onglets span{padding:8px 9px 10px}
.fenetre__onglets .est-actif{color:var(--rouge);box-shadow:inset 0 -2px 0 var(--rouge)}
.journal{padding:16px 20px;background:var(--creme);font:500 12.5px/21px "Geist Mono",ui-monospace,monospace;color:var(--encre);white-space:nowrap;overflow:hidden}
.journal i{margin-right:10px;font-style:normal;color:var(--discret)}
.journal .ok{color:var(--vert)}
.journal .fort{font-weight:700}
.journal .rouge{color:var(--rouge-fonce)}
.jauges{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:16px 20px}
.jauge{display:grid;grid-template-columns:1fr auto;gap:6px 8px;font-size:13px;line-height:18px}
.jauge span{color:var(--discret)}
.jauge b{font-weight:600;color:var(--encre)}
.jauge i{grid-column:1/-1;height:6px;border-radius:3px;background:var(--trait)}
.jauge u{display:block;height:100%;border-radius:3px;background:var(--rouge)}
.fenetre__pied{display:flex;align-items:center;gap:8px;padding:14px 20px;border-top:1px solid var(--trait)}
.mini{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:999px;background:var(--creme);font:600 13px/20px "Onest",sans-serif;color:var(--encre);white-space:nowrap}
.mini--plein{background:var(--rouge);color:#fff}
.lignes{display:flex;flex-direction:column}
.lignes>div{display:flex;align-items:center;gap:12px;padding:13px 20px;border-top:1px solid var(--trait)}
.lignes>div:first-child{border-top:0}
.lignes b{font:600 14px/20px "Onest",sans-serif;color:var(--encre)}
.lignes small{display:block;font-size:13px;line-height:18px;color:var(--discret)}
.lignes .etat,.lignes .mini{margin-left:auto}
.lignes .picto{width:36px;height:36px;border-radius:12px}

/* Vitrine : texte d'un côté, fenêtre de l'autre */
.vitrine{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;align-items:center}
.vitrine--inverse>:first-child{order:2}
.vitrine__texte{display:flex;flex-direction:column;align-items:flex-start;gap:22px}
.vitrine__texte .coches{margin-top:4px}
.etiquettes{display:flex;flex-wrap:wrap;gap:8px}
.etiquettes li,.etiquette{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:999px;background:#fff;font:600 15px/22px "Onest",sans-serif;color:var(--encre)}
.bloc .etiquettes li,.bloc .etiquette{background:var(--creme)}

/* --- Pied de page ------------------------------------------------------------------------------- */
.pied{margin:28px 0;padding:64px 72px 36px;border-radius:44px;background:var(--rouge);color:#fff;font-size:16px;line-height:24px}
.bloc+.pied{margin-top:0}
.pied__haut{display:flex;align-items:center;justify-content:space-between;gap:48px}
.pied__haut div{display:flex;flex-direction:column;gap:18px;max-width:420px}
.pied__colonnes{display:grid;grid-template-columns:1fr 1fr 1fr 1.05fr 1.25fr .9fr;gap:28px;margin-top:56px;padding-top:40px;border-top:1px solid rgba(255,255,255,.3)}
.pied__colonnes div{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.pied__colonnes b{margin-bottom:6px;font:700 16px/24px "Onest",sans-serif}
.pied__colonnes a{font-size:15.5px}
.pied a:hover{text-decoration:underline;text-underline-offset:4px}
.pied__bas{display:flex;justify-content:space-between;gap:24px;margin-top:48px;padding-top:24px;border-top:1px solid rgba(255,255,255,.3);font-size:15px}
.pied__bas span:last-child{display:flex;gap:28px}

/* ==========================================================================
   Styles propres à certaines pages.
   ========================================================================== */

/* --- Accueil ----------------------------------------------------------------- */
.raccourcis{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:-96px 48px 0}
.raccourci{display:flex;flex-direction:column;gap:4px;padding:24px 24px 22px;background:#fff;border-radius:28px;box-shadow:0 18px 40px var(--ombre);color:var(--encre);transition:transform .15s}
.raccourci:hover{transform:translateY(-4px)}
.raccourci .picto{margin-bottom:14px}
.raccourci b{font:600 17px/24px "Unbounded",sans-serif;letter-spacing:-.01em}
.raccourci small{font-size:15px;line-height:22px;color:var(--discret)}
.raccourci__prix{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:18px;font-size:15px;line-height:22px;color:var(--discret)}
.raccourci__prix strong{font:700 26px/30px "Onest",sans-serif;letter-spacing:-.02em;color:var(--encre)}
.raccourci__prix em{display:block;font-style:normal}
.jeux{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.jeu{position:relative;display:flex;flex-direction:column;gap:6px;min-height:230px;padding:28px;border-radius:28px;background:#fff;color:var(--discret);font-size:16px;line-height:24px;transition:background-color .15s,color .15s}
.jeu b{font:700 26px/32px "Unbounded",sans-serif;letter-spacing:-.015em;color:var(--encre);transition:color .15s}
.jeu__prix{margin-top:auto;padding-right:52px}
.jeu__prix strong{display:block;font:700 30px/36px "Onest",sans-serif;letter-spacing:-.02em;color:var(--encre);transition:color .15s}
.jeu .disque{position:absolute;right:24px;bottom:24px}
.jeu:hover{background:var(--rouge);color:#fff}
.jeu:hover b,.jeu:hover strong{color:#fff}
.jeu:hover .disque{background:#fff;color:var(--rouge)}
.essai-bande{display:flex;align-items:center;gap:20px;margin-top:16px;padding:18px 20px 18px 24px;background:#fff;border-radius:28px;font-size:17px;line-height:26px}
.essai-bande b{color:var(--encre)}
.essai-bande .btn{margin-left:auto}
.cloud-accueil{display:grid;grid-template-columns:minmax(0,1fr) 600px;gap:64px;align-items:center}
.cloud-accueil .vitrine__texte p{max-width:520px}
.paliers{display:flex;flex-direction:column;gap:8px}
.paliers li{display:grid;grid-template-columns:1fr auto;gap:0 20px;align-items:baseline;padding:16px 24px;background:#fff;border:2px solid transparent;border-radius:20px}
.paliers b{font:700 18px/26px "Onest",sans-serif;color:var(--encre)}
.paliers em{margin-left:10px;padding:3px 10px;border-radius:999px;background:var(--rouge);font:600 13px/18px "Onest",sans-serif;font-style:normal;color:#fff;vertical-align:2px}
.paliers span{grid-column:1;font-size:15px;line-height:22px;color:var(--discret)}
.paliers strong{grid-column:2;grid-row:1;font:700 20px/26px "Onest",sans-serif;color:var(--encre);text-align:right}
.paliers strong small{font-weight:500;font-size:15px;color:var(--discret)}
.paliers li>small{grid-column:2;font-size:14px;line-height:22px;color:var(--discret);text-align:right}
.paliers .est-vedette{border-color:var(--rouge)}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.duo .panneau{display:flex;flex-direction:column;align-items:stretch;padding:56px}
.duo__suite{align-self:flex-start;margin-top:auto}
.duo .rangees{margin-bottom:32px}
.duo h2{font-size:36px;line-height:44px}
.duo p{margin-top:8px}
.rangees{display:flex;flex-direction:column;gap:8px;margin-top:32px}
.rangee{display:flex;align-items:center;gap:16px;padding:12px 12px 12px 24px;background:#fff;border-radius:999px;color:var(--encre)}
.rangee b{font:700 18px/26px "Onest",sans-serif}
.rangee span{font-size:15px;color:var(--discret)}
.rangee strong{margin-left:auto;font:700 17px/24px "Onest",sans-serif}
.rangee .disque{width:40px;height:40px}
.chiffres--pose{margin:0}
.chiffres--pose .chiffre{box-shadow:none}
.panneau--infra .tete__ligne p{color:#fff}
.panneau--infra .panneau__ruban{right:-120px;top:-200px;width:900px}

/* --- Boutique ------------------------------------------------------------------ */
.sauts{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.saut{display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 22px 0 18px;border-radius:999px;background:#fff;font:600 16px/24px "Onest",sans-serif;color:var(--encre);transition:background-color .12s,color .12s}
.saut .ic{color:var(--rouge)}
.saut:hover{background:var(--rouge);color:#fff}
.saut:hover .ic{color:#fff}
.croises--4{grid-template-columns:repeat(4,1fr)}
.panneau .croise{background:#fff}
.croise__haut{display:flex;align-items:center;justify-content:space-between}
.croise__haut small{font-size:14px;line-height:20px;color:var(--discret)}
.croise--aide{background:transparent!important;border:2px dashed var(--trait-fort)}
.panneau--rose .croise--aide{border-color:#F3BDB8}
.besoins{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.besoin{display:flex;flex-direction:column;gap:8px;padding:30px;background:var(--creme);border-radius:28px;transition:transform .15s}
.besoin:hover{transform:translateY(-4px)}
.besoin h3{margin-top:16px;font-size:20px}
.besoin p{font-size:16px;line-height:26px}
.besoin__lien{display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding-top:18px;font:600 16px/24px "Onest",sans-serif;color:var(--rouge)}

/* --- Cloud applicatif ----------------------------------------------------------- */
.filtres{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:28px}
.filtres button{height:40px;padding:0 16px;border-radius:999px;background:#fff;font:600 15px/22px "Onest",sans-serif;color:var(--encre);transition:background-color .12s,color .12s}
.filtres button:hover{background:var(--peche)}
.filtres button[aria-pressed="true"]{background:var(--rouge);color:#fff}
.filtres__compte{margin-left:auto;font-size:15px;color:var(--discret)}
.filtres__compte b{color:var(--encre)}
.apps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.app{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:6px 14px;padding:20px;background:#fff;border:2px solid transparent;border-radius:22px;transition:border-color .12s,transform .12s}
.app:hover{border-color:var(--rouge);transform:translateY(-2px)}
.app__sigle{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--peche);font:700 15px/1 "Unbounded",sans-serif;color:var(--rouge-fonce)}
.app b{display:block;font:700 16px/22px "Onest",sans-serif;color:var(--encre)}
.app small{display:block;font-size:13px;line-height:18px;color:var(--discret)}
.app p{grid-column:1/-1;margin-top:4px;font-size:14.5px;line-height:22px}
.facturation{display:grid;grid-template-columns:minmax(0,1fr) 520px;gap:28px;align-items:stretch}
.simulateur{display:flex;flex-direction:column;gap:18px;padding:36px;border-radius:28px;background:var(--peche)}
.simulateur h3{font:600 22px/30px "Unbounded",sans-serif;letter-spacing:-.01em}
.simulateur__paliers{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.simulateur__paliers button,.simulateur__raccourcis button{height:40px;border-radius:999px;background:#fff;font:600 14px/20px "Onest",sans-serif;color:var(--encre);text-align:center;transition:background-color .12s,color .12s}
.simulateur__paliers button[aria-pressed="true"]{background:var(--rouge);color:#fff}
.simulateur__palier{margin-top:-6px;font-size:15px;line-height:22px}
.simulateur__heures{display:grid;grid-template-columns:1fr auto;gap:10px;font-size:15px;line-height:22px}
.simulateur__heures b{font-weight:700;color:var(--encre)}
.simulateur__heures input{grid-column:1/-1;-webkit-appearance:none;appearance:none;width:100%;height:8px;margin:6px 0;border-radius:4px;background:linear-gradient(90deg,var(--rouge) var(--p,27%),#fff var(--p,27%));cursor:pointer}
.simulateur__heures input::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;border:4px solid #fff;border-radius:50%;background:var(--rouge);box-shadow:0 2px 8px var(--ombre)}
.simulateur__heures input::-moz-range-thumb{width:18px;height:18px;border:4px solid #fff;border-radius:50%;background:var(--rouge)}
.simulateur__raccourcis{display:flex;flex-wrap:wrap;gap:6px}
.simulateur__raccourcis button{padding:0 14px;height:34px;font-size:13px}
.simulateur__raccourcis button:hover{background:var(--rose)}
.simulateur__resultat{display:flex;flex-direction:column;gap:10px;margin-top:auto;padding:24px;border-radius:22px;background:#fff}
.simulateur__resultat p:first-child{display:flex;align-items:baseline;gap:10px;font-size:15px;line-height:22px}
.simulateur__resultat strong{font:700 44px/48px "Onest",sans-serif;letter-spacing:-.02em;color:var(--encre)}
.simulateur__resultat i{height:8px;border-radius:4px;background:var(--trait)}
.simulateur__resultat u{display:block;height:100%;border-radius:4px;background:var(--rouge);transition:width .15s}
.simulateur__etat{font:600 15px/22px "Onest",sans-serif;color:var(--encre)}
.simulateur.est-plafonne .simulateur__etat{color:var(--vert)}
.simulateur__resultat small{font-size:13px;line-height:18px;color:var(--discret)}
.fiche-cloud{display:grid;grid-template-columns:1fr 1fr}
.fiche-cloud dl{display:flex;flex-direction:column;padding:8px 20px;border-right:1px solid var(--trait)}
.fiche-cloud dl div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--trait)}
.fiche-cloud dl div:first-child{border-top:0}
.fiche-cloud dt{color:var(--discret)}
.fiche-cloud dd{font-weight:600;color:var(--encre)}
.conso{display:flex;flex-direction:column;gap:8px;padding:18px 20px;background:var(--creme)}
.conso p{display:flex;justify-content:space-between;gap:12px}
.conso span{color:var(--discret)}
.conso b{font-weight:700;color:var(--encre)}
.conso i{height:8px;margin-top:6px;border-radius:4px;background:#fff}
.conso u{display:block;height:100%;border-radius:4px;background:var(--rouge)}
.conso small{font-size:13px;color:var(--discret)}
.paliers,.comparatif,.jauges,.journal{font-variant-numeric:tabular-nums}

/* --- Gaming --------------------------------------------------------------------- */
.cartes-jeu{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.carte-jeu{display:flex;flex-direction:column;gap:16px;padding:36px;background:#fff;border-radius:28px;transition:transform .15s}
.carte-jeu:hover{transform:translateY(-4px)}
.carte-jeu__haut{display:flex;align-items:baseline;justify-content:space-between;gap:16px}
.carte-jeu__haut b{font:700 32px/40px "Unbounded",sans-serif;letter-spacing:-.02em;color:var(--encre)}
.carte-jeu__haut small{font-size:15px;color:var(--discret)}
.carte-jeu p{font-size:17px;line-height:27px}
.carte-jeu .etiquettes li{background:var(--creme)}
.carte-jeu__bas{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:auto;padding-top:12px;font-size:15px;color:var(--discret)}
.carte-jeu__bas strong{font:700 30px/36px "Onest",sans-serif;letter-spacing:-.02em;color:var(--encre)}
.emplacements{padding:24px;background:#fff;border-radius:28px}
.emplacements__tete{display:flex;align-items:center;margin-bottom:16px;font-size:16px;color:var(--encre)}
.emplacements ul{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.emplacements li{display:flex;flex-direction:column;justify-content:space-between;gap:10px;min-height:104px;padding:14px;border-radius:18px}
.emplacements li b{font:700 20px/24px "Unbounded",sans-serif;color:inherit}
.emplacements li span{font:700 15px/20px "Onest",sans-serif}
.emplacements li small{display:block;font-weight:500;font-size:12px;line-height:16px}
.emplacements .est-libre{background:var(--vert-clair);color:var(--vert)}
.emplacements .est-pris{background:var(--creme);color:var(--discret)}
.emplacements .est-pris span{color:var(--encre)}
.emplacements .est-pris small{color:var(--discret)}
.gamme-info{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:-12px 0 28px;font-size:15px;line-height:22px}
.gamme-info b,.gamme-info span{display:inline-flex;align-items:center;height:36px;padding:0 14px;border-radius:999px;background:#fff}
.gamme-info b{font-weight:700;color:var(--encre)}
.gamme-info span:last-child{background:transparent;padding-left:6px}
.processeurs{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.processeur{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:40px;background:var(--creme);border-radius:28px}
.processeur--fort{background:var(--peche)}
.processeur .sur{margin-bottom:6px;background:#fff}
.processeur h3{font:600 26px/34px "Unbounded",sans-serif;letter-spacing:-.015em}
.processeur__freq{font:700 22px/30px "Onest",sans-serif;color:var(--rouge)}
.processeur .coches{margin-top:12px;font-size:16px;line-height:25px}
.processeur__prix{margin-top:auto;padding-top:18px;font-size:15px;color:var(--discret)}
.processeur__prix strong{font:700 26px/32px "Onest",sans-serif;color:var(--encre)}
.profils{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.profil{padding:32px;background:var(--creme);border-radius:28px}
.profil h3{margin-top:18px}
.profil__n{margin:2px 0 10px;font:700 17px/26px "Onest",sans-serif;color:var(--rouge)}
.profil p:last-child{font-size:16px;line-height:26px}
.carte-coches{padding:40px;background:var(--creme);border-radius:28px}
.croises--2{grid-template-columns:1fr 1fr}

/* --- VPS et Web --------------------------------------------------------------------- */
.panneau--tableau{margin-top:0;padding:28px 36px 36px}
.comparatif a{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.comparatif a:hover{color:var(--rouge)}
.lignes--trait{border-top:1px solid var(--trait)}
.curseur{display:inline-block;width:8px;height:15px;vertical-align:-2px;background:var(--rouge);text-decoration:none}
.journal b{font-weight:700;color:var(--rouge)}
.journal--pre{white-space:pre}
.offres--5 .prix span{display:block}
[data-nom-domaine]{white-space:nowrap}
.fiche-cloud--seule{display:block}
.fiche-cloud--seule dl{border-right:0}
.fiche-cloud--seule+.jauges{border-top:1px solid var(--trait)}
.roles{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.role{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:40px;background:var(--creme);border-radius:28px}
.role--fort{background:var(--peche)}
.role .sur{background:#fff}
.role h3{margin-bottom:12px;font:600 26px/34px "Unbounded",sans-serif;letter-spacing:-.015em}
.dedie{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.dedie .offre{padding:40px}
.dedie .offre h3{font-size:26px;line-height:34px}
.hero--domaine{padding-block:72px 80px}
.hero--domaine .hero__texte{max-width:900px}
.recherche{display:flex;align-items:center;gap:12px;width:100%;margin-top:6px;padding:10px 10px 10px 26px;background:#fff;border:2px solid transparent;border-radius:999px;box-shadow:0 18px 40px var(--ombre)}
.recherche:focus-within{border-color:var(--rouge)}
.recherche__icone{color:var(--rouge)}
.recherche input{flex:1;min-width:0;height:58px;border:0;outline:0;background:none;font:600 24px/32px "Onest",sans-serif;color:var(--encre)}
.resultats{display:flex;flex-direction:column;gap:10px}
.resultats li{display:flex;align-items:center;gap:20px;padding:16px 18px 16px 28px;background:#fff;border-radius:24px}
.resultats b{min-width:300px;font:700 21px/30px "Onest",sans-serif;color:var(--encre)}
.resultats .etat{margin-left:0}
.resultats__prix{margin-left:auto;padding:4px 12px;border:1px dashed var(--trait-fort);border-radius:999px;font-size:14px;color:var(--discret)}
.resultats__prix:empty{display:none}
.resultats__info{margin-left:auto;padding:0 12px;font-size:15px;color:var(--discret)}
.resultats .est-pris b{color:var(--discret);text-decoration:line-through}
.resultats .est-pris{min-height:80px}
.idees{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:28px}
.idees b{margin-right:8px;font:700 16px/24px "Onest",sans-serif;color:var(--encre)}
.idees .etiquette:hover{color:var(--rouge)}
.lignes--dns>div{gap:14px}
.lignes--dns .etat{margin-left:0;min-width:64px;justify-content:center;padding:4px 8px}
.lignes--dns .etat::before{display:none}
.lignes--dns b{min-width:44px}
.lignes--dns small{font:500 13px/20px "Geist Mono",monospace;color:var(--encre)}

/* ==========================================================================
   Pages de contenu : souveraineté, annonces, documentation, contact, légal, erreurs.
   ========================================================================== */

/* --- Souveraineté ---------------------------------------------------------------------- */
.identite{padding:40px;background:#fff;border-radius:28px}
.identite h3{margin-bottom:16px;font:600 26px/34px "Unbounded",sans-serif;letter-spacing:-.015em}
.identite dl div{display:grid;grid-template-columns:110px 1fr;gap:16px;padding:12px 0;border-top:1px solid var(--trait);font-size:16px;line-height:24px}
.identite dt{color:var(--discret)}
.identite dd{font-weight:600;color:var(--encre)}
.role p:not(.sur){font-size:17px;line-height:27px}
.role--blanc{background:#fff}
.role--blanc .sur{background:var(--rose)}
.role .btn{margin-top:20px}
.franchise{display:flex;align-items:flex-start;gap:20px;margin-top:20px;padding:32px;border:2px dashed var(--trait-fort);border-radius:28px}
.franchise h3{margin-bottom:6px}
.franchise p{font-size:16.5px;line-height:27px}
.carte-coches h3{margin-bottom:10px;font-size:22px}
.carte-coches p{font-size:17px;line-height:27px}
.lien{font-weight:600;color:var(--encre);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.lien:hover{color:var(--rouge)}

/* --- Annonces ---------------------------------------------------------------------------- */
.meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-size:15px;line-height:22px;color:var(--discret)}
.meta .sur{margin-bottom:0}
.sur--neutre{background:var(--creme);color:var(--encre)}
.hero--clair .sur{background:#fff}
.une{display:grid;grid-template-columns:minmax(0,1fr) 520px;gap:64px;align-items:center}
.une__texte{display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.une .sur{background:#fff}
.une h2{font-size:36px;line-height:44px}
.une .panneau__ruban{--r1:rgba(220,26,35,.06);--r2:rgba(220,26,35,.11);--r3:rgba(220,26,35,.08)}
.annonces{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.annonce-carte{display:flex;flex-direction:column;gap:12px;padding:32px;background:var(--creme);border-radius:28px;transition:transform .15s}
.annonce-carte:hover{transform:translateY(-4px)}
.annonce-carte .sur{background:#fff}
.annonce-carte h3{font-size:22px;line-height:30px}
.annonce-carte p:not(.meta){font-size:16px;line-height:26px}
.lecture{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:72px;align-items:start;padding:72px 72px 96px}
.lecture__cote{position:sticky;top:24px;display:flex;flex-direction:column;gap:20px}
.cote-carte{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:28px;background:var(--creme);border-radius:28px}
.cote-carte--rose{background:var(--rose)}
.cote-carte--peche{background:var(--peche)}
.cote-carte h3{font-size:19px;line-height:26px}
.cote-carte p{font-size:15.5px;line-height:24px}
.cote-carte a:not(.btn):not(.lien){display:flex;flex-direction:column;gap:2px;width:100%;padding:12px 0;border-top:1px solid var(--trait-fort)}
.cote-carte a time{font-size:13px;line-height:18px;color:var(--discret)}
.cote-carte a b{font:600 15.5px/22px "Onest",sans-serif;color:var(--encre)}
.cote-carte a:hover b{color:var(--rouge)}
.cote-carte .btn{margin-top:8px}
.cote-carte--large{flex-direction:row;align-items:center;justify-content:space-between;gap:32px;margin-top:48px;padding:32px}
.cote-carte--large .btn{margin-top:0}

/* Texte long : annonces, guides, pages légales */
.prose{font-size:18px;line-height:30px}
.prose h1{margin:18px 0 20px;font-size:44px;line-height:52px}
.prose h2{margin:48px 0 14px;font-size:26px;line-height:34px}
.prose h2 span{display:inline-grid;place-items:center;width:40px;height:40px;margin-right:14px;border-radius:50%;background:var(--rouge);font-size:16px;color:#fff;vertical-align:3px}
.prose>p+p{margin-top:16px}
.prose>ul{display:flex;flex-direction:column;gap:10px;margin:16px 0}
.prose>ul>li{position:relative;padding-left:28px}
.prose>ul>li::before{content:"";position:absolute;left:4px;top:11px;width:10px;height:10px;border-radius:50%;background:var(--rouge)}
.prose a:not(.btn):not(.etiquette){font-weight:600;color:var(--encre);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.prose code{padding:2px 8px;border-radius:8px;background:var(--creme);font:500 15px/24px "Geist Mono",monospace;color:var(--encre)}
.prose__chapo{font-size:20px;line-height:32px;color:var(--encre)}
.prose__encadre{margin:32px 0;padding:40px;border-radius:28px;background:var(--peche)}
.prose__fin{margin-top:40px!important;padding-top:32px;border-top:2px solid var(--trait)}
.prose .meta{margin-bottom:28px}
.prose .fil{color:var(--encre)}
.prose .fil a{font-weight:500!important;text-decoration:none!important}
.code{display:flex;align-items:center;gap:16px;margin:20px 0;padding:16px 16px 16px 24px;border-radius:20px;background:var(--creme)}
.code>span{font:600 13px/20px "Onest",sans-serif;color:var(--discret)}
.code pre{flex:1;margin:0}
.code code{padding:0;background:none;font-size:17px}
.code .mini{background:#fff;cursor:pointer}
.utile{display:flex;align-items:center;gap:12px;margin-top:48px;padding:24px 28px;border-radius:24px;background:var(--creme)}
.utile b{margin-right:auto;font:700 18px/26px "Onest",sans-serif;color:var(--encre)}
.prose__suite{margin-top:64px!important}
.suite{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.suite a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 16px 16px 24px;border-radius:20px;background:var(--creme);text-decoration:none!important}
.suite a b{font:600 16px/24px "Onest",sans-serif}
.suite .disque{width:38px;height:38px}

/* --- Documentation ------------------------------------------------------------------------------ */
.idees--hero{margin-top:2px}
.rubriques{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.rubrique{display:flex;flex-direction:column;padding:32px;background:var(--creme);border-radius:28px}
.rubrique__tete{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.rubrique__tete small{font-size:14px;color:var(--discret)}
.rubrique>p{margin-top:4px;font-size:16px;line-height:25px}
.rubrique ul{display:flex;flex-direction:column;margin:18px 0 6px}
.rubrique li a{display:block;padding:10px 0;border-top:1px solid var(--trait-fort);font:500 15.5px/22px "Onest",sans-serif;color:var(--encre)}
.rubrique li a:hover{color:var(--rouge)}
.etiquettes--titre{margin-top:8px}
.demarrer{display:flex;flex-direction:column;gap:8px}
.demarrer a{display:flex;align-items:center;gap:16px;padding:16px 22px 16px 16px;background:#fff;border-radius:20px;color:var(--encre)}
.demarrer span{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;background:var(--rose);font:700 15px/1 "Unbounded",sans-serif;color:var(--rouge-fonce)}
.demarrer b{margin-right:auto;font:600 17px/24px "Onest",sans-serif}
.demarrer .ic{color:var(--rouge)}
.doc{display:grid;grid-template-columns:320px minmax(0,1fr);gap:72px;align-items:start;padding:48px 72px 96px 24px}
.doc__nav{position:sticky;top:24px;display:flex;flex-direction:column;padding:28px;background:var(--creme);border-radius:28px}
.doc__retour{display:inline-flex;align-items:center;gap:8px;margin-bottom:22px;font:600 15px/22px "Onest",sans-serif;color:var(--rouge)}
.doc__nav h3{font:600 22px/30px "Unbounded",sans-serif}
.doc__nav>p{margin-bottom:14px;font-size:14px;color:var(--discret)}
.doc__nav nav{display:flex;flex-direction:column;gap:2px;margin-inline:-12px}
.doc__nav nav a{padding:9px 12px;border-radius:12px;font:500 15px/22px "Onest",sans-serif;color:var(--encre)}
.doc__nav nav a:hover{background:#fff}
.doc__nav nav a.est-actif{background:#fff;font-weight:700;color:var(--rouge)}
.doc__nav .btn{margin-top:20px}
.prose--doc{max-width:780px}
.doc--legal{padding-top:64px}
.saut.est-actif{background:var(--rouge);color:#fff}
.essentiel{margin-bottom:8px;padding:36px 40px;border-radius:28px;background:var(--peche)}
.essentiel h2{margin:0 0 18px}
.essentiel .coches{font-size:17px;line-height:27px}

/* --- Contact -------------------------------------------------------------------------------------- */
.contact{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:28px;align-items:start;margin-top:28px}
.formulaire{padding:56px;border-radius:44px;background:var(--creme)}
.formulaire h2{margin-bottom:32px;font-size:32px;line-height:40px}
.formulaire--carte{padding:36px;border-radius:28px;background:#fff}
.formulaire--carte .formulaire__bas{margin-top:22px}
.formulaire__grille{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.champ{display:flex;flex-direction:column;gap:8px}
.champ--large{grid-column:1/-1}
.champ span{font:600 15px/22px "Onest",sans-serif;color:var(--encre)}
.champ input,.champ select,.champ textarea{width:100%;padding:0 20px;border:2px solid var(--trait-fort);border-radius:18px;outline:0;background:#fff;font-size:17px;line-height:26px;color:var(--encre);transition:border-color .12s}
.champ input,.champ select{height:58px}
.champ textarea{padding-block:16px;resize:vertical}
.champ select{-webkit-appearance:none;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' stroke='%233A100A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 8 5 5 5-5'/%3E%3C/svg%3E") no-repeat right 18px center}
.champ ::placeholder{color:#A8958C}
.champ input:focus,.champ select:focus,.champ textarea:focus{border-color:var(--rouge)}
.champ small{align-self:flex-end;font-size:13px;color:var(--discret)}
.formulaire__bas{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:28px}
.formulaire__bas p{max-width:420px;font-size:14.5px;line-height:22px;color:var(--discret)}
.contact__cote{display:flex;flex-direction:column;gap:20px}
.contact__cote .cote-carte{border-radius:32px;padding:32px}
.delais--pile{display:flex;flex-direction:column;gap:10px;width:100%}
.delais--pile li{flex-direction:row;align-items:center;gap:18px;padding:18px 22px}
.delais--pile b{min-width:92px;font-size:28px}

/* --- Pages d'erreur ---------------------------------------------------------------------------------- */
.erreur{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 440px;align-items:center;gap:72px;min-height:620px;margin-bottom:28px;padding:88px 72px;border-radius:44px;background:var(--peche);--r1:rgba(220,26,35,.06);--r2:rgba(220,26,35,.12);--r3:rgba(220,26,35,.09)}
.erreur__ruban{right:-120px;top:-190px;width:860px}
.erreur__texte{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:20px}
.erreur__code{font:700 150px/140px "Unbounded",sans-serif;letter-spacing:-.04em;color:var(--rouge)}
.erreur__code:empty{display:none}
.erreur h1{max-width:640px;font-size:48px;line-height:56px}
.erreur__texte>p:not(.erreur__code){max-width:560px;font-size:20px;line-height:31px}
.erreur .actions{margin-top:10px}
.erreur__carte{position:relative;display:flex;flex-direction:column;gap:16px;padding:32px;border-radius:32px;background:#fff;box-shadow:0 24px 60px rgba(58,16,10,.16)}
.erreur__carte h2{font:600 22px/30px "Unbounded",sans-serif;letter-spacing:-.01em}
.erreur__carte>p{margin-top:-8px;font-size:16px;line-height:25px}
.erreur__etats{display:flex;flex-direction:column}
.erreur__etats li{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-top:1px solid var(--trait)}
.erreur__etats li:first-child{border-top:0;padding-top:4px}
.erreur__etats b{font:600 16px/24px "Onest",sans-serif;color:var(--encre)}
.erreur__etats .etat{margin-left:0}
.erreur__carte .besoin__lien{margin-top:0;padding-top:4px}
.page--nue .nav .c{justify-content:space-between}
.nue__pied{margin:0 0 40px;font-size:15px;text-align:center;color:var(--discret)}

/* ==========================================================================
   Espace client, commande et connexion : coques et composants.
   Même palette que le site vitrine, en plus dense : texte de 16 px, cartes crème sur fond blanc.
   ========================================================================== */

/* --- Compléments aux composants communs ------------------------------------------- */
.btn--petit{height:40px;padding:0 16px;gap:8px;font-size:14.5px;line-height:20px}
.btn--creme{background:var(--creme);color:var(--encre)}
.btn--creme:hover{background:var(--peche)}
.btn--danger{border-color:var(--rouge);color:var(--rouge-fonce)}
.btn--danger:hover{background:var(--rouge);color:#fff}
.btn.est-inactif{opacity:.45;pointer-events:none}
.etat--barre{background:#F4E9E1;color:var(--discret);text-decoration:line-through}
.picto--grand{width:64px;height:64px;border-radius:22px}
.champ span i{font-style:normal;font-weight:400;color:var(--discret)}
.champ__note{align-self:flex-start!important;font-size:13.5px!important;line-height:20px;color:var(--discret)}
.champ__erreur{display:flex;align-items:center;gap:6px;align-self:flex-start!important;font:600 13.5px/20px "Onest",sans-serif!important;color:var(--rouge-fonce)!important}
.champ.est-erreur input{border-color:var(--rouge)}
.champ input:disabled{background:var(--creme);color:var(--discret)}
.formulaire__grille--3{grid-template-columns:repeat(3,1fr)}

/* --- Coque de l'espace client --------------------------------------------------------- */
.espace{position:relative;display:grid;grid-template-columns:292px minmax(0,1fr);align-items:start;min-height:900px;font-size:16px;line-height:24px}
.cote{position:sticky;top:20px;display:flex;flex-direction:column;gap:4px;min-height:860px;margin:20px 0 20px 20px;padding:24px 16px 16px;border-radius:32px;background:var(--creme)}
.cote__logo{padding:2px 10px 20px}
.cote>.btn{margin-bottom:14px}
.cote nav{display:flex;flex-direction:column;gap:2px}
.cote__lien{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:16px;font:600 15.5px/22px "Onest",sans-serif;color:var(--encre)}
.cote__lien .ic{color:var(--discret)}
.cote__lien:hover{background:#fff}
.cote__lien.est-actif{background:#fff;color:var(--rouge-fonce)}
.cote__lien.est-actif .ic{color:var(--rouge)}
.cote__lien em,.ec-onglets em{margin-left:auto;min-width:24px;padding:1px 7px;border-radius:999px;background:var(--rouge);font:700 12px/18px "Onest",sans-serif;font-style:normal;color:#fff;text-align:center}
.cote__titre{margin:18px 14px 4px;font:600 13px/18px "Onest",sans-serif;color:var(--discret)}
.cote__bas{display:flex;flex-direction:column;gap:8px;margin-top:auto;padding-top:24px}
.cote__aide,.cote__profil{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:20px;color:var(--encre)}
.cote__aide{border:2px dashed var(--trait-fort)}
.cote__aide .ic{color:var(--rouge)}
.cote__profil{background:#fff}
.cote__aide b,.cote__profil b{display:block;font:600 14.5px/20px "Onest",sans-serif}
.cote__aide small,.cote__profil small{display:block;font-size:13px;line-height:18px;color:var(--discret)}
.cote__profil a{margin-left:auto;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:var(--discret)}
.cote__profil a:hover{background:var(--creme);color:var(--rouge)}
.avatar{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;background:var(--rouge);font:700 13px/1 "Unbounded",sans-serif;color:#fff}
.espace__principal{min-width:0;padding:20px 48px 72px 36px}
.barre{display:flex;align-items:center;gap:12px;height:64px;margin-bottom:8px}
.barre .fil{margin-right:auto;color:var(--discret)}
.barre .fil span:last-child{color:var(--encre);font-weight:600}
.barre__recherche{display:flex;align-items:center;gap:10px;width:300px;height:46px;padding:0 18px;border-radius:999px;background:var(--creme);color:var(--discret)}
.barre__recherche input{flex:1;min-width:0;border:0;outline:0;background:none;font-size:15px;color:var(--encre)}
.barre__recherche input::placeholder{color:var(--discret)}
.barre__solde{display:inline-flex;align-items:center;gap:8px;height:46px;padding:0 18px;border-radius:999px;background:var(--creme);font-size:15px;color:var(--texte)}
.barre__solde b{font-weight:700;color:var(--encre)}
.barre__solde .ic{color:var(--rouge)}
.barre__rond{position:relative;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--creme);color:var(--encre)}
.barre__rond i{position:absolute;right:11px;top:10px;width:10px;height:10px;border:2px solid var(--creme);border-radius:50%;background:var(--rouge)}
.barre__solde:hover,.barre__rond:hover{background:var(--peche)}
.ec-tete{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:8px 0 28px}
.ec-tete h1{font-size:34px;line-height:42px}
.ec-tete p{max-width:660px;margin-top:8px;font-size:17px;line-height:26px}
.ec-tete>div:first-child{min-width:0}
.ec-tete .actions{flex:none;flex-wrap:nowrap;align-items:center}
.champ--ligne{flex-direction:row;align-items:center;gap:10px}
.champ--ligne select{width:130px;height:46px;border-radius:999px}
.espace h2{font-size:22px;line-height:30px;letter-spacing:-.01em}
.espace h3{font-size:17px;line-height:24px}

/* --- Cartes, grilles, chiffres ----------------------------------------------------------- */
.pile{display:flex;flex-direction:column;gap:20px}
.g{display:grid;gap:20px;align-items:start}
.g--2{grid-template-columns:1fr 1fr}
.g--3{grid-template-columns:repeat(3,1fr)}
.g--21{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
.g--32{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}
.g--etire{align-items:stretch}
.carte{min-width:0;padding:28px;border-radius:28px;background:var(--creme)}
.carte--blanc{border:2px solid var(--trait);background:#fff}
.carte--peche{background:var(--peche)}
.carte--abricot{background:var(--abricot)}
.carte--rose{background:var(--rose)}
.carte__tete{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.carte__tete h2{font:600 19px/28px "Unbounded",sans-serif;letter-spacing:-.01em}
.carte__tete a{display:inline-flex;align-items:center;gap:6px;font:600 15px/22px "Onest",sans-serif;color:var(--rouge-fonce);white-space:nowrap}
.carte__tete a:hover{text-decoration:underline;text-underline-offset:4px}
.carte>p{font-size:15.5px;line-height:24px}
.carte>p+p{margin-top:10px}
.carte .actions{margin-top:18px}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.kpi{display:flex;flex-direction:column;gap:4px;min-height:164px;padding:24px;border-radius:28px;background:var(--creme);color:var(--texte);transition:transform .15s}
a.kpi:hover{transform:translateY(-3px)}
.kpi>span{display:flex;align-items:center;gap:8px;font:600 15px/22px "Onest",sans-serif;color:var(--encre)}
.kpi>span .ic{color:var(--rouge)}
.kpi b{margin-top:6px;font:700 32px/40px "Unbounded",sans-serif;letter-spacing:-.02em;color:var(--encre)}
.kpi small{font-size:14px;line-height:20px;color:var(--discret)}
.kpi--alerte{background:var(--rose)}
.kpi--alerte b{color:var(--rouge-fonce)}

/* --- Tableaux en lignes --------------------------------------------------------------------- */
.liste{display:flex;flex-direction:column;gap:8px}
.tl{display:grid;align-items:center;gap:16px;padding:14px 20px;border-radius:20px;background:#fff;font-size:15px;line-height:22px;color:var(--texte);font-variant-numeric:tabular-nums}
.tl>span{min-width:0}
.tl--tete{padding-block:0 2px;background:none!important;font:600 13px/18px "Onest",sans-serif;color:var(--discret)}
.tl b{display:block;font:600 15.5px/22px "Onest",sans-serif;color:var(--encre);overflow-wrap:anywhere}
.tl small{display:block;font-size:13.5px;line-height:19px;color:var(--discret)}
.tl .droite{text-align:right;justify-self:end}
.tl .prix-l{font:700 16px/22px "Onest",sans-serif;color:var(--encre);white-space:nowrap}
a.tl{transition:box-shadow .12s}
a.tl:hover{box-shadow:inset 0 0 0 2px var(--rouge)}
.carte--blanc .tl,.liste--creme .tl{background:var(--creme)}
.tl .picto{width:40px;height:40px;border-radius:14px}
.tl__nom{display:flex;align-items:center;gap:14px}
.tl__actions{display:flex;justify-content:flex-end;gap:6px}
.tl.est-estompe b,.tl.est-estompe .prix-l{color:var(--discret)}
.outils{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:18px}
.outils .filtres{margin:0}
.outils__droite{display:flex;gap:8px;margin-left:auto}
.espace .filtres button,.espace .filtres a{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:999px;background:var(--creme);font:600 15px/22px "Onest",sans-serif;color:var(--encre)}
.espace .filtres [aria-pressed="true"],.espace .filtres .est-actif{background:var(--rouge);color:#fff}
.espace .filtres button small{font-weight:500;font-size:13px;color:inherit}
.pagination{display:flex;align-items:center;justify-content:space-between;margin-top:16px;font-size:14.5px;color:var(--discret)}
.pagination div{display:flex;gap:6px}

/* --- Fiches, alertes, réglages ---------------------------------------------------------------- */
.fiche{display:flex;flex-direction:column}
.fiche div{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:11px 0;border-top:1px solid var(--trait-fort);font-size:15.5px;line-height:24px}
.fiche div:first-child{border-top:0;padding-top:0}
.fiche div:last-child{padding-bottom:0}
.fiche dt{flex:none;color:var(--discret)}
.fiche dd{min-width:0;font-weight:600;color:var(--encre);text-align:right;overflow-wrap:anywhere}
.copiable{display:inline-flex;align-items:center;gap:6px}
.copiable code,.mono{font:500 14px/22px "Geist Mono",ui-monospace,monospace;color:var(--encre)}
.copiable button{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;color:var(--discret)}
.copiable button:hover{background:#fff;color:var(--rouge)}
.alerte{display:flex;align-items:center;gap:16px;padding:18px 22px;border-radius:22px;background:var(--rose);font-size:15.5px;line-height:23px;color:var(--texte)}
.alerte b{display:block;font:700 16px/24px "Onest",sans-serif;color:var(--encre)}
.alerte>div{flex:1;min-width:0}
.alerte__ic{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:14px;background:#fff;color:var(--rouge)}
.alerte--attente{background:var(--abricot)}
.alerte--attente .alerte__ic{color:#7A4300}
.alerte--ok{background:var(--vert-clair)}
.alerte--ok .alerte__ic{color:var(--vert)}
.alerte--info{background:var(--creme)}
.alerte--contour{border:2px dashed var(--trait-fort);background:none}
.alerte--contour .alerte__ic{background:var(--rose)}
.reglage{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 0;border-top:1px solid var(--trait-fort)}
.reglage:first-child{border-top:0;padding-top:0}
.reglage:last-child{padding-bottom:0}
.reglage b{display:block;font:600 16px/24px "Onest",sans-serif;color:var(--encre)}
.reglage p{font-size:14.5px;line-height:22px;color:var(--discret)}
.bascule{position:relative;flex:none;width:52px;height:30px;border-radius:999px;background:var(--trait-fort);transition:background-color .15s}
.bascule::after{content:"";position:absolute;left:4px;top:4px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(58,16,10,.25);transition:transform .15s}
.bascule[aria-checked="true"]{background:var(--rouge)}
.bascule[aria-checked="true"]::after{transform:translateX(22px)}
.choix-groupe{display:flex;flex-direction:column;gap:10px}
.choix-groupe--2{display:grid;grid-template-columns:1fr 1fr}
.choix-groupe--3{display:grid;grid-template-columns:repeat(3,1fr)}
.choix-groupe--4{display:grid;grid-template-columns:repeat(4,1fr)}
.choix-groupe--5{display:grid;grid-template-columns:repeat(5,1fr)}
.choix{display:flex;align-items:center;gap:14px;width:100%;padding:16px 18px;border:2px solid var(--trait-fort);border-radius:20px;background:#fff;text-align:left;transition:border-color .12s,background-color .12s}
.choix:hover{border-color:var(--encre)}
.choix[aria-checked="true"]{border-color:var(--rouge);box-shadow:0 0 0 1px var(--rouge)}
.choix__rond{position:relative;flex:none;width:22px;height:22px;border:2px solid var(--trait-fort);border-radius:50%;background:#fff}
.choix[aria-checked="true"] .choix__rond{border-color:var(--rouge)}
.choix[aria-checked="true"] .choix__rond::after{content:"";position:absolute;inset:4px;border-radius:50%;background:var(--rouge)}
.choix__texte{flex:1;min-width:0}
.choix__texte b{display:block;font:600 16px/22px "Onest",sans-serif;color:var(--encre)}
.choix__texte small{display:block;margin-top:2px;font-size:14px;line-height:20px;color:var(--discret)}
.choix__droite{flex:none;font:700 16px/22px "Onest",sans-serif;color:var(--encre);text-align:right;white-space:nowrap}
.choix__droite small{display:block;font-weight:500;font-size:13px;color:var(--discret)}
.choix--pile{flex-direction:column;align-items:flex-start;gap:10px}
.choix--pile .choix__rond{position:absolute;right:16px;top:16px}
.choix--pile{position:relative;padding:18px}
.choix--pile .choix__droite{display:flex;align-items:center;gap:8px}
.choix--pile .choix__droite:empty{display:none}
.choix em{padding:2px 9px;border-radius:999px;background:var(--rouge);font:600 12px/18px "Onest",sans-serif;font-style:normal;color:#fff}
[data-pour][hidden]{display:none!important}

/* --- Onglets et en-tête de service ------------------------------------------------------------- */
.ec-onglets{display:flex;flex-wrap:wrap;gap:4px;margin:20px 0;padding:5px;border-radius:26px;background:var(--creme)}
.ec-onglets a{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;font:600 15px/22px "Onest",sans-serif;color:var(--encre);white-space:nowrap}
.ec-onglets a .ic{color:var(--discret)}
.ec-onglets a:hover{background:#fff}
.ec-onglets a.est-actif{background:var(--rouge);color:#fff}
.ec-onglets a.est-actif .ic{color:#fff}
.ec-onglets a.est-actif em{background:#fff;color:var(--rouge-fonce)}
.ec-onglets em{margin-left:2px}
.svc{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:18px 24px;padding:30px 36px;border-radius:32px;background:var(--peche);--r1:rgba(220,26,35,.05);--r2:rgba(220,26,35,.10);--r3:rgba(220,26,35,.07)}
.svc__ruban{right:-40px;top:-110px;width:460px}
.svc__texte{display:contents}
.svc__nom,.svc__meta,.svc__actions{position:relative}
.svc__nom{grid-column:1/-1}
.svc__nom{display:flex;align-items:center;gap:16px}
.svc__nom .picto{width:56px;height:56px;border-radius:18px;background:#fff}
.svc h1{font-size:28px;line-height:36px;overflow-wrap:anywhere}
.svc__nom p{font-size:15.5px;line-height:22px;color:var(--texte)}
.svc__nom .etat{margin-left:auto;align-self:flex-start;margin-top:6px}
.svc__meta{display:flex;flex-wrap:wrap;gap:8px 28px;font-size:15px;line-height:22px}
.svc__meta li{display:flex;align-items:center;gap:8px}
.svc__meta .ic{color:var(--rouge)}
.svc__meta b{font-weight:600;color:var(--encre)}
.svc__actions{display:flex;flex:none;gap:8px}
.svc--suspendu,.svc--expire,.svc--resilie{background:var(--creme)}
.svc--attente{background:var(--abricot)}

/* --- Fenêtre modale, vide, chargement ----------------------------------------------------------- */
.modale{position:absolute;inset:0;z-index:60;display:flex;align-items:flex-start;justify-content:center;padding:110px 24px 48px;background:rgba(58,16,10,.36)}
.modale__carte{width:600px;max-width:100%;padding:36px;border-radius:32px;background:#fff;box-shadow:0 32px 80px rgba(58,16,10,.3)}
.modale__carte--large{width:860px}
.modale__tete{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:16px}
.modale__tete h2{font:600 24px/32px "Unbounded",sans-serif;letter-spacing:-.015em}
.modale__fermer{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;background:var(--creme);color:var(--encre)}
.modale__carte>p{font-size:16px;line-height:25px}
.modale__carte>*+*{margin-top:16px}
.modale__pied{display:flex;justify-content:flex-end;gap:10px;margin-top:28px!important}
.vide{display:flex;flex-direction:column;align-items:center;gap:14px;padding:64px 48px;border:2px dashed var(--trait-fort);border-radius:28px;text-align:center}
.vide h2{margin-top:6px;font:600 24px/32px "Unbounded",sans-serif}
.vide--grand{padding-block:72px}
.vide--grand .picto{width:88px;height:88px;border-radius:30px}
.vide--grand h2{font-size:28px;line-height:36px}
.vide p{max-width:520px;font-size:16.5px;line-height:26px}
.vide .actions{margin-top:10px;justify-content:center}
.sq{display:block;height:14px;border-radius:7px;background:linear-gradient(90deg,var(--trait) 0%,#FFF9F4 50%,var(--trait) 100%);background-size:200% 100%;animation:sq 1.5s linear infinite}
.sq--titre{height:26px;width:55%}
.sq--gros{height:40px;width:40%;margin-top:12px}
.sq--rond{width:40px;height:40px;border-radius:14px}
@keyframes sq{from{background-position:200% 0}to{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){.sq{animation:none}}

/* --- Courbes --------------------------------------------------------------------------------------- */
.courbe{padding:22px 24px 16px;border-radius:24px;background:#fff}
.courbe figcaption{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}
.courbe figcaption span{font:600 15px/22px "Onest",sans-serif;color:var(--encre)}
.courbe figcaption b{font:700 22px/28px "Onest",sans-serif;color:var(--encre);font-variant-numeric:tabular-nums}
.courbe__zone{position:relative;height:150px}
.courbe svg{width:100%;height:100%;overflow:visible}
.courbe__reperes line{stroke:var(--trait);stroke-width:1;vector-effect:non-scaling-stroke}
.courbe__ligne{fill:none;stroke:var(--rouge);stroke-width:2;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}
.courbe__aire{fill:var(--rouge);opacity:.08}
.courbe__max{position:absolute;left:0;top:-9px;padding-right:6px;background:#fff;font-size:12px;line-height:16px;color:var(--discret)}
.courbe__curseur{position:absolute;top:0;bottom:0;width:1px;background:var(--encre);pointer-events:none}
.courbe__curseur::after{content:"";position:absolute;left:-5px;top:var(--y,0);width:11px;height:11px;margin-top:-5px;border:2px solid #fff;border-radius:50%;background:var(--rouge)}
.courbe__bulle{position:absolute;top:-8px;z-index:2;padding:6px 10px;border-radius:10px;background:var(--encre);font:600 13px/18px "Onest",sans-serif;color:#fff;white-space:nowrap;pointer-events:none;transform:translateX(-50%)}
.courbe__axe{display:flex;justify-content:space-between;margin-top:8px;font-size:12px;line-height:16px;color:var(--discret)}

/* --- Tunnel de commande ------------------------------------------------------------------------------ */
.tunnel__barre .c{display:flex;align-items:center;gap:24px;height:92px}
.pas{display:flex;align-items:center;gap:4px;margin-inline:auto;padding:5px;border-radius:999px;background:var(--creme)}
.pas li{display:flex;align-items:center;gap:9px;padding:5px 16px 5px 5px;border-radius:999px;font:600 14.5px/22px "Onest",sans-serif;color:var(--discret);white-space:nowrap}
.pas li span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#fff;font:700 12px/1 "Unbounded",sans-serif;color:var(--discret)}
.pas .est-fait{color:var(--encre)}
.pas .est-fait span{background:var(--vert-clair);color:var(--vert)}
.pas .est-fait .ic{stroke-width:3}
.pas .est-actif{background:#fff;color:var(--encre)}
.pas .est-actif span{background:var(--rouge);color:#fff}
.tunnel__sur{display:inline-flex;align-items:center;gap:8px;font:600 14.5px/22px "Onest",sans-serif;color:var(--vert)}
.tunnel__aide{font:600 15px/22px "Onest",sans-serif;color:var(--encre);text-decoration:underline;text-underline-offset:5px}
.tunnel{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:28px;align-items:start;padding:8px 0 64px}
.tunnel--seul{grid-template-columns:minmax(0,1fr)}
.tunnel__titre{margin:20px 0 28px}
.tunnel__titre h1{font-size:40px;line-height:48px}
.tunnel__titre p{max-width:700px;margin-top:10px;font-size:18px;line-height:28px}
.etape-c{padding:36px;border-radius:32px;background:var(--creme)}
.etape-c+.etape-c{margin-top:20px}
.etape-c>h2{display:flex;align-items:center;gap:14px;margin-bottom:8px;font:600 22px/30px "Unbounded",sans-serif;letter-spacing:-.01em}
.etape-c>h2 span{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;background:var(--rouge);font-size:14px;color:#fff}
.etape-c>p{margin-bottom:20px;font-size:16px;line-height:25px}
.etape-c .formulaire__grille{margin-top:4px}
.recap{position:sticky;top:20px;padding:32px;border-radius:32px;background:var(--peche);font-size:15.5px;line-height:23px}
.recap h2{margin-bottom:18px;font:600 22px/30px "Unbounded",sans-serif;letter-spacing:-.01em}
.recap__lignes{display:flex;flex-direction:column;gap:8px}
.recap__lignes li{display:flex;justify-content:space-between;gap:16px;padding:16px 18px;border-radius:18px;background:#fff}
.recap__lignes b{display:block;font:700 16px/22px "Onest",sans-serif;color:var(--encre)}
.recap__lignes small{display:block;margin-top:2px;font-size:13.5px;line-height:19px;color:var(--discret)}
.recap__lignes li>span{flex:none;font:700 16px/22px "Onest",sans-serif;color:var(--encre);white-space:nowrap}
.recap__total{margin-top:18px}
.recap__total div{display:flex;justify-content:space-between;gap:16px;padding:6px 2px;font-variant-numeric:tabular-nums}
.recap__total dd{font-weight:600;color:var(--encre)}
.recap__ttc{align-items:baseline;margin-top:8px;padding-top:16px!important;border-top:2px solid var(--trait-fort)}
.recap__ttc dt{font:700 17px/24px "Onest",sans-serif;color:var(--encre)}
.recap__ttc dd{font:700 34px/40px "Onest",sans-serif;letter-spacing:-.02em}
.recap__ttc small{margin-left:6px;font-weight:500;font-size:14px;letter-spacing:0;color:var(--discret)}
.recap .btn{margin-top:20px}
.recap__notes{display:flex;flex-direction:column;gap:8px;margin-top:20px;font-size:14.5px;line-height:21px}
.recap__notes li{display:flex;align-items:flex-start;gap:10px}
.recap__notes .ic{margin-top:2px;color:var(--vert);stroke-width:2.5}
.tunnel__pied{display:flex;justify-content:space-between;gap:24px;padding-block:22px 36px;border-top:1px solid var(--trait);font-size:14.5px;color:var(--discret)}
.tunnel__pied span:last-child{display:flex;gap:24px}
.tunnel__pied a:hover{color:var(--rouge)}
.case{display:flex;align-items:flex-start;gap:12px;font-size:15px;line-height:23px;cursor:pointer}
.case input{flex:none;width:22px;height:22px;margin:0;accent-color:var(--rouge)}
.case a{font-weight:600;color:var(--encre);text-decoration:underline;text-underline-offset:4px}

/* --- Connexion ----------------------------------------------------------------------------------------- */
.auth{display:grid;grid-template-columns:minmax(0,1fr) 640px;min-height:900px}
.auth__form{display:flex;flex-direction:column;padding:36px 96px 32px}
.auth__boite{width:100%;max-width:480px;margin:auto}
.auth__boite h1{font-size:38px;line-height:46px}
.auth__boite>p{margin-top:12px;font-size:17px;line-height:27px}
.auth__boite form{display:flex;flex-direction:column;gap:18px;margin-top:32px}
.auth__ligne{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:15px}
.auth__boite .lien{font-size:15px}
.auth__suite{margin-top:28px!important;font-size:16px!important}
.auth__pied{display:flex;gap:24px;font-size:14px;color:var(--discret)}
.auth__pied a:hover{color:var(--rouge)}
.auth__cote{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;margin:20px;padding:64px;border-radius:44px;background:var(--braise);color:#fff}
.auth__ruban{right:-180px;top:-120px;width:900px}
.auth__message{position:relative;max-width:440px}
.auth__message h2{font-size:38px;line-height:46px;color:#fff}
.auth__message ul{display:flex;flex-direction:column;gap:12px;margin-top:28px;font-size:17px;line-height:26px;font-weight:500}
.auth__message li{display:flex;align-items:flex-start;gap:12px}
.auth__message .ic{margin-top:3px;stroke-width:2.5}
.ou{display:flex;align-items:center;gap:14px;font-size:14px;color:var(--discret)}
.ou::before,.ou::after{content:"";flex:1;height:1px;background:var(--trait-fort)}
.code-saisie{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.code-saisie input{width:100%;height:72px;border:2px solid var(--trait-fort);border-radius:18px;outline:0;background:#fff;font:700 30px/1 "Onest",sans-serif;color:var(--encre);text-align:center}
.code-saisie input:focus,.code-saisie input.est-rempli{border-color:var(--rouge)}
.force{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:2px}
.force i{height:6px;border-radius:3px;background:var(--trait-fort)}
.force i.est-ok{background:var(--vert)}

/* ==========================================================================
   Écrans de la commande, de la connexion et de l'espace client.
   ========================================================================== */
.discret{color:var(--discret)}
.encre{color:var(--encre)}
.lien--discret{color:var(--discret)}
.etat--nu::before{display:none}
.etat--nu{padding:4px 10px;justify-content:center;min-width:56px}

/* --- Commande ---------------------------------------------------------------------------- */
.page--tunnel .fil{margin-top:8px;color:var(--encre)}
.page--tunnel .fil a{display:inline-flex;align-items:center;gap:8px;font-weight:600}
.article-panier{display:grid;grid-template-columns:auto minmax(0,1fr) 220px;gap:24px;align-items:center;padding:28px 32px;border-radius:28px;background:var(--creme)}
.article-panier .picto{background:#fff}
.article-panier h2{font:600 22px/30px "Unbounded",sans-serif;letter-spacing:-.01em}
.article-panier p{font-size:16px;line-height:25px}
.article-panier__config{color:var(--discret)}
.article-panier__actions{display:flex;gap:24px;margin-top:12px;font-size:15px}
.article-panier__prix{display:flex;flex-direction:column;gap:14px;align-items:stretch;text-align:right}
.ligne-champ{display:flex;align-items:flex-end;gap:12px}
.ligne-champ .champ{flex:1}
.ligne-champ .btn{height:58px}
.adresse{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}
.adresse b{font:700 17px/26px "Onest",sans-serif;color:var(--encre)}
.adresse p{font-size:16px;line-height:25px}
.adresse--apercu{padding:20px;border-radius:18px;background:var(--creme)}
.choix__suite{margin:-2px 0 4px;padding:18px;border-radius:20px;background:#fff}
.choix__suite .choix{background:var(--creme)}
.recap__essai{margin-top:18px;font-size:13.5px;text-align:center}
.recap__info{display:flex;align-items:flex-start;gap:10px;margin-top:20px;padding:16px;border-radius:18px;background:#fff;font-size:14.5px;line-height:21px}
.recap__info .ic{flex:none;margin-top:1px;color:var(--rouge)}
.recap__lignes li>span small{display:inline;margin:0;font-weight:500;font-size:13px;color:var(--discret)}
.recap__lignes li>span .ic{color:var(--rouge)}
.tunnel__suite{display:flex;gap:12px;margin-top:24px}
.issue{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:48px;align-items:center;margin-top:20px;padding:56px;border-radius:44px;background:var(--peche);--r1:rgba(220,26,35,.06);--r2:rgba(220,26,35,.12);--r3:rgba(220,26,35,.09)}
.issue__ruban{right:-120px;top:-170px;width:760px}
.issue>*:not(.ruban){position:relative}
.issue__texte{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.issue__ic{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:var(--vert);color:#fff}
.issue__ic .ic{stroke-width:3}
.issue h1{font-size:40px;line-height:48px}
.issue__texte>p{max-width:600px;font-size:18px;line-height:28px}
.issue .actions{margin-top:8px}
.issue__fiche{padding:8px 28px;border-radius:28px;background:#fff}
.issue__fiche div{display:flex;justify-content:space-between;gap:16px;padding:16px 0;border-top:1px solid var(--trait);font-size:15.5px}
.issue__fiche div:first-child{border-top:0}
.issue__fiche dt{color:var(--discret)}
.issue__fiche dd{font-weight:700;color:var(--encre);text-align:right;overflow-wrap:anywhere}
.issue--echec{display:block;margin:20px 0;padding:40px 44px;background:var(--rose)}
.issue--echec .issue__ic{background:var(--rouge)}
.issue--echec h1{font-size:34px;line-height:42px}
.suite-etapes{display:flex;flex-direction:column;gap:16px}
.suite-etapes li{display:flex;align-items:flex-start;gap:14px}
.suite-etapes li>span{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;background:var(--rouge);font:700 13px/1 "Unbounded",sans-serif;color:#fff}
.suite-etapes b{display:block;font:600 16px/24px "Onest",sans-serif;color:var(--encre)}
.suite-etapes p{font-size:15px;line-height:22px}
.tl--service .picto{width:44px;height:44px}
.apps--choix{grid-template-columns:repeat(3,1fr)}
.apps--choix .app{background:#fff;text-align:left;cursor:pointer}
.apps--choix .app[aria-pressed="true"]{border-color:var(--rouge);box-shadow:0 0 0 1px var(--rouge)}
.atout--compact{padding:22px;background:var(--creme)}
.atout--compact h3{margin:14px 0 4px;font-size:17px}
.atout--compact p{font-size:15px;line-height:23px}
.atout--compact .picto{width:42px;height:42px;border-radius:14px}
.etape-c--ip{background:var(--braise);color:#fff}
.etape-c--ip>h2{color:#fff}
.etape-c--ip>h2 span{background:#fff;color:var(--rouge)}
.ip{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:12px}
.ip code{font:600 52px/60px "Geist Mono",ui-monospace,monospace;letter-spacing:-.02em}
.installation{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 460px;gap:56px;align-items:center;margin-top:20px;padding:64px;border-radius:44px;background:var(--braise);color:#fff}
.installation__ruban{right:-140px;top:-160px;width:880px}
.installation>*:not(.ruban){position:relative}
.installation__texte{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.installation .sur{margin:0;background:#fff}
.installation h1{font-size:42px;line-height:50px;color:#fff}
.installation__texte>p{max-width:520px;font-size:18px;line-height:28px}
.installation__barre{display:flex;align-items:center;gap:16px;width:100%;max-width:520px;margin-top:12px}
.installation__barre i{flex:1;height:12px;border-radius:6px;background:rgba(255,255,255,.3)}
.installation__barre u{display:block;height:100%;border-radius:6px;background:#fff;transition:width .6s ease}
.installation__barre b{min-width:64px;font:700 24px/30px "Onest",sans-serif;font-variant-numeric:tabular-nums}
.installation__etapes{display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:28px;background:#fff;color:var(--texte)}
.installation__etapes li{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:16px;font-size:15.5px}
.installation__etapes li>span{position:relative;display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;background:var(--trait);color:transparent}
.installation__etapes b{font:600 16px/22px "Onest",sans-serif;color:var(--discret)}
.installation__etapes em{margin-left:auto;font-style:normal;font-size:14px;color:var(--discret)}
.installation__etapes .est-cours{background:var(--creme)}
.installation__etapes .est-cours b{color:var(--encre)}
.installation__etapes .est-cours em{font-weight:600;color:var(--rouge-fonce)}
.installation__etapes .est-cours>span{background:var(--rose)}
.installation__etapes .est-cours>span i{position:absolute;inset:6px;border:3px solid var(--rouge);border-right-color:transparent;border-radius:50%;animation:tour .9s linear infinite}
.installation__etapes .est-fait>span{background:var(--vert);color:#fff}
.installation__etapes .est-fait .ic{stroke-width:3}
.installation__etapes .est-fait b{color:var(--encre)}
.installation__etapes .est-fait em{color:var(--vert);font-weight:600}
@keyframes tour{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.installation__etapes .est-cours>span i{animation:none}}

/* --- Connexion ------------------------------------------------------------------------------- */
.pas--auth{display:inline-flex;margin:0 0 28px}
.regles{display:grid;grid-template-columns:1fr 1fr;gap:6px 16px;margin-top:12px;font-size:14px;line-height:20px;color:var(--discret)}
.regles li{display:flex;align-items:center;gap:8px}
.regles .est-ok{color:var(--vert)}
.regles .est-ok .ic{stroke-width:3}
.suggestions{position:relative}
.suggestions ul{margin-top:8px;padding:6px;border-radius:18px;background:#fff;box-shadow:0 18px 44px var(--ombre),0 0 0 1px var(--trait)}
.suggestions li{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;font-size:15.5px;line-height:22px;cursor:pointer}
.suggestions li .ic{color:var(--discret)}
.suggestions li b{font-weight:700;color:var(--encre)}
.suggestions li.est-actif{background:var(--creme)}
.suggestions li.est-actif .ic{color:var(--rouge)}
.suggestions__main{border-top:1px solid var(--trait);border-radius:0 0 12px 12px!important;color:var(--encre);font-weight:600}

/* --- Tableau de bord --------------------------------------------------------------------------- */
.bandeau{position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:space-between;gap:32px;padding:40px 44px;border-radius:32px;background:var(--braise);color:#fff}
.bandeau__ruban{right:-60px;top:-150px;width:620px}
.bandeau>div{position:relative}
.bandeau>div:first-of-type{flex:1;min-width:0}
.bandeau .actions{flex:none;flex-wrap:nowrap}
.bandeau h1{font-size:40px;line-height:48px;color:#fff}
.bandeau p{font-size:15px;line-height:22px;font-weight:500}
.bandeau__texte{margin-top:8px;font-size:18px!important;line-height:27px!important;font-weight:400!important}
.kpis--3{grid-template-columns:repeat(3,1fr)}
.kpis--3 .kpi{min-height:0}
.mini-service{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:20px;background:#fff;color:var(--texte)}
.mini-service>span:nth-child(2){flex:1;min-width:0}
.mini-service b{display:block;font:600 15.5px/22px "Onest",sans-serif;color:var(--encre);overflow-wrap:anywhere}
.mini-service small{display:block;font-size:13.5px;line-height:19px;color:var(--discret)}
.mini-service>.ic{color:var(--rouge)}
.mini-service .picto{width:40px;height:40px;border-radius:14px}
.mini-service--carte{background:#fff}
a.mini-service:hover{box-shadow:inset 0 0 0 2px var(--rouge)}
.conso-ec{display:flex;flex-direction:column;gap:6px;margin-top:16px;font-size:14.5px;line-height:21px}
.conso-ec p{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.conso-ec b{font-weight:600;color:var(--encre)}
.conso-ec strong{font:700 30px/36px "Onest",sans-serif;letter-spacing:-.02em;color:var(--encre)}
.conso-ec i,.jauge-ec i,.conso-grand__barre i{display:block;height:8px;border-radius:4px;background:#fff}
.conso-ec u,.jauge-ec u,.conso-grand__barre u{display:block;height:100%;border-radius:4px;background:var(--rouge)}
.conso-ec small{font-size:13.5px;color:var(--texte)}
.fil-annonces{display:flex;flex-direction:column}
.fil-annonces a{display:flex;flex-direction:column;gap:2px;padding:12px 0;border-top:1px solid var(--trait-fort)}
.fil-annonces a:first-child{border-top:0;padding-top:0}
.fil-annonces time{font-size:13px;line-height:18px;color:var(--discret)}
.fil-annonces b{font:600 15.5px/22px "Onest",sans-serif;color:var(--encre)}
.fil-annonces a:hover b{color:var(--rouge)}

/* --- Fiches de service ----------------------------------------------------------------------------- */
.jauge-ec{display:flex;flex-direction:column;gap:8px;padding:12px 0}
.jauge-ec:first-child{padding-top:0}
.jauge-ec p{display:flex;justify-content:space-between;gap:12px;font-size:15px;line-height:22px}
.jauge-ec span{color:var(--discret)}
.jauge-ec b{font-weight:600;color:var(--encre);font-variant-numeric:tabular-nums}
.carte:not(.carte--blanc) .jauge-ec i{background:#fff}
.carte--blanc .jauge-ec i{background:var(--trait)}
.fiche+.jauge-ec{margin-top:8px;padding-top:16px;border-top:1px solid var(--trait-fort)}
.jauge-ec+.fiche{margin-top:8px;padding-top:12px;border-top:1px solid var(--trait-fort)}
.terminal{border-radius:20px;background:#fff;overflow:hidden}
.terminal pre{margin:0;padding:22px 24px;min-height:420px;font:500 13.5px/23px "Geist Mono",ui-monospace,monospace;color:var(--encre);white-space:pre-wrap;overflow-wrap:anywhere}
.terminal pre i{margin-right:12px;font-style:normal;color:var(--discret)}
.terminal pre b{font-weight:700;color:var(--rouge-fonce)}
.terminal .ok{color:var(--vert)}
.terminal--jeu pre{min-height:300px}
.terminal--ligne pre{min-height:0;padding:14px 18px}
.terminal--ligne{margin-bottom:8px}
.terminal__saisie{display:flex;align-items:center;gap:12px;padding:12px 12px 12px 22px;border-top:1px solid var(--trait)}
.terminal__saisie>span{font:700 16px/1 "Geist Mono",monospace;color:var(--rouge)}
.terminal__saisie input{flex:1;min-width:0;height:40px;border:0;outline:0;background:none;font:500 14px/22px "Geist Mono",ui-monospace,monospace;color:var(--encre)}
.ajout{display:grid;grid-template-columns:1fr 1fr 1.4fr 1fr auto;gap:12px;align-items:end;margin-top:16px;padding:20px;border:2px dashed var(--trait-fort);border-radius:20px}
.ajout--court{grid-template-columns:1.4fr 1.2fr auto}
.ajout .btn{height:58px}
.btn-ic{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:12px;color:var(--discret)}
a.btn-ic:hover,.tl:hover span.btn-ic{background:var(--creme);color:var(--rouge)}
.carte:not(.carte--blanc) a.btn-ic:hover{background:var(--creme)}
.joueurs{display:flex;flex-direction:column;gap:10px}
.joueurs li{display:flex;align-items:center;gap:12px}
.joueurs b{font:600 15.5px/22px "Onest",sans-serif;color:var(--encre)}
.joueurs small{margin-left:auto;font-size:13.5px;color:var(--vert)}
.avatar--petit{width:32px;height:32px;font-size:12px;background:var(--peche);color:var(--rouge-fonce)}
.avatar--equipe{background:var(--encre)}
.chemin{display:flex;align-items:center;gap:8px;font:600 15px/22px "Geist Mono",monospace;color:var(--encre)}
.chemin .ic{color:var(--rouge)}
.verrou{display:inline-flex!important;align-items:center;gap:5px;margin-top:2px;color:var(--rouge-fonce)!important}
.puces{display:flex;flex-wrap:wrap;gap:6px}
.puces i{padding:3px 10px;border-radius:999px;background:var(--creme);font:600 13px/20px "Onest",sans-serif;font-style:normal;color:var(--encre)}
.carte__sous{margin:20px 0 10px;font:600 15px/22px "Onest",sans-serif;color:var(--encre)}
.droits{display:flex;flex-direction:column;gap:6px}
.case--carte{align-items:center;padding:10px 14px;border-radius:16px;background:var(--creme)}
.case--carte b{display:block;font:600 15px/22px "Onest",sans-serif;color:var(--encre)}
.case--carte small{display:block;font-size:13px;line-height:18px;color:var(--discret)}
.raccourcis-ec{display:flex;flex-direction:column;gap:8px}
.raccourcis-ec a{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:18px;background:var(--creme);color:var(--encre)}
.raccourcis-ec a>.ic:first-child{color:var(--rouge)}
.raccourcis-ec a>span{flex:1;min-width:0}
.raccourcis-ec b{display:block;flex:1;font:600 15.5px/22px "Onest",sans-serif}
.raccourcis-ec small{display:block;font-size:13.5px;line-height:19px;color:var(--discret)}
.raccourcis-ec a>.ic:last-child{color:var(--discret)}
.raccourcis-ec a:hover{background:var(--peche)}
.chrono{display:flex;flex-direction:column}
.chrono li{position:relative;display:flex;gap:16px;padding-bottom:24px}
.chrono li:last-child{padding-bottom:0}
.chrono li::before{content:"";position:absolute;left:15px;top:32px;bottom:0;width:2px;background:var(--trait-fort)}
.chrono li:last-child::before{display:none}
.chrono li>span{position:relative;display:grid;place-items:center;flex:none;width:32px;height:32px;border:2px solid var(--trait-fort);border-radius:50%;background:#fff;color:#fff}
.chrono b{display:block;font:600 16.5px/24px "Onest",sans-serif;color:var(--discret)}
.chrono p{font-size:15px;line-height:23px}
.chrono .est-fait>span{border-color:var(--vert);background:var(--vert)}
.chrono .est-fait .ic{stroke-width:3}
.chrono .est-fait b,.chrono .est-cours b{color:var(--encre)}
.chrono .est-fait::before{background:var(--vert)}
.chrono .est-cours>span{border-color:var(--rouge)}
.chrono .est-cours>span::after{content:"";width:12px;height:12px;border-radius:50%;background:var(--rouge)}
.legende{display:flex;flex-direction:column;gap:12px}
.legende p{display:flex;flex-direction:column;align-items:flex-start;gap:5px;font-size:15px;line-height:22px}
.legende--services p{flex-direction:row;align-items:center;gap:12px}
.legende .etat{margin-left:0;flex:none}
.legende--services p{justify-content:space-between}
.legende--services b{flex:1;font:600 15px/22px "Onest",sans-serif;color:var(--encre);overflow-wrap:anywhere}
.legende--services span{font-size:14px;color:var(--discret)}
.conso-grand__chiffres{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.conso-grand__chiffres div{display:flex;flex-direction:column;gap:2px;padding:20px;border-radius:20px;background:#fff}
.conso-grand__chiffres span{font-size:14.5px;color:var(--discret)}
.conso-grand__chiffres b{font:700 30px/38px "Unbounded",sans-serif;letter-spacing:-.02em;color:var(--encre)}
.conso-grand__chiffres small{font-size:13.5px;line-height:19px;color:var(--texte)}
.conso-grand__barre{margin-top:22px}
.conso-grand__barre i{height:14px;border-radius:7px}
.conso-grand__barre u{border-radius:7px}
.conso-grand__barre p{display:flex;justify-content:space-between;margin-top:8px;font-size:13.5px;color:var(--texte)}
.conso-grand__barre p span:nth-child(2){font-weight:700;color:var(--encre)}

/* --- Factures, devis, paiements ---------------------------------------------------------------------- */
.doc-compta{padding:44px;border:2px solid var(--trait);border-radius:28px;background:#fff;font-size:15px;line-height:23px}
.doc-compta header{display:flex;justify-content:space-between;gap:32px}
.doc-compta header p{margin-top:14px;font-size:14px;line-height:21px;color:var(--discret)}
.doc-compta__titre{text-align:right}
.doc-compta__titre h2{font:600 22px/30px "Unbounded",sans-serif!important}
.doc-compta__titre .etat{margin-top:10px}
.doc-compta__parties{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:36px 0 28px}
.doc-compta__parties>div{padding:20px 22px;border-radius:18px;background:var(--creme)}
.doc-compta__parties span{font:600 13px/18px "Onest",sans-serif;color:var(--discret)}
.doc-compta__parties p{margin-top:6px}
.doc-compta__parties b{font-weight:700;color:var(--encre)}
.doc-compta th{padding:12px 14px;border-bottom:2px solid var(--encre);font:600 13.5px/20px "Onest",sans-serif;color:var(--encre);text-align:right}
.doc-compta th:first-child,.doc-compta td:first-child{padding-left:0;text-align:left}
.doc-compta td{padding:18px 14px;border-bottom:1px solid var(--trait-fort);text-align:right;vertical-align:top;font-variant-numeric:tabular-nums}
.doc-compta td b{display:block;font:700 16px/24px "Onest",sans-serif;color:var(--encre)}
.doc-compta td small{display:block;font-size:14px;line-height:21px;color:var(--discret)}
.doc-compta__total{width:340px;margin:20px 0 0 auto}
.doc-compta__total div{display:flex;justify-content:space-between;padding:7px 0;font-variant-numeric:tabular-nums}
.doc-compta__total dd{font-weight:600;color:var(--encre)}
.doc-compta__total .est-ttc{margin-top:8px;padding-top:14px;border-top:2px solid var(--encre);font:700 20px/28px "Onest",sans-serif;color:var(--encre)}
.doc-compta footer{margin-top:40px;padding-top:20px;border-top:1px solid var(--trait);font-size:13.5px;line-height:21px;color:var(--discret)}
.a-payer{display:flex;flex-direction:column;gap:2px}
.a-payer>p{font:600 15px/22px "Onest",sans-serif;color:var(--encre)}
.a-payer>b{font:700 40px/48px "Unbounded",sans-serif;letter-spacing:-.02em;color:var(--encre)}
.a-payer>small{font-size:14.5px;color:var(--texte)}
.a-payer .btn{margin-top:16px}
.a-payer .btn+.btn{margin-top:8px}
.solde{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;gap:28px;min-height:260px;padding:36px 40px;border-radius:32px;background:var(--braise);color:#fff}
.solde__ruban{right:-80px;top:-120px;width:560px}
.solde>div{position:relative}
.solde p{font:600 16px/24px "Onest",sans-serif}
.solde b{display:block;margin:6px 0 10px;font:700 56px/64px "Unbounded",sans-serif;letter-spacing:-.03em}
.solde small{display:block;max-width:420px;font-size:15.5px;line-height:23px}
.prix-l.est-credit{color:var(--vert)}
.carte-bancaire{display:flex;flex-direction:column;gap:16px;padding:28px;border:2px solid var(--trait);border-radius:28px;background:var(--creme)}
.carte-bancaire.est-defaut{border-color:var(--rouge);background:var(--peche)}
.carte-bancaire__haut{display:flex;align-items:center;justify-content:space-between}
.carte-bancaire__haut b{font:600 20px/28px "Unbounded",sans-serif;color:var(--encre)}
.carte-bancaire__numero{font:600 22px/30px "Geist Mono",ui-monospace,monospace;letter-spacing:.04em;color:var(--encre)}
.carte-bancaire__bas{display:flex;justify-content:space-between;font-size:14.5px;color:var(--texte)}
.carte-bancaire .actions{margin-top:auto}

/* --- Support ---------------------------------------------------------------------------------------------- */
.prio{display:inline-flex;align-items:center;gap:3px;font:600 14px/20px "Onest",sans-serif;color:var(--encre);white-space:nowrap}
.prio i{width:5px;height:14px;border-radius:2px;background:var(--trait-fort)}
.prio i:nth-child(3){margin-right:6px}
.prio--basse i:nth-child(1),.prio--normale i:nth-child(-n+2),.prio--haute i{background:var(--rouge)}
.depot{display:flex;align-items:center;gap:16px;margin-top:20px;padding:22px;border:2px dashed var(--trait-fort);border-radius:20px}
.depot .picto{background:#fff}
.depot b{font:600 16px/24px "Onest",sans-serif;color:var(--encre)}
.depot p{font-size:14.5px;line-height:22px}
.pieces{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.pieces li{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 8px 0 12px;border-radius:999px;background:#fff;font:600 14px/20px "Onest",sans-serif;color:var(--encre)}
.pieces small{font-weight:400;color:var(--discret)}
.pieces button{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;color:var(--discret)}
.fil-messages{display:flex;flex-direction:column;gap:24px}
.message{display:flex;gap:14px;max-width:86%}
.message--client{align-self:flex-end;flex-direction:row-reverse}
.message__tete{display:flex;align-items:baseline;gap:10px;margin-bottom:6px;font-size:13.5px;color:var(--discret)}
.message--client .message__tete{justify-content:flex-end}
.message__tete b{font:600 15px/22px "Onest",sans-serif;color:var(--encre)}
.message__bulle{padding:18px 22px;border-radius:6px 22px 22px 22px;background:#fff;font-size:16px;line-height:25px}
.message--client .message__bulle{border-radius:22px 6px 22px 22px;background:var(--peche);color:var(--encre)}
.message__bulle p+p{margin-top:10px}
.message--client .pieces{justify-content:flex-end}
.fil-messages__etat{display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;color:var(--discret)}
.reponse__bas{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px}

/* --- Compte et notifications ----------------------------------------------------------------------------------- */
.champ__note .ic{display:inline-block;vertical-align:-2px;color:var(--vert)}
.prefs__tete,.prefs__ligne{display:grid;grid-template-columns:minmax(0,1fr) 110px 110px;gap:24px;align-items:center;justify-items:center}
.prefs__tete{padding-bottom:10px;font:600 13.5px/20px "Onest",sans-serif;color:var(--discret)}
.prefs__ligne{padding:16px 22px;margin-bottom:8px;border-radius:20px;background:#fff}
.prefs__ligne>div{justify-self:start}
.prefs__ligne b{font:600 16px/24px "Onest",sans-serif;color:var(--encre)}
.prefs__ligne p{font-size:14.5px;line-height:22px;color:var(--discret)}
.bascule:disabled{opacity:.5;cursor:default}
.notif{position:relative;display:flex;align-items:center;gap:16px;padding:16px 44px 16px 18px;border-radius:20px;background:#fff;color:var(--texte)}
.carte--blanc .notif{background:var(--creme)}
.notif__texte{flex:1;min-width:0}
.notif b{display:block;font:500 16px/24px "Onest",sans-serif;color:var(--encre)}
.notif.est-neuve b{font-weight:700}
.notif small{display:block;font-size:14.5px;line-height:21px;color:var(--discret)}
.notif time{font-size:14px;color:var(--discret);white-space:nowrap}
.notif>i{position:absolute;right:20px;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:50%;background:var(--rouge)}
.notif:hover{box-shadow:inset 0 0 0 2px var(--rouge)}
.picto--alerte{background:var(--rouge);color:#fff}
.vide--petit{align-items:flex-start;gap:8px;padding:28px;text-align:left}
.vide--petit h3{margin-top:10px;font-size:18px}
.vide--petit p{font-size:15px;line-height:23px}
.vide--petit .btn{margin-top:10px}

/* ==========================================================================
   E-mails. Le gabarit n'emploie que des formes réalisables en e-mail : une colonne de 600 px,
   des tableaux à deux colonnes, des aplats, un bouton, une image de fond pour le bandeau.
   ========================================================================== */

/* --- Page de présentation : fiche à gauche, ordinateur au centre, téléphone à droite ---- */
.page--mail{display:grid;grid-template-columns:272px 680px 380px;justify-content:center;align-items:start;gap:26px;min-height:900px;padding:28px 24px 56px;background:#F3ECE6}
.mail-meta{position:sticky;top:24px;display:flex;flex-direction:column;gap:18px;padding:24px;border-radius:24px;background:#fff;font-size:14.5px;line-height:22px}
.mail-meta__groupe{font:600 13px/18px "Onest",sans-serif;color:var(--rouge-fonce)}
.mail-meta h2{margin-top:-12px;font:600 21px/28px "Unbounded",sans-serif;letter-spacing:-.01em}
.mail-meta dl{display:flex;flex-direction:column}
.mail-meta dl div{padding:12px 0;border-top:1px solid var(--trait)}
.mail-meta dt{font:600 13px/18px "Onest",sans-serif;color:var(--discret)}
.mail-meta dd{margin-top:2px;color:var(--encre);overflow-wrap:anywhere}
.mail-meta__polices{padding:16px;border-radius:18px;background:var(--creme)}
.mail-meta__polices p{margin-bottom:8px;font:600 13px/18px "Onest",sans-serif;color:var(--encre)}
.mail-meta__polices small{display:block;margin-top:10px;font-size:13px;line-height:19px;color:var(--discret)}
.polices{display:flex;flex-direction:column;gap:6px}
.polices button{height:38px;padding:0 14px;border-radius:999px;background:#fff;font:600 14px/20px "Onest",sans-serif;color:var(--encre);text-align:left}
.polices button[aria-pressed="true"]{background:var(--rouge);color:#fff}
.mail-meta__nav{display:flex;flex-direction:column;gap:4px}
.mail-meta__nav a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:12px;font:600 14px/20px "Onest",sans-serif;color:var(--encre)}
.mail-meta__nav a span{flex:1;min-width:0}
.mail-meta__nav a:nth-child(2):not(:last-child) span{text-align:right}
.mail-meta__nav a .ic{color:var(--rouge)}
.mail-meta__nav a:hover{background:var(--creme)}
.client__titre{display:flex;align-items:center;gap:8px;margin-bottom:10px;font:600 14px/20px "Onest",sans-serif;color:var(--discret)}
.client__fenetre{overflow:hidden;border-radius:20px;background:#fff;box-shadow:0 12px 32px rgba(58,16,10,.10),0 0 0 1px rgba(58,16,10,.06)}
.client__tete{padding:22px 28px 18px;border-bottom:1px solid var(--trait)}
.client__tete h3{font:700 20px/28px "Onest",sans-serif;color:var(--encre)}
.client__de{display:flex;align-items:center;gap:12px;margin-top:14px}
.client__de b{display:block;font:700 15px/20px "Onest",sans-serif;color:var(--encre)}
.client__de small{display:block;font-size:13.5px;line-height:19px;color:var(--discret)}
.client__de time{margin-left:auto;font-size:13.5px;color:var(--discret)}
.client__a{display:flex;align-items:center;gap:12px;margin-top:10px;font-size:13.5px;line-height:20px;color:var(--discret)}
.client__piece{display:inline-flex;align-items:center;gap:6px;margin-left:auto;padding:4px 12px;border-radius:999px;background:var(--creme);font:600 13px/20px "Onest",sans-serif;color:var(--encre)}
.telephone__cadre{overflow:hidden;border:10px solid #fff;border-radius:44px;background:#fff;box-shadow:0 12px 32px rgba(58,16,10,.12),0 0 0 1px rgba(58,16,10,.08)}
.telephone__liste{display:flex;align-items:flex-start;gap:12px;padding:20px 16px 16px;border-bottom:1px solid var(--trait)}
.telephone__liste>span:last-child{flex:1;min-width:0}
.telephone__liste b{display:flex;justify-content:space-between;gap:8px;font:700 15px/20px "Onest",sans-serif;color:var(--encre)}
.telephone__liste time{font-weight:400;font-size:13px;color:var(--discret)}
.telephone__liste i{display:block;font:600 14px/20px "Onest",sans-serif;font-style:normal;color:var(--encre);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.telephone__liste small{display:block;font-size:13.5px;line-height:19px;color:var(--discret);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* --- L'e-mail lui-même -------------------------------------------------------------------- */
.mail{padding:32px 40px 36px;background:var(--creme);font:400 16px/26px "Onest",Arial,Helvetica,sans-serif;color:var(--texte);text-align:left}
.mail a{color:inherit}
.mail__carte{overflow:hidden;border-radius:28px;background:#fff}
.mail__tete{padding:28px 36px 0}
.mail__hero{position:relative;overflow:hidden;margin:22px 20px 0;padding:32px;border-radius:22px;background:var(--peche);--r1:rgba(220,26,35,.06);--r2:rgba(220,26,35,.12);--r3:rgba(220,26,35,.09)}
.mail__ruban{right:-50px;top:-70px;width:330px}
.mail__ic{position:relative;display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:#fff;color:var(--rouge)}
.mail__hero h1{position:relative;max-width:440px;margin-top:18px;font:700 26px/34px "Unbounded",Arial,Helvetica,sans-serif;letter-spacing:-.015em;color:var(--encre)}
.mail__hero p{position:relative;max-width:420px;margin-top:8px;font-size:17px;line-height:26px;color:var(--texte)}
.mail__hero--braise{background:var(--rouge);background-image:var(--braise);--r1:rgba(255,255,255,.17);--r2:rgba(150,0,20,.34);--r3:rgba(150,0,20,.18)}
.mail__hero--braise h1,.mail__hero--braise p{color:#fff}
.mail__hero--rose{background:var(--rose)}
.mail__hero--rose .mail__ic{background:var(--rouge);color:#fff}
.mail__corps{padding:28px 36px 12px}
.mail__corps>*{margin-bottom:20px}
.mail__corps>p{font-size:16px;line-height:26px}
.mail__aide{margin:0 36px;padding:22px 0 30px;border-top:1px solid var(--trait);font-size:14.5px;line-height:23px}
.mail__aide b{color:var(--encre)}
.mail__aide a{font-weight:600;color:var(--encre);text-decoration:underline;text-underline-offset:3px}
.mail__pied{padding:24px 16px 0;font-size:13px;line-height:20px;color:var(--discret);text-align:center}
.mail__pied p+p{margin-top:10px}
.mail__liens a{margin:0 10px;font-weight:600;color:var(--encre);text-decoration:underline;text-underline-offset:3px}

/* Blocs */
.m-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px}
.m-btn{display:inline-block;padding:15px 30px;border-radius:999px;background:var(--rouge);font:600 17px/24px "Onest",Arial,Helvetica,sans-serif;color:#fff!important;text-decoration:none}
.m-lien{font:600 16px/24px "Onest",Arial,Helvetica,sans-serif;color:var(--encre);text-decoration:underline;text-underline-offset:4px}
.m-fiche{padding:6px 22px;border-radius:20px;background:var(--creme)}
.m-fiche__titre{padding:14px 0 6px;font:600 14.5px/22px "Onest",Arial,sans-serif;color:var(--encre)}
.m-fiche th,.m-fiche td{padding:12px 0;border-top:1px solid var(--trait-fort);font-size:15.5px;line-height:23px;vertical-align:top}
.m-fiche tr:first-child th,.m-fiche tr:first-child td{border-top:0}
.m-fiche th{width:42%;padding-right:16px;font-weight:400;color:var(--discret);text-align:left}
.m-fiche td{font-weight:600;color:var(--encre);text-align:right;overflow-wrap:anywhere}
.m-code{padding:26px 20px 22px;border-radius:20px;background:var(--creme);text-align:center}
.m-code b{display:block;font:700 44px/52px "Geist Mono","Courier New",monospace;letter-spacing:.12em;color:var(--encre)}
.m-code span{display:block;margin-top:6px;font-size:14.5px;color:var(--discret)}
.m-valeur{padding:20px 24px;border-radius:20px;background:var(--creme)}
.m-valeur span{display:block;font-size:14.5px;line-height:22px;color:var(--discret)}
.m-valeur code{display:block;margin-top:4px;font:600 24px/32px "Geist Mono","Courier New",monospace;letter-spacing:-.01em;color:var(--encre);overflow-wrap:anywhere}
.m-recap{padding:8px 22px 14px;border-radius:20px;background:var(--creme);font-variant-numeric:tabular-nums}
.m-recap td{padding:14px 0;border-bottom:1px solid var(--trait-fort);vertical-align:top;font-size:15.5px;line-height:23px}
.m-recap td:last-child{padding-left:16px;font-weight:700;color:var(--encre);text-align:right;white-space:nowrap}
.m-recap b{display:block;font-weight:700;color:var(--encre)}
.m-recap small{display:block;font-size:14px;line-height:21px;color:var(--discret)}
.m-recap__total td{padding:5px 0;border:0;font-size:15px}
.m-recap__total td:last-child{font-weight:600}
.m-recap__total tr:first-child td{padding-top:14px}
.m-recap__total .est-ttc td{padding-top:10px;font:700 19px/28px "Onest",Arial,sans-serif;color:var(--encre)}
.m-alerte{padding:16px 20px;border-radius:18px;background:var(--creme);font-size:15px;line-height:23px}
.m-alerte b{display:block;font-weight:700;color:var(--encre)}
.m-alerte--rose{background:var(--rose)}
.m-alerte--attente{background:var(--abricot)}
.m-alerte--ok{background:var(--vert-clair)}
.m-etapes td{padding:0 0 16px;vertical-align:top}
.m-etapes tr:last-child td{padding-bottom:0}
.m-etapes td:first-child{width:46px}
.m-etapes span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--rouge);font:700 14px/1 "Onest",Arial,sans-serif;color:#fff}
.m-etapes b{display:block;font:700 16px/24px "Onest",Arial,sans-serif;color:var(--encre)}
.m-etapes p{font-size:15px;line-height:23px}
.m-coches td{padding:6px 0;vertical-align:top;font-size:15.5px;line-height:23px}
.m-coches td:first-child{width:30px;padding-top:9px;color:var(--rouge)}
.m-coches .ic{stroke-width:2.5}
.m-coches b{font-weight:700;color:var(--encre)}
.m-coches span{display:block;font-size:14.5px;color:var(--discret)}
.m-message{padding:20px 24px;border-left:4px solid var(--rouge);border-radius:6px 20px 20px 6px;background:var(--creme);font-size:15.5px;line-height:25px}
.m-message__tete{margin-bottom:8px;font-size:13.5px;line-height:20px;color:var(--discret)}
.m-message__tete b{margin-right:10px;font:700 15px/20px "Onest",Arial,sans-serif;color:var(--encre)}
.m-message p+p{margin-top:10px}
.m-conso{padding:20px 22px;border-radius:20px;background:var(--creme)}
.m-conso td{width:33.33%;padding:0 8px 0 0;vertical-align:top}
.m-conso span{display:block;font-size:13.5px;line-height:20px;color:var(--discret)}
.m-conso b{display:block;font:700 24px/32px "Onest",Arial,sans-serif;letter-spacing:-.01em;color:var(--encre)}
.m-conso__barre{height:10px;margin:16px 0 10px;border-radius:5px;background:#fff}
.m-conso__barre i{display:block;height:100%;border-radius:5px;background:var(--rouge)}
.m-conso p{font-size:14px;line-height:21px}

/* Sur téléphone : marges resserrées, bouton sur toute la largeur. */
.mail--mobile{padding:14px 10px 28px;font-size:15.5px}
.mail--mobile .mail__carte{border-radius:22px}
.mail--mobile .mail__tete{padding:22px 20px 0}
.mail--mobile .mail__hero{margin:18px 10px 0;padding:24px 20px;border-radius:18px}
.mail--mobile .mail__ruban{right:-60px;top:-50px;width:240px}
.mail--mobile .mail__hero h1{margin-top:16px;font-size:21px;line-height:28px}
.mail--mobile .mail__hero p{font-size:16px;line-height:24px}
.mail--mobile .mail__corps{padding:24px 20px 8px}
.mail--mobile .mail__aide{margin:0 20px;padding:20px 0 26px}
.mail--mobile .m-actions{flex-direction:column;align-items:stretch;gap:14px}
.mail--mobile .m-btn{padding:15px 18px;text-align:center}
.mail--mobile .m-lien{text-align:center}
.mail--mobile .m-fiche{padding:4px 16px}
.mail--mobile .m-fiche th,.mail--mobile .m-fiche td{font-size:15px}
.mail--mobile .m-code b{font-size:36px;line-height:44px}
.mail--mobile .m-valeur{padding:18px}
.mail--mobile .m-valeur code{font-size:19px;line-height:27px}
.mail--mobile .m-recap{padding:6px 16px 12px}
.mail--mobile .m-conso{padding:18px 16px}
.mail--mobile .m-conso b{font-size:20px;line-height:28px}
.mail--mobile .m-message{padding:18px}
.mail--mobile .mail__liens a{display:inline-block;margin:2px 8px}

/* Polices de secours : ce que montrent Gmail et Outlook. */
.polices-secours .mail,.polices-secours .mail h1,.polices-secours .mail b,.polices-secours .m-btn,.polices-secours .m-lien,.polices-secours .mail p,.polices-secours .mail td,.polices-secours .mail th{font-family:Arial,Helvetica,sans-serif!important}
.polices-secours .mail h1{letter-spacing:-.01em}
.polices-secours .m-code b,.polices-secours .m-valeur code{font-family:"Courier New",monospace!important}

/* --- Page « Gabarit et règles » ---------------------------------------------------------------- */
.page--gabarit{display:block;padding:48px 72px 72px}
.gabarit__tete{max-width:860px}
.gabarit__tete h1{margin:6px 0 14px;font-size:44px;line-height:52px}
.gabarit__tete>p:last-child{font-size:19px;line-height:30px}
.gabarit__bloc{margin-top:28px;padding:40px;border-radius:32px;background:#fff}
.gabarit__bloc>h2{margin-bottom:24px;font-size:26px;line-height:34px}
.gabarit__heros{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.gabarit__heros>div>b{display:block;margin-top:16px;font:700 17px/26px "Onest",sans-serif;color:var(--encre)}
.gabarit__heros>div>p{font-size:15.5px;line-height:24px}
.mail--extrait{padding:0;background:none}
.mail--extrait .mail__hero{margin:0;min-height:240px}
.nb{white-space:nowrap}
.mail--extrait>*+*{margin-top:10px}
.gabarit__blocs{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 24px;align-items:start}
.gabarit__blocs>div>span{display:block;margin-bottom:10px;font:600 14px/20px "Onest",sans-serif;color:var(--discret)}
.gabarit__regles{display:grid;grid-template-columns:1fr 1fr;gap:56px}
.gabarit__regles h2{margin-bottom:20px;font-size:26px;line-height:34px}
.gabarit__regles .coches{font-size:16.5px;line-height:26px}
.gabarit__groupe{margin:24px 0 10px;font:600 15px/22px "Onest",sans-serif;color:var(--rouge-fonce)}
.gabarit__groupe:first-of-type{margin-top:0}
.gabarit__bloc .tl{background:var(--creme)}