/* nokycphone.com — feuille unique. CSP style-src 'self' : aucun style en ligne.
   Système : encre profonde + UN accent vert signal ; Bricolage Grotesque (titres),
   Inter (texte), JetBrains Mono (chiffres, codes). Mobile-first par media queries
   descendantes (le PC est le rendu de référence). */

:root{
  --ink:#0A0E14; --ink-2:#0E131C; --ink-3:#131A26; --panel:#111823;
  --line:rgba(255,255,255,.09); --line-2:rgba(255,255,255,.16);
  --text:#E9EEF5; --muted:#9AA6B8; --muted-2:#6F7B8E;
  --accent:#34E27A; --accent-2:#22C968; --accent-3:#7FF0AC; --accent-deep:#118A48;
  --accent-ink:#052A15; --accent-glow:rgba(52,226,122,.22);
  --paper:#F5F7FA; --white:#fff; --ink-text:#0B1220; --ink-muted:#5A6577;
  --line-l:#E3E8EF; --line-l2:#CBD3DE;
  --font:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --display:"Bricolage Grotesque",var(--font);
  --mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --wrap:1280px; --gut:24px; --hdr-h:72px; --r:14px; --r-sm:10px;
  --shadow:0 24px 64px rgba(3,8,20,.5);
}

/* ── base ─────────────────────────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--text);font:16px/1.55 var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}
body.drawer-open{overflow:hidden}
img,svg,video{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit;color:inherit}
button{cursor:pointer}
h1,h2,h3,h4{margin:0;font-family:var(--display);letter-spacing:-.02em;line-height:1.08}
p,figure{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
table{border-collapse:collapse;width:100%}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gut)}
.mono{font-family:var(--mono);font-feature-settings:"tnum" 1}
.ic{width:20px;height:20px;flex:none}
.ic--sm{width:16px;height:16px}
.ic--lg{width:26px;height:26px}
.accent{color:var(--accent)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
[hidden]{display:none!important}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}
section[id],footer[id]{scroll-margin-top:calc(var(--hdr-h) + 8px)}
.skip{position:absolute;left:-999px;top:10px;z-index:1000;background:var(--accent);color:var(--accent-ink);padding:10px 14px;border-radius:8px;font-weight:600}
.skip:focus{left:10px}
::selection{background:var(--accent);color:var(--accent-ink)}

.flag{width:20px;height:15px;border-radius:2px;object-fit:cover;box-shadow:0 0 0 1px rgba(0,0,0,.12);flex:none}
.flag--lg{width:36px;height:27px;border-radius:4px}
.coin{width:34px;height:34px;flex:none;border-radius:50%}
.coin--sm{width:18px;height:18px}

.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--accent)}
.eyebrow__dot{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px var(--accent-glow)}
.eyebrow--ink{color:var(--accent-deep)}
.eyebrow--ink .eyebrow__dot{box-shadow:0 0 0 3px rgba(17,138,72,.18)}

.live-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--accent-glow);animation:pulse 2.2s ease-in-out infinite;flex:none}
@keyframes pulse{0%,100%{box-shadow:0 0 0 3px var(--accent-glow)}50%{box-shadow:0 0 0 7px rgba(52,226,122,.08)}}
.pill{display:inline-flex;align-items:center;gap:7px;height:26px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap}
.pill--on{background:rgba(52,226,122,.14);color:var(--accent)}
.tag{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 9px;border-radius:999px;font-size:11.5px;font-weight:600;letter-spacing:.02em;white-space:nowrap}
.tag::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.tag--none{background:rgba(52,226,122,.14);color:var(--accent)}
.tag--opt{background:rgba(255,255,255,.08);color:#DCE4EE}
.tag--chain{background:rgba(139,184,255,.14);color:#8BB8FF}
.tag--you{background:rgba(255,205,120,.14);color:#FFCD78}

/* ── boutons ──────────────────────────────────────────────────────────── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 20px;border:1px solid transparent;border-radius:999px;font-size:15px;font-weight:600;line-height:1;white-space:nowrap;transition:background .18s,border-color .18s,color .18s,transform .12s}
.btn--sm{height:38px;padding:0 16px;font-size:14px}
.btn--lg{height:50px;padding:0 24px;font-size:16px}
.btn--xl{height:56px;padding:0 28px;font-size:17px}
.btn--primary{background:var(--accent);color:var(--accent-ink)}
.btn--primary:hover{background:var(--accent-3)}
.btn--primary:active{transform:translateY(1px)}
.btn--ghost{background:rgba(255,255,255,.04);border-color:var(--line-2);color:#fff}
.btn--ghost:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.3)}
.sec--paper .btn--ghost,.sec--white .btn--ghost{background:#fff;border-color:var(--line-l2);color:var(--ink-text)}
.sec--paper .btn--ghost:hover,.sec--white .btn--ghost:hover{background:var(--paper);border-color:#9AA6B8}

/* ── en-tête ──────────────────────────────────────────────────────────── */
.hdr{position:sticky;top:0;z-index:50;height:var(--hdr-h);background:rgba(10,14,20,.42);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border-bottom:1px solid transparent;transition:background .25s,border-color .25s}
.hdr.is-scrolled{background:rgba(10,14,20,.86);border-bottom-color:var(--line)}
.hdr__inner{height:100%;display:flex;align-items:center;gap:26px}
.brand{display:inline-flex;align-items:center;gap:9px;line-height:0}
.brand__img{height:24px;width:auto;display:block}
.brand__mark{width:30px;height:30px;flex:none}
.brand__card{fill:var(--accent)}
.brand__bars{fill:var(--accent-ink)}
.brand__mark--sm{width:22px;height:22px;margin-right:8px;vertical-align:-5px;display:inline-block}
.nav{display:flex;gap:2px;margin-left:6px}
.nav__link{padding:8px 12px;border-radius:8px;font-size:14.5px;font-weight:500;color:var(--muted);transition:color .15s,background .15s}
.nav__link:hover{color:#fff;background:rgba(255,255,255,.07)}
.hdr__actions{margin-left:auto;display:flex;align-items:center;gap:10px}
.hdr__burger{display:none;width:42px;height:42px;border:1px solid var(--line-2);border-radius:10px;background:transparent;align-items:center;justify-content:center;color:#fff}
.hdr__burger[aria-expanded="true"] .hdr__burger-open{display:none}
.hdr__burger:not([aria-expanded="true"]) .hdr__burger-close{display:none}

.drawer{position:fixed;inset:var(--hdr-h) 0 0 0;z-index:45;background:#0A0E14;overflow:auto;-webkit-overflow-scrolling:touch}
.drawer__inner{display:flex;flex-direction:column;gap:22px;padding-top:12px;padding-bottom:40px;min-height:100%}
.drawer__link{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--line);font-family:var(--display);font-weight:700;font-size:22px;letter-spacing:-.02em;color:#fff}
.drawer__link .ic{color:var(--muted)}
.drawer__cta{display:grid;gap:10px}
.drawer__coins{display:flex;flex-wrap:wrap;gap:8px}
.drawer__coins li{padding:6px 10px;border:1px solid var(--line);border-radius:8px;font-size:12.5px;color:var(--muted)}
.drawer__fine{font-size:13px;color:var(--muted-2)}

/* ── héros ────────────────────────────────────────────────────────────── */
.hero{position:relative;isolation:isolate;overflow-x:clip;margin-top:calc(var(--hdr-h) * -1);background:var(--ink);color:#fff}
.hero__bg{position:absolute;inset:0;z-index:-1;background:#0a0e14 url(/assets/video/hero-poster.jpg?v=20260920-01) center/cover no-repeat}
.hero__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.4s ease}
.hero__video.is-on{opacity:1}
.hero__veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,14,20,.72) 0%,rgba(10,14,20,.42) 46%,rgba(10,14,20,.18) 100%),linear-gradient(180deg,rgba(10,14,20,.3) 0%,rgba(10,14,20,0) 28%,rgba(10,14,20,.55) 82%,var(--ink) 100%)}
.hero__inner{display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:64px;align-items:center;min-height:min(790px,100vh);padding-top:calc(var(--hdr-h) + 40px);padding-bottom:64px}
.hero__title{font-size:clamp(40px,4.7vw,62px);font-weight:800;letter-spacing:-.035em;line-height:1.02;margin:18px 0 20px;text-wrap:balance}
.hero__lead{font-size:18px;line-height:1.6;color:#C9D2DE;max-width:560px}
.hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.hero__facts{display:flex;flex-wrap:wrap;gap:10px 30px;margin-top:34px;padding-top:22px;border-top:1px solid var(--line-2);font-size:14px;color:var(--muted)}
.hero__facts b{font-weight:600;font-size:19px;color:#fff;margin-right:7px}
.hero__pause{position:absolute;right:24px;bottom:22px;z-index:2;width:38px;height:38px;border-radius:50%;border:1px solid var(--line-2);background:rgba(10,14,20,.55);backdrop-filter:blur(8px);color:#fff;display:inline-flex;align-items:center;justify-content:center;opacity:.8}
.hero__pause:hover{opacity:1;background:rgba(10,14,20,.8)}
.hero__pause .ic{width:16px;height:16px}
.video-paused .hero__pause-p{display:none}
body:not(.video-paused) .hero__pause-r{display:none}

/* configurateur */
.cfg{display:grid;gap:14px;padding:22px 22px 20px;background:rgba(12,17,25,.74);backdrop-filter:blur(20px) saturate(130%);-webkit-backdrop-filter:blur(20px) saturate(130%);border:1px solid var(--line-2);border-radius:20px;box-shadow:var(--shadow)}
.cfg__head{display:flex;justify-content:space-between;align-items:center;gap:12px}
.cfg__title{font-size:19px;font-weight:700;letter-spacing:-.02em}
.cfg__live{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:500;color:var(--muted);white-space:nowrap}
.cfg__field{min-width:0}
fieldset.cfg__seg{border:0;padding:0;margin:0}
.cfg__label{display:block;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:7px}
legend.cfg__label{padding:0}
.cfg__control{width:100%;height:50px;appearance:none;-webkit-appearance:none;background:rgba(255,255,255,.05);border:1px solid var(--line-2);border-radius:12px;padding:0 44px 0 46px;font-size:15.5px;font-weight:500;color:#fff;cursor:pointer}
.cfg__control:hover{border-color:rgba(255,255,255,.3)}
.seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;padding:4px;background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:12px}
.seg__opt{position:relative;min-width:0}
.seg__opt input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
.seg__opt span{display:flex;align-items:center;justify-content:center;gap:6px;height:38px;border-radius:9px;font-size:14px;font-weight:600;color:var(--muted);transition:background .15s,color .15s;white-space:nowrap}
.seg__opt input:checked+span{background:#fff;color:var(--ink)}
.seg__opt input:focus-visible+span{outline:2px solid var(--accent);outline-offset:1px}
.seg__opt.is-off span{opacity:.38}
.seg__opt.is-off input{cursor:not-allowed}
.seg__save{font-style:normal;font-size:11.5px;font-weight:700;color:var(--accent)}
.seg__opt input:checked+span .seg__save{color:var(--accent-deep)}

/* sélecteur de pays sur mesure (recherche + clavier), remplace le <select> natif */
.cpick{position:relative}
.cpick__btn{position:relative;display:flex;align-items:center;gap:12px;padding:0 44px 0 14px;text-align:left}
.cpick__flag{flex:none}
.cpick__current{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cpick__dial{color:var(--muted);font-size:13.5px;margin-left:6px}
.cpick__chev{position:absolute;right:14px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--muted);transition:transform .15s}
.cpick__btn[aria-expanded="true"] .cpick__chev{transform:translateY(-50%) rotate(180deg)}
.cpick__pop{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:30;background:#0E131C;border:1px solid var(--line-2);border-radius:14px;box-shadow:var(--shadow);overflow:hidden}
.cpick__search{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line);color:var(--muted)}
.cpick__search input{flex:1;min-width:0;height:28px;background:none;border:0;outline:0;color:#fff;font-size:15px}
.cpick__search input::placeholder{color:var(--muted-2)}
.cpick__list{max-height:296px;overflow:auto;padding:6px;overscroll-behavior:contain}
.cpick__group{padding:10px 10px 4px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-2)}
.cpick__opt{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:9px;cursor:pointer;font-size:14.5px;color:#fff}
.cpick__opt.is-active{background:rgba(255,255,255,.08)}
.cpick__opt[aria-selected="true"]{background:rgba(52,226,122,.14)}
.cpick__opt[aria-selected="true"].is-active{background:rgba(52,226,122,.22)}
.cpick__name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}
.cpick__opt .cpick__dial{margin:0;font-size:13px}
.cpick__price{font-size:13px;color:var(--accent)}
.cpick__empty{padding:14px;font-size:14px;color:var(--muted)}

.cfg__price{display:flex;flex-direction:column;gap:2px;padding:14px 16px;background:rgba(52,226,122,.08);border:1px solid rgba(52,226,122,.28);border-radius:12px}
.cfg__amount{display:flex;align-items:baseline;gap:7px}
.cfg__num{font-family:var(--mono);font-size:32px;font-weight:600;letter-spacing:-.02em;color:#fff;line-height:1.1}
.cfg__per{font-size:14px;color:var(--muted)}
.cfg__note{font-size:13px;color:var(--muted)}
.cfg__due{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(52,226,122,.22);font-size:13.5px;color:var(--muted)}
.cfg__due em{display:block;font-style:normal;font-size:12px;color:var(--muted-2)}
.cfg__due b{font-size:17px;font-weight:600;color:#fff;white-space:nowrap}
.cfg__submit{width:100%}

/* ── bandeau disponibilité ────────────────────────────────────────────── */
.ticker{background:#0B1018;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.ticker__wrap{display:flex;align-items:center;gap:20px;height:58px}
.ticker__label{display:inline-flex;align-items:center;gap:9px;flex:none;font-size:12.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.ticker__mask{flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.ticker__track{display:flex;gap:0;width:max-content;animation:tick 75s linear infinite}
.ticker__mask:hover .ticker__track{animation-play-state:paused}
@keyframes tick{to{transform:translateX(-50%)}}
.ticker__item{display:inline-flex;align-items:center;gap:9px;margin-right:40px;font-size:13.5px;white-space:nowrap}
.ticker__name{font-weight:600;color:#fff}
.ticker__dial,.ticker__type{color:var(--muted)}
.ticker__type{font-size:12.5px}
.ticker__price{color:var(--accent);font-weight:500}

/* ── sections ─────────────────────────────────────────────────────────── */
.sec{padding:96px 0}
.sec--paper{background:var(--paper);color:var(--ink-text)}
.sec--white{background:#fff;color:var(--ink-text)}
.sec--dark{background:var(--ink-2);color:var(--text)}
.sec--paper+.sec--paper,.sec--white+.sec--white{padding-top:0}
.sec__head{max-width:760px;margin-bottom:44px}
.sec__head--row{max-width:none;display:flex;justify-content:space-between;align-items:flex-end;gap:40px}
.sec__head--row>div:first-child{max-width:660px}
.sec__title{font-size:clamp(30px,3.5vw,46px);font-weight:800;letter-spacing:-.03em;margin:14px 0 14px;text-wrap:balance}
.sec__lead{font-size:17px;line-height:1.6;color:var(--ink-muted)}
.sec--dark .sec__lead{color:var(--muted)}

/* fonctions : icône À CÔTÉ du titre, jamais seule sur sa ligne */
.feats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.feat{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:14px;align-items:center;background:#fff;border:1px solid var(--line-l);border-radius:var(--r);padding:22px 22px 20px;transition:transform .2s,box-shadow .2s,border-color .2s}
.feat:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(11,18,32,.08);border-color:var(--line-l2)}
.feat__icon{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:rgba(52,226,122,.14);color:var(--accent-deep)}
.feat__icon .ic--lg{width:22px;height:22px}
.feat__h{grid-column:2;font-family:var(--font);font-size:16.5px;font-weight:600;letter-spacing:-.01em;margin:0;line-height:1.3}
.feat__p{grid-column:1/-1;margin-top:12px;font-size:14.5px;line-height:1.55;color:var(--ink-muted)}
.works{margin-top:32px;display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:16px 20px;background:#fff;border:1px solid var(--line-l);border-radius:var(--r)}
.works__label{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--accent-deep);margin-right:4px}
.works__list{display:flex;flex-wrap:wrap;gap:8px}
.works__list li{padding:6px 12px;border:1px solid var(--line-l);border-radius:999px;background:var(--paper);font-size:13.5px;font-weight:500;color:var(--ink-text)}
.works__list .works__more{border-color:transparent;background:none;color:var(--ink-muted);font-style:italic;font-weight:400}

/* comment ça marche */
.how{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:72px;align-items:center}
.steps{margin-top:8px}
.step{display:flex;gap:18px;padding:22px 0;border-top:1px solid var(--line-l)}
.step:first-child{border-top:0;padding-top:8px}
.step__n{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:var(--ink);color:var(--accent);font-weight:600;font-size:14px;flex:none}
.step__h{font-family:var(--font);font-size:18px;font-weight:600;letter-spacing:-.01em;margin-bottom:6px;line-height:1.3}
.step__p{font-size:15px;line-height:1.6;color:var(--ink-muted)}
.how__cta{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:22px}
.how__fine{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;color:var(--ink-muted)}
.mock{background:var(--ink);color:var(--text);border:1px solid rgba(255,255,255,.07);border-radius:20px;box-shadow:0 34px 90px rgba(11,18,32,.28);overflow:hidden}
.mock__bar{display:flex;align-items:center;gap:7px;padding:13px 16px;border-bottom:1px solid var(--line);background:#0B1018}
.mock__bar>span:not(.mock__url){width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.14)}
.mock__url{margin-left:auto;font-size:12px;color:var(--muted-2)}
.mock__body{padding:20px 22px 18px}
.mock__line{display:flex;align-items:center;gap:14px}
.mock__num{display:flex;flex-direction:column;gap:3px;min-width:0}
.mock__num b{font-size:18px;font-weight:600;color:#fff;letter-spacing:-.01em}
.mock__num span{font-size:12.5px;color:var(--muted)}
.mock__line .pill{margin-left:auto}
.mock__actions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0 6px}
.mock__btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:38px;border-radius:10px;background:rgba(255,255,255,.06);border:1px solid var(--line);font-size:13px;font-weight:600;color:#fff}
.mock__btn--warn{color:#FFB4A6;border-color:rgba(255,120,100,.25)}
.mock__inbox li{display:grid;grid-template-columns:86px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}
.mock__inbox li:first-child{border-top:0;margin-top:8px}
.mock__from{font-size:13.5px;font-weight:600;color:#fff}
.mock__msg{font-size:13.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mock__msg b{color:#fff;font-weight:600}
.mock__msg em{color:var(--accent);font-style:normal;font-size:12px;margin-left:6px}
.mock__t{font-size:12px;color:var(--muted-2)}
.mock__foot{display:flex;justify-content:space-between;gap:12px;margin-top:12px;padding-top:14px;border-top:1px solid var(--line);font-size:12px;color:var(--muted-2)}

/* pays : en-tête, outils, filtres, lignes de prix */
.cov__head{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;flex-wrap:wrap;margin-bottom:20px}
.cov__intro{min-width:0;flex:1 1 420px}
.cov__intro .sec__lead{margin-top:10px;max-width:62ch}
.cov__tools{display:flex;align-items:center;gap:12px;flex:0 1 auto;flex-wrap:wrap}
.cov__search{display:flex;align-items:center;gap:9px;width:300px;max-width:100%;height:44px;padding:0 14px;background:#fff;border:1px solid var(--line-l2);border-radius:999px;color:var(--ink-muted)}
.cov__search:focus-within{border-color:var(--ink-text)}
.cov__search input{flex:1;min-width:0;border:0;background:none;outline:0;color:var(--ink-text);font-size:14.5px}
.cov__search input::placeholder{color:#8A93A3}
.cov__bar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding-bottom:12px;margin-bottom:6px;border-bottom:1px solid var(--line-l)}
.cov__unit{font-size:12.5px;color:var(--ink-muted);white-space:nowrap}
.cov__unit span:not(:empty)::before{content:" · "}
.tabs{display:flex;flex-wrap:wrap;gap:6px}
.tab{height:34px;padding:0 13px;border-radius:999px;border:1px solid var(--line-l2);background:#fff;font-size:13.5px;font-weight:600;color:var(--ink-muted);transition:background .15s,color .15s,border-color .15s}
.tab:hover{border-color:#9AA6B8;color:var(--ink-text)}
.tab[aria-pressed="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.tab__n{font-size:12px;opacity:.72;margin-left:3px}
/* segmenté sur fond clair */
.seg--light{background:#fff;border-color:var(--line-l2)}
.seg--light .seg__opt span{color:var(--ink-muted)}
.seg--light .seg__opt input:checked+span{background:var(--ink);color:#fff}
.seg--light .seg__opt input:checked+span .seg__save{color:var(--accent)}
.seg--light .seg__save{color:var(--accent-deep)}
/* lignes de pays : trois colonnes de lignes alignées */
.crows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:32px}
.crow{min-width:0;border-bottom:1px solid var(--line-l)}
.crow__link{display:flex;align-items:center;gap:10px;padding:10px 8px;border-radius:10px;transition:background .12s}
.crow__link:hover{background:#fff}
.crow__flag{width:22px;height:16px;border-radius:2px;flex:none}
.crow__name{display:flex;align-items:center;gap:7px;flex:1 1 auto;min-width:0;font-size:14.5px;font-weight:600;color:var(--ink-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.crow__pop{width:6px;height:6px;border-radius:50%;background:var(--accent-2);flex:none}
.crow__dial{font-size:12.5px;color:var(--ink-muted);flex:none}
.crow__tag{flex:none;font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-muted);background:var(--line-l);border-radius:999px;padding:2px 7px;white-space:nowrap}
.crow__price{flex:none;text-align:right;min-width:64px}
.crow__price b{font-size:14.5px;font-weight:600;color:var(--ink-text)}
.cgrid__empty{margin-top:18px;font-size:15px;color:var(--ink-muted)}
.cgrid__more{display:none;margin-top:16px;width:100%}
.cov__note{display:flex;flex-wrap:wrap;gap:8px 26px;margin-top:20px;font-size:13px;color:var(--ink-muted)}
.cov__note li{display:inline-flex;align-items:center;gap:7px}
.cov__note .ic{color:var(--accent-deep)}
.sec--white .seg,.sec--paper .seg{background:var(--paper);border-color:var(--line-l2)}
.sec--white .seg__opt span,.sec--paper .seg__opt span{color:var(--ink-muted);padding:0 14px}
.sec--white .seg__opt input:checked+span,.sec--paper .seg__opt input:checked+span{background:var(--ink);color:#fff}
.sec--white .seg__opt input:checked+span .seg__save,.sec--paper .seg__opt input:checked+span .seg__save{color:var(--accent)}

/* vie privée : dossier vide + parcours d'un paiement + monnaies (logos officiels) */
.zeros{display:flex;flex-wrap:wrap;gap:10px;flex:none}
.zeros li{display:inline-flex;align-items:center;gap:9px;height:44px;padding:0 14px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.03);font-size:14px;color:var(--muted)}
.zeros .ic{color:var(--accent)}
.zeros b{font-size:18px;font-weight:600;color:#fff}
.priv{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:20px;align-items:stretch}
.dossier,.flow{border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.025);overflow:hidden}
.dossier__head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.02)}
.dossier__title{display:inline-flex;align-items:center;gap:9px;font-weight:600;color:#fff}
.dossier__title .ic{color:var(--accent)}
.dossier__table th,.dossier__table td{padding:12px 20px;text-align:left;vertical-align:middle;font-size:14px;line-height:1.45}
.dossier__table thead th{font-size:11.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-2);padding-top:12px;padding-bottom:8px}
.dossier__table tbody tr{border-top:1px solid var(--line)}
.dossier__table th[scope="row"]{font-weight:600;color:#fff;white-space:nowrap;width:1%}
.dossier__table td{color:var(--muted)}
.dossier__table td:last-child{text-align:right;white-space:nowrap}
.flow{padding:22px 24px 20px;display:flex;flex-direction:column}
.flow__title{font-family:var(--font);font-size:16px;font-weight:600;color:#fff;margin-bottom:4px}
.flow__steps{display:grid;flex:1;align-content:start}
.flow__step{display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:14px;align-items:start;padding:14px 0}
.flow__step+.flow__step{border-top:1px solid var(--line)}
.flow__n{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(52,226,122,.14);color:var(--accent);font-weight:600;font-size:13px}
.flow__step b{display:block;font-size:15px;font-weight:600;color:#fff;line-height:34px}
.flow__step p{font-size:14px;line-height:1.5;color:var(--muted);margin-top:0}
.flow__foot{display:flex;align-items:center;gap:9px;margin-top:auto;padding-top:14px;border-top:1px solid var(--line);font-size:13.5px;color:var(--muted)}
.coins{margin-top:20px;padding:18px 22px 20px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.025)}
.coins__head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.coins__label{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.coins__settle{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;color:var(--muted)}
.coins__grid{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}
.coins__tile{display:flex;align-items:center;gap:11px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.03);min-width:0}
.coins__txt{display:flex;flex-direction:column;min-width:0;line-height:1.2}
.coins__txt b{font-size:13.5px;font-weight:600;color:#fff}
.coins__txt span{font-size:11.5px;color:var(--muted-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.coins__net{margin-left:auto;font-size:10px;padding:3px 6px;border-radius:6px;background:rgba(255,255,255,.08);color:#DCE4EE;flex:none}

/* développeurs : arguments en ligne + explorateur d'API à onglets */
.sec--dark+.sec--dark{padding-top:0}
.api__cta{display:flex;gap:10px;flex-wrap:wrap;flex:none}
.api__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.6fr);gap:24px;align-items:stretch}
.api__points{display:grid;gap:10px;align-content:start}
.api__points li{display:grid;grid-template-columns:38px minmax(0,1fr);column-gap:12px;align-items:center;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}
.api__ic{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:rgba(52,226,122,.14);color:var(--accent)}
.api__points b{display:block;font-size:15px;font-weight:600;color:#fff}
.api__points p{font-size:13.5px;line-height:1.45;color:var(--muted);margin-top:2px}
.apix{display:grid;grid-template-columns:280px minmax(0,1fr);border:1px solid var(--line-2);border-radius:16px;background:#0B1118;box-shadow:var(--shadow);overflow:hidden;min-height:440px}
.apix__side{border-right:1px solid var(--line);padding:12px;display:flex;flex-direction:column;gap:4px;background:#0D131B}
.apix__label{padding:6px 10px 8px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-2)}
.apix__ep{display:flex;align-items:center;gap:9px;width:100%;padding:9px 10px;border:1px solid transparent;border-radius:10px;background:none;text-align:left;color:var(--muted);font-size:12.5px;transition:background .15s,color .15s}
.apix__ep:hover{background:rgba(255,255,255,.05);color:#fff}
.apix__ep.is-active{background:rgba(255,255,255,.07);border-color:var(--line);color:#fff}
.apix__m{font-size:10.5px;font-weight:600;padding:2px 6px;border-radius:6px;flex:none}
.apix__m--post{background:rgba(52,226,122,.16);color:var(--accent)}
.apix__m--get{background:rgba(139,184,255,.16);color:#8BB8FF}
.apix__path{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.apix__main{display:flex;flex-direction:column;min-width:0}
.apix__bar{display:flex;align-items:center;gap:7px;padding:10px 14px;border-bottom:1px solid var(--line)}
.apix__dot{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.14)}
.apix__file{margin-left:8px;font-size:12px;color:var(--muted-2)}
.apix__copy{margin-left:auto;display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border:1px solid var(--line-2);border-radius:8px;background:transparent;color:var(--muted);font-size:12px;font-weight:600;transition:color .15s,border-color .15s}
.apix__copy:hover{color:#fff;border-color:rgba(255,255,255,.3)}
.apix__copy.is-done{color:var(--accent);border-color:rgba(52,226,122,.4)}
.apix__panel{flex:1;min-width:0}
.apix__pre{margin:0;padding:20px 22px;font:13px/1.65 var(--mono);color:#DCE4EE;overflow:auto;tab-size:2}
.c-cmt{color:var(--muted-2)}
.c-kw{color:var(--accent)}
.c-str{color:#C9D5E3}
.c-key{color:#8BB8FF}
.c-val{color:var(--accent)}
.c-num{color:#FFCD78}

/* comparer */
.cmp{overflow-x:auto;border:1px solid var(--line-l);border-radius:16px;background:#fff}
.cmp__table{min-width:720px}
.cmp__table th,.cmp__table td{padding:15px 18px;text-align:left;font-size:14.5px;vertical-align:middle}
.cmp__table thead th{font-size:12.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);border-bottom:1px solid var(--line-l);padding-top:18px;padding-bottom:16px}
.cmp__table thead th.cmp__us{font-family:var(--display);font-size:17px;font-weight:800;letter-spacing:-.02em;text-transform:none;color:var(--ink-text)}
.cmp__table tbody tr+tr{border-top:1px solid var(--line-l)}
.cmp__table th[scope="row"]{font-weight:600;color:var(--ink-text);width:22%}
.cmp__table td{color:var(--ink-muted)}
.cmp__table td .ic{display:inline-block;vertical-align:-3px;margin-right:9px}
.cmp__us{background:rgba(52,226,122,.07)}
.cmp__table td.cmp__us{color:var(--ink-text);font-weight:500}
.cmp__ok{color:var(--accent-deep)}
.cmp__no{color:#C0392B}
.cmp__mid{color:#8A93A3}

/* FAQ */
.faq{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
.faq__col{display:grid;gap:14px}
.faq__item{background:#fff;border:1px solid var(--line-l);border-radius:14px;padding:0 20px;transition:border-color .15s}
.faq__item[open]{border-color:var(--line-l2)}
.faq__q{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;font-weight:600;font-size:16px;line-height:1.35;cursor:pointer;color:var(--ink-text)}
.faq__q::-webkit-details-marker{display:none}
.faq__chev{color:var(--ink-muted);transition:transform .2s}
.faq__item[open] .faq__chev{transform:rotate(180deg)}
.faq__a{padding:0 0 20px;font-size:15px;line-height:1.65;color:var(--ink-muted)}

/* appel final */
.cta__inner{display:flex;justify-content:space-between;align-items:center;gap:40px;padding:52px 56px;border:1px solid var(--line-2);border-radius:26px;background:radial-gradient(110% 150% at 100% 0%,rgba(52,226,122,.18),transparent 55%),var(--ink-3)}
.cta__title{font-size:clamp(28px,3vw,38px);font-weight:800;letter-spacing:-.03em;text-wrap:balance}
.cta__lead{margin-top:12px;font-size:16px;color:var(--muted);max-width:520px}
.cta__actions{display:flex;flex-wrap:wrap;gap:12px;flex:none}

/* ── pied de page ─────────────────────────────────────────────────────── */
.ftr{background:#070A0F;border-top:1px solid var(--line);color:var(--muted)}
.ftr__top{display:grid;grid-template-columns:1.8fr 1fr 1.25fr 1fr 1fr;gap:40px;padding-top:64px;padding-bottom:44px}
.brand--ftr .brand__mark{width:27px;height:27px}
.brand--ftr .brand__img{height:22px}
.ftr__pitch{margin:18px 0;font-size:14.5px;line-height:1.6;max-width:360px}
.ftr__coins{display:flex;flex-wrap:wrap;gap:6px}
.ftr__coins li{padding:5px 9px;border:1px solid var(--line);border-radius:7px;font-size:12px;color:var(--muted)}
.ftr__coins-more{font-family:var(--font);color:var(--muted-2)}
.ftr__status{display:inline-flex;align-items:center;gap:9px;margin-top:18px;font-size:13px;color:var(--muted)}
.ftr__h{font-family:var(--font);font-size:12.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#fff;margin-bottom:16px}
.ftr__col li{margin:9px 0}
.ftr__col a{font-size:14.5px;color:var(--muted);transition:color .15s}
.ftr__col a:hover{color:#fff}
.ftr__flags a{display:inline-flex;align-items:center;gap:9px}
.ftr__dial{font-size:12px;color:var(--muted-2)}
.ftr__all{color:#fff!important;font-weight:600}
.ftr__base{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:22px;padding-bottom:34px;border-top:1px solid var(--line);font-size:13px}
.ftr__meta{display:flex;flex-wrap:wrap;gap:6px 20px}
.ftr__meta li{display:inline-flex;align-items:center;gap:7px}
.ftr__meta .ic{color:var(--accent)}
.ftr__lang{color:var(--muted-2)}

/* barre mobile */
.mbar{position:fixed;left:0;right:0;bottom:0;z-index:40;display:none;align-items:center;justify-content:space-between;gap:14px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:rgba(10,14,20,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--line);transform:translateY(102%);transition:transform .25s}
.mbar__txt{display:flex;flex-direction:column;line-height:1.2}
.mbar__from{font-size:15px;color:#fff}
.mbar__from b{font-weight:600}
.mbar__sub{font-size:12px;color:var(--muted)}

/* 404 */
.nf{padding:96px 0 120px;min-height:66vh;display:flex;align-items:center}
.nf__inner{max-width:760px}
.nf__title{font-size:clamp(36px,5vw,58px);font-weight:800;letter-spacing:-.03em;margin:16px 0 16px}
.nf__lead{font-size:17px;line-height:1.6;color:var(--muted);max-width:560px}
.nf__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}

/* ── mouvement réduit ─────────────────────────────────────────────────── */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .ticker__track{animation:none}
  .live-dot,.eyebrow__dot{animation:none}
  .hero__video{transition:none}
  .feat,.crow__link{transition:none}
}

/* ── écrans ───────────────────────────────────────────────────────────── */
@media (max-width:1180px){
  .feats{grid-template-columns:repeat(2,1fr)}
  .crows{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero__inner{grid-template-columns:minmax(0,1fr) 400px;gap:40px}
  .coins__grid{grid-template-columns:repeat(4,1fr)}
}
@media (max-width:1023px){
  .nav,.hdr__signin{display:none}
  .hdr__burger{display:inline-flex}
  .hdr__inner{gap:16px}
  .api__grid{grid-template-columns:1fr}
  .api__points{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:900px){
  .hero__inner{grid-template-columns:1fr;gap:36px;min-height:0;padding-top:calc(var(--hdr-h) + 36px);padding-bottom:56px}
  .hero__copy{max-width:640px}
  .cfg{max-width:560px}
  .sec__head--row{display:block}
  .zeros{margin-top:20px}
  .api__cta{margin-top:20px}
  .how{grid-template-columns:1fr;gap:40px}
  .priv{grid-template-columns:1fr}
  .ftr__top{grid-template-columns:1fr 1fr;gap:32px}
  .ftr__brand{grid-column:1/-1}
  .cta__inner{flex-direction:column;align-items:flex-start;padding:36px}
}
@media (max-width:760px){
  .sec{padding:64px 0}
  .sec__head{margin-bottom:30px}
  .crows{grid-template-columns:minmax(0,1fr)}
  /* Repli mobile : seuls les pays populaires sont visibles tant que la grille
     n'est pas ouverte (classe .is-open posée par le bouton, la recherche ou un onglet). */
  .crows:not(.is-open):not(.crows--open) .crow:not(.crow--pop){display:none}
  .cgrid__more{display:inline-flex}
  .faq{grid-template-columns:1fr}
  .mock__actions{grid-template-columns:repeat(2,1fr)}
  .mock__inbox li{grid-template-columns:76px minmax(0,1fr) auto}
  .ftr__base{flex-direction:column;align-items:flex-start;gap:12px}
  .mbar{display:flex}
  .mbar-on .mbar{transform:none}
  .mbar-on .ftr{padding-bottom:84px}
  .hero__facts{gap:8px 22px}
  .hero__facts b{font-size:17px}
  .apix{grid-template-columns:1fr;min-height:0}
  .apix__side{border-right:0;border-bottom:1px solid var(--line);flex-direction:row;flex-wrap:wrap}
  .apix__label{width:100%}
  .apix__ep{width:auto}
  .apix__path{max-width:200px}
}
@media (max-width:560px){
  :root{--gut:16px;--hdr-h:64px}
  .brand__mark:not(.brand__mark--sm){width:26px;height:26px}
  .brand__img{height:21px}
  .hero__title{font-size:37px}
  .hero__lead{font-size:16.5px}
  .hero__cta .btn{flex:1 1 auto}
  .cfg{padding:18px 16px 16px;border-radius:16px}
  .cfg__num{font-size:28px}
  .feats{grid-template-columns:1fr}
  .cov__search{width:100%}
  .cov__tools{width:100%}
  .cov__tools .seg{flex:1}
  .ticker__label{display:none}
  .hero__pause{right:12px;bottom:12px}
  .cta__inner{padding:28px 22px}
  .apix__pre{padding:16px;font-size:12px}
  .ftr__top{grid-template-columns:1fr}
  .step{gap:14px}
  .mock__body{padding:16px}
  .mock__inbox li{grid-template-columns:minmax(0,1fr) auto}
  .mock__from{grid-column:1/-1}
  .mock__msg{grid-row:2}
  .mock__t{grid-row:2}
  .api__points{grid-template-columns:1fr}
  .coins__grid{grid-template-columns:repeat(2,1fr)}
  .zeros li{height:40px;padding:0 12px;font-size:13px}
  /* dossier : une fiche par ligne, statut en haut à droite */
  .dossier__table thead{display:none}
  .dossier__table tr{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;padding:12px 16px}
  .dossier__table th,.dossier__table td{padding:0}
  .dossier__table th[scope="row"]{grid-column:1;white-space:normal;width:auto}
  .dossier__table td:nth-child(2){grid-column:1/-1;padding-top:4px}
  .dossier__table td:last-child{grid-column:2;grid-row:1}
}
@media (max-width:560px){
  /* bascule de période dans la barre tarifaire : libellé au-dessus, remise dessous */
  .cov__tools .seg{width:100%;grid-auto-columns:minmax(0,1fr)}
  .cov__tools .seg__opt span{flex-direction:column;gap:1px;height:44px;padding:0 4px;font-size:13px;line-height:1.1}
  .cov__tools .seg__save{font-size:11px}
}

/* ── pages intérieures : hub /numbers/ et pages pays ─────────────────── */
.hero--page .hero__bg{background-image:url(/assets/video/hero-poster.jpg?v=20260920-01);background-size:cover;background-position:center}
.hero--page .hero__veil{background:linear-gradient(90deg,rgba(10,14,20,.86) 0%,rgba(10,14,20,.6) 46%,rgba(10,14,20,.32) 100%),linear-gradient(180deg,rgba(10,14,20,.35) 0%,rgba(10,14,20,.1) 30%,rgba(10,14,20,.6) 82%,var(--ink) 100%)}
.hero--page .hero__inner{min-height:0;padding-top:calc(var(--hdr-h) + 14px);padding-bottom:56px}
/* le fil d'Ariane occupe sa propre rangée : sinon la grille centrée le pousse avec le texte */
.hero--page .crumbs{grid-column:1/-1;align-self:start;margin-bottom:2px}
/* le texte démarre en haut : sinon la grille centrée creuse un vide sous le fil d'Ariane */
.hero--page .hero__copy{align-self:start}
.hero__title--page{font-size:clamp(36px,4.2vw,56px)}
.hero__flag{display:inline-block;width:.72em;height:.54em;border-radius:.07em;margin:0 .26em .04em 0;vertical-align:baseline;box-shadow:0 8px 26px rgba(0,0,0,.45)}
.crumbs{font-size:13px;color:var(--muted)}
.crumbs__list{display:flex;flex-wrap:wrap;align-items:center;gap:2px}
.crumbs__list li{display:inline-flex;align-items:center;gap:2px}
.crumbs a{padding:4px 6px;border-radius:6px}
.crumbs a:hover{color:#fff;background:rgba(255,255,255,.07)}
.crumbs__sep{width:14px;height:14px;color:var(--muted-2);transform:rotate(-90deg)}
.crumbs [aria-current]{color:#fff;padding:4px 6px}
.nav__link[aria-current="page"]{color:#fff;background:rgba(255,255,255,.07)}

.avail{background:#0B1018;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.avail__wrap{display:flex;flex-wrap:wrap;align-items:center;gap:10px 26px;padding:14px 0}
.avail__label{display:inline-flex;align-items:center;gap:9px;font-size:12.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.avail__item{display:inline-flex;align-items:center;gap:9px;font-size:14px;white-space:nowrap}
.avail__num{font-weight:600;color:#fff;letter-spacing:.01em}
.avail__type{font-size:12.5px;color:var(--muted)}
.avail__more{font-size:13px;color:var(--muted-2)}

.feats--3{grid-template-columns:repeat(3,1fr)}
/* fiche technique du pays : deux cartes de type de ligne + deux lignes de faits */
.stypes{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.stype{background:#fff;border:1px solid var(--line-l);border-radius:16px;padding:18px 20px;min-width:0}
.stype--off{background:var(--paper);border-style:dashed}
.stype__head{display:flex;align-items:center;gap:10px;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--line-l)}
.stype__head .ic{color:var(--accent-deep);flex:none}
.stype__head h3{font-family:var(--font);font-size:15.5px;font-weight:600;color:var(--ink-text)}
.stype__price{margin-left:auto;font-size:12.5px;color:var(--ink-muted);white-space:nowrap}
.stype__price b{font-size:19px;font-weight:600;color:var(--ink-text);margin-right:3px}
.stype__dl{display:grid;gap:10px}
.stype__dl>div{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:baseline}
.stype__dl dt{font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted)}
.stype__dl dd{font-size:14.5px;color:var(--ink-text);overflow-wrap:anywhere}
.stype__na{font-size:13.5px;line-height:1.55;color:var(--ink-muted)}
.sfacts{display:grid;gap:10px;margin-top:16px;padding:16px 20px;background:var(--paper);border:1px solid var(--line-l);border-radius:16px}
.sfacts__row{display:grid;grid-template-columns:172px minmax(0,1fr);gap:12px;align-items:baseline;font-size:14px}
.sfacts__l{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted)}
.sfacts__l .ic{color:var(--accent-deep);flex:none}
.sfacts__v{color:var(--ink-text);line-height:1.6}
.sfacts__v i{font-style:normal;color:var(--ink-muted)}
.spec__fine{display:flex;align-items:flex-start;gap:8px;margin-top:14px;font-size:13px;line-height:1.55;color:var(--ink-muted)}
.spec__fine .ic{flex:none;margin-top:2px;color:var(--ink-muted)}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips li{padding:6px 12px;border:1px solid var(--line-l);border-radius:999px;background:var(--paper);font-size:13.5px;font-weight:500;color:var(--ink-text)}
.chips .chips__more{border-color:transparent;background:none;color:var(--ink-muted);font-style:italic;font-weight:400}
.note{display:flex;gap:10px;align-items:flex-start;padding:14px 16px;border-radius:14px;background:rgba(52,226,122,.1);border:1px solid rgba(17,138,72,.22);font-size:14px;line-height:1.55;color:var(--ink-text)}
.note .ic{color:var(--accent-deep);flex:none;margin-top:2px}

.steps--compact{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:0}
.steps--compact .step{display:grid;grid-template-columns:46px minmax(0,1fr);column-gap:16px;align-items:center;padding:20px 22px;background:#fff;border:1px solid var(--line-l);border-radius:16px}
.steps--compact .step:first-child{border-top:1px solid var(--line-l);padding-top:20px}
.steps--compact .step__body{display:contents}
.steps--compact .step__h{grid-column:2;margin:0;font-size:17px}
.steps--compact .step__p{grid-column:1/-1;margin-top:12px;font-size:14.5px}

.cprice{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,.9fr);gap:18px;align-items:stretch}
.cprice--single{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.cprice__card{position:relative;display:flex;flex-direction:column;gap:16px;padding:26px;background:#fff;border:1px solid var(--line-l);border-radius:20px}
.cprice__card--hot{background:var(--ink);color:var(--text);border-color:var(--ink);box-shadow:0 30px 70px rgba(11,18,32,.22)}
.cprice__head{display:flex;align-items:center;gap:12px}
.cprice__ic{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:rgba(52,226,122,.14);color:var(--accent-deep);flex:none}
.cprice__card--hot .cprice__ic{color:var(--accent)}
.cprice__h{font-family:var(--font);font-size:18px;font-weight:600}
.cprice__sub{font-size:13px;color:var(--ink-muted);margin-top:2px}
.cprice__card--hot .cprice__sub{color:var(--muted)}
.cprice__amount{display:flex;align-items:baseline;gap:4px;padding-top:14px;border-top:1px solid var(--line-l)}
.cprice__card--hot .cprice__amount{border-top-color:var(--line)}
.cprice__num{font-size:44px;font-weight:600;letter-spacing:-.03em;line-height:1}
.cprice__per{font-size:15px;color:var(--ink-muted)}
.cprice__card--hot .cprice__per{color:var(--muted)}
.cprice__list{display:grid;gap:9px;font-size:14.5px}
.cprice__list li{display:flex;gap:10px;align-items:flex-start;line-height:1.45}
.cprice__list .ic{color:var(--accent-deep);margin-top:3px;flex:none}
.cprice__card--hot .cprice__list .ic{color:var(--accent)}
.cprice__cta{margin-top:auto;width:100%}
.cprice__aside{padding:26px;border:1px dashed var(--line-l2);border-radius:20px}
.checks{display:grid;gap:12px;margin:26px 0 28px;font-size:15px;line-height:1.5;color:var(--muted)}
.checks li{display:flex;gap:11px;align-items:flex-start}
.checks .ic{color:var(--accent);margin-top:3px;flex:none}
.checks b{color:#fff;font-weight:600}
.cprice__aside-h{font-family:var(--font);font-size:15px;font-weight:600;margin-bottom:14px}
.checks--ink{margin:0;color:var(--ink-muted);font-size:14.5px}
.checks--ink .ic{color:var(--accent-deep)}
.checks--ink b{color:var(--ink-text)}

@media (max-width:1180px){
  .cprice{grid-template-columns:1fr 1fr}
  .cprice__aside{grid-column:1/-1}
}
@media (max-width:1023px){
  .feats--3{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:900px){
  .stypes{grid-template-columns:1fr}
  .steps--compact{grid-template-columns:1fr}
  .hero--page .hero__inner{padding-top:calc(var(--hdr-h) + 10px)}
}
@media (max-width:760px){
  .cprice,.cprice--single{grid-template-columns:1fr}
  .crows.crows--open .crow{display:block}
}
@media (max-width:560px){
  .feats--3{grid-template-columns:1fr}
  .avail__wrap{gap:8px 16px}
}
@media (max-width:560px){
  .stype__dl>div{grid-template-columns:1fr;gap:2px}
  .stype__head{flex-wrap:wrap;gap:8px}
  .stype__price{margin-left:0;width:100%}
  .sfacts{padding:14px 16px}
}

/* ══════════════════════════════ MODALE D'ACCÈS ═══════════════════════ */
body.modal-open{overflow:hidden}
.modal{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:20px}
.modal__veil{position:absolute;inset:0;background:rgba(6,9,14,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.modal__box{position:relative;width:100%;max-width:520px;max-height:calc(100vh - 40px);overflow:auto;background:#0E131C;color:var(--text);border:1px solid var(--line-2);border-radius:22px;box-shadow:0 40px 100px rgba(0,0,0,.6);padding:26px 26px 22px}
.modal__x{position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:50%;border:1px solid var(--line-2);background:transparent;color:var(--muted);display:inline-flex;align-items:center;justify-content:center}
.modal__x:hover{color:#fff;border-color:rgba(255,255,255,.3)}
.modal__head{display:flex;align-items:center;gap:16px;margin-bottom:18px;padding-right:44px}
.modal__mark{width:34px;height:34px}
.authtabs{display:flex;gap:4px;padding:4px;background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:12px}
.authtab{height:36px;padding:0 14px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-size:14px;font-weight:600}
.authtab[aria-selected="true"]{background:#fff;color:var(--ink)}
.modal__title{font-size:26px;font-weight:800;letter-spacing:-.03em;margin-bottom:6px}
.modal__lead{font-size:14.5px;line-height:1.55;color:var(--muted);margin-bottom:16px}
.pp{padding:14px;border:1px solid rgba(52,226,122,.3);border-radius:14px;background:rgba(52,226,122,.07);margin-bottom:14px}
.pp__words{display:flex;flex-wrap:wrap;gap:8px}
.pp__w{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 12px 0 8px;border-radius:9px;background:#0A0E14;border:1px solid var(--line-2);font-size:15px;font-weight:500;color:#fff;letter-spacing:.01em}
.pp__w i{font-style:normal;font-size:11px;color:var(--muted-2);width:14px;text-align:right}
.pp__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.pp--light{background:rgba(52,226,122,.1);border-color:rgba(17,138,72,.25)}
.pp--light .pp__w{background:#fff;color:var(--ink-text);border-color:var(--line-l2)}
.pp--light .pp__w i{color:var(--ink-muted)}
.authform{display:grid;gap:14px}
.authform__submit{width:100%}
.authform__err{padding:10px 12px;border-radius:10px;background:rgba(255,120,100,.12);border:1px solid rgba(255,120,100,.3);color:#FFB4A6;font-size:13.5px;line-height:1.45}
.modal__fine{display:flex;gap:8px;align-items:flex-start;margin-top:16px;font-size:12.5px;line-height:1.5;color:var(--muted-2)}
.modal__fine .ic{flex:none;margin-top:2px}
.check{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.45;color:var(--text);cursor:pointer}
.check input{width:18px;height:18px;margin-top:2px;accent-color:var(--accent);flex:none}
.field{display:grid;gap:6px;min-width:0}
.field__l{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.field__in{width:100%;padding:11px 13px;background:rgba(255,255,255,.05);border:1px solid var(--line-2);border-radius:11px;color:#fff;font-size:15px;line-height:1.45;resize:vertical}
.field__in:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:transparent}
.field__in--pp{font-size:16px;letter-spacing:.01em}
.field__hint{font-size:12.5px;color:var(--muted-2);line-height:1.45}
.field__hint.is-ok{color:var(--accent)}
.btn.is-busy{opacity:.7}
.authpage{padding:120px 0 80px;min-height:60vh}
.authpage__title{font-size:clamp(30px,4vw,44px);font-weight:800;letter-spacing:-.03em;margin:14px 0 12px}
.authpage__lead{font-size:17px;color:var(--muted);max-width:560px}
.btn--danger{background:rgba(255,120,100,.12);border-color:rgba(255,120,100,.35);color:#B42318}
.btn--danger:hover{background:rgba(255,120,100,.2)}
.btn.is-armed{background:#B42318;color:#fff;border-color:#B42318}
.link{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:14px;color:var(--accent-deep)}
.link--muted{color:var(--ink-muted);font-weight:500;background:none;border:0;padding:0;cursor:pointer;text-decoration:underline}
.inline{display:inline}
.muted{color:var(--ink-muted)}
.ta-r{text-align:right}
.pos{color:var(--accent-deep)}

/* ══════════════════════════════ TABLEAU DE BORD ══════════════════════ */
.app-body{background:var(--paper);color:var(--ink-text)}
.app{display:grid;grid-template-columns:264px minmax(0,1fr);min-height:100vh}
.app__side{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;background:var(--ink);color:var(--text);padding:18px 14px;overflow:auto}
.app__side-head{display:flex;align-items:center;justify-content:space-between;padding:4px 8px 18px}
.brand--app .brand__mark{width:27px;height:27px}
.brand--app .brand__img{height:22px}
.app__side-close{display:none;width:36px;height:36px;border-radius:9px;border:1px solid var(--line-2);background:transparent;color:#fff;align-items:center;justify-content:center}
.app__nav{display:grid;gap:2px}
.app__link{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:10px;font-size:14.5px;font-weight:500;color:var(--muted);transition:background .15s,color .15s}
.app__link:hover{background:rgba(255,255,255,.06);color:#fff}
.app__link[aria-current="page"]{background:rgba(52,226,122,.12);color:#fff}
.app__link[aria-current="page"] .ic{color:var(--accent)}
.app__badge{margin-left:auto;min-width:22px;height:22px;padding:0 7px;border-radius:999px;background:var(--accent);color:var(--accent-ink);font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}
.app__side-foot{margin-top:auto;display:grid;gap:10px;padding-top:16px;border-top:1px solid var(--line)}
.app__bal{display:grid;grid-template-columns:1fr auto;gap:2px 10px;align-items:center;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.03)}
.app__bal-l{font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted-2)}
.app__bal-v{grid-row:2;font-size:20px;font-weight:600;color:#fff}
.app__bal .btn{grid-row:1/3;grid-column:2}
.app__acct{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted);padding:0 4px}
.app__logout-f{margin:0}
.app__logout{display:inline-flex;align-items:center;gap:8px;padding:8px 4px;border:0;background:none;color:var(--muted);font-size:13.5px;font-weight:500;cursor:pointer}
.app__logout:hover{color:#fff}
.app__site{font-size:12.5px;color:var(--muted-2);padding:0 4px}
.app__veil{position:fixed;inset:0;z-index:59;background:rgba(6,9,14,.6)}
.app__main{min-width:0;display:flex;flex-direction:column}
.app__top{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:14px;height:64px;padding:0 28px;background:#fff;border-bottom:1px solid var(--line-l)}
.app__burger{display:none;width:40px;height:40px;border-radius:10px;border:1px solid var(--line-l2);background:#fff;color:var(--ink-text);align-items:center;justify-content:center}
.app__title{font-family:var(--font);font-size:19px;font-weight:700;letter-spacing:-.01em;color:var(--ink-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.app__top-right{margin-left:auto;display:flex;align-items:center;gap:10px}
.app__balpill{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 12px 0 10px;border:1px solid var(--line-l2);border-radius:999px;background:var(--paper);font-size:13.5px;color:var(--ink-muted)}
.app__balpill b{color:var(--ink-text);font-size:14.5px}
.app__balpill .ic{color:var(--accent-deep)}
.app__content{padding:26px 28px 60px;max-width:1120px;width:100%}
.app__content--wide{max-width:1360px}
.app__tabs{display:none}
.flash{display:flex;align-items:center;gap:10px;margin:18px 28px -8px;padding:12px 14px;border-radius:12px;font-size:14px;font-weight:500}
.app__content .flash{margin:0 0 18px}
.flash--ok{background:rgba(52,226,122,.14);color:#0B6B3A;border:1px solid rgba(17,138,72,.25)}
.flash--err{background:rgba(255,120,100,.14);color:#B42318;border:1px solid rgba(180,35,24,.25)}
.flash--warn{background:rgba(255,205,120,.2);color:#8A5A00;border:1px solid rgba(138,90,0,.2)}
.notice{display:flex;align-items:center;gap:14px;margin-bottom:18px;padding:14px 16px;border-radius:14px;background:#fff;border:1px solid var(--line-l);font-size:14.5px;line-height:1.5;color:var(--ink-muted)}
.notice b{color:var(--ink-text)}
.notice>div{flex:1;min-width:0}
.notice>.ic{color:var(--accent-deep);flex:none}
.notice--warn{border-color:rgba(138,90,0,.25);background:#FFF8E8}
.notice--warn>.ic{color:#8A5A00}
.notice--brand{border-color:rgba(17,138,72,.25);background:#EEFBF3}
.notice .btn{flex:none}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}
.stat{display:flex;align-items:center;gap:14px;padding:18px 20px;background:#fff;border:1px solid var(--line-l);border-radius:16px;transition:border-color .15s,transform .15s}
.stat:hover{border-color:var(--line-l2);transform:translateY(-1px)}
.stat__ic{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:rgba(52,226,122,.14);color:var(--accent-deep);flex:none}
.stat__body{display:flex;flex-direction:column;gap:2px;min-width:0}
.stat__l{font-size:12.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted)}
.stat__v{font-size:26px;font-weight:600;letter-spacing:-.02em;line-height:1.1}
.stat__act{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:600;color:var(--accent-deep);white-space:nowrap}
.panel{background:#fff;border:1px solid var(--line-l);border-radius:16px;padding:22px 24px;margin-bottom:18px;min-width:0}
.panel__head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;flex-wrap:wrap}
.panel__h{font-family:var(--font);font-size:17px;font-weight:700;letter-spacing:-.01em;display:flex;align-items:center;gap:10px}
.panel__n{font-size:12.5px;color:var(--ink-muted);font-weight:500}
.panel__hint{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink-muted)}
.panel__p{font-size:14.5px;line-height:1.6;color:var(--ink-muted);margin-bottom:12px}
.panel__foot{margin-top:14px;padding-top:14px;border-top:1px solid var(--line-l)}
.panel--danger{border-color:rgba(180,35,24,.25)}
.panel--key{border-color:rgba(17,138,72,.35);background:#F3FCF6}
.panel--key .panel__h .ic{color:var(--accent-deep)}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
.grid2 .panel{margin-bottom:0}
.grid2--inbox{grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr)}
.rail{display:grid;gap:18px;align-content:start}
.rail .panel{margin-bottom:0}
.empty{display:grid;justify-items:center;text-align:center;gap:10px;padding:26px 12px;color:var(--ink-muted);font-size:14.5px;line-height:1.55}
.empty .ic--lg{color:var(--accent-deep);width:34px;height:34px}
.empty--lg{padding:48px 12px}
.empty--lg .panel__h{font-size:22px}
.onboard{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:28px;padding:28px}
.onboard__steps{display:grid;gap:14px;margin:18px 0 22px}
.onboard__steps li{display:grid;grid-template-columns:40px 1fr;column-gap:14px;align-items:start}
.onboard__steps li>span{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:var(--ink);color:var(--accent);font-weight:600;font-size:13px}
.onboard__steps b{display:block;font-size:15.5px;margin-bottom:3px}
.onboard__steps p{font-size:14px;line-height:1.5;color:var(--ink-muted)}
.onboard__cta{display:flex;flex-wrap:wrap;gap:10px}
.onboard__aside{display:grid;gap:14px;align-content:start}
.onboard__card{padding:18px 20px;border:1px solid var(--line-l);border-radius:14px;background:var(--paper)}
.onboard__k{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:8px}
.onboard__k .ic{color:var(--accent-deep)}
.onboard__card b{display:block;font-size:16px;margin-bottom:6px}
.onboard__card p{font-size:13.5px;line-height:1.5;color:var(--ink-muted)}
.toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;flex-wrap:wrap}
.toolbar__txt{font-size:14px;color:var(--ink-muted)}
.numlist{display:grid;gap:10px}
.numcard{display:flex;align-items:center;gap:14px;padding:12px 14px;border:1px solid var(--line-l);border-radius:12px;background:#fff;transition:border-color .15s,background .15s}
.numcard:hover{border-color:var(--ink-text);background:#FBFCFD}
.numcard__body{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.numcard__num{font-size:16px;font-weight:600;letter-spacing:.01em;color:var(--ink-text)}
.numcard__meta{font-size:12.5px;color:var(--ink-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.numcard__right{display:flex;align-items:center;gap:10px;flex:none}
.numcard__unread{font-size:12px;font-weight:700;color:var(--accent-deep);background:rgba(52,226,122,.16);padding:3px 8px;border-radius:999px}
.numcard__chev{color:var(--ink-muted);transform:rotate(-90deg)}
.pill--ok{background:rgba(52,226,122,.16);color:#0B6B3A}
.pill--warn{background:rgba(255,205,120,.25);color:#8A5A00}
.pill--err{background:rgba(255,120,100,.16);color:#B42318}
.pill--brand{background:rgba(139,184,255,.2);color:#1F4FA3}
.pill--muted{background:#EEF1F5;color:var(--ink-muted)}
.msglist{display:grid;gap:8px}
.msg__link{display:grid;gap:5px;padding:12px 14px;border:1px solid var(--line-l);border-radius:12px;background:#fff;transition:border-color .15s}
.msg__link:hover{border-color:var(--ink-text)}
.msg--new .msg__link{border-color:rgba(17,138,72,.35);background:#F3FCF6}
.msg__top{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink-muted);flex-wrap:wrap}
.msg__from{color:var(--ink-text);font-size:13.5px}
.msg__t{margin-left:auto;white-space:nowrap}
.msg__body{font-size:14px;line-height:1.5;color:var(--ink-text)}
.msg__code{display:inline-block;width:max-content;padding:3px 9px;border-radius:7px;background:var(--ink);color:var(--accent);font-weight:600;font-size:14px}
.numhead{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:16px}
.numhead__id{display:flex;align-items:center;gap:16px;min-width:0}
.flag--xl{width:56px;height:42px;border-radius:6px}
.numhead__row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.numhead__num{font-size:28px;font-weight:600;letter-spacing:.01em;line-height:1.1}
.numhead__meta{font-size:13.5px;color:var(--ink-muted);margin-top:4px}
.numhead__actions{display:flex;gap:8px;flex-wrap:wrap}
.spinner{width:18px;height:18px;border-radius:50%;border:2px solid rgba(17,138,72,.25);border-top-color:var(--accent-deep);animation:spin .9s linear infinite;flex:none}
@keyframes spin{to{transform:rotate(360deg)}}
.tabs--app{justify-content:flex-start;margin-bottom:18px;gap:6px}
.tabs--app .tab{text-decoration:none}
.thread{display:grid;gap:12px;max-height:640px;overflow:auto;padding:4px 2px}
.bubble{max-width:82%;padding:12px 14px;border-radius:14px 14px 14px 4px;background:var(--paper);border:1px solid var(--line-l)}
.bubble--out{margin-left:auto;background:var(--ink);color:var(--text);border-color:var(--ink);border-radius:14px 14px 4px 14px}
.bubble__head{display:flex;justify-content:space-between;gap:12px;font-size:12.5px;color:var(--ink-muted);margin-bottom:5px}
.bubble__head b{color:var(--ink-text)}
.bubble--out .bubble__head b{color:#fff}
.bubble--out .bubble__head{color:var(--muted)}
.bubble__body{font-size:14.5px;line-height:1.55;white-space:pre-wrap;word-break:break-word}
.bubble__code{display:flex;align-items:center;gap:10px;margin-top:10px;padding-top:10px;border-top:1px dashed var(--line-l2)}
.bubble__code .mono{font-size:22px;font-weight:600;letter-spacing:.08em;color:var(--ink-text)}
.form{display:grid;gap:12px}
.form--row{grid-template-columns:1fr auto;align-items:center;padding-top:14px;margin-top:14px;border-top:1px solid var(--line-l)}
.form--row .field__hint{margin-top:2px}
.app-body .field__in{background:#fff;border-color:var(--line-l2);color:var(--ink-text)}
.app-body .field__l{color:var(--ink-muted)}
.app-body .field__hint{color:var(--ink-muted)}
.app-body .check{color:var(--ink-text)}
.field__wrap{display:flex;align-items:center;border:1px solid var(--line-l2);border-radius:11px;background:#fff;overflow:hidden}
.field__wrap .field__in{border:0;border-radius:0}
.field__pre{padding:0 0 0 13px;color:var(--ink-muted);font-size:15px}
.switch{display:flex;align-items:flex-start;gap:12px;cursor:pointer}
.switch input{position:absolute;opacity:0;width:0;height:0}
.switch__ui{position:relative;width:44px;height:26px;border-radius:999px;background:#CBD3DE;flex:none;transition:background .15s;margin-top:1px}
.switch__ui::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .15s;box-shadow:0 1px 3px rgba(0,0,0,.25)}
.switch input:checked+.switch__ui{background:var(--accent-2)}
.switch input:checked+.switch__ui::after{transform:translateX(18px)}
.switch input:focus-visible+.switch__ui{outline:2px solid var(--accent);outline-offset:2px}
.switch__l b{display:block;font-size:15px}
.switch__l small{display:block;font-size:13px;line-height:1.5;color:var(--ink-muted);margin-top:2px}
.tips{display:grid;gap:9px;font-size:13.5px;line-height:1.5;color:var(--ink-muted)}
.tips li{display:flex;gap:9px;align-items:flex-start}
.tips .ic{color:var(--accent-deep);flex:none;margin-top:2px}
.tips--tight{margin-top:16px;padding-top:14px;border-top:1px solid var(--line-l)}
.order{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:18px;align-items:start}
.order__main .panel:last-child{margin-bottom:0}
.order__side{position:sticky;top:80px}
.step__badge{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:8px;background:var(--ink);color:var(--accent);font-size:12px;font-weight:600}
.order__cfg{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:14px;align-items:end}
.app-body .cfg__control{background:#fff;border-color:var(--line-l2);color:var(--ink-text)}
.app-body .cfg__label{color:var(--ink-muted)}
.app-body .cpick__dial{color:var(--ink-muted)}
.app-body .cpick__chev{color:var(--ink-muted)}
.app-body .cpick__pop{background:#fff;border-color:var(--line-l2);box-shadow:0 24px 60px rgba(11,18,32,.18)}
.app-body .cpick__search{border-bottom-color:var(--line-l);color:var(--ink-muted)}
.app-body .cpick__search input{color:var(--ink-text)}
.app-body .cpick__opt{color:var(--ink-text)}
.app-body .cpick__opt.is-active{background:var(--paper)}
.app-body .cpick__opt[aria-selected="true"]{background:rgba(52,226,122,.14)}
.app-body .cpick__price{color:var(--accent-deep)}
.app-body .seg{background:var(--paper);border-color:var(--line-l2)}
.app-body .seg__opt span{color:var(--ink-muted)}
.app-body .seg__opt input:checked+span{background:var(--ink);color:#fff}
.app-body .seg__opt input:checked+span .seg__save{color:var(--accent)}
.cands{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;transition:opacity .2s}
.cands.is-loading{opacity:.45}
.cand{position:relative;cursor:pointer}
.cand input{position:absolute;opacity:0;inset:0}
.cand__ui{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--line-l2);border-radius:12px;background:#fff;transition:border-color .15s,box-shadow .15s}
.cand input:checked+.cand__ui{border-color:var(--ink-text);box-shadow:0 0 0 2px var(--ink-text)}
.cand input:focus-visible+.cand__ui{outline:2px solid var(--accent);outline-offset:2px}
.cand__num{flex:1;font-size:15px;font-weight:600;color:var(--ink-text);white-space:nowrap}
.cand__ok{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:600;color:var(--accent-deep)}
.cand--any .cand__ui{border-style:dashed;background:var(--paper)}
.cand--any .ic{color:var(--accent-deep)}
.summary__rows{display:grid;gap:10px;margin-bottom:16px}
.summary__rows>div{display:flex;justify-content:space-between;gap:12px;font-size:14.5px;color:var(--ink-muted)}
.summary__rows dd{color:var(--ink-text);font-weight:500}
.summary__disc{color:var(--accent-deep);font-size:12.5px}
.summary__total{padding-top:10px;border-top:1px solid var(--line-l);font-size:16px!important}
.summary__total dt{color:var(--ink-text);font-weight:600}
.summary__total dd{font-size:20px;font-weight:600}
.summary__bal{font-size:13px!important}
.summary__cta{display:grid;gap:10px}
.summary__cta .btn{width:100%}
.wallet{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:18px;align-items:start;margin-bottom:18px}
.wallet .panel{margin-bottom:0}
.topup{gap:18px}
.topup fieldset{border:0;padding:0;margin:0;min-width:0}
.amounts{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.amount{position:relative;cursor:pointer}
.amount input{position:absolute;opacity:0;inset:0}
.amount span{display:flex;align-items:center;justify-content:center;height:46px;border:1px solid var(--line-l2);border-radius:11px;background:#fff;font-size:15px;font-weight:600;color:var(--ink-text)}
.amount input:checked+span{background:var(--ink);color:#fff;border-color:var(--ink)}
.amount input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}
.field--amount{margin-top:10px;max-width:260px}
.coinpick{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.coinopt{position:relative;cursor:pointer}
.coinopt input{position:absolute;opacity:0;inset:0}
.coinopt__ui{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line-l2);border-radius:12px;background:#fff;min-width:0}
.coinopt input:checked+.coinopt__ui{border-color:var(--ink-text);box-shadow:0 0 0 2px var(--ink-text)}
.coinopt input:focus-visible+.coinopt__ui{outline:2px solid var(--accent);outline-offset:2px}
.coinopt__t{display:flex;flex-direction:column;min-width:0;line-height:1.2}
.coinopt__t b{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.coinopt__t small{font-size:11.5px;color:var(--ink-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.topup__foot{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding-top:16px;border-top:1px solid var(--line-l)}
.topup__sum{display:grid;gap:2px;font-size:13px;color:var(--ink-muted)}
.topup__sum b{font-size:26px;color:var(--ink-text);line-height:1.1}
.topup__sum b.is-bad{color:#B42318}
.panel--balance{background:var(--ink);color:var(--text);border-color:var(--ink)}
.panel--balance .panel__hint{color:var(--muted)}
.panel--balance .panel__p{color:var(--muted);margin:8px 0 0}
.balance{display:block;font-size:40px;font-weight:600;letter-spacing:-.03em;line-height:1.1;margin-top:6px;color:#fff}
.paylist{display:grid;gap:8px}
.paylist__row{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line-l);border-radius:11px}
.paylist__row:hover{border-color:var(--ink-text)}
.paylist__t{display:flex;flex-direction:column;flex:1;min-width:0;line-height:1.2}
.paylist__t small{font-size:12px;color:var(--ink-muted)}
.tablewrap{overflow-x:auto}
.table{min-width:560px}
.table th,.table td{padding:11px 12px;text-align:left;font-size:14px;vertical-align:middle}
.table thead th{font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-muted);border-bottom:1px solid var(--line-l)}
.table tbody tr+tr{border-top:1px solid var(--line-l)}
.table td small{font-size:11.5px}
.pay{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);gap:18px;align-items:start}
.pay .panel{margin-bottom:0}
.pay__head{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:18px}
.pay__coin{display:flex;align-items:center;gap:12px}
.pay__coin b{display:block;font-size:17px}
.pay__coin small{font-size:12.5px;color:var(--ink-muted)}
.pay__grid{display:grid;grid-template-columns:200px minmax(0,1fr);gap:22px;align-items:start}
.pay__qr{padding:10px;border:1px solid var(--line-l);border-radius:14px;background:#fff}
.pay__qr svg{width:100%;height:auto;display:block}
.pay__qr-none{display:grid;place-items:center;height:180px;color:var(--ink-muted);font-size:13px}
.pay__fields{display:grid;gap:16px;min-width:0}
.pay__l{display:block;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:6px}
.pay__val{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.pay__val b{font-size:26px;font-weight:600;letter-spacing:-.01em}
.pay__unit{font-size:15px;color:var(--ink-muted);font-weight:600}
.pay__val--addr code{flex:1;min-width:0;padding:10px 12px;border:1px solid var(--line-l2);border-radius:10px;background:var(--paper);font-size:14px;word-break:break-all;line-height:1.4}
.pay__field small{display:block;margin-top:6px;font-size:12.5px;color:var(--ink-muted)}
.pay__timer{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13.5px;color:var(--ink-muted);padding-top:12px;border-top:1px solid var(--line-l)}
.pay__timer .ic{color:var(--accent-deep)}
.pay__live{display:inline-flex;align-items:center;gap:8px;margin-left:auto}
.pay__cancel{margin-top:18px;font-size:13px}
.pay__done,.pay__blocked{display:grid;justify-items:start;gap:10px;padding:14px 0}
.pay__done .ic--lg,.pay__blocked .ic--lg{width:36px;height:36px;color:var(--accent-deep)}
.pay__blocked .ic--lg{color:#B42318}
.pay__done h2,.pay__blocked h2{font-size:26px;font-weight:800;letter-spacing:-.02em}
.pay__done p,.pay__blocked p{font-size:15px;line-height:1.6;color:var(--ink-muted);max-width:560px}
.pay__done-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}
.flow__steps--ink .flow__step+.flow__step{border-top-color:var(--line-l)}
.flow__steps--ink .flow__step b{color:var(--ink-text)}
.flow__steps--ink .flow__step p{color:var(--ink-muted)}
.flow__steps--ink .flow__n{background:rgba(52,226,122,.16);color:var(--accent-deep)}
.keybox{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.keybox code{flex:1;min-width:0;padding:12px 14px;border:1px solid var(--line-l2);border-radius:10px;background:#fff;font-size:15px;word-break:break-all}
.keylist{display:grid;gap:8px;margin-bottom:6px}
.keyrow{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:12px 14px;border:1px solid var(--line-l);border-radius:11px}
.keyrow--off{opacity:.6}
.keyrow__t b{display:block;font-size:14.5px}
.keyrow__t small{font-size:12.5px;color:var(--ink-muted)}
.keyrow__m{display:flex;flex-direction:column;font-size:12px;color:var(--ink-muted);text-align:right}
.keynew{grid-template-columns:1fr auto;align-items:end}
.code--app{margin-bottom:14px;box-shadow:none}
.kv{display:grid;gap:10px}
.kv>div{display:grid;grid-template-columns:130px 1fr;gap:12px;font-size:14.5px}
.kv dt{color:var(--ink-muted)}
.sessions{display:grid;gap:8px;margin-bottom:14px}
.sessions li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line-l);border-radius:11px;font-size:14px}
.sessions__l{display:flex;align-items:center;gap:8px}
.sessions__l .ic{color:var(--ink-muted)}
.sessions small{font-size:12px;color:var(--ink-muted);text-align:right}

@media (max-width:1180px){
  .order{grid-template-columns:1fr}
  .order__side{position:static}
  .cands{grid-template-columns:repeat(2,1fr)}
  .coinpick{grid-template-columns:repeat(2,1fr)}
  .wallet,.pay,.grid2--inbox{grid-template-columns:1fr}
}
@media (max-width:1023px){
  .app{grid-template-columns:1fr}
  .app__side{position:fixed;inset:0 auto 0 0;width:min(300px,86vw);z-index:60;transform:translateX(-102%);transition:transform .22s}
  .app--menu .app__side{transform:none}
  .app__side-close,.app__burger{display:inline-flex}
  .app__top{padding:0 16px}
  .app__top-cta{display:none}
  .app__content{padding:18px 16px 96px}
  .stats{grid-template-columns:1fr}
  .grid2{grid-template-columns:1fr}
  .onboard{grid-template-columns:1fr;padding:22px}
  .order__cfg{grid-template-columns:1fr}
  .app__tabs{position:fixed;left:0;right:0;bottom:0;z-index:40;display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border-top:1px solid var(--line-l);padding:6px 0 calc(6px + env(safe-area-inset-bottom))}
  .app__tab{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 0;border:0;background:none;font-size:11px;font-weight:600;color:var(--ink-muted)}
  .app__tab .ic{width:22px;height:22px}
  .flash{margin:14px 16px -4px}
}
@media (max-width:560px){
  .modal{padding:0;align-items:flex-end}
  .modal__box{max-width:none;max-height:calc(100vh - 24px);border-radius:22px 22px 0 0;padding:22px 18px 26px}
  .modal__title{font-size:23px}
  .cands{grid-template-columns:1fr}
  .amounts{grid-template-columns:repeat(3,1fr)}
  .coinpick{grid-template-columns:1fr}
  .pay__grid{grid-template-columns:1fr}
  .pay__qr{max-width:220px}
  .form--row,.keynew{grid-template-columns:1fr}
  .keyrow{grid-template-columns:1fr auto}
  .keyrow__m{display:none}
  .numhead__num{font-size:22px}
  .bubble{max-width:94%}
  .kv>div{grid-template-columns:1fr}
  .app__balpill span{display:none}
}
.pp__key{padding:14px 16px;border-radius:10px;background:#0A0E14;border:1px solid var(--line-2);font-size:17px;font-weight:600;letter-spacing:.06em;color:#fff;word-break:break-all;line-height:1.5;text-align:center}
.pp--light .pp__key{background:#fff;color:var(--ink-text);border-color:var(--line-l2)}
.field__in--pp{text-transform:uppercase;letter-spacing:.06em}
/* tableau de bord : boutons fantômes sur fond clair, sections de commande */
.app-body .btn--ghost{background:#fff;border-color:var(--line-l2);color:var(--ink-text)}
.app-body .btn--ghost:hover{background:var(--paper);border-color:#9AA6B8}
.app-body .panel--balance .btn--ghost{background:transparent;border-color:var(--line-2);color:#fff}
.ostep{display:block}
.ostep .panel__head{align-items:center}
@media (max-width:560px){
  .numcard{gap:10px;padding:12px}
  .numcard__num{font-size:15px}
  .numcard__chev{display:none}
  .numcard__right{gap:6px}
}
/* commande : pays sur sa ligne, type + période côte à côte ; candidats sur 2 colonnes */
.order__cfg{grid-template-columns:1fr 1fr}
.order__cfg .cpick{grid-column:1/-1}
.cands{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}
.numcard{min-width:0}
.numlist{grid-template-columns:minmax(0,1fr)}
@media (max-width:1023px){ .order__cfg{grid-template-columns:1fr} }
/* ------------------------------------------- tableau de bord pleine largeur + assistant de commande (20/09) --- */
.app__content,.app__content--wide{max-width:none}
.ic--flip{transform:scaleX(-1)}
.stepper{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 18px;padding:0;list-style:none}
.stepper__s{min-width:0}
.stepper__btn{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:1px solid var(--line-l);border-radius:12px;background:#fff;text-align:left;font:inherit;cursor:pointer;transition:border-color .15s,background .15s;min-width:0}
.stepper__btn:hover{border-color:#9AA6B8}
.stepper__n{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--paper);border:1px solid var(--line-l2);color:var(--ink-muted);font-size:12.5px;font-weight:700;flex:none}
.stepper__t{display:flex;flex-direction:column;min-width:0;font-size:14px;font-weight:600;color:var(--ink-text);line-height:1.2}
.stepper__t small{font-size:12px;font-weight:500;color:var(--ink-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
.stepper__s.is-active .stepper__btn{border-color:var(--ink);background:var(--ink)}
.stepper__s.is-active .stepper__n{background:var(--accent);border-color:transparent;color:var(--accent-ink)}
.stepper__s.is-active .stepper__t{color:#fff}
.stepper__s.is-active .stepper__t small{color:var(--muted)}
.stepper__s.is-done .stepper__n{background:rgba(52,226,122,.18);border-color:transparent;color:var(--accent-deep);font-size:0}
.stepper__s.is-done .stepper__n::before{content:"\2713";font-size:13px}
.wiz__grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:start}
.wiz__main{min-width:0}
.wiz__side{position:sticky;top:80px;min-width:0}
.wiz__side .panel{margin-bottom:0}
.wstep{display:none}
.wstep.is-active{display:block}
.wstep__head{margin-bottom:14px}
.wstep__h{display:flex;align-items:center;gap:10px;font-family:var(--font);font-size:19px;font-weight:700;letter-spacing:-.01em;color:var(--ink-text)}
.wstep__sub{font-size:14px;color:var(--ink-muted);line-height:1.5;margin-top:5px;max-width:70ch}
.wstep__foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;padding-top:14px;border-top:1px solid var(--line-l);flex-wrap:wrap}
.wstep__foot-total{font-size:13.5px;color:var(--ink-muted);margin-left:auto}
.wstep__foot-total b{color:var(--ink-text);font-size:16px;margin-left:6px}
/* étape 1 : lignes de configuration compactes */
.cfgrows{border-top:1px solid var(--line-l);margin-bottom:16px}
.cfgrow{display:grid;grid-template-columns:96px minmax(0,1fr);gap:8px 16px;align-items:start;padding:12px 0;border-bottom:1px solid var(--line-l)}
.cfgrow__l{font-size:11.5px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-muted);padding-top:14px}
.cfgrow__l--top{padding:0;margin:0 0 10px}
.cfgrow__l small{text-transform:none;letter-spacing:0;font-weight:500;opacity:.8;margin-left:4px}
.cfgrow__c{display:grid;gap:8px;min-width:0}
.cfgrow__c--country{gap:10px}
.wiz .cpick{max-width:420px}
.cfgrow__hint{font-size:12.5px;color:var(--ink-muted);line-height:1.45}
.wiz .cpick .cfg__label{display:none}
.wiz .cfg__control{height:44px;font-size:15px}
.quick{display:flex;flex-wrap:wrap;gap:6px}
.quick__chip{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 11px 0 8px;border:1px solid var(--line-l2);border-radius:999px;background:#fff;font:inherit;font-size:13px;font-weight:600;color:var(--ink-text);cursor:pointer;transition:border-color .15s,background .15s,color .15s}
.quick__chip:hover{border-color:#9AA6B8}
.quick__chip[aria-pressed="true"]{border-color:var(--ink);background:var(--ink);color:#fff}
.segbtns{display:flex;flex-wrap:wrap;gap:8px}
.segbtn{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 14px 0 12px;border:1px solid var(--line-l2);border-radius:12px;background:#fff;font:inherit;font-size:14px;color:var(--ink-text);cursor:pointer;min-width:0;transition:border-color .15s,background .15s,color .15s}
.segbtn:hover{border-color:#9AA6B8}
.segbtn b{font-weight:600}
.segbtn span{color:var(--ink-muted);font-size:13px}
.segbtn .ic{color:var(--ink-muted)}
.segbtn.is-selected{border-color:var(--ink);background:var(--ink);color:#fff}
.segbtn.is-selected span,.segbtn.is-selected .ic{color:var(--accent)}
.segbtn:disabled{opacity:.4;cursor:not-allowed}
.cands__bar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;flex-wrap:wrap}
.cand__btn{width:100%;text-align:left;font:inherit;cursor:pointer;min-width:0}
.cand__btn.is-selected{border-color:var(--ink-text);box-shadow:0 0 0 2px var(--ink-text)}
.cand__btn.cand--any{border-style:dashed;background:var(--paper)}
.cand__btn.cand--any .ic{color:var(--accent-deep);flex:none}
/* étape 2 : période, options, add-ons */
.choice3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px}
.renewrow{margin:0 0 22px;padding:12px 14px;border:1px solid var(--line-l);border-radius:12px;background:var(--paper)}
.addons--grid{grid-template-columns:1fr 1fr;gap:10px}
.addons--grid+.field__hint{margin-top:10px}
.choice{position:relative;display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--line-l2);border-radius:14px;background:#fff;text-align:left;font:inherit;cursor:pointer;transition:border-color .15s,box-shadow .15s;min-width:0}
.choice:hover{border-color:#9AA6B8}
.choice.is-selected{border-color:var(--ink-text);box-shadow:0 0 0 2px var(--ink-text)}
.choice--v{flex-direction:column;align-items:flex-start;gap:3px;padding:16px 16px 14px}
.choice__row{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%}
.choice__row b{font-size:15px;color:var(--ink-text)}
.choice--v>small{font-size:12.5px;color:var(--ink-muted);line-height:1.4}
.choice__tag{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-muted)}
.choice__tag--save{color:var(--accent-deep)}
.choice__big{font-size:22px;font-weight:600;color:var(--ink-text);margin-top:6px;line-height:1.1}
.choice__badge{position:absolute;top:-11px;right:14px;padding:3px 9px;border-radius:999px;background:var(--ink);color:var(--accent);font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.opts{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.opts__col{display:grid;gap:14px;align-content:start;min-width:0}
.field__l small{text-transform:none;letter-spacing:0;font-weight:500;opacity:.8;margin-left:4px}
.field__row{display:flex;align-items:center;gap:10px}
.field__row .field__in{flex:1;min-width:0}
.field__sep{font-size:13px;color:var(--ink-muted)}
.field__hint.is-err{color:#B42318;font-weight:500}
.pills{display:flex;flex-wrap:wrap;gap:6px}
.pillopt{position:relative}
.pillopt input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
.pillopt span{display:inline-flex;align-items:center;height:30px;padding:0 11px;border-radius:999px;border:1px solid var(--line-l2);background:#fff;font-size:12.5px;font-weight:600;color:var(--ink-muted);transition:background .15s,color .15s,border-color .15s}
.pillopt input:checked+span{background:var(--ink);color:#fff;border-color:var(--ink)}
.pillopt input:focus-visible+span{outline:2px solid var(--accent);outline-offset:1px}
.addons{display:grid;gap:8px}
.addon{display:block;position:relative;cursor:pointer}
.addon input{position:absolute;opacity:0;width:0;height:0}
.addon__ui{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line-l2);border-radius:12px;background:#fff;transition:border-color .15s,box-shadow .15s}
.addon__ui::before{content:"";width:20px;height:20px;border-radius:6px;border:1.5px solid #9AA6B8;background:#fff;flex:none;transition:background .15s,border-color .15s;background-repeat:no-repeat;background-position:center;background-size:13px}
.addon input:checked+.addon__ui{border-color:var(--ink-text);box-shadow:0 0 0 2px var(--ink-text)}
.addon input:checked+.addon__ui::before{background-color:var(--ink);border-color:var(--ink);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2334E27A' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E")}
.addon input:focus-visible+.addon__ui{outline:2px solid var(--accent);outline-offset:2px}
.addon input:disabled+.addon__ui{opacity:.5;cursor:not-allowed}
.addon__t{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}
.addon__t b{font-size:14px;color:var(--ink-text)}
.addon__t small{font-size:12.5px;color:var(--ink-muted);line-height:1.4}
.addon__price{font-size:13px;font-weight:600;color:var(--ink-text);flex:none;white-space:nowrap}
/* étape 3 : récapitulatif */
.review{border:1px solid var(--line-l);border-radius:12px;overflow:hidden}
.review__row{display:grid;grid-template-columns:110px minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 14px;border-top:1px solid var(--line-l);font-size:14.5px}
.review__row:first-child{border-top:0}
.review__k{font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted)}
.review__v{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0;color:var(--ink-text);font-weight:500;overflow-wrap:anywhere}
.review__tag{font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-deep);background:rgba(52,226,122,.16);padding:2px 7px;border-radius:999px}
.review__edit{font:inherit;font-size:13px;font-weight:600;color:var(--ink-muted);background:none;border:0;cursor:pointer;text-decoration:underline;text-underline-offset:3px;padding:0}
.review__edit:hover{color:var(--ink-text)}
.review__bill{display:none;margin-top:16px;padding:16px 18px;border:1px solid var(--line-l);border-radius:12px;background:var(--paper)}
.review__bill .summary__rows{margin-bottom:0}
.review__short{margin-top:14px}
.review__short b{color:var(--ink-text)}
.bill dt small{font-weight:400;opacity:.8}
.bill__sub dt{color:var(--ink-text);font-weight:600}
/* rail */
.summary__empty{font-size:13.5px;color:var(--ink-muted);line-height:1.5;padding:10px 0 14px;border-bottom:1px solid var(--line-l);margin-bottom:14px}
.summary--wiz .summary__rows--tight{gap:8px;font-size:14px;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--line-l)}
.summary--wiz .summary__rows{grid-template-columns:minmax(0,1fr)}
.summary--wiz .summary__rows--tight dt{white-space:nowrap}
.summary--wiz .summary__rows--tight dd{text-align:right;max-width:64%;overflow-wrap:anywhere}
.btn.is-busy{opacity:.7;pointer-events:none}
/* rail : boutons verrouillés à la largeur du rail, libellé principal + sous-ligne, jamais de débordement */
.summary__cta .btn{width:100%;max-width:100%;min-width:0;padding-left:16px;padding-right:16px}
.btn--stack{flex-direction:column;gap:2px;height:auto;min-height:60px;padding:10px 16px;white-space:normal;line-height:1.2}
.btn__main{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:17px;font-weight:600;max-width:100%;white-space:nowrap}
.btn__main .ic{flex:none}
.btn__sub{font-size:12px;font-weight:500;opacity:.72}
.wizbar{display:none}
/* réglages du numéro */
.grid2--settings{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start}
.stack{display:grid;gap:18px;align-content:start;min-width:0}
.stack .panel{margin-bottom:0}
@media (max-width:1180px){
  .wiz__grid{grid-template-columns:1fr}
  .wiz__side{display:none}
  .wiz{padding-bottom:84px}
  .review__bill{display:block}
  .wstep__foot{display:none}
  .app:has(.wiz) .app__tabs{display:none}
  .wizbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:45;align-items:center;gap:10px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line-l);box-shadow:0 -10px 30px rgba(11,18,32,.08)}
  .wizbar__sum{display:flex;flex-direction:column;line-height:1.15;margin-right:auto;min-width:0}
  .wizbar__sum small{font-size:11.5px;color:var(--ink-muted)}
  .wizbar__sum b{font-size:17px;color:var(--ink-text)}
}
@media (max-width:1023px){
  .grid2--settings{grid-template-columns:1fr}
  .wiz .cpick{max-width:none}
}
@media (max-width:760px){
  .cfgrow{grid-template-columns:1fr;gap:6px}
  .cfgrow__l{padding-top:0}
  .choice3,.opts,.addons--grid{grid-template-columns:1fr}
  .choice3{gap:14px}
  .review__row{grid-template-columns:minmax(0,1fr) auto}
  .review__k{grid-column:1/-1}
  .wizbar .btn--ghost{padding:0 12px}
}
@media (max-width:560px){
  .stepper{display:flex;gap:6px}
  .stepper__s{flex:0 0 auto}
  .stepper__s.is-active{flex:1 1 auto}
  .stepper__s:not(.is-active) .stepper__t{display:none}
  .stepper__s:not(.is-active) .stepper__btn{padding:8px}
  .stepper__btn{padding:8px 10px;gap:8px}
  .wizbar{gap:8px;padding-left:12px;padding-right:12px}
  .wizbar .btn{padding:0 14px}
  .segbtn{height:40px;padding:0 12px 0 10px;font-size:13.5px}
}
/* ------------------------------------------------------------- boîte SMS (21/09) --- */
body:has(.mail) .app__main{height:100vh}
.app__content--flush{flex:1;min-height:0;padding:0;overflow:hidden;max-width:none}
.mail{display:grid;grid-template-columns:250px 340px minmax(0,1fr);height:100%;min-height:0;background:#fff}
.mail__col{display:flex;flex-direction:column;min-width:0;min-height:0;border-right:1px solid var(--line-l)}
.mail__view{border-right:0;background:var(--paper)}
.mail__head{display:flex;align-items:center;gap:10px;min-height:56px;padding:10px 14px;border-bottom:1px solid var(--line-l);background:#fff}
.mail__head-t{min-width:0;flex:1}
.mail__h{display:flex;align-items:center;gap:8px;min-width:0;font-family:var(--font);font-size:14.5px;font-weight:700;color:var(--ink-text);letter-spacing:-.01em}
.mail__h .ic{color:var(--ink-muted);flex:none}
.mail__h .flag{flex:none}
.mail__n{font-size:11.5px;font-weight:600;color:var(--ink-muted);background:var(--paper);border:1px solid var(--line-l);border-radius:999px;padding:1px 7px}
.mail__sub{display:block;font-size:12px;color:var(--ink-muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mail__scroll{flex:1;min-height:0;overflow:auto;padding:8px;overscroll-behavior:contain}
.mail__sep{padding:12px 10px 6px;font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted)}
.mail__foot{padding:10px 14px;border-top:1px solid var(--line-l)}
.mail__none{padding:26px 18px;font-size:13.5px;line-height:1.55;color:var(--ink-muted);text-align:center}
.mail__tools{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--line-l)}
.mail__search{display:flex;align-items:center;gap:8px;flex:1;min-width:0;height:36px;padding:0 12px;background:var(--paper);border:1px solid var(--line-l);border-radius:999px;color:var(--ink-muted)}
.mail__search:focus-within{border-color:var(--ink-text);background:#fff}
.mail__search input{flex:1;min-width:0;border:0;background:none;outline:0;font:inherit;font-size:13.5px;color:var(--ink-text)}
.mail__search input::-webkit-search-cancel-button{-webkit-appearance:none}
/* lignes */
.lrow{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:11px;min-width:0;transition:background .12s}
.lrow+.lrow{margin-top:2px}
.lrow:hover{background:var(--paper)}
.lrow.is-active{background:var(--ink)}
.lrow.is-off{opacity:.6}
.lrow__ic{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:var(--paper);border:1px solid var(--line-l);color:var(--ink-muted);flex:none}
.lrow.is-active .lrow__ic{background:rgba(255,255,255,.12);border-color:transparent;color:var(--accent)}
.lrow__b{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}
.lrow__t{font-size:13.5px;font-weight:600;color:var(--ink-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lrow__m{font-size:11.5px;color:var(--ink-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lrow.is-active .lrow__t{color:#fff}
.lrow.is-active .lrow__m{color:var(--muted)}
.lrow__r{display:flex;align-items:center;gap:6px;flex:none}
.lrow__u{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--accent-2);color:#fff;font-size:11.5px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;flex:none}
.lrow.is-active .lrow__u{background:var(--accent);color:var(--accent-ink)}
.lrow__st .pill{height:20px;font-size:10.5px;padding:0 7px}
/* conversations */
.ava{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--paper);border:1px solid var(--line-l2);font-size:14px;font-weight:700;color:var(--ink-muted);flex:none}
.ava--id{background:rgba(52,226,122,.16);border-color:transparent;color:var(--accent-deep)}
.ava--new{background:var(--ink);border-color:transparent;color:var(--accent)}
.trow{display:flex;align-items:flex-start;gap:10px;padding:10px;border-radius:11px;min-width:0;position:relative;transition:background .12s}
.trow+.trow{margin-top:2px}
.trow:hover{background:var(--paper)}
.trow.is-active{background:var(--paper);box-shadow:inset 3px 0 0 var(--ink)}
.trow__b{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.trow__top{display:flex;align-items:baseline;gap:8px;min-width:0}
.trow__peer{font-size:13.5px;font-weight:500;color:var(--ink-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}
.trow.is-unread .trow__peer{font-weight:700}
.trow__when{font-size:11.5px;color:var(--ink-muted);flex:none}
.trow__prev{font-size:12.5px;line-height:1.45;color:var(--ink-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.trow.is-unread .trow__prev{color:var(--ink-text)}
.trow__prev i{font-style:normal;color:var(--ink-muted);font-weight:600}
.trow__line{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--ink-muted)}
.trow__r{display:flex;flex-direction:column;align-items:flex-end;gap:5px;flex:none}
.trow__u{min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--accent-2);color:#fff;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}
.trow__code{font-size:11.5px;font-weight:700;letter-spacing:.06em;color:var(--accent-deep);background:rgba(52,226,122,.14);border-radius:6px;padding:2px 6px}
/* lecture */
.mail__head--conv{gap:12px}
.mail__back{display:none;place-items:center;width:34px;height:34px;border-radius:10px;border:1px solid var(--line-l);color:var(--ink-muted);flex:none}
.mail__back-ic{transform:rotate(90deg)}
.mail__conv-t{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.mail__conv-t b{font-size:15px;color:var(--ink-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mail__conv-t span{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--ink-muted);min-width:0}
.mail__conv-a{display:flex;align-items:center;gap:8px;flex:none}
.mail__body{flex:1;min-height:0;overflow:auto;padding:18px 22px;display:flex;flex-direction:column;gap:10px;overscroll-behavior:contain}
.mail__body--center{align-items:center;justify-content:center;padding:24px}
.mail__body .bubble{max-width:min(560px,80%)}
.mail__day{display:flex;align-items:center;gap:12px;margin:6px 0;font-size:11.5px;font-weight:600;color:var(--ink-muted)}
.mail__day::before,.mail__day::after{content:"";flex:1;height:1px;background:var(--line-l)}
/* composeur */
.composer{border-top:1px solid var(--line-l);background:#fff;padding:12px 16px;display:grid;gap:8px}
.composer__to{display:flex;align-items:center;gap:10px}
.composer__to-l{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);flex:none}
.composer__to .field__in{height:38px;padding:0 12px}
.composer__in{width:100%;min-height:44px;max-height:132px;padding:11px 13px;border:1px solid var(--line-l2);border-radius:12px;background:#fff;font:inherit;font-size:14.5px;line-height:1.5;color:var(--ink-text);resize:vertical}
.composer__in:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:transparent}
.composer__foot{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.composer__meta{font-size:12px;color:var(--ink-muted);margin-right:auto}
.composer__count{font-size:11.5px;color:var(--ink-muted)}
.composer__err{font-size:12.5px;font-weight:500;color:#B42318}
.composer--off{display:flex;align-items:center;gap:10px;font-size:13px;line-height:1.5;color:var(--ink-muted)}
.composer--off .ic{color:var(--ink-muted);flex:none}
.composer--off a{color:var(--accent-deep);font-weight:600;text-decoration:underline}
@media (max-width:1330px){
  .mail{grid-template-columns:216px 300px minmax(0,1fr)}
}
@media (max-width:1180px){
  .mail{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}
  .mail__lines{grid-row:1;grid-column:1;flex-direction:row;align-items:center;gap:8px;padding:8px 12px;border-right:0;border-bottom:1px solid var(--line-l);overflow-x:auto;overflow-y:hidden}
  .mail__lines .mail__head,.mail__lines .mail__foot,.mail__sep{display:none}
  .mail__lines .mail__scroll{display:flex;align-items:center;gap:8px;flex:0 0 auto;padding:0;overflow:visible}
  .mail__list,.mail__view{grid-row:2;grid-column:1;border-right:0}
  .lrow{flex:0 0 auto;border:1px solid var(--line-l2);border-radius:999px;padding:6px 12px 6px 8px}
  .lrow+.lrow{margin-top:0}
  .lrow__m,.lrow__st{display:none}
  .lrow__t{max-width:36vw}
  .mail__back{display:grid}
  .mail[data-view="thread"] .mail__lines,.mail[data-view="thread"] .mail__list{display:none}
  .mail[data-view="threads"] .mail__view{display:none}
}
@media (max-width:1023px){
  body:has(.mail) .app__main{height:calc(100vh - 62px - env(safe-area-inset-bottom))}
}
@media (max-width:560px){
  .mail__body{padding:14px}
  .mail__body .bubble{max-width:92%}
  .composer{padding:10px 12px}
  .composer__meta{font-size:11.5px}
  .mail__conv-a .btn span{display:none}
  .mail__conv-a .btn{padding:0 10px}
}
/* --------------------------------------------------------------- aperçu (21/09) --- */
.ovhero{background:var(--ink);color:var(--text);border-radius:18px;padding:22px 24px;margin-bottom:18px}
.ovhero__top{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;flex-wrap:wrap;padding-bottom:20px;border-bottom:1px solid var(--line-2)}
.ovhero__bal{min-width:0}
.ovhero__v{display:block;font-size:44px;font-weight:600;letter-spacing:-.03em;line-height:1.05;color:#fff;margin:10px 0 8px}
.ovhero__n{font-size:13.5px;line-height:1.55;color:var(--muted);max-width:58ch}
.ovhero__cta{display:flex;gap:10px;flex-wrap:wrap;flex:none}
.ovhero .btn--ghost{background:transparent;border-color:var(--line-2);color:#fff}
.ovhero .btn--ghost:hover{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.3)}
.ovhero__metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:20px;padding:0;list-style:none;background:var(--line-2);border-radius:12px;overflow:hidden}
.ovhero__metrics li{background:var(--ink);padding:14px 16px;min-width:0}
.ovm__l{display:block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-2)}
.ovm__v{display:block;font-size:26px;font-weight:600;letter-spacing:-.02em;line-height:1.2;color:#fff;margin:4px 0 2px}
.ovm__s{display:block;font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ovm__s a{color:var(--accent);font-weight:600}
/* dernier code reçu */
.codecard{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;border-color:rgba(17,138,72,.35);background:linear-gradient(180deg,#F3FCF6,#fff)}
.codecard__l{min-width:0}
.codecard__v{display:block;font-size:40px;font-weight:600;letter-spacing:.14em;line-height:1.1;color:var(--ink-text);margin:10px 0 6px}
.codecard__m{font-size:13.5px;color:var(--ink-muted);display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.codecard__m b{color:var(--ink-text)}
.codecard__r{display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex:none}
/* lignes + rail */
.ovgrid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,1fr);gap:18px;align-items:start}
.ovgrid>.panel{margin-bottom:0}
.ovrail{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-content:start;min-width:0}
.ovrail .panel{margin-bottom:0}
.ovfoot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.lcards{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.lcard{border:1px solid var(--line-l);border-radius:14px;padding:12px 14px;background:#fff;transition:border-color .15s,box-shadow .15s}
.lcard:hover{border-color:var(--line-l2);box-shadow:0 8px 20px rgba(11,18,32,.05)}
.lcard--off{opacity:.62}
.lcard__top{display:flex;align-items:center;gap:14px;min-width:0}
.lcard__id{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.lcard__t{display:flex;align-items:center;gap:8px;font-size:15.5px;font-weight:600;color:var(--ink-text);min-width:0}
.lcard__nm{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lcard__u{font-size:11px;font-weight:700;color:#fff;background:var(--accent-2);border-radius:999px;padding:2px 8px;flex:none}
.lcard__m{font-size:12.5px;color:var(--ink-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lcard__r{display:flex;align-items:center;gap:8px;flex:none}
.lcard__chev{color:var(--ink-muted);transform:rotate(-90deg)}
/* [!] surtout pas « pbar » : l'accueil a déjà une .pbar (la barre de tarifs) et la règle fuitait dessus. */
.lcard__bar{appearance:none;-webkit-appearance:none;display:block;width:100%;height:4px;margin:12px 0 8px;border:0;border-radius:999px;background:var(--line-l);color:var(--accent-2);overflow:hidden}
.lcard__bar::-webkit-progress-bar{background:var(--line-l);border-radius:999px}
.lcard__bar::-webkit-progress-value{background:var(--accent-2);border-radius:999px}
.lcard__bar::-moz-progress-bar{background:var(--accent-2);border-radius:999px}
.lcard__foot{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12.5px;color:var(--ink-muted);flex-wrap:wrap}
.lcard__foot--wait{margin-top:10px;padding-top:10px;border-top:1px solid var(--line-l);justify-content:flex-start;gap:10px}
.link--sm{font-size:13px}
.ovmsgs{display:grid;grid-template-columns:minmax(0,1fr);gap:2px;margin:0 -6px}
.ovledger{display:grid;grid-template-columns:minmax(0,1fr);gap:2px}
.ovledger li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--line-l);font-size:13.5px}
.ovledger li:last-child{border-bottom:0}
.ovledger__l{display:flex;flex-direction:column;gap:2px;min-width:0;color:var(--ink-text)}
.ovledger__l small{font-size:11.5px;color:var(--ink-muted)}
.ovledger b{flex:none;color:var(--ink-text)}
.ovledger b.is-in{color:var(--accent-deep)}
@media (max-width:1180px){
  .ovgrid{grid-template-columns:1fr}
  .ovhero__metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .ovhero{padding:18px}
  .ovhero__v{font-size:36px}
  .ovhero__cta{width:100%}
  .ovhero__cta .btn{flex:1}
  .codecard__v{font-size:34px}
  .codecard__r{width:100%}
  .codecard__r .btn{flex:1}
}
@media (max-width:560px){
  .ovhero__metrics{grid-template-columns:1fr}
  .lcard__top{gap:10px}
  .lcard__t{font-size:14.5px}
  .lcard__chev{display:none}
  .lcard__r .pill{max-width:96px;overflow:hidden}
}
/* boîte SMS : la conversation se lit du bas, comme une messagerie */
.mail__body:not(.mail__body--center)::before{content:"";margin-top:auto}
.mail__conv-t span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex}
.mail__conv-lbl{overflow:hidden;text-overflow:ellipsis}
@media (max-width:560px){
  .mail__head--conv .ava{display:none}
  .mail__conv-lbl{display:none}
}
/* correctif : l'exemple d'API débordait sur mobile (le <pre> n'avait pas de conteneur défilant) */
.code__pre{overflow-x:auto;max-width:100%}
.code--app,.code--app>*{min-width:0}

/* ══════════════════════════════════════════════════════════════════════════
   PAGES INTERNES — status, api, about, contact, affiliates, guides, legal.
   Préfixes dédiés (st-, pg-, ap-, gd-, lg-) : aucun nom partagé avec la base.
   CSP style-src 'self' : aucune valeur dynamique ici, tout passe par des classes.
   ══════════════════════════════════════════════════════════════════════════ */

/* ── teintes d'état, réutilisées par toutes les pages ─────────────────── */
.st-ok{--tn:var(--accent);--tn-soft:rgba(52,226,122,.12);--tn-line:rgba(52,226,122,.32);--tn-ink:#052A15}
.st-warn{--tn:#FFCD78;--tn-soft:rgba(255,205,120,.13);--tn-line:rgba(255,205,120,.34);--tn-ink:#2A1C05}
.st-err{--tn:#FF8080;--tn-soft:rgba(255,128,128,.13);--tn-line:rgba(255,128,128,.34);--tn-ink:#2A0808}
.st-info{--tn:#8BB8FF;--tn-soft:rgba(139,184,255,.13);--tn-line:rgba(139,184,255,.34);--tn-ink:#061A2A}

/* ── bannière d'état ──────────────────────────────────────────────────── */
.stban{padding:22px 0 64px;background:radial-gradient(1100px 440px at 50% -140px,var(--tn-soft),transparent 72%),var(--ink)}
.stban--ok{--tn:var(--accent);--tn-soft:rgba(52,226,122,.12);--tn-line:rgba(52,226,122,.32)}
.stban--warn{--tn:#FFCD78;--tn-soft:rgba(255,205,120,.13);--tn-line:rgba(255,205,120,.34)}
.stban--err{--tn:#FF8080;--tn-soft:rgba(255,128,128,.13);--tn-line:rgba(255,128,128,.34)}
.stban--info{--tn:#8BB8FF;--tn-soft:rgba(139,184,255,.13);--tn-line:rgba(139,184,255,.34)}
.stban__inner{display:flex;flex-direction:column;gap:18px}
.stban__card{display:flex;align-items:center;justify-content:space-between;gap:40px;flex-wrap:wrap;
  padding:30px 34px;border-radius:20px;border:1px solid var(--tn-line);background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015))}
.stban__main{display:flex;align-items:center;gap:22px;min-width:0}
.stban__ring{width:56px;height:56px;flex:none;border-radius:50%;display:grid;place-items:center;background:var(--tn-soft);border:1px solid var(--tn-line)}
.stban__dot{width:14px;height:14px;border-radius:50%;background:var(--tn);box-shadow:0 0 0 5px var(--tn-soft);animation:pulse 2.4s ease-in-out infinite}
.stban .eyebrow{color:var(--tn)}
.stban__t{font-size:clamp(27px,3.1vw,40px);font-weight:800;letter-spacing:-.03em;margin:9px 0 8px;text-wrap:balance}
.stban__sub{color:var(--muted);font-size:15px;max-width:60ch}
.stban__main{flex:1 1 380px}
.stban__nums{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 40px;margin:0;flex:0 1 auto;min-width:270px;
  padding-left:34px;border-left:1px solid var(--tn-line)}
.stban__nums dt{font-size:11.5px;font-weight:600;letter-spacing:.075em;text-transform:uppercase;color:var(--muted-2);white-space:nowrap}
.stban__nums dd{margin:4px 0 0;font-size:21px;font-weight:700;letter-spacing:-.02em;color:#fff}

/* ── incident ouvert, en tête ─────────────────────────────────────────── */
.stopen{display:grid;gap:14px}
.stopen .stev{background:rgba(255,255,255,.035);border-color:var(--tn-line)}

/* ── maintenance annoncée ─────────────────────────────────────────────── */
.stmaint{display:flex;gap:18px;padding:22px 24px;border-radius:18px;border:1px solid rgba(139,184,255,.28);background:rgba(139,184,255,.07)}
.stmaint__ic{width:46px;height:46px;flex:none;border-radius:13px;display:grid;place-items:center;background:rgba(139,184,255,.14);color:#8BB8FF}
.stmaint__k{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#8BB8FF}
.stmaint__t{font-size:19px;font-weight:700;letter-spacing:-.02em;margin:6px 0 6px}
.stmaint__when{font-size:14.5px;color:#DCE4EE}
.stmaint__p{margin-top:7px;font-size:14px;color:var(--muted);max-width:76ch}

/* ── tableau des composants ───────────────────────────────────────────── */
.stsys .sec__head--row{align-items:flex-end}
.stlegend{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:13px;color:var(--ink-muted);flex:none}
.stlegend li{display:flex;align-items:center;gap:7px}
.stlegend .sttick{width:9px;height:15px;flex:none}
.stgrp{margin-top:34px}
.stgrp__h{font-family:var(--font);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted);
  padding-bottom:10px;border-bottom:1px solid var(--line-l2)}
.strow{display:grid;grid-template-columns:minmax(230px,320px) 1fr;gap:16px 34px;align-items:center;padding:17px 0;border-bottom:1px solid var(--line-l)}
.strow__name{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-weight:650;font-size:16px;letter-spacing:-.01em;color:var(--ink-text)}
.strow__desc{margin-top:4px;font-size:13.5px;line-height:1.5;color:var(--ink-muted)}
.stpill{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 9px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.02em;white-space:nowrap}
.stpill[redacted-ip]ore{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.stpill--ok{background:rgba(17,138,72,.12);color:var(--accent-deep)}
.stpill--warn{background:rgba(180,120,10,.13);color:#9A6B06}
.stpill--err{background:rgba(200,40,40,.11);color:#C02A2A}
.stpill--info{background:rgba(40,110,220,.11);color:#1F63C8}
.strow__chart{min-width:0}
.stbar{display:flex;gap:2px;height:32px;align-items:stretch}
.sttick{flex:1 1 0;min-width:0;border-radius:2px;background:#C9D3DE}
.sttick--ok{background:#5FCB8C}
.sttick--mt{background:#8BB8FF}
.sttick--dg{background:#F3C063}
.sttick--pa{background:#F09A4B}
.sttick--mj{background:#E15757}
.sttick--na{background:#E7EBF1}
.strow__scale{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:7px;font-size:12px;color:var(--ink-muted)}
.strow__scale b{color:var(--ink-text);font-size:12.5px}
.stfoot{margin-top:30px;font-size:13.5px;line-height:1.6;color:var(--ink-muted);max-width:92ch}

/* ── historique ───────────────────────────────────────────────────────── */
.stnav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:18px;border-bottom:1px solid var(--line-l)}
.stnav__now{font-size:20px;font-weight:700;letter-spacing:-.02em;color:var(--ink-text);text-align:center}
.stnav__end{font-size:12.5px;color:var(--ink-muted);white-space:nowrap}
.stnav__back{transform:rotate(180deg)}
.stlist{display:grid;gap:14px;margin-top:22px}
.stnone{margin-top:22px;padding:34px;border-radius:18px;border:1px dashed var(--line-l2);background:var(--paper);text-align:center}
.stnone__ic{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:50%;background:rgba(17,138,72,.12);color:var(--accent-deep);margin-bottom:12px}
.stnone__t{font-weight:700;font-size:17px;letter-spacing:-.01em;color:var(--ink-text)}
.stnone__p{margin-top:4px;font-size:14px;color:var(--ink-muted)}

/* ── carte d'événement (fond clair ET fond sombre) ────────────────────── */
.stev{border:1px solid var(--line-l);border-left:3px solid var(--tn);border-radius:16px;padding:20px 22px;background:#fff}
.stev--ok{--tn:var(--accent-deep)}
.stev--warn{--tn:#E0A33A}
.stev--err{--tn:#D64545}
.stev--info{--tn:#4A87E0}
.stev__head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap}
.stev__sev{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;font-weight:700;letter-spacing:.075em;text-transform:uppercase;color:var(--tn)}
.stev__t{font-size:18px;font-weight:700;letter-spacing:-.02em;margin-top:7px;color:var(--ink-text);text-wrap:balance}
.stev__when{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--ink-muted);white-space:nowrap}
.stev__dot{width:3px;height:3px;border-radius:50%;background:currentColor;flex:none}
.stev__comps{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.stev__comps li{height:23px;padding:0 9px;border-radius:999px;background:var(--paper);border:1px solid var(--line-l);
  font-size:11.5px;font-weight:600;color:var(--ink-muted);display:flex;align-items:center}
.stupd{margin-top:16px;padding-top:4px;display:grid;gap:14px}
.stupd__i{position:relative;padding-left:20px}
.stupd__i[redacted-ip]ore{content:"";position:absolute;left:0;top:7px;width:8px;height:8px;border-radius:50%;background:var(--tn)}
.stupd__i:not(:last-child)[redacted-ip]ter{content:"";position:absolute;left:3.5px;top:19px;bottom:-14px;width:1px;background:var(--line-l2)}
.stupd__meta{display:flex;align-items:baseline;gap:10px;font-size:13px}
.stupd__meta b{font-weight:700;color:var(--ink-text)}
.stupd__meta span{color:var(--ink-muted);font-size:12.5px}
.stupd__p{margin-top:3px;font-size:14px;line-height:1.6;color:var(--ink-muted);max-width:86ch}
/* la même carte posée sur le fond sombre de la bannière */
.stopen .stev{border-color:var(--tn-line);border-left-color:var(--tn)}
.stopen .stev__t,.stopen .stupd__meta b{color:#fff}
.stopen .stev__when,.stopen .stupd__p,.stopen .stupd__meta span{color:var(--muted)}
.stopen .stev__comps li{background:rgba(255,255,255,.05);border-color:var(--line);color:#DCE4EE}
.stopen .stupd__i:not(:last-child)[redacted-ip]ter{background:var(--line-2)}
.stopen .stev--warn{--tn:#FFCD78}
.stopen .stev--err{--tn:#FF8080}
.stopen .stev--info{--tn:#8BB8FF}
.stopen .stev--ok{--tn:var(--accent)}

/* ── sélecteur de mois ────────────────────────────────────────────────── */
.stmonths{margin-top:34px;padding-top:24px;border-top:1px solid var(--line-l)}
.stmonths__h{font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:12px}
.stmonths__l{display:flex;flex-wrap:wrap;gap:8px}
.stchip{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 12px;border-radius:999px;border:1px solid var(--line-l2);
  background:#fff;font-size:13px;font-weight:600;color:var(--ink-text);transition:border-color .15s,background .15s}
.stchip b{font-size:11.5px;color:var(--ink-muted);font-weight:700}
.stchip:hover{border-color:#9AA6B8;background:var(--paper)}
.stchip.is-on{background:var(--ink-text);border-color:var(--ink-text);color:#fff}
.stchip.is-on b{color:rgba(255,255,255,.62)}

/* ── méthode ──────────────────────────────────────────────────────────── */
.stmeta__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.stcard{padding:22px 24px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.028)}
.stcard__h{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;letter-spacing:-.015em;color:#fff}
.stcard__h .ic{color:var(--accent);flex:none}
.stcard__p{margin-top:9px;font-size:14px;line-height:1.62;color:var(--muted)}
.stcard__p a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}
.stcta{margin-top:24px;padding:26px 28px;border-radius:18px;border:1px solid var(--line);
  background:linear-gradient(180deg,rgba(52,226,122,.07),rgba(255,255,255,.015));
  display:flex;align-items:center;justify-content:space-between;gap:26px;flex-wrap:wrap}
.stcta__t{font-family:var(--display);font-size:20px;font-weight:700;letter-spacing:-.02em}
.stcta__p{margin-top:5px;font-size:14.5px;color:var(--muted);max-width:66ch}
.stcta__btns{display:flex;gap:10px;flex-wrap:wrap}

@media (max-width:1080px){
  .stban__nums{padding-left:0;border-left:0;border-top:1px solid var(--tn-line);padding-top:18px;width:100%;gap:16px 30px}
  .stmeta__grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:860px){
  .stban{padding-bottom:44px}
  .stban__card{padding:24px;gap:24px}
  .stban__main{gap:16px}
  .stban__ring{width:46px;height:46px}
  .strow{grid-template-columns:1fr;gap:12px;padding:16px 0}
  .stsys .sec__head--row{display:block}
  .stlegend{margin-top:16px}
  .stev__head{gap:8px}
  .stev__when{white-space:normal}
}
@media (max-width:640px){
  .stban__nums{gap:14px 20px}
  .stmeta__grid{grid-template-columns:1fr}
  .stcta{padding:22px}
  /* 90 jours conservés sur mobile (le pourcentage porte sur 90 jours) :
     l'écart tombe à 1 px, les colonnes restent lisibles à 390 px. */
  .stbar{gap:1px;height:30px}
  .sttick{border-radius:1px}
  .stnav{flex-wrap:wrap;justify-content:center}
  .stnav__now{order:-1;width:100%}
  .stmonths__l{gap:6px}
  .stchip{height:30px;padding:0 10px;font-size:12.5px}
}

/* ── pied de page : l'état du service pointe vers /status/ ─────────────── */
.ftr__status-a{opacity:0;margin-left:2px;transition:opacity .15s,transform .15s}
.ftr__status:hover .ftr__status-a{opacity:.7;transform:translateX(2px)}
.ftr__status--warn{color:#FFCD78}
.ftr__status--warn .live-dot{background:#FFCD78;box-shadow:0 0 0 4px rgba(255,205,120,.2);animation:none}
.ftr__status--err{color:#FF8080}
.ftr__status--err .live-dot{background:#FF8080;box-shadow:0 0 0 4px rgba(255,128,128,.2)}
.ftr__status--info{color:#8BB8FF}
.ftr__status--info .live-dot{background:#8BB8FF;box-shadow:0 0 0 4px rgba(139,184,255,.2);animation:none}

/* ══════════════════════════════════════════════════════════════════════════
   OSSATURE DES PAGES INTÉRIEURES (api, about, contact, affiliates, guides, legal)
   ══════════════════════════════════════════════════════════════════════════ */

/* ── bandeau de tête ──────────────────────────────────────────────────── */
.pghero{padding:22px 0 54px;background:radial-gradient(1000px 420px at 12% -140px,rgba(52,226,122,.11),transparent 68%),var(--ink)}
.pghero__inner{display:flex;flex-direction:column;gap:16px}
.pghero__grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:44px;align-items:end}
.pghero__t{font-size:clamp(32px,4vw,52px);font-weight:800;letter-spacing:-.03em;margin:11px 0 0;text-wrap:balance}
.pghero__lead{margin-top:14px;font-size:17.5px;line-height:1.6;color:var(--muted);max-width:66ch}
.pghero__meta{display:flex;flex-wrap:wrap;gap:8px 10px;margin-top:20px}
.pghero__meta li{display:inline-flex;align-items:center;gap:7px;height:29px;padding:0 12px;border-radius:999px;
  border:1px solid var(--line);background:rgba(255,255,255,.035);font-size:12.5px;font-weight:600;color:#DCE4EE}
.pghero__meta .ic{width:14px;height:14px;color:var(--accent)}
.pghero__cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.pghero__aside{flex:none;padding:20px 22px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.035);min-width:280px}
.pghero__aside dt{font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-2)}
.pghero__aside dd{margin:4px 0 14px;font-size:15px;color:#fff}
.pghero__aside dd:last-child{margin-bottom:0}

/* ── mise en page documentaire : sommaire · texte · rail ──────────────── */
.doc{background:#fff;color:var(--ink-text);padding:52px 0 88px}
.doc--paper{background:var(--paper)}
.doc__grid{display:grid;grid-template-columns:236px minmax(0,1fr) 296px;gap:48px;align-items:start}
.doc__grid--norail{grid-template-columns:236px minmax(0,1fr)}
.doc__grid--plain{grid-template-columns:minmax(0,1fr)}
.doc__side,.doc__rail{position:sticky;top:calc(var(--hdr-h) + 22px);align-self:start}
.doc__main{min-width:0}
.doc__sum{display:none}

/* sommaire */
.toc__h{font-size:11.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:12px}
.toc__l{display:grid;gap:1px;border-left:2px solid var(--line-l2)}
.toc__a{display:block;padding:7px 0 7px 14px;margin-left:-2px;border-left:2px solid transparent;
  font-size:14px;line-height:1.4;color:var(--ink-muted);transition:color .15s,border-color .15s}
.toc__a:hover{color:var(--ink-text)}
.toc__a.is-on{color:var(--accent-deep);border-left-color:var(--accent-deep);font-weight:600}
.toc__a--sub{padding-left:26px;font-size:13.5px}
.toc__foot{margin-top:18px;padding-top:16px;border-top:1px solid var(--line-l);font-size:13px;color:var(--ink-muted)}

/* rail de droite */
.drail{display:grid;gap:14px}
.drailc{padding:20px;border-radius:16px;border:1px solid var(--line-l);background:var(--paper)}
.doc--paper .drailc{background:#fff}
.drailc--ink,.doc--paper .drailc--ink,.doc .drailc--ink{background:var(--ink);border-color:transparent;color:var(--text)}
.drailc__h{font-family:var(--font);font-size:14.5px;font-weight:700;letter-spacing:-.01em;margin-bottom:8px}
.drailc__p{font-size:13.5px;line-height:1.6;color:var(--ink-muted)}
.drailc--ink .drailc__p{color:var(--muted)}
.drailc__btn{margin-top:14px;width:100%}
.drailc__l{display:grid;gap:2px;margin-top:6px}
.drailc__l a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0;font-size:14px;
  color:var(--ink-text);border-bottom:1px solid var(--line-l)}
.drailc__l a:last-child{border-bottom:0}
.drailc__l a:hover{color:var(--accent-deep)}
.drailc__l .ic{color:var(--ink-muted);flex:none}
.drailc--ink .drailc__l a{color:#fff;border-bottom-color:var(--line)}
.drailc--ink .drailc__l a:hover{color:var(--accent)}

/* ── typographie longue ──────────────────────────────────────────────── */
.prose{font-size:16px;line-height:1.72;color:#27303E;max-width:78ch}
.prose>*+*{margin-top:18px}
.prose h2{font-size:clamp(23px,2.4vw,30px);font-weight:800;letter-spacing:-.025em;margin-top:52px;color:var(--ink-text);scroll-margin-top:calc(var(--hdr-h) + 24px)}
.prose h2:first-child{margin-top:0}
.prose h3{font-family:var(--font);font-size:18px;font-weight:700;letter-spacing:-.01em;margin-top:34px;color:var(--ink-text);scroll-margin-top:calc(var(--hdr-h) + 24px)}
.prose h4{font-family:var(--font);font-size:15.5px;font-weight:700;margin-top:24px;color:var(--ink-text)}
.prose p{color:#27303E}
.prose a{color:var(--accent-deep);font-weight:550;text-decoration:underline;text-underline-offset:2.5px;text-decoration-thickness:1px;text-decoration-color:rgba(17,138,72,.35)}
.prose a:hover{text-decoration-color:var(--accent-deep)}
.prose strong,.prose b{font-weight:680;color:var(--ink-text)}
.prose ul,.prose ol{display:grid;gap:9px;padding-left:2px}
.prose ul>li{position:relative;padding-left:22px}
.prose ul>li::before{content:"";position:absolute;left:4px;top:11px;width:6px;height:6px;border-radius:50%;background:var(--accent-deep);opacity:.55}
.prose ol{counter-reset:pl}
.prose ol>li{position:relative;padding-left:30px;counter-increment:pl}
.prose ol>li::before{content:counter(pl);position:absolute;left:0;top:1px;width:21px;height:21px;border-radius:7px;
  background:rgba(17,138,72,.12);color:var(--accent-deep);font:700 11.5px/21px var(--font);text-align:center}
.prose li>ul,.prose li>ol{margin-top:9px}
.prose hr{border:0;border-top:1px solid var(--line-l);margin:40px 0}
.prose code{font-family:var(--mono);font-size:.885em;padding:2px 6px;border-radius:6px;background:rgba(10,14,20,.06);color:#0F3A22;white-space:nowrap}
.prose a code{color:inherit}
.prose blockquote{padding:14px 18px;border-left:3px solid var(--accent-deep);background:rgba(17,138,72,.06);border-radius:0 10px 10px 0;color:var(--ink-muted);font-size:15px}
.prose figcaption{margin-top:8px;font-size:13px;color:var(--ink-muted)}
.prose__lead{font-size:18px;line-height:1.65;color:var(--ink-muted)}

/* ── encadrés ────────────────────────────────────────────────────────── */
.pnote{display:flex;gap:13px;padding:16px 18px;border-radius:14px;font-size:14.5px;line-height:1.6}
.pnote .ic{flex:none;margin-top:1px}
.pnote b{display:block;margin-bottom:2px}
.pnote--tip{background:rgba(17,138,72,.08);border:1px solid rgba(17,138,72,.2);color:#1C4A31}
.pnote--tip .ic{color:var(--accent-deep)}
.pnote--warn{background:rgba(200,140,10,.08);border:1px solid rgba(200,140,10,.22);color:#6B4A05}
.pnote--warn .ic{color:#B57E08}
.pnote--info{background:rgba(40,110,220,.07);border:1px solid rgba(40,110,220,.2);color:#1B3F70}
.pnote--info .ic{color:#2A6AD0}

/* ── tableau de référence ────────────────────────────────────────────── */
.ptable{width:100%;border:1px solid var(--line-l);border-radius:13px;overflow:hidden;font-size:14px;background:#fff}
.ptable th{text-align:left;padding:11px 14px;background:var(--paper);border-bottom:1px solid var(--line-l);
  font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);white-space:nowrap}
.ptable td{padding:12px 14px;border-bottom:1px solid var(--line-l);vertical-align:top;line-height:1.55;color:#27303E}
.ptable tr:last-child td{border-bottom:0}
.ptable td:first-child{white-space:nowrap}
.ptable code{font-family:var(--mono);font-size:12.5px;color:#0F3A22}
.pscroll{overflow-x:auto;-webkit-overflow-scrolling:touch}

/* ── bloc de code ────────────────────────────────────────────────────── */
.pcode{border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#0B1118;overflow:hidden;color:#DCE4EE}
.pcode__bar{display:flex;align-items:center;gap:8px;padding:9px 14px;border-bottom:1px solid rgba(255,255,255,.08)}
.pcode__m{font:600 10.5px/1 var(--mono);padding:4px 7px;border-radius:6px;flex:none;letter-spacing:.03em}
.pcode__m--get{background:rgba(139,184,255,.16);color:#8BB8FF}
.pcode__m--post{background:rgba(52,226,122,.16);color:#34E27A}
.pcode__m--patch{background:rgba(255,205,120,.16);color:#FFCD78}
.pcode__m--delete{background:rgba(255,128,128,.16);color:#FF8080}
.pcode__f{font:12px var(--mono);color:#6F7B8E;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pcode__pre{margin:0;padding:17px 18px;font:12.5px/1.7 var(--mono);overflow-x:auto;tab-size:2}
.pcode__pre code{background:none;padding:0;white-space:pre;color:inherit}

/* ── grilles de cartes ───────────────────────────────────────────────── */
.pcards{display:grid;gap:14px}
.pcards--2{grid-template-columns:repeat(2,1fr)}
.pcards--3{grid-template-columns:repeat(3,1fr)}
.pcard{padding:22px;border-radius:15px;border:1px solid var(--line-l);background:#fff}
.doc--paper .pcard,.sec--paper .pcard{background:#fff}
.pcard__ic{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:rgba(17,138,72,.12);color:var(--accent-deep);margin-bottom:13px}
.pcard__h{font-family:var(--font);font-size:16px;font-weight:700;letter-spacing:-.01em;color:var(--ink-text)}
.pcard__p{margin-top:7px;font-size:14px;line-height:1.6;color:var(--ink-muted)}
.pcard--ink{background:var(--ink);border-color:transparent}
.pcard--ink .pcard__h{color:#fff}
.pcard--ink .pcard__p{color:var(--muted)}
.pcard--ink .pcard__ic{background:rgba(52,226,122,.14);color:var(--accent)}

/* ── bandeau d'appel en fin de page ──────────────────────────────────── */
.pcta{padding:64px 0;background:var(--ink-2);color:var(--text)}
.pcta__in{display:flex;align-items:center;justify-content:space-between;gap:34px;flex-wrap:wrap;
  padding:34px 38px;border-radius:20px;border:1px solid var(--line);
  background:radial-gradient(700px 300px at 8% 0%,rgba(52,226,122,.12),transparent 70%),rgba(255,255,255,.02)}
.pcta__t{font-family:var(--display);font-size:clamp(23px,2.6vw,31px);font-weight:800;letter-spacing:-.03em;text-wrap:balance}
.pcta__p{margin-top:9px;font-size:15.5px;line-height:1.6;color:var(--muted);max-width:60ch}
.pcta__b{display:flex;gap:11px;flex-wrap:wrap;flex:none}

@media (max-width:1180px){
  .doc__grid{grid-template-columns:212px minmax(0,1fr);gap:38px}
  .doc__rail{grid-column:1/-1;position:static}
  .drail{grid-template-columns:repeat(3,1fr);margin-top:34px}
}
@media (max-width:980px){
  .pghero__grid{grid-template-columns:minmax(0,1fr);gap:24px}
  .pghero__aside{min-width:0}
  .pcards--3{grid-template-columns:repeat(2,1fr)}
  .drail{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:760px){
  .pghero{padding-bottom:40px}
  .doc{padding:34px 0 64px}
  .doc__grid,.doc__grid--norail{grid-template-columns:minmax(0,1fr);gap:0}
  .doc__side{position:static;margin-bottom:26px}
  /* le sommaire devient un dépliant */
  .doc__sum{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;cursor:pointer;
    padding:13px 16px;border:1px solid var(--line-l);border-radius:12px;background:var(--paper);
    font-size:14px;font-weight:650;color:var(--ink-text)}
  .doc__sum::-webkit-details-marker{display:none}
  .doc__toc[open] .doc__sum{border-radius:12px 12px 0 0}
  .doc__toc[open] .toc__wrap{border:1px solid var(--line-l);border-top:0;border-radius:0 0 12px 12px;padding:14px 16px}
  .doc__toc .toc__h{display:none}
  .doc__toc:not([open]) .toc__wrap{display:none}
  .pcards--2,.pcards--3,.drail{grid-template-columns:1fr}
  .prose{font-size:15.5px}
  .prose h2{margin-top:40px}
  .pcta{padding:44px 0}
  .pcta__in{padding:26px 22px}
  /* [!] .pcta__b est en flex:none : sans ceci sa largeur max-content déborde. */
  .pcta__b{flex:1 1 100%}
  .pcta__b .btn{flex:1 1 auto}
  .pghero__cta .btn,.stcta__btns .btn{flex:1 1 auto}
}

/* ── documents juridiques ─────────────────────────────────────────────── */
.lgsum{padding:24px 26px;border-radius:17px;border:1px solid rgba(17,138,72,.22);background:rgba(17,138,72,.055);margin-bottom:44px}
.lgsum__h{display:flex;align-items:center;gap:8px;font-size:11.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--accent-deep)}
.lgsum__h .ic{color:var(--accent-deep)}
.lgsum__l{display:grid;gap:10px;margin-top:14px}
.lgsum__l li{position:relative;padding-left:22px;font-size:15.5px;line-height:1.6;color:#27303E}
.lgsum__l li::before{content:"";position:absolute;left:3px;top:10px;width:7px;height:7px;border-radius:2px;background:var(--accent-deep);opacity:.6}
.lgsum__l b{font-weight:680;color:var(--ink-text)}
.lgsum__l a{color:var(--accent-deep);text-decoration:underline;text-underline-offset:2.5px}
.lgsum__f{margin-top:16px;padding-top:14px;border-top:1px solid rgba(17,138,72,.18);font-size:13px;line-height:1.55;color:var(--ink-muted)}
.lgbody h2{display:flex;align-items:baseline;gap:13px;font-size:clamp(21px,2.1vw,26px)}
.lgn{flex:none;display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--ink-text);color:var(--accent);
  font-family:var(--font);font-size:13px;font-weight:700;align-self:center}
.lggloss{padding:13px 16px;border-radius:12px;background:var(--paper);border-left:3px solid var(--line-l2);font-size:14.5px;line-height:1.6;color:var(--ink-muted)}
.lggloss b{display:block;font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:3px}
.lggloss a{color:var(--accent-deep)}
.lgfoot{font-size:13.5px;line-height:1.6;color:var(--ink-muted)}
@media (max-width:760px){
  .lgsum{padding:20px;margin-bottom:32px}
  .lgbody h2{gap:10px}
  .lgn{width:26px;height:26px;font-size:12px}
}

/* ── contact : formulaire de ticket ───────────────────────────────────── */
.ct{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:48px;align-items:start}
.ct__side{position:sticky;top:calc(var(--hdr-h) + 22px)}
.ct__main{min-width:0;display:grid;gap:30px}
.ctform{display:grid;gap:22px;padding:28px 30px;border-radius:18px;border:1px solid var(--line-l);background:#fff}
.ctf{display:grid;gap:8px;border:0;padding:0;margin:0;min-width:0}
.ctf__l{font-size:13px;font-weight:700;letter-spacing:.01em;color:var(--ink-text);padding:0}
.ctf__opt{margin-left:6px;font-weight:600;font-size:11.5px;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.06em}
.ctf__hint{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;line-height:1.55;color:var(--ink-muted)}
.ctf__hint .ic{flex:none;margin-top:2px;color:var(--ink-muted)}
.ctrow{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.ctin{width:100%;height:46px;padding:0 14px;border:1px solid var(--line-l2);border-radius:11px;background:#fff;
  color:var(--ink-text);font-size:15px;transition:border-color .15s,box-shadow .15s}
.ctin::placeholder{color:#9AA6B8}
.ctin:focus{outline:0;border-color:var(--accent-deep);box-shadow:0 0 0 3px rgba(17,138,72,.14)}
.ctin--area{height:auto;padding:13px 14px;line-height:1.6;resize:vertical;min-height:140px;font-family:inherit}
.ctin--sm{height:40px;font-size:14px}
.ctopics{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:4px}
.ctopic{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;align-items:start;padding:14px 15px;
  border:1px solid var(--line-l2);border-radius:13px;background:#fff;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}
.ctopic:hover{border-color:#9AA6B8}
.ctopic__ic{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--paper);color:var(--ink-muted);transition:background .15s,color .15s}
.ctopic__b{display:grid;gap:3px;min-width:0}
.ctopic__t{font-size:14.5px;font-weight:650;letter-spacing:-.01em;color:var(--ink-text)}
.ctopic__p{font-size:12.5px;line-height:1.5;color:var(--ink-muted)}
.ctopic__eta{display:flex;align-items:center;gap:5px;margin-top:3px;font-size:11.5px;font-weight:600;color:var(--ink-muted)}
.ctopic__eta .ic{color:var(--ink-muted)}
.ctopic__r:checked+.ctopic{border-color:var(--accent-deep);background:rgba(17,138,72,.05);box-shadow:0 0 0 1px var(--accent-deep)}
.ctopic__r:checked+.ctopic .ctopic__ic{background:rgba(17,138,72,.14);color:var(--accent-deep)}
.ctopic__r:focus-visible+.ctopic{outline:2px solid var(--accent-deep);outline-offset:2px}
.ctsend{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding-top:4px;border-top:1px solid var(--line-l);padding-top:20px}
.ctsend__p{font-size:13px;line-height:1.55;color:var(--ink-muted);max-width:44ch}
.ctfind{display:flex;gap:8px;margin-top:10px}
.ctfind .ctin{min-width:0}
.ctfind .btn{flex:none}
.cttk{display:grid;gap:1px;min-width:0}
.cttk b{font-weight:600;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cttk__m{font-size:11.5px;color:var(--ink-muted)}
.ctfaq{padding-top:8px}
.ctfaq__h{font-size:clamp(21px,2.2vw,27px);font-weight:800;letter-spacing:-.025em;color:var(--ink-text)}
.ctfaq__s{margin:8px 0 20px;font-size:15px;color:var(--ink-muted)}

/* ── fil de support ───────────────────────────────────────────────────── */
.tkref{display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;
  padding:20px 22px;border-radius:16px;border:1px solid var(--line-l);background:#fff}
.tkref--fresh{border-color:rgba(17,138,72,.3);background:rgba(17,138,72,.055)}
.tkref__k{font-size:11.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--accent-deep)}
.tkref__c{margin-top:5px;font-size:23px;font-weight:700;letter-spacing:.06em;color:var(--ink-text)}
.tkref__p{margin-top:7px;font-size:13.5px;line-height:1.6;color:var(--ink-muted);max-width:62ch}
.tkref__copy{flex:none}
.tkthread{display:grid;gap:12px}
.tkmsg{padding:18px 20px;border-radius:15px;border:1px solid var(--line-l);background:#fff}
.tkmsg--support{background:var(--ink);border-color:transparent;color:var(--text)}
.tkmsg__h{display:flex;align-items:baseline;justify-content:space-between;gap:14px;flex-wrap:wrap}
.tkmsg__who{font-size:13px;font-weight:700;letter-spacing:-.01em;color:var(--ink-text)}
.tkmsg--support .tkmsg__who{color:var(--accent)}
.tkmsg__t{font-size:12px;color:var(--ink-muted)}
.tkmsg--support .tkmsg__t{color:var(--muted-2)}
.tkmsg__b{margin-top:9px;font-size:15px;line-height:1.65;color:#27303E;overflow-wrap:anywhere}
.tkmsg--support .tkmsg__b{color:var(--muted)}
.tkreply{padding:24px 26px;border-radius:17px;border:1px solid var(--line-l);background:#fff;display:grid;gap:18px}

@media (max-width:1080px){
  .ct{grid-template-columns:minmax(0,1fr)}
  .ct__side{position:static}
  .ct .drail{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:760px){
  .ctopics,.ctrow{grid-template-columns:1fr}
  .ctform,.tkreply{padding:20px}
  .ct .drail{grid-template-columns:1fr}
  .ctsend .btn{width:100%}
  .tkref__copy{width:100%}
  .tkref__c{font-size:20px}
}

/* ── boutons fantômes sur fond clair ──────────────────────────────────── */
/* [!] .btn--ghost de base est prévu pour un fond sombre (texte blanc). La base
   ne le rattrape que dans .sec--paper / .sec--white : les pages documentaires
   utilisent .doc, d'où cette reprise. Sans elle : bouton blanc sur blanc. */
.doc .btn--ghost{background:#fff;border-color:var(--line-l2);color:var(--ink-text)}
.doc .btn--ghost:hover{background:var(--paper);border-color:#9AA6B8}
.doc--paper .btn--ghost{background:#fff}
.doc .drailc--ink .btn--ghost,.doc .pcard--ink .btn--ghost,.doc .tkmsg--support .btn--ghost{
  background:rgba(255,255,255,.05);border-color:var(--line-2);color:#fff}
.doc .drailc--ink .btn--ghost:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.3)}
.is-copied{color:var(--accent-deep)!important;border-color:var(--accent-deep)!important}

/* ── page « a propos » ────────────────────────────────────────────────── */
/* le probleme : liste numerotee a gauche, maquette « ou finit un numero » a droite */
.abwhy__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,46%);gap:56px;align-items:start}
.abpts{display:grid}
.abpt{display:grid;grid-template-columns:54px minmax(0,1fr);gap:14px;padding:20px 0;border-top:1px solid var(--line-l2)}
.abpt:last-child{border-bottom:1px solid var(--line-l2)}
.abpt__n{font-size:24px;font-weight:700;letter-spacing:-.02em;line-height:1.1;color:var(--accent-deep)}
.abpt__h{font-family:var(--font);font-size:17px;font-weight:700;letter-spacing:-.015em;color:var(--ink-text)}
.abpt__p{margin-top:6px;font-size:14.5px;line-height:1.62;color:var(--ink-muted)}
.abtrail{margin:0;background:var(--ink);color:var(--text);border:1px solid rgba(255,255,255,.07);border-radius:18px;
  box-shadow:0 30px 70px rgba(11,18,32,.22);overflow:hidden}
.abtrail__bar{display:flex;align-items:center;gap:7px;padding:12px 16px;border-bottom:1px solid var(--line);background:#0B1018}
.abtrail__bar>span:not(.abtrail__title){width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.14)}
.abtrail__title{margin-left:auto;font-size:12px;color:var(--muted-2)}
.abtrail__l{display:grid}
.abtrail__row{display:grid;grid-template-columns:30px minmax(0,1fr) auto auto;gap:12px;align-items:center;
  padding:10px 16px;border-bottom:1px solid var(--line)}
.abtrail__ic{width:30px;height:30px;border-radius:9px;background:rgba(255,255,255,.06);display:grid;place-items:center;color:var(--muted)}
.abtrail__who{font-size:14px;font-weight:600;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.abtrail__yr{font-size:12px;color:var(--muted-2);white-space:nowrap}
.abtag{display:inline-flex;align-items:center;gap:6px;height:23px;padding:0 9px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}
.abtag::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.abtag--leak{background:rgba(255,128,128,.14);color:#FF8080}
.abtag--sold{background:rgba(255,205,120,.14);color:#FFCD78}
.abtag--hold{background:rgba(255,255,255,.08);color:#C9D3DE}
.abtrail__foot{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:13px 16px;font-size:12.5px;color:var(--muted)}
.abtrail__foot>span{white-space:nowrap}
.abtrail__note{white-space:normal!important;color:var(--muted-2)}
.abtrail__foot b{color:#fff;font-weight:700}
.abtrail__dot{width:3px;height:3px;border-radius:50%;background:var(--muted-2)}

/* ce qu'on fait : cinq etapes reliees par une ligne */
.abflow .sec__head--row{align-items:flex-end}
.abflow .sec__head--row .btn{flex:none}
.abflow__row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0 22px;margin-top:22px}
.abnode{position:relative;padding:24px 0 0;border-top:2px solid var(--line-l2)}
.abnode::before{content:"";position:absolute;top:-2px;left:0;width:56px;height:2px;background:var(--accent-deep)}
.abnode__n{position:absolute;top:-14px;left:0;width:26px;height:26px;border-radius:8px;background:var(--ink);color:var(--accent);
  font-size:12px;font-weight:700;display:grid;place-items:center}
.abnode__h{display:flex;align-items:center;gap:9px;font-family:var(--font);font-size:15px;font-weight:700;letter-spacing:-.01em;line-height:1.3;color:var(--ink-text)}
.abnode__h .ic{color:var(--accent-deep);flex:none;width:18px;height:18px}
.abnode__p{margin-top:9px;font-size:13.5px;line-height:1.6;color:var(--ink-muted)}
.abnot{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:36px}
.abnot li{display:flex;gap:10px;align-items:flex-start;padding:14px 16px;border-radius:12px;background:var(--paper);
  border:1px solid var(--line-l);font-size:13.5px;line-height:1.55;color:var(--ink-muted)}
.abnot .ic{color:var(--ink-muted);flex:none;margin-top:2px}
.abnot b{color:var(--ink-text)}

/* la preuve : bandeau sombre de chiffres */
.abproof{background:var(--ink);color:var(--text);padding:56px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.abproof__in{display:grid;grid-template-columns:minmax(0,32%) minmax(0,1fr);gap:52px;align-items:center}
.abproof__t{font-size:clamp(24px,2.6vw,32px);font-weight:800;letter-spacing:-.03em;margin-top:10px;text-wrap:balance}
.abproof__p{margin-top:10px;font-size:14.5px;line-height:1.6;color:var(--muted)}
.abproof__p a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}
.abproof__nums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 32px;margin:0}
.abproof__nums div{padding-left:16px;border-left:2px solid var(--line-2)}
.abproof__nums dt{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-2)}
.abproof__nums dd{margin:7px 0 0;font-size:30px;font-weight:700;letter-spacing:-.03em;line-height:1;color:#fff}
.abproof__nums p{margin-top:6px;font-size:12.5px;color:var(--muted)}

/* engagements : charte numerotee sur deux colonnes */
.abvow .sec__head--row{align-items:flex-end}
.abvow .sec__head--row .btn{flex:none}
.abvows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 56px}
.abvow__i{display:grid;grid-template-columns:58px minmax(0,1fr);gap:12px;padding:22px 0;border-top:1px solid var(--line-l2)}
.abvow__n{font-size:32px;font-weight:700;letter-spacing:-.04em;line-height:1;color:var(--ink-text);opacity:.16}
.abvow__h{font-family:var(--font);font-size:17px;font-weight:700;letter-spacing:-.015em;color:var(--ink-text)}
.abvow__p{margin-top:6px;font-size:14.5px;line-height:1.6;color:var(--ink-muted)}
.abvow__p a{color:var(--accent-deep);text-decoration:underline;text-underline-offset:2px}

/* comment on tourne : titre + faits colles a gauche, quatre reponses a droite, rangee de verifications en bas */
.abrun__grid{display:grid;grid-template-columns:minmax(0,38%) minmax(0,1fr);gap:24px 56px;align-items:start}
.abrun__side{position:sticky;top:calc(var(--hdr-h) + 24px)}
.abrun__side .sec__title{margin-top:12px}
.abfacts{display:grid;margin:24px 0 0}
.abfacts div{display:grid;grid-template-columns:104px minmax(0,1fr);gap:12px;padding:11px 0;border-top:1px solid var(--line-l)}
.abfacts div:last-child{border-bottom:1px solid var(--line-l)}
.abfacts dt{font-size:11.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-muted);padding-top:3px}
.abfacts dd{margin:0;font-size:14.5px;line-height:1.5;color:var(--ink-text)}
.abnotfor{margin-top:22px;padding:16px 18px;border-radius:13px;background:var(--paper);border:1px solid var(--line-l)}
.abnotfor__h{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--ink-text)}
.abnotfor__h .ic{color:var(--ink-muted)}
.abnotfor__p{margin-top:7px;font-size:13.5px;line-height:1.58;color:var(--ink-muted)}
.abrun__main{display:grid}
.abq{padding:24px 0;border-top:1px solid var(--line-l)}
.abq:first-child{border-top:0;padding-top:4px}
.abq__h{font-size:21px;font-weight:800;letter-spacing:-.025em;color:var(--ink-text)}
.abq__p{margin-top:9px;font-size:15px;line-height:1.68;color:#27303E;max-width:72ch}
.abq__p a{color:var(--accent-deep);text-decoration:underline;text-underline-offset:2px}
.abcheck{grid-column:1/-1;margin-top:14px;padding:22px 26px;border-radius:16px;background:var(--ink);color:var(--text);
  display:flex;align-items:center;gap:14px 26px;flex-wrap:wrap}
.abcheck__h{font-family:var(--display);font-size:17px;font-weight:700;letter-spacing:-.02em;flex:none}
.abcheck__l{display:flex;flex-wrap:wrap;gap:8px}
.abcheck__l a{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border-radius:999px;
  border:1px solid var(--line-2);background:rgba(255,255,255,.04);font-size:13.5px;font-weight:600;color:#fff;transition:border-color .15s,background .15s}
.abcheck__l a:hover{border-color:rgba(52,226,122,.5);background:rgba(52,226,122,.08)}
.abcheck__l .ic{color:var(--accent)}

/* deux ans : frise en deux colonnes, remplie colonne par colonne pour garder la chronologie */
.abtime .sec__head--row{align-items:flex-end}
.abtime .sec__head--row .btn{flex:none}
.abtl{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:0 56px;margin-top:8px}
.abtl--rows-5{grid-template-rows:repeat(5,auto)}
.abtl--rows-6{grid-template-rows:repeat(6,auto)}
.abtl--rows-7{grid-template-rows:repeat(7,auto)}
.abtl--rows-8{grid-template-rows:repeat(8,auto)}
.abtl--rows-9{grid-template-rows:repeat(9,auto)}
.abtl__i{display:grid;grid-template-columns:104px 26px minmax(0,1fr);gap:0 12px;align-items:start;padding:13px 0}
.abtl__d{font-size:12.5px;color:var(--muted);padding-top:3px;text-align:right;white-space:nowrap}
.abtl__dot{position:relative;width:26px;align-self:stretch;min-height:26px}
.abtl__dot::before{content:"";position:absolute;left:8px;top:6px;width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px rgba(52,226,122,.14)}
.abtl__dot::after{content:"";position:absolute;left:12.5px;top:22px;bottom:-16px;width:1px;background:var(--line-2)}
.abtl__i:last-child .abtl__dot::after{display:none}
.abtl__i--api .abtl__dot::before{background:#8BB8FF;box-shadow:0 0 0 4px rgba(139,184,255,.16)}
.abtl__i--outage .abtl__dot::before{background:#FF8080;box-shadow:0 0 0 4px rgba(255,128,128,.16)}
.abtl__i--launch .abtl__dot::before{box-shadow:0 0 0 5px rgba(52,226,122,.28)}
.abtl__i--next .abtl__dot::before{background:transparent;border:2px dashed var(--muted-2);box-shadow:none;width:8px;height:8px;left:7px;top:5px}
.abtl__i--next .abtl__d{color:var(--accent);font-weight:700;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.abtl__h{font-family:var(--font);font-size:15.5px;font-weight:700;letter-spacing:-.01em;color:#fff}
.abtl__i--outage .abtl__h{color:#FFB4B4}
.abtl__i--next .abtl__h{color:#DCE4EE}
.abtl__p{margin-top:4px;font-size:14px;line-height:1.6;color:var(--muted)}
.abtl__foot{margin-top:22px;font-size:13px;color:var(--muted-2)}

@media (max-width:1100px){
  .abwhy__grid{grid-template-columns:minmax(0,1fr);gap:34px}
  .abflow__row{grid-template-columns:minmax(0,1fr);gap:0}
  .abnode{display:grid;grid-template-columns:34px minmax(0,1fr);gap:0 14px;padding:14px 0 14px;border-top:0;border-bottom:1px solid var(--line-l)}
  .abnode::before{display:none}
  .abnode__n{position:static;width:26px;height:26px;grid-row:1/3}
  .abnode__h{margin-top:1px}
  .abnode__p{grid-column:2}
  .abtl{grid-auto-flow:row;grid-template-rows:none!important;grid-auto-columns:auto}
  .abproof__in{grid-template-columns:minmax(0,1fr);gap:30px}
  .abrun__grid{grid-template-columns:minmax(0,1fr);gap:26px}
  .abrun__side{position:static}
}
@media (max-width:900px){
  .abvows{grid-template-columns:minmax(0,1fr);gap:0}
  .abvow__i:last-child{border-bottom:1px solid var(--line-l2)}
  .abnot{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:700px){
  .abproof{padding:44px 0}
  .abproof__nums{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px}
  .abproof__nums dd{font-size:26px}
  .abtrail__row{grid-template-columns:30px minmax(0,1fr) auto}
  .abtrail__yr{display:none}
  .abtl__i{grid-template-columns:26px minmax(0,1fr);grid-template-areas:"dot date" "dot body";gap:2px 12px}
  .abtl__d{grid-area:date;text-align:left;padding-top:4px}
  .abtl__dot{grid-area:dot}
  .abtl__b{grid-area:body}
  .abcheck{padding:20px}
  .abcheck__l a{height:34px;padding:0 12px;font-size:13px}
  .abfacts div{grid-template-columns:92px minmax(0,1fr)}
  .abpt{grid-template-columns:44px minmax(0,1fr)}
  .abvow__i{grid-template-columns:48px minmax(0,1fr)}
}
}

/* ── page affiliés (site public) ──────────────────────────────────────── */
.afnotes{display:grid;gap:12px;margin-top:22px}
.afrule{margin-top:20px;font-size:14.5px;line-height:1.65;color:var(--ink-muted);max-width:92ch}
/* ── page affiliés (panneau) ──────────────────────────────────────────── */
.afcode{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
  margin-top:14px;padding:14px 16px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.03)}
.afcode__l{display:block;font-size:11.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted-2)}
.afcode__c{display:block;margin-top:4px;font-size:20px;letter-spacing:.12em;color:#fff}
.afstats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px 20px;margin:4px 0 0}
.afstats dt{font-size:11.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted-2)}
.afstats dd{margin:5px 0 0;font-size:23px;font-weight:700;letter-spacing:-.02em;color:#fff;line-height:1}
.afstats__hi{color:var(--accent)!important}
.afcoins{display:flex;flex-wrap:wrap;gap:8px}
.afcoin{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 13px;border-radius:999px;
  border:1px solid var(--line-2);background:rgba(255,255,255,.03);font-size:13.5px;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s}
.afcoin__r:checked+.afcoin{border-color:var(--accent);background:rgba(52,226,122,.12);color:var(--accent)}
.afcoin__r:focus-visible+.afcoin{outline:2px solid var(--accent);outline-offset:2px}
.afpay{display:grid;gap:16px}
.afref td:first-child{color:var(--muted)}
@media (max-width:860px){
  .afstats{grid-template-columns:repeat(2,1fr)}
  .afcode__c{font-size:17px}
}

/* ── visuels des guides ───────────────────────────────────────────────── */
.gdimg{display:block;width:100%;height:auto}
/* image de tete d'un guide, dans le bandeau sombre */
.pghero--flush{padding-bottom:26px}
.pghero__grid--media{grid-template-columns:minmax(0,1fr) minmax(0,44%);gap:48px;align-items:center}
.pghero__media{margin:0;border-radius:18px;overflow:hidden;border:1px solid var(--line-2);
  background:var(--ink-2);box-shadow:0 26px 60px rgba(3,8,20,.55);line-height:0}
.pghero__media .gdimg{aspect-ratio:16/9;object-fit:cover}

/* ── guide mis en avant, sur le meme fond sombre que le bandeau ───────── */
.gfeat{padding:0 0 64px;background:var(--ink)}
.gfeat__card{display:grid;grid-template-columns:minmax(0,46%) minmax(0,1fr);align-items:stretch;
  border-radius:20px;overflow:hidden;border:1px solid var(--line);
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.012));
  transition:border-color .2s,transform .2s,box-shadow .2s}
.gfeat__card:hover{border-color:rgba(52,226,122,.42);transform:translateY(-2px);box-shadow:0 26px 60px rgba(3,8,20,.55)}
.gfeat__im{background:var(--ink-2);line-height:0;min-height:260px;position:relative}
.gfeat__im .gdimg{width:100%;height:100%;object-fit:cover}
.gfeat__im[redacted-ip]ter{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,rgba(10,14,20,.55))}
.gfeat__b{padding:36px 40px;display:flex;flex-direction:column;justify-content:center;gap:13px;min-width:0}
.gfeat__t{font-size:clamp(24px,2.7vw,34px);font-weight:800;letter-spacing:-.03em;line-height:1.14;text-wrap:balance}
.gfeat__p{font-size:16px;line-height:1.62;color:var(--muted);max-width:56ch}
.gfeat__meta{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:2px}
.gfeat__meta li{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:#9AA6B8}
.gfeat__meta .ic{color:var(--accent)}
.gfeat__go{align-self:flex-start;margin-top:9px;pointer-events:none}

/* ── barre + grille de fiches ─────────────────────────────────────────── */
.glist__bar{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;flex-wrap:wrap;margin-bottom:26px}
.glist__t{font-size:clamp(22px,2.3vw,29px);font-weight:800;letter-spacing:-.028em;color:var(--ink-text)}
.glist__s{margin-top:6px;font-size:15px;color:var(--ink-muted)}
.gfilter{display:flex;flex-wrap:wrap;gap:8px}
.gchip{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border-radius:999px;
  border:1px solid var(--line-l2);background:#fff;font-size:13.5px;font-weight:600;color:var(--ink-text);
  transition:border-color .15s,background .15s,color .15s}
.gchip .ic{color:var(--ink-muted);transition:color .15s}
.gchip b{font-size:11px;font-weight:700;color:var(--ink-muted);transition:color .15s}
.gchip:hover{border-color:#9AA6B8;background:var(--paper)}
.gchip.is-on{background:var(--ink-text);border-color:var(--ink-text);color:#fff}
.gchip.is-on .ic{color:var(--accent)}
.gchip.is-on b{color:rgba(255,255,255,.6)}

.gcards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.gcard{display:flex;min-width:0}
.gcard__a{display:flex;flex-direction:column;width:100%;border-radius:16px;overflow:hidden;
  border:1px solid var(--line-l);background:#fff;transition:border-color .18s,transform .18s,box-shadow .18s}
.gcard__a:hover{border-color:var(--accent-deep);transform:translateY(-3px);box-shadow:0 16px 38px rgba(11,18,32,.1)}
.gcard__im{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--ink);line-height:0}
.gcard__im .gdimg{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.gcard__a:hover .gcard__im .gdimg{transform:scale(1.04)}
.gcard__cat{position:absolute;left:10px;bottom:10px;display:inline-flex;align-items:center;gap:6px;
  height:25px;padding:0 10px;border-radius:999px;background:rgba(10,14,20,.74);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  font-size:11px;font-weight:650;color:#E9EEF5;line-height:1;white-space:nowrap}
.gcard__cat .ic{color:var(--accent);width:13px;height:13px}
.gcard__b{display:flex;flex-direction:column;gap:8px;flex:1;padding:16px 18px 14px}
.gcard__t{font-family:var(--font);font-size:15.5px;font-weight:700;line-height:1.32;letter-spacing:-.015em;color:var(--ink-text)}
.gcard__p{font-size:13.5px;line-height:1.55;color:var(--ink-muted);flex:1;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.gcard__f{display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding-top:11px;margin-top:2px;border-top:1px solid var(--line-l);font-size:12.5px;color:var(--ink-muted)}
.gcard__f>span{display:inline-flex;align-items:center;gap:6px}
.gcard__f .ic{width:14px;height:14px}
.gcard__go{font-weight:650;color:var(--accent-deep)}
.gcard__a:hover .gcard__go .ic{transform:translateX(3px)}
.gcard__go .ic{transition:transform .18s}

.glist__none{margin-top:26px;padding:26px;border-radius:15px;border:1px dashed var(--line-l2);
  background:#fff;text-align:center;font-size:15px;color:var(--ink-muted)}
.glink{border:0;background:none;padding:0;font:inherit;font-weight:650;color:var(--accent-deep);text-decoration:underline;text-underline-offset:2px}

.gdask{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;margin-top:34px;
  padding:28px 30px;border-radius:18px;border:1px dashed var(--line-l2);background:#fff}
.gdask__t{font-size:21px;font-weight:800;letter-spacing:-.025em;color:var(--ink-text)}
.gdask__p{margin-top:7px;font-size:14.5px;line-height:1.6;color:var(--ink-muted);max-width:70ch}

/* ── rail « a lire ensuite » avec vignettes ───────────────────────────── */
.gdnext{display:grid;gap:2px;margin-top:8px}
.gdnext__a{display:grid;grid-template-columns:92px minmax(0,1fr);gap:12px;align-items:center;
  padding:10px 0;border-bottom:1px solid var(--line-l)}
.gdnext__a:last-child{border-bottom:0}
.gdnext__im{border-radius:9px;overflow:hidden;aspect-ratio:16/9;background:var(--ink);line-height:0}
.gdnext__im .gdimg{width:100%;height:100%;object-fit:cover}
.gdnext__b{display:grid;gap:3px;min-width:0}
.gdnext__b b{font-size:13.5px;font-weight:650;line-height:1.35;color:var(--ink-text)}
.gdnext__b span{font-size:12px;color:var(--ink-muted)}
.gdnext__a:hover b{color:var(--accent-deep)}

/* ── corps d'un guide ─────────────────────────────────────────────────── */
.gdbody .pcode,.gdbody .pscroll,.gdbody .pnote{margin-top:22px}
.gdfaq{margin-top:20px}
.gdfoot{font-size:13.5px;line-height:1.6;color:var(--ink-muted)}
/* [!] .sec--paper .pcard (2 classes) ecraserait .pcard--ink (1 classe) : on remonte. */
.pcard--ink,.sec--paper .pcard--ink,.sec--white .pcard--ink,.doc--paper .pcard--ink{background:var(--ink);border-color:transparent}
.pghero__aside dd{overflow-wrap:anywhere}

@media (max-width:1120px){
  .gcards{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pghero__grid--media{grid-template-columns:minmax(0,1fr) minmax(0,46%);gap:32px}
}
@media (max-width:980px){
  .pghero__grid--media{grid-template-columns:minmax(0,1fr);gap:26px}
  .pghero__media{max-width:640px}
}
@media (max-width:900px){
  .gfeat{padding-bottom:44px}
  .gfeat__card{grid-template-columns:minmax(0,1fr)}
  .gfeat__im{min-height:0;aspect-ratio:16/9}
  .gfeat__im[redacted-ip]ter{background:linear-gradient(180deg,transparent 55%,rgba(10,14,20,.6))}
  .gfeat__b{padding:24px}
}
@media (max-width:820px){
  .gcards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .glist__bar{align-items:flex-start}
}
@media (max-width:540px){
  .gcards{grid-template-columns:minmax(0,1fr)}
  .gdask{padding:22px}
  .gdask .btn{width:100%}
}

/* ── contact : formulaire de ticket ───────────────────────────────────── */
.ct{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:48px;align-items:start}
.ct__side{position:sticky;top:calc(var(--hdr-h) + 22px)}
.ct__main{min-width:0;display:grid;gap:30px}
.ctform{display:grid;gap:22px;padding:28px 30px;border-radius:18px;border:1px solid var(--line-l);background:#fff}
.ctf{display:grid;gap:8px;border:0;padding:0;margin:0;min-width:0}
.ctf__l{font-size:13px;font-weight:700;letter-spacing:.01em;color:var(--ink-text);padding:0}
.ctf__opt{margin-left:6px;font-weight:600;font-size:11.5px;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.06em}
.ctf__hint{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;line-height:1.55;color:var(--ink-muted)}
.ctf__hint .ic{flex:none;margin-top:2px;color:var(--ink-muted)}
.ctrow{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.ctin{width:100%;height:46px;padding:0 14px;border:1px solid var(--line-l2);border-radius:11px;background:#fff;
  color:var(--ink-text);font-size:15px;transition:border-color .15s,box-shadow .15s}
.ctin::placeholder{color:#9AA6B8}
.ctin:focus{outline:0;border-color:var(--accent-deep);box-shadow:0 0 0 3px rgba(17,138,72,.14)}
.ctin--area{height:auto;padding:13px 14px;line-height:1.6;resize:vertical;min-height:140px;font-family:inherit}
.ctin--sm{height:40px;font-size:14px}
.ctopics{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:4px}
.ctopic{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;align-items:start;padding:14px 15px;
  border:1px solid var(--line-l2);border-radius:13px;background:#fff;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}
.ctopic:hover{border-color:#9AA6B8}
.ctopic__ic{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--paper);color:var(--ink-muted);transition:background .15s,color .15s}
.ctopic__b{display:grid;gap:3px;min-width:0}
.ctopic__t{font-size:14.5px;font-weight:650;letter-spacing:-.01em;color:var(--ink-text)}
.ctopic__p{font-size:12.5px;line-height:1.5;color:var(--ink-muted)}
.ctopic__eta{display:flex;align-items:center;gap:5px;margin-top:3px;font-size:11.5px;font-weight:600;color:var(--ink-muted)}
.ctopic__eta .ic{color:var(--ink-muted)}
.ctopic__r:checked+.ctopic{border-color:var(--accent-deep);background:rgba(17,138,72,.05);box-shadow:0 0 0 1px var(--accent-deep)}
.ctopic__r:checked+.ctopic .ctopic__ic{background:rgba(17,138,72,.14);color:var(--accent-deep)}
.ctopic__r:focus-visible+.ctopic{outline:2px solid var(--accent-deep);outline-offset:2px}
.ctsend{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding-top:4px;border-top:1px solid var(--line-l);padding-top:20px}
.ctsend__p{font-size:13px;line-height:1.55;color:var(--ink-muted);max-width:44ch}
.ctfind{display:flex;gap:8px;margin-top:10px}
.ctfind .ctin{min-width:0}
.ctfind .btn{flex:none}
.cttk{display:grid;gap:1px;min-width:0}
.cttk b{font-weight:600;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cttk__m{font-size:11.5px;color:var(--ink-muted)}
.ctfaq{padding-top:8px}
.ctfaq__h{font-size:clamp(21px,2.2vw,27px);font-weight:800;letter-spacing:-.025em;color:var(--ink-text)}
.ctfaq__s{margin:8px 0 20px;font-size:15px;color:var(--ink-muted)}

/* ── fil de support ───────────────────────────────────────────────────── */
.tkref{display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap;
  padding:20px 22px;border-radius:16px;border:1px solid var(--line-l);background:#fff}
.tkref--fresh{border-color:rgba(17,138,72,.3);background:rgba(17,138,72,.055)}
.tkref__k{font-size:11.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--accent-deep)}
.tkref__c{margin-top:5px;font-size:23px;font-weight:700;letter-spacing:.06em;color:var(--ink-text)}
.tkref__p{margin-top:7px;font-size:13.5px;line-height:1.6;color:var(--ink-muted);max-width:62ch}
.tkref__copy{flex:none}
.tkthread{display:grid;gap:12px}
.tkmsg{padding:18px 20px;border-radius:15px;border:1px solid var(--line-l);background:#fff}
.tkmsg--support{background:var(--ink);border-color:transparent;color:var(--text)}
.tkmsg__h{display:flex;align-items:baseline;justify-content:space-between;gap:14px;flex-wrap:wrap}
.tkmsg__who{font-size:13px;font-weight:700;letter-spacing:-.01em;color:var(--ink-text)}
.tkmsg--support .tkmsg__who{color:var(--accent)}
.tkmsg__t{font-size:12px;color:var(--ink-muted)}
.tkmsg--support .tkmsg__t{color:var(--muted-2)}
.tkmsg__b{margin-top:9px;font-size:15px;line-height:1.65;color:#27303E;overflow-wrap:anywhere}
.tkmsg--support .tkmsg__b{color:var(--muted)}
.tkreply{padding:24px 26px;border-radius:17px;border:1px solid var(--line-l);background:#fff;display:grid;gap:18px}

@media (max-width:1080px){
  .ct{grid-template-columns:minmax(0,1fr)}
  .ct__side{position:static}
  .ct .drail{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:760px){
  .ctopics,.ctrow{grid-template-columns:1fr}
  .ctform,.tkreply{padding:20px}
  .ct .drail{grid-template-columns:1fr}
  .ctsend .btn{width:100%}
  .tkref__copy{width:100%}
  .tkref__c{font-size:20px}
}

/* ── boutons fantômes sur fond clair ──────────────────────────────────── */
/* [!] .btn--ghost de base est prévu pour un fond sombre (texte blanc). La base
   ne le rattrape que dans .sec--paper / .sec--white : les pages documentaires
   utilisent .doc, d'où cette reprise. Sans elle : bouton blanc sur blanc. */
.doc .btn--ghost{background:#fff;border-color:var(--line-l2);color:var(--ink-text)}
.doc .btn--ghost:hover{background:var(--paper);border-color:#9AA6B8}
.doc--paper .btn--ghost{background:#fff}
.doc .drailc--ink .btn--ghost,.doc .pcard--ink .btn--ghost,.doc .tkmsg--support .btn--ghost{
  background:rgba(255,255,255,.05);border-color:var(--line-2);color:#fff}
.doc .drailc--ink .btn--ghost:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.3)}
.is-copied{color:var(--accent-deep)!important;border-color:var(--accent-deep)!important}

/* ── page « à propos » ────────────────────────────────────────────────── */
.abnums{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0}
.abnum{padding:22px 24px;border-radius:15px;border:1px solid var(--line-l);background:#fff}
.abnum dt{font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted)}
.abnum dd{margin:8px 0 0;font-size:31px;font-weight:700;letter-spacing:-.03em;color:var(--ink-text);line-height:1}
.abnum p{margin-top:9px;font-size:13.5px;line-height:1.55;color:var(--ink-muted)}
.abgrid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:52px;align-items:start}
.abside{display:grid;gap:14px;position:sticky;top:calc(var(--hdr-h) + 22px)}
.sec--white .abside .drailc{background:var(--paper)}
@media (max-width:1080px){
  .abnums{grid-template-columns:repeat(2,1fr)}
  .abgrid{grid-template-columns:minmax(0,1fr);gap:32px}
  .abside{position:static;grid-template-columns:repeat(2,1fr)}
}
@media (max-width:760px){
  .abnums,.abside{grid-template-columns:1fr}
  .abnum{padding:18px 20px}
  .abnum dd{font-size:27px}
}

/* ── page affiliés (site public) ──────────────────────────────────────── */
.afnotes{display:grid;gap:12px;margin-top:22px}
.afrule{margin-top:20px;font-size:14.5px;line-height:1.65;color:var(--ink-muted);max-width:92ch}
/* ── page affiliés (panneau) ──────────────────────────────────────────── */
.afcode{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
  margin-top:14px;padding:14px 16px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.03)}
.afcode__l{display:block;font-size:11.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted-2)}
.afcode__c{display:block;margin-top:4px;font-size:20px;letter-spacing:.12em;color:#fff}
.afstats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px 20px;margin:4px 0 0}
.afstats dt{font-size:11.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted-2)}
.afstats dd{margin:5px 0 0;font-size:23px;font-weight:700;letter-spacing:-.02em;color:#fff;line-height:1}
.afstats__hi{color:var(--accent)!important}
.afcoins{display:flex;flex-wrap:wrap;gap:8px}
.afcoin{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 13px;border-radius:999px;
  border:1px solid var(--line-2);background:rgba(255,255,255,.03);font-size:13.5px;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s}
.afcoin__r:checked+.afcoin{border-color:var(--accent);background:rgba(52,226,122,.12);color:var(--accent)}
.afcoin__r:focus-visible+.afcoin{outline:2px solid var(--accent);outline-offset:2px}
.afpay{display:grid;gap:16px}
.afref td:first-child{color:var(--muted)}
@media (max-width:860px){
  .afstats{grid-template-columns:repeat(2,1fr)}
  .afcode__c{font-size:17px}
}

/* ── visuels des guides ───────────────────────────────────────────────── */
.gdimg{display:block;width:100%;height:auto}
/* image de tete d'un guide, dans le bandeau sombre */
.pghero__grid--media{grid-template-columns:minmax(0,1fr) minmax(0,44%);gap:48px;align-items:center}
.pghero__media{margin:0;border-radius:18px;overflow:hidden;border:1px solid var(--line-2);
  background:var(--ink-2);box-shadow:0 26px 60px rgba(3,8,20,.55);line-height:0}
.pghero__media .gdimg{aspect-ratio:16/9;object-fit:cover}

/* ── hub des guides ───────────────────────────────────────────────────── */
/* guide pilier : image a gauche, texte a droite, pleine largeur */
.gdlead{display:grid;grid-template-columns:minmax(0,52%) minmax(0,1fr);border-radius:20px;overflow:hidden;
  border:1px solid var(--line-l);background:#fff;margin-bottom:40px;
  transition:border-color .18s,transform .18s,box-shadow .18s}
.gdlead:hover{border-color:var(--accent-deep);transform:translateY(-2px);box-shadow:0 20px 44px rgba(11,18,32,.1)}
.gdlead__im{background:var(--ink);line-height:0;min-height:250px}
.gdlead__im .gdimg{width:100%;height:100%;object-fit:cover;aspect-ratio:16/9}
.gdlead__b{padding:32px 34px;display:flex;flex-direction:column;justify-content:center;gap:12px;min-width:0}
.gdlead__t{font-size:clamp(22px,2.4vw,29px);font-weight:800;letter-spacing:-.028em;line-height:1.18;color:var(--ink-text);text-wrap:balance}
.gdlead__p{font-size:15.5px;line-height:1.62;color:var(--ink-muted)}
.gdlead__f{display:flex;align-items:center;flex-wrap:wrap;gap:8px 18px;margin-top:6px}
.gdmeta{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;color:var(--ink-muted)}
.gdmeta .ic{color:var(--ink-muted)}
.gdlead__go{display:inline-flex;align-items:center;gap:7px;margin-left:auto;font-size:14px;font-weight:700;color:var(--accent-deep)}
.gdlead:hover .gdlead__go .ic{transform:translateX(3px)}
.gdlead__go .ic{transition:transform .18s}

.gdnav{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:38px}
.gdchip{display:inline-flex;align-items:center;gap:9px;height:38px;padding:0 15px;border-radius:999px;
  border:1px solid var(--line-l2);background:#fff;font-size:14px;font-weight:600;color:var(--ink-text);transition:border-color .15s,background .15s}
.gdchip .ic{color:var(--accent-deep)}
.gdchip b{font-size:11.5px;font-weight:700;color:var(--ink-muted)}
.gdchip:hover{border-color:#9AA6B8;background:var(--paper)}
.gdsec{margin-bottom:46px;scroll-margin-top:calc(var(--hdr-h) + 20px)}
.gdsec__h{margin-bottom:18px}
.gdsec__t{font-size:clamp(20px,2.1vw,26px);font-weight:800;letter-spacing:-.025em;color:var(--ink-text)}
.gdsec__p{margin-top:5px;font-size:15px;color:var(--ink-muted)}
.gdcards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.gdcard{display:flex}
.gdcard__a{display:flex;flex-direction:column;width:100%;border-radius:16px;overflow:hidden;
  border:1px solid var(--line-l);background:#fff;transition:border-color .18s,transform .18s,box-shadow .18s}
.gdcard__a:hover{border-color:var(--accent-deep);transform:translateY(-2px);box-shadow:0 14px 34px rgba(11,18,32,.08)}
.gdcard__im{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--ink);line-height:0}
.gdcard__im .gdimg{width:100%;height:100%;object-fit:cover}
.gdcard__m{position:absolute;left:12px;bottom:12px;display:inline-flex;align-items:center;gap:6px;
  height:26px;padding:0 10px;border-radius:999px;background:rgba(10,14,20,.72);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  font-size:11.5px;font-weight:650;color:#E9EEF5;line-height:1}
.gdcard__m .ic{color:var(--accent)}
.gdcard__b{display:flex;flex-direction:column;gap:9px;flex:1;padding:18px 20px 20px}
.gdcard__t{font-family:var(--font);font-size:16.5px;font-weight:700;line-height:1.32;letter-spacing:-.015em;color:var(--ink-text)}
.gdcard__p{font-size:14px;line-height:1.6;color:var(--ink-muted);flex:1}
.gdcard__f{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;border-top:1px solid var(--line-l)}
.gdcard__d{font-size:12px;color:var(--ink-muted)}
.gdcard__go{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:650;color:var(--accent-deep)}
.gdcard__a:hover .gdcard__go .ic{transform:translateX(3px)}
.gdcard__go .ic{transition:transform .18s}
.gdask{display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;
  padding:28px 30px;border-radius:18px;border:1px dashed var(--line-l2);background:#fff}
.gdask__t{font-size:21px;font-weight:800;letter-spacing:-.025em;color:var(--ink-text)}
.gdask__p{margin-top:7px;font-size:14.5px;line-height:1.6;color:var(--ink-muted);max-width:70ch}

/* ── rail « à lire ensuite » avec vignettes ───────────────────────────── */
.gdnext{display:grid;gap:2px;margin-top:8px}
.gdnext__a{display:grid;grid-template-columns:92px minmax(0,1fr);gap:12px;align-items:center;
  padding:10px 0;border-bottom:1px solid var(--line-l)}
.gdnext__a:last-child{border-bottom:0}
.gdnext__im{border-radius:9px;overflow:hidden;aspect-ratio:16/9;background:var(--ink);line-height:0}
.gdnext__im .gdimg{width:100%;height:100%;object-fit:cover}
.gdnext__b{display:grid;gap:3px;min-width:0}
.gdnext__b b{font-size:13.5px;font-weight:650;line-height:1.35;color:var(--ink-text)}
.gdnext__b span{font-size:12px;color:var(--ink-muted)}
.gdnext__a:hover b{color:var(--accent-deep)}

/* ── corps d'un guide ─────────────────────────────────────────────────── */
.gdbody .pcode,.gdbody .pscroll,.gdbody .pnote{margin-top:22px}
.gdfaq{margin-top:20px}
.gdfoot{font-size:13.5px;line-height:1.6;color:var(--ink-muted)}
/* [!] .sec--paper .pcard (2 classes) écraserait .pcard--ink (1 classe) : on remonte. */
.pcard--ink,.sec--paper .pcard--ink,.sec--white .pcard--ink,.doc--paper .pcard--ink{background:var(--ink);border-color:transparent}
.pghero__aside dd{overflow-wrap:anywhere}

@media (max-width:1080px){
  .gdcards{grid-template-columns:repeat(2,1fr)}
  .pghero__grid--media{grid-template-columns:minmax(0,1fr) minmax(0,46%);gap:32px}
}
@media (max-width:980px){
  .pghero__grid--media{grid-template-columns:minmax(0,1fr);gap:26px}
  .pghero__media{max-width:640px}
}
@media (max-width:880px){
  .gdlead{grid-template-columns:minmax(0,1fr)}
  .gdlead__im{min-height:0}
  .gdlead__b{padding:24px}
  .gdlead__go{margin-left:0}
}
@media (max-width:700px){
  .gdcards{grid-template-columns:1fr}
  .gdask{padding:22px}
  .gdask .btn{width:100%}
}
}

/* ── section de guides à 1 ou 2 fiches : lignes larges plutôt qu'un trou ── */
.gdcards--row{grid-template-columns:minmax(0,1fr);gap:14px}
.gdcards--row .gdcard__a{flex-direction:row;align-items:stretch}
.gdcards--row .gdcard__im{flex:none;width:300px;aspect-ratio:auto;min-height:168px}
.gdcards--row .gdcard__b{padding:20px 24px}
.gdcards--row .gdcard__t{font-size:17.5px}
.gdcards--row .gdcard__p{max-width:76ch}
@media (max-width:700px){
  .gdcards--row .gdcard__a{flex-direction:column}
  .gdcards--row .gdcard__im{width:100%;aspect-ratio:16/9;min-height:0}
  .gdcards--row .gdcard__b{padding:18px 20px 20px}
}

/* ── /for/ : cartes « verification by app » (hub) + fiche latérale du héros ── */
.svcgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;list-style:none;margin:0;padding:0}
.svc__a{display:flex;flex-direction:column;gap:10px;width:100%;padding:18px 18px 16px;border-radius:16px;border:1px solid var(--line-l);background:#fff;color:inherit;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s}
.svc__a:hover{border-color:var(--accent-deep);transform:translateY(-3px);box-shadow:0 16px 38px rgba(11,18,32,.1)}
.svc__top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.svc__ic{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:rgba(17,138,72,.12);color:var(--accent-deep);flex:none}
.svc__kind{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-muted);text-align:right}
.svc__t{font-family:var(--font);font-size:17px;font-weight:800;letter-spacing:-.02em;line-height:1.25;color:var(--ink-text)}
.svc__p{font-size:13.5px;line-height:1.55;color:var(--ink-muted);flex:1}
.svc__dl{display:grid;gap:5px;margin:4px 0 0;padding:10px 0 0;border-top:1px solid var(--line-l);font-size:12.5px;line-height:1.4}
.svc__dl div{display:flex;justify-content:space-between;gap:10px;min-width:0}
.svc__dl dt{color:var(--ink-muted);flex:none}
.svc__dl dd{margin:0;text-align:right;color:var(--ink-text);font-weight:600;min-width:0}
.svc__go{display:inline-flex;align-items:center;gap:6px;margin-top:4px;font-size:13px;font-weight:650;color:var(--accent-deep)}
.svc__go .ic{transition:transform .18s;flex:none}
.svc__a:hover .svc__go .ic{transform:translateX(3px)}
.pghero__aside dd a{color:#fff;text-decoration:underline;text-underline-offset:2px;text-decoration-color:var(--line)}
.pghero__aside dd a:hover{color:var(--accent);text-decoration-color:var(--accent)}
@media (hover:none){.svc__a:hover{transform:none;box-shadow:none}}
@media (max-width:1120px){.svcgrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:820px){.svcgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
@media (max-width:540px){.svcgrid{grid-template-columns:minmax(0,1fr);gap:10px}.svc__a{padding:14px 14px 12px;gap:8px}.svc__t{font-size:16px}}

/* ── /sitemap/ : plan du site HTML ── */
.smap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 26px}
.smap__col{min-width:0}
.smap__wide{margin-top:38px;padding-top:30px;border-top:1px solid var(--line-l)}
.smap__h{font-size:19px;font-weight:800;letter-spacing:-.02em;color:var(--ink-text);display:flex;align-items:baseline;gap:8px}
.smap__h3{font-size:15px;font-weight:700;letter-spacing:-.01em;color:var(--ink-text);display:flex;align-items:baseline;gap:8px;margin-top:6px}
.smap__n{font-size:12px;font-weight:600;color:var(--ink-muted)}
.smap__s{margin:6px 0 12px;font-size:13.5px;line-height:1.5;color:var(--ink-muted)}
.smap__xml{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-deep);margin-left:4px}
.smap__l{display:grid;gap:2px;margin:0;padding:0;list-style:none}
.smap__l li{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid var(--line-l);font-size:14px;line-height:1.4;min-width:0}
.smap__l li:last-child{border-bottom:0}
.smap__l a{color:var(--ink-text);font-weight:550;min-width:0}
.smap__l a:hover{color:var(--accent-deep)}
.smap__d{flex:none;font-size:12px;color:var(--ink-muted);font-variant-numeric:tabular-nums}
.smap__l--flags a{display:inline-flex;align-items:center;gap:8px}
.smap__l--flags .flag{flex:none}
.smap__dial{font-size:12px;color:var(--ink-muted)}
.smap__foot{display:flex;gap:8px;align-items:flex-start;margin-top:30px;font-size:13.5px;line-height:1.6;color:var(--ink-muted)}
.smap__foot .ic{flex:none;margin-top:3px;color:var(--ink-muted)}
@media (max-width:1080px){.smap{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.smap{grid-template-columns:minmax(0,1fr);gap:24px}.smap__wide{margin-top:30px;padding-top:24px}}

/* ── liens dans les puces « codes arrive from » (accueil) et les lignes de faits (pays) ── */
.works__list a{color:inherit;text-decoration:none}
.works__list a:hover{color:var(--accent-deep)}
.works__list .works__more a{color:inherit;text-decoration:underline;text-underline-offset:2px;text-decoration-color:var(--line-l2)}
.sfacts__v a,.spec__fine a{color:var(--accent-deep);font-weight:600;text-decoration:underline;text-underline-offset:2px;text-decoration-color:rgba(17,138,72,.35)}
.sfacts__v a:hover,.spec__fine a:hover{text-decoration-color:var(--accent-deep)}

/* ── plancher 12 px et cibles tactiles des nouvelles pages ── */
.svc__kind{font-size:12px}
.smap__xml{display:inline-block;padding:3px 7px;margin-left:4px;border:1px solid var(--line-l2);border-radius:6px;font-size:12px;line-height:1.3;vertical-align:middle}
@media (max-width:640px){
  .smap__l li{padding:9px 0}
  .smap__l a{display:block;flex:1;min-height:26px}
  .smap__l--flags a{display:inline-flex}
}

/* ── encadrés pnote : seul le TITRE (premier <b>) est un bloc ; un <b> dans le corps reste en ligne ── */
.pnote p b{display:inline;margin:0}
.pnote p>b:first-child{display:block;margin-bottom:2px}
/* ── /pricing/ : la grille des 47 pays ── */
.pgrid .ptable td a{display:inline-flex;align-items:center;gap:8px;color:var(--ink-text);font-weight:600}
.pgrid .ptable td a:hover{color:var(--accent-deep)}
.pgrid .ptable td .muted{color:var(--ink-muted)}

/* ── /glossary/ ── */
.gloss{display:grid;gap:0;margin:0}
.gloss__i{padding:22px 0;border-bottom:1px solid var(--line-l);scroll-margin-top:90px}
.gloss__i:first-child{padding-top:0}
.gloss__t{position:relative;font-family:var(--font);font-size:19px;font-weight:800;letter-spacing:-.02em;color:var(--ink-text)}
.gloss__anchor{position:absolute;left:-22px;top:2px;font-size:15px;font-weight:600;color:var(--line-l2);text-decoration:none}
.gloss__i:hover .gloss__anchor,.gloss__anchor:focus{color:var(--accent-deep)}
.gloss__d{margin:8px 0 0}
.gloss__d p{font-size:15.5px;line-height:1.65;color:var(--ink-text)}
.gloss__more{display:inline-flex;align-items:center;gap:6px;margin-top:8px;font-size:13.5px;font-weight:650;color:var(--accent-deep)}
.gloss__more:hover .ic{transform:translateX(3px)}
.gloss__more .ic{transition:transform .18s}
.hero__lead a{color:#fff;text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line)}
.hero__lead a:hover{color:var(--accent);text-decoration-color:var(--accent)}
@media (max-width:860px){.gloss__anchor{position:static;margin-right:8px}}

/* ── /compare/<site>/ : grille côte à côte (.vs) et deux colonnes (.vs2) ── */
.vs{border:1px solid var(--line-l);border-radius:16px;background:#fff;overflow:hidden}
.vs__head,.vs__row{display:grid;grid-template-columns:minmax(150px,.72fr) minmax(0,1fr) minmax(0,1fr)}
.vs__head{background:var(--paper);border-bottom:1px solid var(--line-l);font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted)}
.vs__head>*{padding:14px 18px}
.vs__head .vs__us{display:inline-flex;align-items:center;font-family:var(--display);font-size:16px;font-weight:800;letter-spacing:-.02em;text-transform:none;color:var(--ink-text)}
.vs__row{border-bottom:1px solid var(--line-l)}
.vs__row:last-child{border-bottom:0}
.vs__row>*{padding:14px 18px;font-size:14.5px;line-height:1.55;min-width:0}
.vs__k{font-weight:700;color:var(--ink-text)}
.vs__them{color:var(--ink-muted)}
.vs__us{color:var(--ink-text);background:rgba(52,226,122,.07)}
.vs__picks{margin-top:22px}
.vs2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.vs2__col{padding:24px;border:1px solid var(--line-l);border-radius:16px;background:#fff}
.vs2__h{display:flex;align-items:center;gap:10px;font-family:var(--font);font-size:17px;font-weight:800;letter-spacing:-.02em;color:var(--ink-text)}
.vs2__h .ic{color:var(--accent-deep);flex:none}
.vs2__col ul{margin:14px 0 0;padding-left:20px;display:grid;gap:9px;font-size:14.5px;line-height:1.6;color:var(--ink-muted)}
.vs2__col b{color:var(--ink-text)}
.vs2__col--ink{background:var(--ink);border-color:transparent}
.vs2__col--ink .vs2__h{color:#fff}
.vs2__col--ink ul{color:var(--muted)}
.vs2__col--ink b{color:#fff}
@media (max-width:860px){.vs2{grid-template-columns:minmax(0,1fr)}}
@media (max-width:760px){
  .vs__head{display:none}
  .vs__row{grid-template-columns:minmax(0,1fr);padding:14px 14px 12px;gap:4px}
  .vs__row>*{padding:0}
  .vs__k{font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:4px}
  .vs__them::before,.vs__us::before{content:attr(data-l) ": ";font-weight:700;color:var(--ink-text)}
  .vs__us{background:none;border-left:3px solid var(--accent);padding-left:10px;margin-top:4px}
}

/* ── hubs /for/ et /pay-with/ : tuiles de décision, rails par famille, puces des cartes ── */
.hubtiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.hubtile{padding:22px 22px 20px;border:1px solid var(--line-l);border-radius:16px;background:#fff;display:flex;flex-direction:column;gap:8px}
.hubtile__k{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted)}
.hubtile__k .ic{color:var(--accent-deep);flex:none}
.hubtile__v{font-family:var(--display);font-size:22px;font-weight:800;letter-spacing:-.025em;line-height:1.2;color:var(--ink-text)}
.hubtile__v a{color:inherit;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(17,138,72,.35)}
.hubtile__v a:hover{color:var(--accent-deep)}
.hubtile__p{font-size:14px;line-height:1.58;color:var(--ink-muted)}
.hubtile__p a{color:var(--accent-deep);font-weight:600;text-decoration:underline;text-underline-offset:2px;text-decoration-color:rgba(17,138,72,.35)}
.hubrails{display:grid;gap:0}
.hubrail{display:grid;grid-template-columns:minmax(200px,.3fr) minmax(0,1fr);gap:16px 36px;align-items:start;padding:28px 0;border-top:1px solid var(--line-l2)}
.hubrail:last-child{padding-bottom:6px}
.hubrail__h{display:flex;align-items:center;gap:10px;font-family:var(--font);font-size:19px;font-weight:800;letter-spacing:-.02em;color:var(--ink-text)}
.hubrail__h .ic{color:var(--accent-deep);flex:none}
.hubrail__n{font-size:12px;font-weight:600;color:var(--ink-muted)}
.hubrail__p{margin-top:8px;font-size:14px;line-height:1.58;color:var(--ink-muted)}
.hubrail__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(212px,1fr));gap:14px;list-style:none;margin:0;padding:0}
.hubrail__grid .svc{display:flex;min-width:0}
.svc__a--tight{padding:16px 16px 14px;gap:8px}
.svc__a--tight .svc__t{font-size:16px}
.svc__chips{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:2px 0 0;padding:0}
.svc__chip{font-size:12px;font-weight:600;line-height:1.3;padding:4px 9px;border-radius:999px;border:1px solid var(--line-l);background:var(--paper);color:var(--ink-muted)}
.svc__chip--ok{color:var(--accent-deep);border-color:rgba(17,138,72,.3);background:rgba(17,138,72,.08)}
.svc__chip--mid{color:#6B4A05;border-color:rgba(200,140,10,.3);background:rgba(200,140,10,.08)}
.svc__chip--no{color:#8A2A2A;border-color:rgba(200,60,60,.25);background:rgba(200,60,60,.07)}
.hubok,.hubmid,.hubno{display:inline-block;font-weight:600;padding:2px 8px;border-radius:999px;font-size:13px}
.hubok{color:var(--accent-deep);background:rgba(17,138,72,.1)}
.hubmid{color:#6B4A05;background:rgba(200,140,10,.1)}
.hubno{color:#8A2A2A;background:rgba(200,60,60,.08)}
.pgrid .ptable td a .coin{width:18px;height:18px;vertical-align:-4px;margin-right:2px}
.steps--4{grid-template-columns:repeat(4,1fr)}
.vs__k{font-size:14.5px}
@media (max-width:1080px){.steps--4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:900px){.hubtiles{grid-template-columns:minmax(0,1fr)}}
@media (max-width:860px){.hubrail{grid-template-columns:minmax(0,1fr);gap:12px;padding:22px 0}}
@media (max-width:760px){.vs__k{font-size:12px}}
@media (max-width:640px){.steps--4{grid-template-columns:minmax(0,1fr)}.hubrail__grid{grid-template-columns:minmax(0,1fr);gap:10px}}

/* ── mobile : listes compactes des matrices (.mxl), familles en pastilles, tableau comparatif en cartes ── */
.mxl{display:none;list-style:none;margin:0;padding:0}
.hubrail__chips{display:none;list-style:none;margin:0;padding:0}
.cmp__v{vertical-align:middle}
@media (max-width:760px){
  .mx__desk,.svcgrid--desk{display:none}
  .mxl{display:grid;gap:8px}
  .mxl__a{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 10px;padding:12px 14px;border:1px solid var(--line-l);border-radius:14px;background:#fff;color:inherit;text-decoration:none;min-height:60px}
  .mxl__t{display:flex;align-items:center;gap:8px;font-family:var(--font);font-size:15.5px;font-weight:700;letter-spacing:-.01em;color:var(--ink-text);min-width:0}
  .mxl__t .coin{flex:none;width:18px;height:18px}
  .mxl__sym{font-size:12px;font-weight:600;color:var(--ink-muted)}
  .mxl__a>.ic{color:var(--accent-deep);flex:none}
  .mxl__chips{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px}
  .mxl__sub{grid-column:1/-1;font-size:12.5px;line-height:1.45;color:var(--ink-muted)}
  .hubrail__grid{display:none}
  .hubrail__chips{display:flex;flex-wrap:wrap;gap:8px}
  .hubrail__chips a{display:inline-flex;align-items:center;gap:6px;min-height:42px;padding:0 14px;border-radius:999px;border:1px solid var(--line-l2);background:#fff;font-size:14px;font-weight:600;color:var(--ink-text);text-decoration:none}
  .hubrail__chips a .ic{width:14px;height:14px;color:var(--accent-deep)}
  .hubrail__chips a .coin{width:16px;height:16px}
  .hubrail{padding:18px 0}
  .hubrail__p{margin-top:4px}
  .hubtile{padding:16px 16px 14px}
  .hubtile__v{font-size:19px}
  .hubtile__p{font-size:13.5px}
  /* tableau comparatif (accueil, hub comparatif) : une carte par critère, plus de défilement horizontal */
  .cmp--stack{overflow:visible;border:0;background:none;border-radius:0}
  .cmp--stack .cmp__table{display:block;width:100%;min-width:0}
  .cmp--stack thead{display:none}
  .cmp--stack tbody,.cmp--stack tr{display:block;width:100%}
  .cmp--stack tr{margin-bottom:10px;border:1px solid var(--line-l);border-radius:14px;background:#fff;overflow:hidden}
  .cmp--stack tbody tr+tr{border-top:1px solid var(--line-l)}
  .cmp--stack th[scope="row"]{display:block;width:auto;position:static;box-shadow:none;padding:10px 14px 8px;font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);background:var(--paper);border-bottom:1px solid var(--line-l)}
  .cmp--stack td{display:grid;grid-template-columns:minmax(96px,.36fr) 16px minmax(0,1fr);align-items:start;gap:0 8px;padding:9px 14px;border-top:1px solid var(--line-l);font-size:13.5px;line-height:1.45}
  .cmp--stack td:first-of-type{border-top:0}
  .cmp--stack td::before{content:attr(data-l);font-weight:700;color:var(--ink-text);font-size:12.5px;padding-top:1px}
  .cmp--stack td .ic{display:block;margin:2px 0 0;width:16px;height:16px}
  .cmp--stack td.cmp__us{background:rgba(52,226,122,.07)}
  .cmp--stack .cmp__v{min-width:0}
}

/* ── repli mobile (<details class="fold" data-fold>) : résumé masqué sur PC, bouton sur téléphone ── */
.fold>summary{list-style:none}
.fold>summary::-webkit-details-marker{display:none}
.fold__s{display:none}
.cmp--stack th[scope="row"]{font-size:12px}
@media (max-width:760px){
  .fold__s{display:flex;align-items:center;gap:10px;min-height:52px;padding:0 16px;border:1px solid var(--line-l2);border-radius:14px;background:#fff;font-size:15px;font-weight:700;color:var(--ink-text);cursor:pointer}
  .fold__s>span:first-child{flex:1;min-width:0}
  .fold__n{font-size:12px;font-weight:600;color:var(--ink-muted)}
  .fold__s .ic{flex:none;color:var(--ink-muted);transition:transform .2s}
  .fold[open]>.fold__s{margin-bottom:12px}
  .fold[open]>.fold__s .ic{transform:rotate(180deg)}
  .cmp--stack th[scope="row"]{font-size:12px}
}

/* ══════════════════════════════════════════════════════════════════════
   MOBILE (bloc ajouté en fin de site.css ; le rendu PC ne change pas)
   Cibles tactiles ≥ 44 px, champs ≥ 16 px (pas de zoom iOS), plancher de
   police 12 px, feuille coulissante « Get a number », pied de page en
   accordéons, tiroir enrichi, barres fixes avec zones sûres, retours au tap.
   ══════════════════════════════════════════════════════════════════════ */

/* ── écrans tactiles : pas de halo, pas de survol collant, retour au tap ── */
@media (hover:none) and (pointer:coarse){
  /* iPhone en paysage (844 px) reçoit la mise en page tablette : les champs doivent quand même faire 16 px, sinon zoom au focus */
  input[type=text],input[type=search],input[type=url],input[type=email],input[type=tel],input[type=number],input[type=password],input:not([type]),select,textarea,
  .field__in,.ctin,.mail__search input,.cov__search input,.cpick__search input,.composer textarea,.composer input{font-size:16px}
}
@media (hover:none){
  a,button,label,summary,[role=button]{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
  .btn:active,.tab:active,.gchip:active,.stchip:active,.quick__chip:active,.drawer__link:active,.drawer__mlink:active,.app__tab:active,.app__link:active,.ftr__tog:active{transform:scale(.97)}
  .feat:hover,.gcard:hover,.pcard:hover,.numcard:hover,.lcard:hover,.card:hover,.gdcard:hover,.stcard:hover{transform:none}
}

/* ── pied de page : le bouton de repli n'existe que sur téléphone (PC et tablette : titres ordinaires) ── */
.ftr__tog{display:none}

/* ── tiroir : liens secondaires (About, Status, Contact…) ── */
.drawer__more{display:grid;grid-template-columns:1fr 1fr;gap:2px 16px}
.drawer__mlink{display:flex;align-items:center;gap:10px;min-height:44px;font-size:15px;font-weight:500;color:var(--muted)}
.drawer__mlink .ic{width:17px;height:17px;flex:none;color:var(--muted-2)}
.drawer__mlink .live-dot{flex:none;margin:0 3px 0 1px}
.drawer__mlink--warn{color:#FFCD78}
.drawer__mlink--warn .live-dot{background:#FFCD78;box-shadow:0 0 0 4px rgba(255,205,120,.2);animation:none}
.drawer__mlink--err{color:#FF8080}
.drawer__mlink--err .live-dot{background:#FF8080;box-shadow:0 0 0 4px rgba(255,128,128,.2);animation:none}
.drawer__mlink--info .live-dot{background:#8BB8FF;box-shadow:0 0 0 4px rgba(139,184,255,.2);animation:none}

/* ── panneau : valeurs du programme d'apport lisibles sur fond clair (elles héritaient du blanc de la page publique) ── */
.app__content .afcode__c,.app__content .afstats dd{color:var(--ink-text)}
/* ── panneau : conseils en liste — l'icône en absolu, sinon le texte autour d'un <span> se casse en colonnes ── */
.tips li{display:block;position:relative;padding-left:24px}
.tips li>.ic{position:absolute;left:0;top:3px}

/* ── recharge : choix de la monnaie en menu déroulant sur téléphone (grille inchangée sur PC) ── */
.coinsel__btn,.coinopt__chk{display:none}
@media (max-width:760px){
  .coinsel{position:relative}
  .coinsel__btn{position:relative;display:flex;align-items:center;gap:10px;width:100%;min-height:56px;padding:8px 44px 8px 12px;border:1px solid var(--line-l2);border-radius:12px;background:#fff;font:inherit;text-align:left;color:var(--ink-text);cursor:pointer}
  .coinsel__btn[aria-expanded="true"]{border-color:var(--ink-text);box-shadow:0 0 0 2px var(--ink-text)}
  .coinsel__cur{display:flex;align-items:center;gap:10px;min-width:0}
  .coinsel__cur .coinopt__t b{font-size:15px}
  .coinsel__chev{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--ink-muted);transition:transform .15s}
  .coinsel__btn[aria-expanded="true"] .coinsel__chev{transform:translateY(-50%) rotate(180deg)}
  .coinsel .coinpick{display:none;position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:30;grid-template-columns:1fr;gap:2px;padding:6px;background:#fff;border:1px solid var(--line-l2);border-radius:14px;box-shadow:0 24px 60px rgba(11,18,32,.18)}
  .coinsel.is-open .coinpick{display:grid}
  .coinsel .coinopt__ui{border:0;border-radius:10px;padding:8px 10px;min-height:50px}
  .coinsel .coinopt input:checked+.coinopt__ui{box-shadow:none;background:rgba(52,226,122,.12)}
  .coinsel .coinopt__chk{display:inline-flex;margin-left:auto;color:var(--accent-deep);opacity:0;flex:none}
  .coinsel .coinopt input:checked+.coinopt__ui .coinopt__chk{opacity:1}
  .coinsel .coinopt__t b,.coinsel .coinopt__t small{white-space:normal}
}

/* ── page de paiement : PC = QR à gauche, champs avec « Copy » en ligne, un seul bouton « Open in my wallet app » ;
   téléphone = montant, adresse, trois grands boutons, QR replié (on ne scanne pas son propre écran) ── */
.pay__acts{display:flex;flex-wrap:wrap;gap:10px;margin-top:2px}
.pay__act--m{display:none}
.pay__qr-hint{margin:8px 0 0;font-size:12px;line-height:1.4;color:var(--ink-muted);text-align:center}
.pay__warn{display:flex;align-items:flex-start;gap:9px;margin:0;padding:11px 13px;border-radius:11px;background:rgba(224,163,58,.12);border:1px solid rgba(224,163,58,.4);font-size:13.5px;line-height:1.5;color:var(--ink-text)}
.pay__warn .ic{flex:none;margin-top:2px;color:#9A6700}
.pay__qrbtn[aria-expanded="true"] .ic{transform:rotate(180deg)}
/* bande de statut sous l'en-tête : compte à rebours du taux, barre de temps restant, indicateur live */
.pay__strip{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 14px;margin:-6px 0 18px;padding:10px 14px 12px;border:1px solid var(--line-l);border-radius:12px;background:var(--paper)}
.pay__strip-l{display:flex;align-items:center;gap:8px;min-width:0;font-size:13.5px;color:var(--ink-muted)}
.pay__strip-l .ic{color:var(--accent-deep);flex:none}
.pay__strip-t{min-width:0}
.pay__strip-v{flex:none}
.pay__strip-v{font-size:18px;font-weight:600;letter-spacing:.02em;color:var(--ink-text)}
.pay__strip .pay__live{margin-left:0;font-size:12.5px;white-space:nowrap}
.pay__bar{grid-column:1/-1;appearance:none;-webkit-appearance:none;display:block;width:100%;height:4px;margin:0;border:0;border-radius:999px;background:var(--line-l);color:var(--accent-2);overflow:hidden}
.pay__bar::-webkit-progress-bar{background:var(--line-l);border-radius:999px}
.pay__bar::-webkit-progress-value{background:var(--accent-2);border-radius:999px;transition:width 1s linear}
.pay__bar::-moz-progress-bar{background:var(--accent-2);border-radius:999px}
.pay__strip--over{background:rgba(224,163,58,.12);border-color:rgba(224,163,58,.4)}
.pay__strip--over .pay__strip-l{color:var(--ink-text)}
.pay__strip--over .pay__strip-l .ic{color:#9A6700}
@media (max-width:760px){
  .pay{gap:12px}
  .pay__head{margin-bottom:14px}
  .pay__coin b{font-size:16px}
  .pay__grid{grid-template-columns:1fr;gap:14px}
  .pay__qr{display:none;order:2;max-width:none;width:100%;padding:14px;text-align:center}
  .pay__qr.is-shown{display:block}
  .pay__qr svg{width:100%;max-width:240px;margin:0 auto}
  .pay__inl{display:none}
  .pay__val b{font-size:30px}
  .pay__unit{font-size:16px}
  .pay__val--addr code{width:100%;font-size:15px;padding:12px 14px;line-height:1.5;overflow-wrap:anywhere}
  .pay__acts{display:grid;grid-template-columns:1fr;gap:8px;margin-top:2px}
  .pay__act--m{display:inline-flex}
  .pay__acts .btn{width:100%;height:48px;font-size:15px}
  .pay__qrbtn{height:44px}
  .pay__strip{grid-template-columns:1fr;gap:6px;margin:0 0 14px;padding:10px 12px 12px}
  .pay__strip-v{font-size:22px}
  .pay__strip .pay__live{white-space:normal;align-items:flex-start}
  .pay__strip .pay__live .live-dot{margin-top:5px}
  .pay__strip--over .pay__strip-l{align-items:flex-start}
  .pay__strip--over .pay__strip-l .ic{margin-top:3px}
}
/* grands téléphones et petites tablettes : les deux « Copy » côte à côte */
@media (min-width:480px) and (max-width:760px){
  .pay__acts{grid-template-columns:1fr 1fr}
  .pay__open,.pay__qrbtn{grid-column:1/-1}
  .pay__cancel{margin-top:14px}
  .pay__cancel .link{min-height:44px;margin:0}
  .pay__done-cta .btn,.pay__blocked .btn{width:100%}
}

/* ── accueil : bouton de l'explorateur d'API (téléphone seulement) ── */
.apix__toggle{display:none}
.apix__toggle[aria-expanded="true"] .ic{transform:rotate(180deg)}

/* ── accueil : indication de balayage du comparatif (téléphone seulement) ── */
.cmp__hint{display:none;align-items:center;gap:8px;margin:0 0 10px;font-size:13px;color:var(--ink-muted)}
.cmp__hint .ic{width:16px;height:16px;flex:none}

/* ── défileurs horizontaux : fondu tant que la fin n'est pas atteinte (classe posée par app.js) ── */
.has-x{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 48px),rgba(0,0,0,.18));mask-image:linear-gradient(90deg,#000 calc(100% - 48px),rgba(0,0,0,.18))}
.has-x.at-end{-webkit-mask-image:none;mask-image:none}

/* ── feuille coulissante « Get a number » (visiteurs, téléphone) ── */
.sheet{position:fixed;inset:0;z-index:75;display:none}
.sheet.is-open{display:block}
.sheet__veil{position:absolute;inset:0;background:rgba(6,9,14,.66);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;transition:opacity .25s}
.sheet.is-in .sheet__veil{opacity:1}
.sheet__panel{position:absolute;left:0;right:0;bottom:0;max-height:calc(100vh - 28px);max-height:calc(100dvh - 28px);display:flex;flex-direction:column;background:#0E131C;color:var(--text);border:1px solid var(--line-2);border-bottom:0;border-radius:22px 22px 0 0;box-shadow:0 -30px 80px rgba(0,0,0,.55);padding-bottom:env(safe-area-inset-bottom);transform:translateY(102%);transition:transform .32s cubic-bezier(.2,.8,.2,1);will-change:transform}
.sheet.is-in .sheet__panel{transform:none}
.sheet.is-drag .sheet__panel{transition:none}
.sheet__grip{display:block;width:44px;height:5px;margin:10px auto 0;border-radius:3px;background:rgba(255,255,255,.22);flex:none}
.sheet__head{display:flex;align-items:center;gap:12px;padding:8px 14px 10px 18px;flex:none;touch-action:none}
.sheet__title{margin:0;flex:1;min-width:0;font-family:var(--display);font-size:20px;font-weight:800;letter-spacing:-.02em;color:#fff}
.sheet__head .cfg__live{flex:none}
.sheet__x{width:42px;height:42px;border-radius:50%;border:1px solid var(--line-2);background:transparent;color:var(--muted);display:inline-flex;align-items:center;justify-content:center;flex:none}
.sheet__panel:focus{outline:none}
.sheet__body{overflow:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:0 12px 14px;min-height:0}
.sheet__body .cfg{max-width:none;padding:16px 14px 14px;background:rgba(255,255,255,.03);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}
.sheet__body .cfg__head{display:none}
.sheet__body .cpick__pop{position:static;margin-top:8px;box-shadow:none}
.sheet__body .cpick__list{max-height:44vh}
.sheet__body .cfg__submit{position:sticky;bottom:0;box-shadow:0 -14px 22px rgba(14,19,28,.85)}
.cfg-anchor{display:none}
body.sheet-open{overflow:hidden}
@media (min-width:761px){.sheet{display:none!important}}

/* ── tablettes et téléphones : coquilles vitrine et panneau ── */
@media (max-width:1023px){
  .hdr__burger{width:44px;height:44px;border-radius:12px}
  .btn--sm{height:40px;padding:0 16px}
  /* mode application (viewport-fit=cover) : la barre d'état recouvre le haut, on décale */
  .hdr{height:calc(var(--hdr-h) + env(safe-area-inset-top));padding-top:env(safe-area-inset-top)}
  .drawer{inset:calc(var(--hdr-h) + env(safe-area-inset-top)) 0 0 0;overscroll-behavior:contain}
  .drawer__inner{padding-bottom:calc(32px + env(safe-area-inset-bottom))}
  .app__top{height:calc(64px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top)}
  .app__side{padding-top:calc(env(safe-area-inset-top))}
  .app__burger{width:44px;height:44px}
  .app__side-close{width:44px;height:44px;border-radius:12px}
  .app__balpill{height:40px}
  .app__link{min-height:48px;padding:12px;font-size:15.5px}
  .app__logout,.app__site{min-height:44px;display:flex;align-items:center}
  .app__site{font-size:14px}
  .app__bal-l{font-size:12px}
  .app__tabs{padding:4px 0 calc(6px + env(safe-area-inset-bottom))}
  .app__tab{padding:8px 0 4px;color:var(--ink-muted)}
  .app__tab[aria-current]{color:var(--accent-deep)}
  .app__tab[aria-current] .ic{color:var(--accent-deep)}
  .app__content{padding:16px 16px calc(88px + env(safe-area-inset-bottom))}
  .wizbar{padding:8px 16px calc(8px + env(safe-area-inset-bottom))}
  .wizbar .btn{height:44px}
}
@supports (height:100dvh){
  @media (max-width:1023px){
    body:has(.mail) .app__main{height:calc(100dvh - 62px - env(safe-area-inset-bottom))}
  }
}

/* ── téléphones ET tablettes : planchers tactiles (champs 16 px, cibles 44 px, polices 12 px) ── */
@media (max-width:1023px){
  /* 1. champs : 16 px minimum, sinon iOS zoome au focus */
  input[type=text],input[type=search],input[type=url],input[type=email],input[type=tel],input[type=number],input[type=password],input:not([type]),select,textarea,
  .field__in,.ctin,textarea.ctin.ctin--area,textarea.field__in,.mail__search input,.cov__search input,.cpick__search input,.composer textarea,.composer input{font-size:16px}
  /* 2. cibles tactiles : 44 px ou presque partout */
  .crumbs a{display:inline-flex;align-items:center;min-height:36px;padding:0 6px}
  .toc__a{display:flex;align-items:center;min-height:44px;padding-top:6px;padding-bottom:6px}
  .tab{height:40px;padding:0 15px}
  .gchip{height:42px;padding:0 14px}
  .stchip{height:38px;padding:0 12px;font-size:13px}
  .hero__pause{width:44px;height:44px}
  .modal__x{width:42px;height:42px;top:12px;right:12px}
  .authtab{height:40px}
  .quick__chip{height:38px;padding:0 13px 0 9px}
  .link{padding:8px 0;margin:-8px 0}
  .ftr__status{min-height:44px;margin-top:10px}
  .ftr__col li{margin:0}
  .ftr__col a{display:flex;align-items:center;min-height:42px;font-size:15px}
  .ftr__flags a{gap:10px}
  .ticker__item{padding:12px 0}
  .drailc__l a,.drail__l a{min-height:44px}
  .cta__inner .btn,.pcta__b .btn,.gdask .btn,.stcta__btns .btn{min-height:48px}
  /* 3. plancher de police 12 px */
  .seg__save,.tag,.stpill,.gcard__cat,.gchip b,.ctopic__eta,.lgsum__h,.ovm__l,.lcard__u,.trow__when,.lrow__u,.trow__u,.trow__code,.cfgrow__l,.cand__ok,.afcode__l,.tkref__k,.ctf__opt,.sfacts__l,.stev__sev,.afstats dt,.stban__nums dt,.pghero__aside dt,.abproof__nums dt,.abfacts dt,.abnum dt,.lggloss b,.coins__net,.mbar__sub,.cmp__table thead th,.ptable th,.field small,.form small,.coinopt__t small,.topup__sum small,.stype__head small,.keyrow small,.numhead small,.pill{font-size:12px}
  small{font-size:12.5px}
  .cov__tools .seg__save,.coins__txt span,.stype__dl dt,.trow__line,.table td small,.ovledger__l small,.wizbar__sum small,.mail__day,.mail__sep,.composer__meta,.composer__count,.composer__to-l,.lrow__m,.lrow__st .pill,.cpick__group,.toc__h,.apix__label,.apix__m,.crow__tag,.choice__tag,.choice__badge,.review__k,.review__tag,.gdchip b,.stchip b,.abtag,.cttk__m,.dossier__table thead th,.pp__w i,.mail__n,.abtl__i--next .abtl__d{font-size:12px}
  .pcode__pre,.pcode__pre code,.code__pre,.code__pre code,.apix__pre,.apix__pre code{font-size:12.5px}
  .apix__copy{height:40px;padding:0 14px}
  /* un jeton de code long (Idempotency-Key, nkp_live_...) doit pouvoir se couper sous 390 px */
  .prose code,.prose li code,.lgbody code{white-space:normal;overflow-wrap:anywhere}
  .mail__sub{white-space:normal}
  .mail__back{width:44px;height:44px}
  .mail__search{height:42px}
  .composer input,.composer .field__in{min-height:44px}
  .mail__conv-a .btn{min-width:44px}
  .stev__comps li{font-size:12px}
  .stev__when{flex-wrap:wrap;gap:4px 10px}
  .stev__when>span{white-space:nowrap}
  .stev__dot{display:none}
  .abcheck__l a{height:40px}
  /* assistant de commande : barre du bas sur une ligne, total jamais rogné ; « Edit » du récapitulatif avec une vraie zone de tap */
  .wizbar{gap:8px}
  .wizbar .btn{flex:none}
  .wizbar__sum{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .wizbar__sum small{font-size:12px}
  .wizbar__sum b{font-size:16px}
  .review__edit{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;margin:-12px -12px -12px 0}
}

/* ── téléphones : mise en page ── */
@media (max-width:760px){
  /* 4. rythme vertical plus dense, comme une application */
  .sec{padding:56px 0}
  .sec__head{margin-bottom:24px}
  .feat{padding:18px 18px 16px}
  .pghero{padding-bottom:36px}
  /* 5. accueil : comparatif — première colonne collante, indication de balayage */
  .cmp__hint{display:flex}
  .cmp__table th[scope="row"]{position:sticky;left:0;z-index:1;background:#fff;width:auto;min-width:120px;box-shadow:inset -1px 0 0 var(--line-l)}
  /* pièces : le réseau passe sous le nom, plus de « T… » tronqué */
  .coins__tile{display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:11px;align-items:center}
  .coins__net{grid-column:2;justify-self:start;margin:3px 0 0}
  /* 6. barres fixes du bas */
  .mbar{padding:8px 16px calc(8px + env(safe-area-inset-bottom))}
  .mbar .btn{height:44px}
  /* 7. encadrés avec bouton : le texte reprend toute la largeur, le bouton passe dessous */
  .note{flex-wrap:wrap}
  .note>.btn,.note>a.btn,.note>form,.note>.note__a{flex:1 1 100%;margin-left:0;width:100%}
  .flash{margin:12px 16px -4px}
  .notice{display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px}
  .notice>div{flex:1 1 180px;min-width:0}
  .notice>.btn,.notice>a.btn{flex:1 1 100%;width:100%;margin-left:0}
  /* 8. cartes de ligne (aperçu) : le numéro ne se coupe plus */
  .lcard__top,.lcard__t{flex-wrap:wrap;row-gap:4px}
  .lcard__nm{white-space:normal;overflow:visible;text-overflow:clip}
  /* 9. messagerie : rail des lignes défilable, sans barre, avec marge de fin */
  .mail__lines{padding:8px 16px;scrollbar-width:none}
  .mail__lines::-webkit-scrollbar{display:none}
  .mail__lines .mail__scroll::after{content:"";flex:0 0 8px}
  /* 10. grand livre : lignes empilées au lieu d'un tableau qui défile */
  .tablewrap--ledger{overflow:visible}
  .tablewrap--ledger .table{min-width:0;width:100%}
  .tablewrap--ledger .table thead{display:none}
  .tablewrap--ledger .table tbody tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 12px;padding:12px 0;border-bottom:1px solid var(--line-l)}
  .tablewrap--ledger .table td{display:block;padding:0;border:0;min-width:0}
  .tablewrap--ledger .table td:nth-child(1){grid-column:1/-1;font-size:12.5px;color:var(--ink-muted)}
  .tablewrap--ledger .table td:nth-child(2){grid-column:1;overflow-wrap:anywhere}
  .tablewrap--ledger .table td:nth-child(3){grid-column:2;grid-row:2;text-align:right;font-weight:600;white-space:nowrap}
  .tablewrap--ledger .table td:nth-child(4){grid-column:1/-1;font-size:12.5px;color:var(--ink-muted)}
  .tablewrap--ledger .table td:nth-child(4)::before{content:"Balance after ";}
  /* 10a. tableaux de pages (.ptable) : empilés, les deux premières cellules forment le titre, les autres portent leur intitulé */
  .pscroll{overflow:visible}
  .pscroll.has-x{-webkit-mask-image:none;mask-image:none}
  .ptable thead{display:none}
  .ptable,.ptable tbody,.ptable tr,.ptable td{display:block;width:100%;box-sizing:border-box}
  .ptable tr{padding:12px 14px;border-bottom:1px solid var(--line-l)}
  .ptable tr:last-child{border-bottom:0}
  .ptable td{padding:0;border:0}
  .ptable td:first-child,.ptable td:nth-child(2){display:inline;width:auto;font-weight:600;color:var(--ink-text)}
  .ptable td:first-child::after{content:" "}
  .ptable td:nth-child(n+3){margin-top:7px}
  .ptable td:nth-child(n+3)[data-l]::before{content:attr(data-l);display:block;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:1px}
  /* 10b. sessions et boîtes de clé : empilées */
  .sessions li{display:grid;gap:6px;align-items:start}
  .sessions li small{white-space:normal}
  .keybox code{flex:1 1 100%}
  .keybox .btn{width:100%}
  /* 11. recharge : bouton pleine largeur, sous le total */
  .topup__foot{flex-direction:column;align-items:stretch}
  .topup__foot .btn{width:100%}
  /* 12. pied de page en accordéons (avec script ; sans script tout reste déplié) */
  .ftr__top{gap:0;padding-top:40px;padding-bottom:16px}
  .ftr__brand{margin-bottom:22px}
  html.js .ftr__col{border-top:1px solid var(--line)}
  html.js .ftr__col:last-of-type{border-bottom:1px solid var(--line)}
  html.js .ftr__h{position:relative;display:flex;align-items:center;min-height:52px;margin:0;font-size:13.5px}
  html.js .ftr__tog{display:inline-flex;position:absolute;inset:0;width:100%;align-items:center;justify-content:flex-end;margin:0;padding:0 2px;border:0;background:none;color:var(--muted);cursor:pointer}
  html.js .ftr__tog .ic{width:18px;height:18px;transition:transform .2s}
  html.js .ftr__tog[aria-expanded="true"] .ic{transform:rotate(180deg)}
  html.js .ftr__col ul{display:none;padding-bottom:10px}
  html.js .ftr__col.is-open ul{display:block}
  .ftr__base{padding-top:20px;padding-bottom:calc(28px + env(safe-area-inset-bottom))}
  /* 13. tiroir : lignes principales un peu plus serrées pour laisser la place aux liens secondaires */
  .drawer__link{padding:13px 0;font-size:21px}
  .drawer__inner{gap:18px}
}

/* ── téléphones étroits : l'en-tête (logo + « Get a number » + menu) tenait à 2 px près en 390 ── */
@media (max-width:400px){
  .hdr__inner{gap:12px}
  .hdr__actions{gap:8px}
  .hdr__cta{padding:0 12px}
}
@media (max-width:360px){
  .hdr .brand__img{display:none} /* la carte SIM seule, le nom revient dès 361 px */
  .app__tabs{grid-template-columns:repeat(5,minmax(0,1fr))}
  .app__tab{min-width:0;padding-left:2px;padding-right:2px}
  .app__tab span{font-size:10.5px;white-space:nowrap}
  .field__row{flex-wrap:wrap;gap:8px}
  .field__row .field__in{flex:1 1 120px;min-width:0}
  .field__row>span{flex:0 0 auto}
  .app__balpill{padding:0 10px 0 8px}
  .wizbar .btn--ghost{font-size:0;gap:0;padding:0 12px} /* « Back » = flèche seule */
  .wizbar__sum small{display:none}
  .stepper__t small{display:none}
  .amounts{grid-template-columns:repeat(2,1fr)}
  .hero__title{font-size:32px}
  .sec__title{font-size:27px}
}
/* ── paysage sur téléphone : pas de barres qui mangent la moitié de l'écran ── */
@media (max-height:500px) and (orientation:landscape){
  .hdr{position:static}
  .mbar{display:none}
  .mbar-on .ftr{padding-bottom:34px}
  .app__tabs{padding-top:2px}
  .app__tab{padding:4px 0 2px}
  .sheet__panel{max-height:calc(100dvh - 8px)}
}

/* ── petits téléphones ── */
@media (max-width:560px){
  :root{--hdr-h:60px}
  /* pages pays : faits en pile (libellé au-dessus de la valeur) */
  .sfacts__row{grid-template-columns:1fr;gap:4px}
  /* panneau : les boutons de formulaire prennent toute la largeur (sauf le composeur) */
  .app__content form>div:not(.wizbar):not(.wizbar__sum)>.btn,.app__content form>.btn,.app__content .form>.btn{width:100%;height:44px}
  .app__content .composer .btn,.app__content .mail .btn,.app__content .wizbar .btn{width:auto;height:44px}
  .hero__title{font-size:36px}
  .cfg{padding:18px 16px 16px}
  .hero__facts{gap:8px 20px}
  .cmp__table td,.cmp__table th{padding:13px 14px;font-size:14px}
  .modal__box{max-height:calc(100dvh - 24px);transition:transform .25s}
  .modal.is-drag .modal__box{transition:none}
  .modal__head{touch-action:none}
}

/* ══ densité : moins de défilement sur téléphone (« je dois scroller à mort ») ══ */
@media (max-width:760px){
  .sec{padding:44px 0}
  .sec__head{margin-bottom:18px}
  .sec__title{font-size:26px;margin:10px 0 10px}
  /* le configurateur ne vit plus dans le bandeau : la feuille « Get a number » le porte */
  .hero .cfg{display:none}
  .hero__inner{padding-bottom:40px;gap:0}
  .hero__facts{margin-top:22px;padding-top:16px}
  /* fiches de fonctionnalités = rangées compactes (icône, titre, texte sur 2 lignes) */
  .feats{gap:8px}
  .feat{grid-template-columns:36px minmax(0,1fr);column-gap:12px;padding:12px 14px;align-items:start}
  .feat__icon{width:36px;height:36px}
  .feat__h{font-size:15px}
  .feat__p{grid-column:2;margin-top:3px;font-size:13.5px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .steps--compact{gap:8px}
  .steps--compact .step{padding:12px 14px;column-gap:12px}
  .steps--compact .step__n{width:40px;height:40px}
  .mock__inbox li:nth-child(n+3){display:none}
  .mock__actions{display:none}
  /* explorateur d'API : replié derrière un bouton « Show a sample request » (le code se lit mal à 390 px) */
  .apix{display:none}
  .apix.is-shown{display:grid;margin-top:14px}
  .apix__toggle{display:inline-flex;width:100%;margin-top:18px}
  /* guides : fiches en rangées (vignette à gauche), huit guides tiennent en deux écrans */
  .gcards{gap:10px}
  .gcard__a{display:grid;grid-template-columns:118px minmax(0,1fr);align-items:stretch;width:100%}
  .gcard__im{aspect-ratio:auto;min-height:112px;height:100%}
  .gcard__im .gdimg{width:100%;height:100%;object-fit:cover}
  .gcard__cat{display:none}
  .gcard__b{padding:11px 12px 10px;gap:4px}
  .gcard__t{font-size:14.5px;line-height:1.28}
  .gcard__p{font-size:12.5px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .gcard__f{font-size:12px;margin-top:auto}
  .gfeat__b{padding:18px}
  /* état : les 25 mois en une rangée qui défile (fondu posé par app.js) */
  .stmonths{margin-top:24px;padding-top:18px}
  .stmonths__l{flex-wrap:nowrap;overflow-x:auto;gap:6px;margin:0 -16px;padding:0 16px 6px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .stmonths__l::-webkit-scrollbar{display:none}
  .stmonths__l li{flex:none}
  /* à propos : rythme plus serré */
  .abpt{padding:14px 0}
  .abq{padding:16px 0}
  .abnotfor{margin-top:16px;padding:14px 16px}
  .dossier__table td:nth-child(2){display:none}
  .dossier__table tr{padding:11px 14px}
  .step{padding:16px 0}
  .works{padding:12px 14px}
  .faq__q{padding:14px 0}
  .cta__inner{padding:26px 20px}
  .ctopics{gap:8px}
  .ctopic{padding:11px 12px;gap:10px}
  .ctopic__ic{width:32px;height:32px}
  .ctopic__p{font-size:13px}
  .pghero{padding-bottom:28px}
  .doc{padding:26px 0 44px}
  .prose h2{margin-top:32px}
  .pcta{padding:36px 0}
  .stypes{gap:12px}
  /* panneau : aperçu compact, métriques en 2 × 2, dernier code sur une ligne d'actions */
  .panel{padding:16px}
  .panel__head{margin-bottom:12px}
  .app__content{padding-top:12px}
  .ovhero{padding:16px;margin-bottom:12px}
  .ovhero__top{padding-bottom:14px;gap:12px}
  .ovhero__v{font-size:34px;margin:6px 0 4px}
  .ovhero__n{display:none}
  .ovhero__cta .btn{height:44px;font-size:15px}
  .ovhero__metrics{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px}
  .ovhero__metrics li{padding:10px 12px}
  .ovm__v{font-size:22px;margin:2px 0 1px}
  .codecard{padding:14px 16px;gap:10px}
  .codecard__v{font-size:30px;letter-spacing:.1em;margin:4px 0}
  .codecard__r{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .codecard__r .btn{width:100%;height:44px;padding:0 10px;font-size:14px}
  .notice{padding:12px 14px}
  .ovgrid,.ovrail{gap:12px}
  /* panneaux repliables sur téléphone ([data-acc], repliés par app.js ; sans script tout reste ouvert) */
  .panel[data-acc] .panel__head{cursor:pointer;position:relative;padding-right:28px}
  /* chevron : vers le bas quand c'est replié, vers le haut quand c'est ouvert */
  .panel[data-acc] .panel__head::after{content:"";position:absolute;right:6px;top:50%;width:9px;height:9px;border-right:2px solid var(--ink-muted);border-bottom:2px solid var(--ink-muted);transform:translateY(-30%) rotate(-135deg);transition:transform .15s}
  .panel.is-closed .panel__head{margin-bottom:0}
  .panel.is-closed .panel__head::after{transform:translateY(-70%) rotate(45deg)}
  .panel.is-closed>:not(.panel__head){display:none}
  .sessions.is-trim li:nth-child(n+4){display:none}
  .sessions__more{display:inline-flex;align-items:center;min-height:44px;margin:0 0 6px;padding:0;border:0;background:none;font:inherit;font-size:14px;font-weight:600;color:var(--accent-deep);cursor:pointer}
  /* aperçu : listes limitées à 3 entrées, boutons redondants avec la barre d'onglets masqués */
  .ovmsgs>*:nth-child(n+4),.ovledger>li:nth-child(n+4){display:none}
  .ovfoot .btn,.ovledger+.panel__foot{display:none}
}