:root{
  --ink:#05070F; --ink-2:#0B1020;
  --paper:#FFFFFF; --paper-2:#F5F8FF; --paper-3:#EBF1FF;
  --text:#131A2C; --muted:#5C6785; --line:#E3E9F7; --line-d:#1D2743;
  --blue:#2B59FF; --blue-d:#1B3ED4; --blue-l:#5B8CFF; --cyan:#00C2FF;
  --amber:#F5A524; --amber-d:#E07C10; --amber-l:#FFC65C;
  --g-brand:linear-gradient(115deg,#1B3ED4 0%,#2B59FF 45%,#5B8CFF 78%,#00C2FF 100%);
  --g-warm:linear-gradient(115deg,#E07C10 0%,#F5A524 52%,#FFC65C 100%);
  --g-night:linear-gradient(165deg,#05070F 0%,#0B1020 38%,#132258 78%,#1B3ED4 130%);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px;line-height:1.62;-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3,h4{font-family:Figtree,system-ui,sans-serif;letter-spacing:-.028em;text-wrap:balance;margin:0}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}

/* L'apparition n'est cachée que si le JavaScript a confirmé qu'il tourne :
   sans lui, la page reste lisible. */
.js .rv{opacity:0;transform:translateY(26px);transition:opacity .75s cubic-bezier(.22,.8,.3,1),transform .75s cubic-bezier(.22,.8,.3,1)}
.rv.on{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.js .rv{opacity:1;transform:none;transition:none}.orb,.ruban-piste{animation:none!important}html{scroll-behavior:auto}}

/* ===== promo ===== */
.promo{position:relative;z-index:30;background:var(--g-warm);color:#1A1206;padding:20px}
.promo::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 180% at 12% 0%,rgba(255,255,255,.4),transparent 55%);pointer-events:none}
.promo-in{position:relative;z-index:1;max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px 30px}
.promo-txt{font-size:19px;font-weight:500;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.promo-txt b{font-family:Figtree,sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:.09em;font-size:12px;
 background:#1A1206;color:#FFC65C;padding:7px 13px;border-radius:999px}
.promo-txt strong{font-family:Figtree,sans-serif;font-weight:900;font-size:26px;letter-spacing:-.02em;line-height:1}
.compte{display:flex;align-items:center;gap:8px}
.compte span{display:flex;flex-direction:column;align-items:center;min-width:58px;padding:9px 10px;border-radius:12px;background:rgba(26,18,6,.9);color:#FFD79A;line-height:1}
.compte b{font-family:Figtree,sans-serif;font-weight:900;font-size:24px;font-variant-numeric:tabular-nums}
.compte i{font-style:normal;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,215,154,.7);margin-top:3px}
.promo-btn{display:inline-flex;align-items:center;gap:8px;background:#1A1206;color:#FFC65C;font-family:Figtree,sans-serif;font-weight:800;font-size:16px;padding:15px 28px;border-radius:999px;transition:transform .2s,box-shadow .2s}
.promo-btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px -10px rgba(26,18,6,.9)}
@media (max-width:700px){ .promo{padding:16px} .promo-txt{width:100%;justify-content:center;text-align:center;font-size:16px} .promo-txt strong{font-size:22px} .compte span{min-width:48px} .compte b{font-size:20px} .promo-btn{font-size:15px;padding:13px 22px} }
.promo b{font-weight:800}


/* ===== en-tête ===== */
.hd{position:sticky;top:0;z-index:25;background:transparent;transition:background .45s,box-shadow .45s,border-color .45s;border-bottom:1px solid transparent}
.hd::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(91,140,255,.65),rgba(245,165,36,.65),transparent);opacity:0;transition:opacity .45s}
.hd.fixe{background:linear-gradient(90deg,rgba(8,12,26,.86),rgba(19,34,88,.86) 55%,rgba(11,16,32,.86));backdrop-filter:blur(18px) saturate(140%);box-shadow:0 12px 40px -22px rgba(0,0,0,.9)}
.hd.fixe::after{opacity:1}
.hd .btn-or{padding:12px 22px;font-size:14.5px;white-space:nowrap;box-shadow:0 12px 30px -10px rgba(245,165,36,1),inset 0 1px 0 rgba(255,255,255,.5)}
.hd .btn-or:hover{box-shadow:0 18px 40px -12px rgba(245,165,36,1)}
.hd .wrap{display:flex;align-items:center;gap:26px;height:74px}
.brand{display:flex;align-items:center;gap:11px;font-family:Figtree,sans-serif;font-weight:900;font-size:19.5px;color:#fff}
.mark{position:relative;width:34px;height:34px;border-radius:12px;display:grid;place-items:center;color:#fff;font-weight:900;font-size:16px;background:var(--g-brand);box-shadow:0 8px 24px -6px rgba(43,89,255,.95)}
.mark::after{content:"";position:absolute;inset:-6px;border-radius:18px;background:var(--g-brand);filter:blur(14px);opacity:.6;z-index:-1}
.logo{height:26px;width:auto;display:block}
.brand-pied{display:inline-block;margin-bottom:16px}
.brand-pied .logo{height:30px}
.sym{width:20px;height:20px;flex:none}
.perimetre{margin:16px 0 0;font-family:Figtree,sans-serif;font-weight:600;font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:#7C8AAE}
.baseline-pied{margin:0;color:#8494BC;max-width:34ch}
.nav{display:flex;gap:22px;font-size:14.5px;color:#C6D0E8;font-weight:500;white-space:nowrap}
.nav .item>a{position:relative;padding:5px 0}
.nav .item>a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;background:var(--g-warm);transform:scaleX(0);transform-origin:left;transition:transform .3s}
.nav .item>a:hover::after,.nav .item>a.on::after{transform:scaleX(1)}
.nav .item>a.on,.nav .item>a:hover{color:#fff}
.hd-act{margin-left:auto;display:flex;align-items:center;gap:16px;white-space:nowrap}
.lien-clair{font-size:14.5px;color:#C6D0E8;white-space:nowrap}

/* ===== boutons ===== */
.btn{display:inline-flex;align-items:center;gap:9px;padding:13px 25px;border-radius:999px;font-family:Figtree,sans-serif;font-weight:800;font-size:15px;line-height:1;transition:transform .28s cubic-bezier(.22,.8,.3,1),box-shadow .28s,background .3s}
.btn:hover{transform:translateY(-2px)}
.btn-or{background:var(--g-warm);color:#1A1206;box-shadow:0 12px 32px -12px rgba(245,165,36,1),inset 0 1px 0 rgba(255,255,255,.45)}
.btn-or:hover{box-shadow:0 20px 44px -14px rgba(245,165,36,1),inset 0 1px 0 rgba(255,255,255,.55)}
.btn-bleu{background:var(--g-brand);color:#fff;box-shadow:0 12px 32px -12px rgba(43,89,255,1)}
.btn-verre{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.24);backdrop-filter:blur(8px)}
.btn-verre:hover{background:rgba(255,255,255,.15)}
.btn-fin{background:#fff;color:var(--text);border:1.5px solid var(--line);box-shadow:0 8px 22px -12px rgba(19,26,44,.5)}
.btn-sm{padding:10px 19px;font-size:14px}

/* ===== halos ===== */
.aurora{position:absolute;inset:-40% -20%;pointer-events:none;filter:blur(72px);opacity:.9}
.orb{position:absolute;border-radius:50%}
.orb-b{background:radial-gradient(circle at 45% 45%,rgba(43,89,255,.9),transparent 62%)}
.orb-c{background:radial-gradient(circle at 50% 50%,rgba(0,194,255,.55),transparent 63%)}
.orb-o{background:radial-gradient(circle at 50% 50%,rgba(245,165,36,.5),transparent 64%)}
@keyframes flotte{0%,100%{transform:translate3d(0,0,0) scale(1)}33%{transform:translate3d(6%,-5%,0) scale(1.1)}66%{transform:translate3d(-5%,4%,0) scale(.94)}}

/* ===== hero ===== */
.hero{position:relative;background:var(--g-night);color:#fff;overflow:hidden;padding:104px 0 100px;margin-top:-74px;padding-top:178px}
.hero .orb-1{width:640px;height:640px;left:-8%;top:-14%;animation:flotte 17s ease-in-out infinite}
.hero .orb-2{width:540px;height:540px;right:-5%;top:-2%;animation:flotte 21s ease-in-out infinite reverse}
.hero .orb-3{width:480px;height:480px;left:36%;bottom:-26%;animation:flotte 25s ease-in-out infinite}
.grille{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse 80% 60% at 50% 36%,#000 28%,transparent 76%)}
.hero .wrap{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;gap:22px}
.pastille{display:inline-flex;align-items:center;gap:9px;padding:7px 16px 7px 8px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18);font-size:12.5px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:#DCE4FA;backdrop-filter:blur(8px)}
.pastille i{width:21px;height:21px;border-radius:50%;background:var(--g-warm);display:grid;place-items:center;font-style:normal;font-size:11px;color:#1A1206;font-weight:900}
.pastille-baseline{font-family:Figtree,sans-serif;font-weight:500;font-size:15px;letter-spacing:0;text-transform:none;color:#E7ECFA;padding:9px 20px 9px 12px;gap:11px}
.hero h1{font-size:clamp(36px,6vw,76px);line-height:1.02;font-weight:900;max-width:16ch}
.deg-b{color:#5B8CFF}
.deg-o{background:var(--g-warm);-webkit-background-clip:text;background-clip:text;color:transparent}
.amb{color:var(--amber)}
.sdvb-bleu{color:var(--blue)}
.deg-m{background:var(--g-brand);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p:where(:not(.terr)){margin:0;max-width:62ch;font-size:17.5px;color:#AEBBD8}
.hero p b{color:#fff;font-weight:600}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:6px}
.confiance{margin:16px 0 13px;font-size:13px;color:#8494BC}
.constel{position:relative;z-index:2;margin-top:52px;display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
.puce{display:flex;align-items:center;gap:10px;padding:11px 19px 11px 12px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.15);color:#E7ECFA;font-weight:700;font-size:14.5px;font-family:Figtree,sans-serif;backdrop-filter:blur(10px);transition:transform .3s,background .3s,border-color .3s}
.puce:hover{transform:translateY(-4px);background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.32)}
.puce em{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;font-style:normal}
.puce svg{width:15px;height:15px;stroke:#fff;fill:none;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}

/* ===== chiffres ===== */
.chiffres{position:relative;z-index:3;margin-top:-58px}
.chiffres-in{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border-radius:30px;border:1px solid var(--line);box-shadow:0 36px 74px -34px rgba(11,16,32,.6)}
.ch{padding:40px 24px;text-align:center;position:relative}
.ch + .ch::before{content:"";position:absolute;left:0;top:24%;bottom:24%;width:1px;background:var(--line)}
.ch-n{font-family:Figtree,sans-serif;font-weight:900;font-size:clamp(38px,4.6vw,60px);line-height:1;letter-spacing:-.035em;background:var(--g-brand);-webkit-background-clip:text;background-clip:text;color:transparent}
.ch:nth-child(2) .ch-n{background:var(--g-warm);-webkit-background-clip:text;background-clip:text}
.ch-l{margin-top:12px;font-size:12.5px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);font-weight:700}

/* ===== sections ===== */
.sec{padding:92px 0}
.sec-clair{background:linear-gradient(180deg,#FFFFFF 0%,#F5F8FF 40%,#EBF1FF 100%)}
.sec-tete{text-align:center;max-width:680px;margin:0 auto 48px;display:flex;flex-direction:column;gap:14px;align-items:center}
.lbl{font-size:11.5px;font-weight:800;letter-spacing:.17em;text-transform:uppercase;background:var(--g-brand);-webkit-background-clip:text;background-clip:text;color:transparent;font-family:Figtree,sans-serif}
.lbl-or{background:var(--g-warm);-webkit-background-clip:text;background-clip:text}
.sec-tete h2{font-size:clamp(28px,4vw,48px);font-weight:900;line-height:1.05}
.sec-tete p:where(:not(.lbl)){margin:0;color:var(--muted);font-size:17px}

/* ===== bento ===== */
.bento{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.bt{position:relative;overflow:hidden;border-radius:32px;display:flex;transition:transform .4s cubic-bezier(.22,.8,.3,1),box-shadow .4s;isolation:isolate}
.bt:hover{transform:translateY(-8px)}
.bt-txt{position:relative;z-index:3;padding:34px}
.bt-logo{width:52px;height:52px;border-radius:17px;display:grid;place-items:center;background:var(--gc);box-shadow:0 14px 30px -12px var(--oc);margin-bottom:16px}
.bt-logo svg{width:24px;height:24px;stroke:#fff;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.bt-logo.marque{background:#fff;box-shadow:0 12px 26px -14px rgba(11,16,32,.6);padding:7px}
.bt-logo.marque img{width:100%;height:100%;object-fit:contain}
.bt-logo.marque-svg{background:none;box-shadow:none;padding:0}
.bt-logo.marque-svg svg{width:100%;height:100%;stroke:none}
.bt h3{font-size:23px;font-weight:900;margin-bottom:8px;display:flex;align-items:center;gap:11px;flex-wrap:wrap}
.bt p:where(:not(.plus)){margin:0 0 20px;font-size:15px;line-height:1.55;max-width:34ch}
.plus{font-family:Figtree,sans-serif;font-weight:800;font-size:14.5px;display:inline-flex;align-items:center;gap:8px}
.plus span{transition:transform .3s;display:inline-block}
.plus>a{display:inline-flex;align-items:center;gap:inherit;color:inherit;white-space:nowrap}
.bt:hover .plus span{transform:translateX(6px)}
.bt-vis{position:relative;z-index:2}
.bt-vis img{border-radius:14px;box-shadow:0 30px 60px -26px rgba(3,6,16,.85),0 0 0 1px rgba(255,255,255,.14);transition:transform .5s cubic-bezier(.22,.8,.3,1)}

/* carte sombre large */
.bt-large{grid-column:span 4;background:var(--gd);color:#fff;align-items:center}
.bt-large::before{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 8% 12%,rgba(255,255,255,.18),transparent 55%);z-index:1}
.bt-large .bt-txt{flex:0 0 46%;padding:44px}
.bt-large p{color:rgba(233,239,255,.84)}
.bt-large .plus{color:#fff}
.bt-ambre{color:#1A1206}
.bt-ambre p{color:rgba(26,18,6,.8)}
.bt-ambre .plus{color:#1A1206}
.bt-ambre::before{background:radial-gradient(120% 90% at 8% 12%,rgba(255,255,255,.42),transparent 55%)}
.bt-large .bt-vis{flex:1;align-self:stretch;position:relative}
.bt-large .bt-vis img{position:absolute;left:7%;top:10%;width:136%;max-width:none;transform:rotate(-3deg)}
.bt-large:hover .bt-vis img{transform:rotate(-1.4deg) translateY(-8px)}

/* cartes claires */
.bt-clair{grid-column:span 2;flex-direction:column;background:#fff;border:1px solid var(--line);box-shadow:0 20px 44px -32px rgba(11,16,32,.7)}
.bt-clair::before{content:"";position:absolute;inset:0;background:var(--wash);opacity:.9;z-index:0}
.bt-clair::after{content:"";position:absolute;right:-80px;top:-80px;width:230px;height:230px;border-radius:50%;background:var(--gc);filter:blur(52px);opacity:.18;transition:opacity .45s;z-index:0}
.bt-clair:hover::after{opacity:.34}
.bt-clair .bt-txt{padding:32px 32px 12px}
.bt-clair p{color:var(--muted)}
.bt-clair .plus{color:var(--ac)}
.bt-clair .bt-vis{margin:auto 0 0;padding:0 0 0 32px;overflow:hidden}
.bt-clair .bt-vis:has(.fc-scene),.bt-large .bt-vis:has(.ev-scene){padding:0}
.bt-vis-vide{min-height:150px;margin-top:auto;padding:0;position:relative}
.bt-vis-vide::before{content:"";position:absolute;inset:0;background-image:radial-gradient(currentColor 1.4px,transparent 1.4px);background-size:16px 16px;color:rgba(27,62,212,.22);mask-image:linear-gradient(180deg,transparent,#000 55%,transparent)}
.bt-vis-vide::after{content:"";position:absolute;left:12%;right:12%;bottom:0;height:78%;border-radius:20px 20px 0 0;background:var(--gc);opacity:.16;filter:blur(2px)}
.bt-clair .bt-vis img{transform:rotate(-2deg) translateY(14px);transform-origin:left bottom}
.bt-clair:hover .bt-vis img{transform:rotate(-1deg) translateY(4px)}
.bt-clair:hover{box-shadow:0 34px 62px -30px rgba(11,16,32,.55)}

/* ===== ruban ===== */
.ruban{background:var(--ink);color:#8494BC;padding:22px 0;overflow:hidden;border-top:1px solid var(--line-d);border-bottom:1px solid var(--line-d)}
.ruban-piste{display:flex;gap:52px;width:max-content;animation:defile 34s linear infinite;font-family:Figtree,sans-serif;font-weight:800;font-size:15px;white-space:nowrap}
.ruban-piste span{opacity:.6}
.ruban-piste span.hot{background:var(--g-warm);-webkit-background-clip:text;background-clip:text;color:transparent;opacity:1}
@keyframes defile{to{transform:translateX(-50%)}}

/* ===== le mentor ===== */
.mentor{position:relative;overflow:hidden;background:var(--g-night);color:#fff;padding:110px 0}
.mentor .orb-1{width:700px;height:700px;left:-14%;top:-24%;animation:flotte 23s ease-in-out infinite}
.mentor .orb-3{width:560px;height:560px;right:-10%;bottom:-32%;animation:flotte 27s ease-in-out infinite reverse}
.mentor .wrap{position:relative;z-index:2;display:grid;grid-template-columns:1fr 460px;gap:70px;align-items:center}
.m-nom{font-size:clamp(38px,5.4vw,64px);font-weight:900;line-height:.98;margin:14px 0 20px;letter-spacing:-.035em}
.m-nom span{display:block}
.m-nom .n2{background:var(--g-brand);-webkit-background-clip:text;background-clip:text;color:transparent}
.m-cite{position:relative;margin:0 0 20px;padding:20px 24px;border-radius:20px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);font-size:19px;font-style:italic;color:#EAF0FF;max-width:52ch;backdrop-filter:blur(6px)}
.m-cite::before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:3px;border-radius:3px;background:var(--g-warm)}
.m-txt{margin:0 0 26px;color:#B9C4E0;font-size:16.5px;max-width:56ch}
.m-txt b{color:#fff;font-weight:600}
.m-cta{display:flex;gap:14px;flex-wrap:wrap}
.m-preuves{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 26px;padding:0;list-style:none}
.m-preuves li{display:flex;align-items:center;gap:8px;padding:8px 15px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);font-size:13.5px;color:#D5DEF6}
.m-preuves svg{width:14px;height:14px;stroke:var(--amber-l);fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}

.scene{position:relative}
.scene .cadre{position:relative;border-radius:36px;overflow:hidden;box-shadow:0 50px 90px -34px rgba(0,0,0,.95)}
.scene .cadre::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(5,7,15,.72) 100%)}
.scene .cadre img{width:100%}
.scene::before{content:"";position:absolute;inset:-22px;border-radius:52px;background:var(--g-brand);filter:blur(46px);opacity:.55;z-index:-1}
.scene .anneau{position:absolute;inset:-10px;border-radius:44px;padding:2px;background:linear-gradient(150deg,rgba(91,140,255,.9),rgba(0,194,255,.25) 45%,rgba(245,165,36,.9));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.lecture{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);width:74px;height:74px;border-radius:50%;background:var(--g-warm);display:grid;place-items:center;box-shadow:0 18px 44px -12px rgba(245,165,36,1);transition:transform .3s}
.lecture:hover{transform:translate(-50%,-50%) scale(1.08)}
.lecture svg{width:26px;height:26px;fill:#1A1206;margin-left:4px}
.scene .sign{position:absolute;left:26px;right:26px;bottom:24px;z-index:2}
.scene .sign b{display:block;font-family:Figtree,sans-serif;font-weight:900;font-size:19px;letter-spacing:-.02em}
.scene .sign span{font-size:11.5px;letter-spacing:.15em;text-transform:uppercase;color:var(--amber-l);font-weight:700}
.flot{line-height:25.92px;position:absolute;z-index:4;background:rgba(11,16,32,.72);border:1px solid rgba(255,255,255,.16);border-radius:18px;padding:13px 17px;backdrop-filter:blur(14px);box-shadow:0 22px 44px -18px rgba(0,0,0,.8)}
.flot b{display:block;font-family:Figtree,sans-serif;font-weight:900;font-size:24px;line-height:1;background:var(--g-warm);-webkit-background-clip:text;background-clip:text;color:transparent}
.flot span{font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:#9FADD0;font-weight:700}
.flot-1{left:-52px;top:52px;animation:flotv 7s ease-in-out infinite}
.flot-2{right:-40px;bottom:112px;animation:flotv 9s ease-in-out infinite reverse}
@keyframes flotv{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}

/* ===== les quatre portes ===== */
.portes{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;align-items:stretch}
.porte{position:relative;overflow:hidden;border-radius:28px;padding:30px;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);box-shadow:0 20px 44px -32px rgba(11,16,32,.7);transition:transform .38s cubic-bezier(.22,.8,.3,1),box-shadow .38s}
.porte:hover{transform:translateY(-8px);box-shadow:0 36px 64px -30px rgba(11,16,32,.55)}
.porte::after{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:var(--gc)}
.p-etape{font-family:Figtree,sans-serif;font-weight:900;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.p-prix{font-family:Figtree,sans-serif;font-weight:900;font-size:13px;padding:5px 12px;border-radius:999px;background:var(--wash);color:var(--ac);align-self:flex-start;margin:14px 0 12px}
.porte h3{font-size:21px;font-weight:900;margin-bottom:9px}
.porte p{margin:0 0 22px;font-size:14.5px;color:var(--muted);line-height:1.55;flex:1}
.porte .btn{align-self:flex-start}
.porte-max{background:var(--g-night);color:#fff;border-color:transparent}
.porte-max::before{content:"";position:absolute;right:-70px;bottom:-90px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(245,165,36,.55),transparent 65%);filter:blur(30px)}
.porte-max .p-etape{color:#9FADD0}
.porte-max p{color:#B9C4E0;position:relative;z-index:1}
.porte-max h3{position:relative;z-index:1}
.porte-max .p-prix{background:rgba(245,165,36,.16);color:var(--amber-l);position:relative;z-index:1}
.porte-max .btn{position:relative;z-index:1}

/* ===== appel final ===== */
.final{position:relative;overflow:hidden;background:var(--g-night);color:#fff;padding:112px 0;text-align:center}
.final .orb-3{width:620px;height:620px;left:16%;bottom:-44%;animation:flotte 24s ease-in-out infinite}
.final .orb-1{width:520px;height:520px;left:-12%;top:-30%;animation:flotte 19s ease-in-out infinite reverse}
.final .wrap{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:20px}
.final h2{font-size:clamp(30px,4.8vw,56px);font-weight:900;max-width:17ch;line-height:1.04}
.final p:where(:not(.pastille)){margin:0;color:#B9C4E0;font-size:17.5px;max-width:52ch}

/* ===== pied ===== */
.pied{background:var(--ink);color:#8494BC;padding:54px 0 34px;font-size:14px}
.pied-cols{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px}
.pied-bas{margin-top:46px;padding-top:22px;border-top:1px solid rgba(255,255,255,.10);
 display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 28px;font-size:13.5px;color:#7C8AAE}
.pied-bas-d{display:flex;flex-wrap:wrap;align-items:center;gap:10px 24px}
.pied-bas .legal{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px}
.pied-bas .legal a{position:relative}
.pied-bas .haut{display:inline-flex;align-items:center;gap:7px;font-family:Figtree,sans-serif;font-weight:700;color:#B9C4E0}
.pied-bas .haut svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:960px){ .pied-cols{grid-template-columns:1fr 1fr;gap:34px} }
@media (max-width:620px){ .pied-cols{grid-template-columns:1fr;gap:30px} .pied-bas{flex-direction:column;align-items:flex-start} }
.pied h4{color:#fff;font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:14px;font-weight:800}
.pied ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}
.pied a:hover{color:#fff}
.bas{border-top:1px solid var(--line-d);margin-top:34px;padding-top:20px;font-size:13px;color:#6B7BA3}

@media (max-width:1080px){ .mentor .wrap{grid-template-columns:1fr;gap:52px} .scene{max-width:420px;margin:0 auto} .flot-1{left:-20px} .flot-2{right:-14px} }
@media (max-width:1180px){ .nav{gap:16px;font-size:13.5px} .lien-clair{display:none} }
@media (max-width:960px){
  .nav,.lien-clair{display:none}
  .bento{grid-template-columns:repeat(2,1fr)}
  .bt-large{grid-column:span 2;flex-direction:column}
  .bt-large .bt-txt{flex:none;padding:32px}
  .bt-large .bt-vis{width:100%;height:230px}
  .bt-large .bt-vis img{position:absolute;left:8%;top:0;width:100%}
  .bt-clair{grid-column:span 1}
  .chiffres-in{grid-template-columns:1fr}.ch + .ch::before{left:12%;right:12%;top:0;bottom:auto;width:auto;height:1px}
  .portes{grid-template-columns:1fr 1fr}
  .pied .wrap{grid-template-columns:1fr 1fr}
}
@media (max-width:620px){ .bento,.portes{grid-template-columns:1fr} .bt-large,.bt-clair{grid-column:span 1} .sec{padding:72px 0} }




.sec-piliers{background:#fff;border-top:1px solid var(--line)}
/* ===== v9 : le hero remodelé — titre monumental, périmètre, un bouton ===== */
.hero{padding-top:150px;padding-bottom:132px}
.hero .wrap{gap:0}
.constel{margin-top:0}
.pastille-baseline{font-size:14px;padding:8px 18px 8px 11px;color:#C3CFEC;background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.13)}
.pastille-baseline .sym{width:18px;height:18px}
.hero h1{font-size:clamp(36px,6.4vw,80px);line-height:1.0;letter-spacing:-.036em;max-width:17ch;margin:0}
.hero p:where(:not(.terr)){margin:34px 0 0;max-width:48ch;font-size:19px;color:#AEBBD8}
.hero-cta{margin-top:58px;align-items:center;gap:26px}
.terrains{margin-top:48px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px}
.terr{display:inline-flex;align-items:center;gap:13px;padding:13px 26px 13px 13px;border-radius:999px;
 background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.17);backdrop-filter:blur(10px);
 font-family:Figtree,sans-serif;font-weight:800;font-size:18.5px;color:#FFFFFF;letter-spacing:-.01em;
 transition:transform .3s,background .3s,border-color .3s}
.terr:hover{transform:translateY(-3px);background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.32)}
.terr em{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);flex:none}
.terr svg{width:19px;height:19px;color:var(--c);stroke:currentColor;fill:none;stroke-width:1.95;stroke-linecap:round;stroke-linejoin:round}

@media (max-width:620px){ .terrains{gap:10px} .terr{font-size:15.5px;padding:10px 18px 10px 10px;gap:10px} .terr em{width:32px;height:32px} .hero-cta{margin-top:44px} }
.perim{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px;
 font-family:Figtree,sans-serif;font-weight:600;font-size:13px;letter-spacing:.3em;text-transform:uppercase;color:#9DAAC9}
.perim i{width:5px;height:5px;border-radius:50%;background:var(--amber);flex:none;margin-left:-4px}

.btn-gros{padding:21px 40px;font-size:18px;border-radius:999px}
.lien-fleche{display:inline-flex;align-items:center;gap:8px;font-family:Figtree,sans-serif;font-weight:700;font-size:15.5px;color:#C3CFEC;border-bottom:1px solid rgba(195,207,236,.3);padding-bottom:2px;transition:color .25s,border-color .25s}
.lien-fleche:hover{color:#fff;border-color:#fff}
@media (max-width:620px){ .hero{padding-top:150px} .perim{gap:10px;letter-spacing:.22em;font-size:11.5px} .btn-gros{padding:17px 30px;font-size:16px} }



/* ===== la scène Apogée Max, plus dense ===== */
.apogee-etat{display:flex;align-items:center;gap:14px;font-family:Figtree,sans-serif;font-weight:800;font-size:14px}
.apogee-etat b{padding:10px 18px;border-radius:12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:#C9D4F0;font-weight:700}
.apogee-etat b.fin{background:var(--g-warm);border-color:transparent;color:#1A1206;font-weight:900;box-shadow:0 12px 28px -12px rgba(245,165,36,.9)}
.apogee-etat svg{width:22px;height:22px;stroke:#FFC65C;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;flex:none}
.bt-phare .bt-liste{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:9px}
.bt-phare .bt-liste li{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;color:rgba(233,239,255,.9)}
.bt-phare .bt-liste svg{flex:none;width:17px;height:17px;stroke:#FFC65C;fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;margin-top:2px}

/* ===== FunnelCart : la scène redessinée ===== */
.fc-scene{position:relative;width:100%;display:grid;place-items:center;padding:0 22px 24px 0}
.fc-carte{border-radius:16px;background:#fff;border:1px solid #E7EAF3;box-shadow:0 24px 50px -26px rgba(11,16,32,.5)}
.fc-stats{left:0;top:4%;width:82%;padding:13px}
.fc-kpis{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.fc-kpi{border:1px solid #EEF1F8;border-radius:10px;padding:9px 10px;background:#FCFDFF}
.fc-kpi i{display:block;font-style:normal;font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#8A93AD;font-weight:700;font-family:Figtree,sans-serif;margin-bottom:4px}
.fc-kpi b{font-family:Figtree,sans-serif;font-weight:900;font-size:17px;color:#131A2C;letter-spacing:-.02em;white-space:nowrap}
.fc-kpi u{display:block;text-decoration:none;font-size:8.5px;font-weight:700;color:#0A8F63;margin-top:2px}
.fc-kpi u.bas{color:#D14343}
.fc-graphe{margin-top:10px;height:62px;border-radius:8px;background:linear-gradient(180deg,#F4F7FF,#fff);position:relative;overflow:hidden}
.fc-graphe svg{position:absolute;inset:0;width:100%;height:100%}
.fc-flux{position:relative;right:auto;bottom:auto;width:100%;padding:16px 14px}
.fc-flux-tete{display:flex;align-items:center;gap:7px;margin-bottom:12px}
.fc-flux-tete span{font-family:Figtree,sans-serif;font-weight:800;font-size:11.5px;color:#131A2C;white-space:nowrap}
.fc-flux-tete em{font-style:normal;margin-left:auto;font-size:8.5px;font-weight:800;font-family:Figtree,sans-serif;color:#fff;background:var(--g-brand);padding:4px 9px;border-radius:999px}
.fc-etapes{display:flex;align-items:stretch;gap:6px}
.fc-etape{flex:1;border-radius:9px;border:1px solid #E7EAF3;overflow:hidden;background:#fff}
.fc-etape i{display:block;font-style:normal;font-size:8.5px;white-space:nowrap;font-weight:800;font-family:Figtree,sans-serif;padding:4px 6px;text-align:center}
.fc-etape .apercu{height:46px;background:#F5F8FF;border-top:1px solid #EEF1F8;display:grid;gap:3px;padding:6px}
.fc-etape .apercu s{text-decoration:none;height:3px;border-radius:2px;background:#DDE5F6;display:block}
.fc-etape .apercu s:nth-child(2){width:70%}
.fc-etape .apercu s:nth-child(3){width:45%;background:var(--e)}
.fc-lien{width:14px;height:2px;background:#CBD5EC;flex:none;position:relative}
.fc-lien::after{content:"";position:absolute;right:-1px;top:-2.5px;border-left:5px solid #CBD5EC;border-top:3.5px solid transparent;border-bottom:3.5px solid transparent}
@media (max-width:960px){ .fc-scene{min-height:250px} }

/* ===== Formations : la scène redessinée ===== */
.ev-scene{position:relative;width:100%;height:100%;min-height:300px;display:grid;place-items:center;padding:26px}
.ev-carte{width:100%;max-width:420px;border-radius:18px;background:#fff;border:1px solid rgba(26,18,6,.12);box-shadow:0 28px 56px -28px rgba(60,32,4,.5);padding:16px;position:relative}
.ev-tete{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.ev-tete b{font-family:Figtree,sans-serif;font-weight:900;font-size:12.5px;color:#1A1206}
.ev-tete em{font-style:normal;margin-left:auto;font-size:9px;font-weight:800;font-family:Figtree,sans-serif;color:#8A5A0B;background:#FFF3DF;padding:4px 9px;border-radius:999px}
.ev-mod{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:11px;border:1px solid #F0EDE7;margin-bottom:7px;background:#FCFBF9}
.ev-mod .num{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;font-family:Figtree,sans-serif;font-weight:900;font-size:10px;color:#fff;background:var(--g-warm);flex:none}
.ev-mod .num.fait{background:#0A8F63}
.ev-mod .txt{flex:1;min-width:0}
.ev-mod .txt s{text-decoration:none;display:block;height:5px;border-radius:3px;background:#E9E4DA;width:var(--w)}
.ev-mod .txt i{display:block;font-style:normal;font-size:9.5px;font-weight:700;font-family:Figtree,sans-serif;color:#4B4234;margin-bottom:5px}
.ev-mod .jauge{width:56px;height:5px;border-radius:3px;background:#EDE8DE;overflow:hidden;flex:none}
.ev-mod .jauge s{text-decoration:none;display:block;height:100%;background:var(--g-warm);width:var(--p)}
.ev-mod svg{width:15px;height:15px;flex:none;stroke:#0A8F63;fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.ev-pied{display:flex;align-items:center;gap:8px;margin-top:12px;padding-top:11px;border-top:1px solid #F0EDE7}
.ev-pied span{font-size:9.5px;font-weight:700;font-family:Figtree,sans-serif;color:#6B5E4A}
.ev-pied b{margin-left:auto;font-family:Figtree,sans-serif;font-weight:900;font-size:11px;color:#1A1206;background:var(--g-warm);padding:6px 12px;border-radius:999px}
@media (max-width:960px){ .ev-scene{min-height:250px} }


/* ===== v25 : la carte produit, à la WP Manage Ninja ===== */
.produits{display:grid;grid-template-columns:repeat(6,1fr);gap:22px;margin-top:22px}
.prod{grid-column:span 3;position:relative;display:flex;flex-direction:column;background:var(--tint);border:1px solid rgba(11,16,32,.05);
 border-radius:28px;overflow:hidden;text-align:center;box-shadow:0 18px 40px -34px rgba(11,16,32,.6);
 transition:transform .38s cubic-bezier(.22,.8,.3,1),box-shadow .38s}

.prod:hover{transform:translateY(-8px);box-shadow:0 40px 70px -34px rgba(11,16,32,.45)}
.prod::after{content:"";position:absolute;inset:0;border-radius:28px;padding:1.5px;background:var(--gc);
 -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .38s;pointer-events:none;z-index:3}
.prod:hover::after{opacity:1}

.prod-haut{padding:36px 34px 0;display:flex;flex-direction:column;align-items:center;gap:15px}
.prod-marque{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
.prod-logo{flex:none;width:46px;height:46px;border-radius:14px;background:#fff;padding:6px;
 box-shadow:0 8px 18px -10px rgba(11,16,32,.5),0 0 0 1px rgba(11,16,32,.06)}
.prod-logo img,.prod-logo svg{width:100%;height:100%;object-fit:contain;display:block}
.prod-logo.plein{padding:0;background:none;box-shadow:0 8px 18px -10px rgba(11,16,32,.45)}
.prod-logo.plein svg{border-radius:12px}
.prod-logo.gc{background:var(--gc);padding:10px}
.prod-logo.gc svg{stroke:#fff;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.prod h3{font-size:24px;font-weight:900;letter-spacing:-.028em;white-space:nowrap;color:var(--ink)}
.prod p:where(:not(.plus)){margin:0;font-size:16px;line-height:1.68;color:#3E4763;max-width:37ch;
 display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;height:calc(3 * 1.68em)}
.prod .plus{font-family:Figtree,sans-serif;font-weight:800;font-size:15px;color:var(--ac);display:inline-flex;align-items:center;gap:8px}
.prod .plus span{display:inline-block;transition:transform .3s}
.prod:hover .plus span{transform:translateX(6px)}
.prod .fam{position:relative;top:0;flex:none;font-size:10.5px;padding:5px 11px;gap:5px;letter-spacing:.05em}
.prod .fam svg{width:12px;height:12px}
.prod .fam-wp{background:rgba(255,255,255,.85);border:1px solid rgba(11,16,32,.08);color:#2A3550}
.prod .fam-wp svg{fill:#2A3550}
.prod .fam-saas{background:rgba(255,255,255,.85);border:1px solid rgba(10,143,99,.22);color:#0A8F63}

.prod-vis{margin:26px 30px 30px;border-radius:16px;overflow:hidden;height:280px;position:relative;
 background:#fff;box-shadow:0 22px 46px -22px rgba(11,16,32,.45),0 0 0 1px rgba(11,16,32,.06)}
.prod-vis img{width:100%;height:100%;object-fit:cover;object-position:top left;transition:transform .6s cubic-bezier(.22,.8,.3,1)}
.prod-vis .wp-block-image{margin:0;width:100%;height:100%}
.prod:hover .prod-vis img{transform:scale(1.05)}
.prod-vis.contient{background:radial-gradient(120% 90% at 50% 0%,#FFFFFF,#EAF8F1 55%,#D7F0E3)}
.prod-vis.contient img{position:absolute;left:50%;top:26px;transform:translateX(-50%);width:auto;height:400px;object-fit:contain;
 border-radius:20px;box-shadow:0 28px 54px -20px rgba(4,50,32,.6)}
.prod:hover .prod-vis.contient img{transform:translateX(-50%) translateY(-8px)}

/* la fenêtre dessinée de FunnelCart */
.appwin{position:absolute;inset:0;display:flex;flex-direction:column;background:#fff;text-align:left}
.appwin-barre{display:flex;align-items:center;gap:6px;padding:9px 12px;border-bottom:1px solid #EEF1F8;background:#FBFCFF}
.appwin-barre i{width:8px;height:8px;border-radius:50%;background:#E3E7F2;flex:none}
.appwin-barre b{font-family:Figtree,sans-serif;font-weight:800;font-size:10.5px;color:#131A2C;margin-left:6px}
.appwin-barre em{font-style:normal;margin-left:auto;font-size:9px;font-weight:800;font-family:Figtree,sans-serif;color:#fff;background:var(--gc);padding:4px 10px;border-radius:999px}
.appwin-corps{flex:1;padding:14px;display:flex;flex-direction:column;gap:12px;background:#F7F9FE}
.appwin-kpis{display:flex;gap:8px}
.appwin-kpis div{flex:1;background:#fff;border:1px solid #EEF1F8;border-radius:9px;padding:7px 9px}
.appwin-kpis i{display:block;font-style:normal;font-size:8px;letter-spacing:.07em;text-transform:uppercase;color:#8A93AD;font-weight:700;font-family:Figtree,sans-serif}
.appwin-kpis b{font-family:Figtree,sans-serif;font-weight:900;font-size:14px;color:#131A2C;letter-spacing:-.02em}
.appwin-kpis u{text-decoration:none;font-size:8.5px;font-weight:700;color:#0A8F63;margin-left:4px}
.appwin-flux{flex:1;display:flex;align-items:stretch;gap:6px}
.appwin-etape{flex:1;border-radius:9px;background:#fff;border:1px solid #EEF1F8;overflow:hidden;display:flex;flex-direction:column}
.appwin-etape i{display:block;font-style:normal;font-size:8.5px;font-weight:800;font-family:Figtree,sans-serif;padding:5px 4px;text-align:center;white-space:nowrap}
.appwin-etape u{flex:1;text-decoration:none;padding:6px;display:grid;gap:4px;align-content:start;background:#FCFDFF}
.appwin-etape u s{text-decoration:none;display:block;height:3px;border-radius:2px;background:#E3E9F6}
.appwin-etape u s:nth-child(2){width:66%}
.appwin-etape u s:nth-child(3){width:42%;background:var(--e)}
.appwin-lien{width:10px;align-self:center;height:2px;background:#CBD5EC;flex:none;position:relative}
.appwin-lien::after{content:"";position:absolute;right:-1px;top:-2.5px;border-left:5px solid #CBD5EC;border-top:3.5px solid transparent;border-bottom:3.5px solid transparent}

@media (max-width:1080px){ .produits{grid-template-columns:1fr 1fr} .prod{grid-column:span 1} }
@media (max-width:620px){ .produits{grid-template-columns:1fr} .prod{grid-column:span 1} .prod-haut{padding:32px 24px 0} .prod-vis{margin:26px 22px 22px} }

.chantier{grid-column:1/-1;display:flex;align-items:center;gap:16px;margin:0;padding:16px 22px;border-radius:20px;
 background:#fff;border:1px dashed var(--line);box-shadow:0 14px 32px -30px rgba(11,16,32,.7);
 transition:border-color .3s,border-style .3s,box-shadow .3s,transform .3s}
.chantier:hover{border-color:#F3C9D6;border-style:solid;transform:translateY(-3px);box-shadow:0 24px 44px -30px rgba(180,24,78,.6)}
.chantier-logo{flex:none;width:38px;height:38px}
.chantier-logo svg{width:100%;height:100%;border-radius:11px;display:block}
.chantier-txt{font-size:15px;color:var(--muted)}
.chantier-txt b,.chantier-txt strong{font-family:Figtree,sans-serif;font-weight:900;color:var(--ink);font-size:16px}
.chantier-etat{font-family:Figtree,sans-serif;font-weight:800;font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;
 padding:5px 12px;border-radius:999px;background:#FDF2F6;color:#B4184E;border:1px solid #F3C9D6}
.chantier-lien{margin-left:auto;font-family:Figtree,sans-serif;font-weight:800;font-size:14.5px;color:#B4184E;display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.chantier-lien span{display:inline-block;transition:transform .3s}
.chantier:hover .chantier-lien span{transform:translateX(6px)}
@media (max-width:760px){ .chantier{flex-wrap:wrap} .chantier-lien{margin-left:0;width:100%} }

/* ===== 3.3.4 : la carte large, pour le produit qui vient de sortir =====
   La grille des produits est en six colonnes et chaque carte en prend
   trois : deux par rangée. Un cinquième produit laisserait un trou.
   La carte large prend les six colonnes, ne dérange aucune voisine, et
   met la nouveauté en avant. Le texte à gauche, la capture à droite. */
.prod-large{grid-column:span 6;flex-direction:row;align-items:stretch;text-align:left}
.prod-large .prod-haut{flex:0 0 44%;padding:40px 16px 40px 38px;align-items:flex-start;justify-content:center;gap:16px}
/* le titre de la carte large porte deux pastilles : on resserre pour
   qu'il tienne sur une ligne. */
.prod-large .prod-nom{gap:10px}
.prod-large .prod-nom{justify-content:flex-start}
.prod-large h3{white-space:normal}
.prod-large p:where(:not(.plus)){max-width:42ch;-webkit-line-clamp:4;height:auto}
.prod-large .prod-vis{flex:1;margin:34px 34px 34px 0;height:auto;min-height:340px}
/* la capture est posée en couverture : sans cela sa hauteur naturelle
   commanderait la hauteur de toute la carte. */
.prod-large .prod-vis .wp-block-image{position:absolute;inset:0}

/* La marque de nouveauté : un MOT, pas un symbole — une étoile se lit
   « favori », pas « nouveau ». C'est une pastille de plus dans la rangée
   qui porte déjà la famille du produit, en ambre pour se détacher. */
.prod .fam-neuf{background:var(--g-warm);border:0;color:#1A1206;box-shadow:0 8px 16px -10px rgba(224,124,16,.95)}

@media (max-width:1080px){ .prod-large{grid-column:span 2} }
@media (max-width:900px){
  .prod-large{flex-direction:column;text-align:center}
  .prod-large .prod-haut{flex:none;padding:36px 34px 0;align-items:center}
  .prod-large .prod-nom{justify-content:center}
  .prod-large .prod-vis{flex:none;margin:26px 30px 30px;min-height:0;height:280px}
}
@media (max-width:620px){ .prod-large{grid-column:span 1} .prod-large .prod-haut{padding:32px 24px 0} .prod-large .prod-vis{margin:26px 22px 22px}
 }
@media (max-width:820px){ .prod-large .prod-vis{height:210px;margin:18px 18px 18px} }

/* ===== v27 : des écrans crédibles, pas des schémas ===== */
.ecran{position:relative;width:100%;height:100%;background:#fff;display:flex;flex-direction:column;overflow:hidden;text-align:left;
 font-family:Inter,system-ui,sans-serif}
.ecran-barre{display:flex;align-items:center;gap:7px;padding:9px 13px;border-bottom:1px solid #ECEFF6;background:#FBFCFE;flex:none}
.ecran-barre i{width:8px;height:8px;border-radius:50%;background:#E1E6F1;flex:none}
.ecran-barre i:first-child{background:#F2B8B5}
.ecran-barre i:nth-child(2){background:#F7DBA7}
.ecran-barre i:nth-child(3){background:#B7E3C4}
.ecran-barre b{font-family:Figtree,sans-serif;font-weight:800;font-size:12.5px;color:#131A2C;margin-left:8px}
.ecran-barre em{font-style:normal;margin-left:auto;font-size:9.5px;font-weight:700;font-family:Figtree,sans-serif;color:#6B7590}

/* --- l'écran de formation --- */
.lms{flex:1;display:grid;grid-template-columns:1.15fr 1fr;gap:0;min-height:0}
.lms-lecteur{padding:12px;display:flex;flex-direction:column;gap:9px;border-right:1px solid #ECEFF6;min-width:0}
.lms-video{position:relative;flex:1;min-height:78px;border-radius:9px;overflow:hidden;
 background:linear-gradient(135deg,#2A2140,#4B3A6B 55%,#7A5A3A);display:grid;place-items:center}
.lms-video::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 70% at 30% 25%,rgba(255,255,255,.22),transparent 60%)}
.lms-play{position:relative;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.94);display:grid;place-items:center;box-shadow:0 6px 14px rgba(0,0,0,.35)}
.lms-play svg{width:11px;height:11px;fill:#2A2140;margin-left:2px}
.lms-duree{position:absolute;right:7px;bottom:7px;font-family:Figtree,sans-serif;font-weight:800;font-size:8.5px;color:#fff;
 background:rgba(10,8,20,.72);padding:3px 6px;border-radius:5px;font-variant-numeric:tabular-nums}
.lms-titre{font-family:Figtree,sans-serif;font-weight:900;font-size:12px;color:#131A2C;letter-spacing:-.01em}
.lms-jauge{height:5px;border-radius:3px;background:#EDE8DE;overflow:hidden}
.lms-jauge s{text-decoration:none;display:block;height:100%;background:var(--g-warm);width:var(--p)}
.lms-meta{font-size:9px;color:#7A8199;font-weight:600;font-family:Figtree,sans-serif}
.lms-liste{padding:10px;display:flex;flex-direction:column;gap:5px;min-width:0;background:#FCFDFF}
.lms-cap{font-family:Figtree,sans-serif;font-weight:800;font-size:8.5px;letter-spacing:.11em;text-transform:uppercase;color:#8A93AD;margin-bottom:2px}
.lms-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:7px;border:1px solid transparent}
.lms-item span.nom{flex:1;min-width:0;font-size:10px;color:#4A5470;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}
.lms-item b{font-family:Figtree,sans-serif;font-weight:700;font-size:9px;color:#98A1B8;font-variant-numeric:tabular-nums}
.lms-item svg{width:12px;height:12px;flex:none;stroke:#0A8F63;fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.lms-pt{width:12px;height:12px;border-radius:50%;border:2px solid #DDE3EF;flex:none}
.lms-item.actif{background:#FFF7EA;border-color:#F5D9A8}
.lms-item.actif .nom{color:#8A5A0B;font-weight:700}
.lms-item.actif .lms-pt{border-color:#F5A524;background:radial-gradient(circle,#F5A524 42%,transparent 44%)}
.lms-item.fait .nom{color:#7A8199}

/* --- l'écran de la communauté --- */
.com{flex:1;display:grid;grid-template-columns:180px 1fr;min-height:0}
.com-cote{border-right:1px solid #ECEFF6;padding:16px 12px;display:flex;flex-direction:column;gap:5px;background:#FCFDFF}
.com-cap{font-family:Figtree,sans-serif;font-weight:800;font-size:8.5px;letter-spacing:.11em;text-transform:uppercase;color:#8A93AD;margin-bottom:3px}
.com-esp{display:flex;align-items:center;gap:8px;padding:8px 11px;border-radius:8px;font-size:12px;color:#4A5470;font-weight:600;white-space:nowrap}
.com-esp i{width:7px;height:7px;border-radius:2px;flex:none;background:var(--c)}
.com-esp.actif{background:#EDF2FF;color:#1B3ED4;font-weight:800}
.com-esp em{font-style:normal;margin-left:auto;font-size:8.5px;font-weight:800;font-family:Figtree,sans-serif;color:#fff;background:#2B59FF;
 min-width:15px;height:15px;border-radius:8px;display:grid;place-items:center;padding:0 4px}
.com-fil{padding:16px;display:flex;flex-direction:column;gap:12px;min-width:0}
.com-post{border:1px solid #ECEFF6;border-radius:12px;padding:13px;background:#fff;box-shadow:0 6px 14px -12px rgba(11,16,32,.6)}
.com-tete{display:flex;align-items:center;gap:7px;margin-bottom:6px}
.com-av{width:24px;height:24px;border-radius:50%;flex:none;background:var(--a);display:grid;place-items:center;
 font-family:Figtree,sans-serif;font-weight:900;font-size:8.5px;color:#fff}
.com-tete b{font-family:Figtree,sans-serif;font-weight:800;font-size:11.5px;color:#131A2C}
.com-tete span{font-size:8.5px;color:#98A1B8;font-weight:600}
.com-tete em{font-style:normal;margin-left:auto;font-size:8px;font-weight:800;font-family:Figtree,sans-serif;color:#0A8F63;background:#EAFBF3;padding:3px 7px;border-radius:999px}
.com-corps{font-size:11.5px;line-height:1.55;color:#4A5470}
.com-pied{display:flex;align-items:center;gap:12px;margin-top:8px;padding-top:7px;border-top:1px solid #F3F5FA}
.com-pied span{display:inline-flex;align-items:center;gap:4px;font-size:9px;color:#7A8199;font-weight:600}
.com-pied svg{width:11px;height:11px;stroke:#98A1B8;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.com-rep{display:flex;align-items:center;margin-left:auto}
.com-rep i{width:16px;height:16px;border-radius:50%;border:1.5px solid #fff;margin-left:-6px;background:var(--c);flex:none}

/* ===== la bande des formations Evolution ===== */
.evo-bande{display:grid;grid-template-columns:1fr 42%;gap:38px;align-items:center;margin-top:22px;padding:38px 42px;border-radius:28px;
 background:linear-gradient(120deg,#5E2C03,#A8560A 52%,#D07C0C);color:#FFFFFF;position:relative;overflow:hidden;
 box-shadow:0 22px 48px -30px rgba(94,44,3,.8);transition:transform .38s cubic-bezier(.22,.8,.3,1),box-shadow .38s}
.evo-bande::after{content:"";position:absolute;right:-70px;top:-90px;width:280px;height:280px;border-radius:50%;background:rgba(255,198,92,.35);filter:blur(30px)}
.evo-bande:hover{transform:translateY(-6px);box-shadow:0 38px 68px -30px rgba(94,44,3,.85)}
.evo-txt{position:relative;z-index:1}
.evo-tag{display:inline-block;font-family:Figtree,sans-serif;font-weight:800;font-size:11.5px;letter-spacing:.13em;text-transform:uppercase;
 padding:6px 14px;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28);color:#FFE7BF;margin-bottom:14px}
.evo-bande h3{font-size:clamp(22px,2.6vw,30px);font-weight:900;margin-bottom:10px;letter-spacing:-.025em}
.evo-bande p:where(:not(.evo-tag)):where(:not(.plus)){margin:0 0 18px;font-size:15.5px;max-width:52ch;line-height:1.62;color:rgba(255,255,255,.9)}
.evo-bande .plus{font-family:Figtree,sans-serif;font-weight:800;font-size:15px;color:#FFC65C;display:inline-flex;align-items:center;gap:8px}
.evo-bande .plus span{display:inline-block;transition:transform .3s}
.evo-bande:hover .plus span{transform:translateX(6px)}
.evo-vis{position:relative;z-index:1;border-radius:16px;overflow:hidden;height:250px;box-shadow:0 30px 56px -20px rgba(20,10,0,.85),0 0 0 1px rgba(255,255,255,.22)}

/* les modules du parcours */
.evo-vis .mini{display:flex;flex-direction:column;gap:8px;padding:8px}
.mini-mod{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:11px;background:#fff;box-shadow:0 10px 22px -14px rgba(60,32,4,.7)}
.mini-mod .n{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;font-family:Figtree,sans-serif;font-weight:900;font-size:10px;color:#fff;background:var(--g-warm);flex:none}
.mini-mod .n.ok{background:#0A8F63}
.mini-mod .t{flex:1;min-width:0}
.mini-mod .t i{display:block;font-style:normal;font-size:12px;font-weight:700;font-family:Figtree,sans-serif;color:#4B4234;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mini-mod .j{width:52px;height:5px;border-radius:3px;background:#EDE8DE;overflow:hidden;flex:none}
.mini-mod .j s{text-decoration:none;display:block;height:100%;background:var(--g-warm);width:var(--p)}
.mini-mod svg{width:15px;height:15px;flex:none;stroke:#0A8F63;fill:none;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:1080px){ .evo-bande{grid-template-columns:1fr;gap:26px;padding:30px 26px} }

/* ===== v6 : la pastille de famille sur la carte ===== */
.bt-plein{grid-column:span 6}
.bt-plein .bt-txt{flex:0 0 42%;padding:44px}
.bt-plein .bt-vis{flex:1;align-self:stretch;position:relative;overflow:hidden}
.bt-plein .bt-vis img{position:absolute;left:5%;top:12%;width:110%;max-width:none;transform:rotate(-2.4deg);border-radius:14px;box-shadow:0 34px 66px -28px rgba(3,6,16,.9),0 0 0 1px rgba(255,255,255,.16)}
.bt-plein:hover .bt-vis img{transform:rotate(-1.2deg) translateY(-8px)}
.bt-mir{flex-direction:row-reverse}
.bt-mir .bt-vis img{left:auto;right:5%;transform:rotate(2.4deg)}
.bt-mir:hover .bt-vis img{transform:rotate(1.2deg) translateY(-8px)}
.bt-mir::before{background:radial-gradient(120% 90% at 92% 12%,rgba(255,255,255,.18),transparent 55%)}
@media (max-width:960px){ .bt-mir{flex-direction:column} }
.bt-phare{box-shadow:0 30px 70px -34px rgba(245,165,36,.55),0 0 0 1px rgba(245,165,36,.22)}
.bt-phare:hover{box-shadow:0 44px 84px -34px rgba(245,165,36,.7),0 0 0 1px rgba(245,165,36,.35)}
.bt-phare .bt-txt{flex:0 0 46%;padding:42px 44px}
.bt-logo.logo-apogee{background:none;box-shadow:none;padding:0;width:62px;height:62px}
.bt-logo.logo-apogee svg{width:100%;height:100%;stroke:none}
.apogee-vis{display:grid;place-items:center;padding:30px}
.apogee-scene{position:relative;display:flex;flex-direction:column;align-items:center;gap:24px}
.apogee-logo{width:180px;filter:drop-shadow(0 24px 46px rgba(245,165,36,.5))}
.apogee-logo svg{width:100%;height:auto;display:block}
.apogee-chips{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;max-width:340px}
.apogee-chips span{padding:9px 16px;border-radius:999px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.18);
 font-family:Figtree,sans-serif;font-weight:700;font-size:13.5px;color:#FFE7BF;backdrop-filter:blur(8px)}
@media (max-width:960px){ .apogee-logo{width:150px} }
.bt-phare h3{font-size:30px}
.bt-phare p:where(:not(.plus)){font-size:16px;max-width:38ch}
.bt-phare p b{color:#FFD79A;font-weight:600}
.fam-phare{background:rgba(245,165,36,.18);border:1px solid rgba(245,165,36,.42);color:#FFC65C}
@media (max-width:960px){ .bt-phare .bt-txt{flex:none;padding:34px} .bt-phare h3{font-size:25px} }
@media (max-width:960px){ .bt-plein{grid-column:span 2} }
@media (max-width:620px){ .bt-plein{grid-column:span 1} }
.fam{position:relative;top:-2px;z-index:4;display:inline-flex;align-items:center;gap:7px;vertical-align:middle;
 padding:7px 13px;border-radius:999px;font-family:Figtree,sans-serif;font-weight:800;font-size:11.5px;
 letter-spacing:.06em;text-transform:uppercase;backdrop-filter:blur(8px)}
.fam svg{width:14px;height:14px}
.fam-wp{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.24);color:#fff}
.fam-wp svg{fill:#fff}
.bt-clair .fam-wp{background:#F1F5FF;border-color:#E0E8FB;color:#2A3550}
.bt-clair .fam-wp svg{fill:#2A3550}
.fam-saas{background:#F1FCF7;border:1px solid #CFF0E2;color:#0A8F63}
.bt-ambre .fam-wp{background:rgba(26,18,6,.12);border-color:rgba(26,18,6,.18);color:#1A1206}
.bt-ambre .fam-wp svg{fill:#1A1206}
.mi .fam{position:static;padding:3px 8px;font-size:10px;gap:5px;margin-left:8px;vertical-align:middle}
.mi-t b{display:flex;align-items:center;flex-wrap:wrap}

/* ===== v5 : le grand menu, repris du thème Booking Leads ===== */
.nav{align-items:center}
.nav .item{position:relative;display:flex;align-items:center;height:74px}
.nav .item>a{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.nav .item>a .caret{width:11px;height:11px;stroke:currentColor;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s}
.nav .item:hover>a .caret{transform:rotate(180deg)}
.mega{position:absolute;top:calc(100% - 6px);left:-26px;background:#fff;border-radius:24px;padding:20px;
 box-shadow:0 34px 70px -26px rgba(10,15,31,.55),0 0 0 1px rgba(10,15,31,.05);
 opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .24s,transform .24s,visibility .24s;z-index:40}
.nav .item:hover .mega,.nav .item:focus-within .mega{opacity:1;visibility:visible;transform:none}
.mega-large{width:min(780px,94vw)}
.mega-moyen{width:min(420px,92vw)}
.mega-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}
.mega-moyen .mega-grid{grid-template-columns:1fr}
.mega-h{grid-column:1/-1;font-family:Figtree,sans-serif;font-weight:800;font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:#8A93AD;padding:14px 15px 6px}
.mega-h:first-child{padding-top:6px}
.mi{display:flex;align-items:center;gap:14px;padding:14px 15px;border-radius:16px;transition:background .16s;min-width:0}
.mi .mi-l{width:44px;height:44px;border-radius:13px;flex:none;display:grid;place-items:center;background:#fff;padding:6px;box-shadow:0 8px 18px -10px rgba(11,16,32,.4),0 0 0 1px rgba(11,16,32,.07)}
.mi .mi-l img,.mi .mi-l svg{width:100%;height:100%;object-fit:contain;display:block}
.mi .mi-l.plein{padding:0;background:none;box-shadow:0 8px 18px -10px rgba(11,16,32,.45)}
.mi .mi-l.plein svg{border-radius:12px}
.mi-etat{font-style:normal;margin-left:8px;font-family:Figtree,sans-serif;font-weight:800;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:#8A5A00;background:#FFF1D6;border-radius:999px;padding:3px 8px;vertical-align:middle}
.mi:hover{background:#F2F6FF}
.mi .mi-i{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex:none;background:var(--gc);box-shadow:0 10px 20px -10px var(--oc)}
.mi .mi-i svg{width:19px;height:19px;stroke:#fff;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.mi b{display:block;font-family:Figtree,sans-serif;font-weight:700;font-size:15px;line-height:1.25;color:#0A0E17;letter-spacing:-.012em}
.mi span{display:block;font-size:13px;line-height:1.4;color:#5B5A72;margin-top:1px}
.mega-pied{margin-top:12px;border-top:1px solid #EEF1F8;padding:14px 13px 4px;display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}
.mega-pied a{font-family:Figtree,sans-serif;font-weight:800;font-size:13.5px;color:#1B3ED4;display:inline-flex;align-items:center;gap:6px;transition:color .18s}
.mega-pied a:hover{color:#0A2ABF}
.mega-pied .note{font-size:13px;color:#5B5A72}
@media (max-width:1100px){ .mega-large{width:min(620px,94vw)} .mega-large .mega-grid{grid-template-columns:1fr} }
@media (max-width:960px){ .mega{display:none} }

/* ===== v5 : piliers d'expertise ===== */
.piliers{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.pil{position:relative;padding:30px 26px;border-radius:26px;background:#fff;border:1px solid var(--line);box-shadow:0 20px 44px -34px rgba(11,16,32,.7);transition:transform .38s cubic-bezier(.22,.8,.3,1),box-shadow .38s}
.pil:hover{transform:translateY(-7px);box-shadow:0 34px 62px -32px rgba(11,16,32,.5)}
.pil .ic{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:var(--gc);box-shadow:0 12px 26px -12px var(--oc);margin-bottom:18px}
.pil .ic svg{width:22px;height:22px;stroke:#fff;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.pil h3{font-size:18.5px;font-weight:900;margin-bottom:9px;line-height:1.2}
.pil p{margin:0;font-size:14.5px;color:var(--muted);line-height:1.55}

/* ===== familles de logiciels ===== */
.famille{display:flex;align-items:center;gap:16px;margin:0 0 20px}
.famille h3{font-size:15px;font-weight:900;letter-spacing:-.01em;white-space:nowrap}
.famille .tag{font-family:Figtree,sans-serif;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;padding:6px 13px;border-radius:999px;background:var(--wash);color:var(--ac)}
.famille .filet{flex:1;height:1px;background:linear-gradient(90deg,var(--line),transparent)}
.bento + .famille{margin-top:44px}

/* ===== outils recommandés ===== */
.sec-outils{background:var(--ink);color:#fff;padding:96px 0;position:relative;overflow:hidden}
.sec-outils .orb-1{width:640px;height:640px;right:-14%;top:-32%;animation:flotte 22s ease-in-out infinite}
.sec-outils .wrap{position:relative;z-index:2}
.sec-outils .sec-tete h2{color:#fff}
.sec-outils .sec-tete p:where(:not(.lbl)){color:#B9C4E0}
.cats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:34px}
.cat{padding:18px 20px;border-radius:18px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.1);transition:background .3s,border-color .3s,transform .3s}
.cat:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.22);transform:translateY(-4px)}
.cat b{display:block;font-family:Figtree,sans-serif;font-weight:800;font-size:15px;margin-bottom:4px}
.cat span{font-size:13px;color:#8FA0C4}
.defiles{margin-bottom:26px;display:flex;flex-direction:column;gap:14px}
.defile{position:relative;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)}
.defile-piste{display:flex;gap:14px;width:max-content;animation:glisse 60s linear infinite}
.defile-2 .defile-piste{animation-duration:76s;animation-direction:reverse}
.defile:hover .defile-piste{animation-play-state:paused}
@keyframes glisse{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){ .defile-piste{animation:none} .defile{overflow-x:auto} }
.slot{flex:none;height:72px;padding:0 24px;min-width:150px;justify-content:center;border-radius:14px;background:#fff;border:1px solid rgba(255,255,255,.6);
 display:inline-flex;align-items:center;gap:12px;white-space:nowrap;font-size:15.5px;color:#131A2C;font-family:Figtree,sans-serif;font-weight:800;letter-spacing:-.015em;
 box-shadow:0 12px 26px -16px rgba(0,0,0,.7);transition:transform .3s,box-shadow .3s}
.slot:hover{transform:translateY(-3px);box-shadow:0 18px 34px -16px rgba(0,0,0,.8)}
.slot img,.slot svg.marque{height:24px;width:auto;max-width:160px;object-fit:contain;flex:none;display:block}

.note-outils{display:block;padding:18px 22px;border-radius:20px;background:linear-gradient(100deg,rgba(245,165,36,.14),rgba(245,165,36,.04));border:1px solid rgba(245,165,36,.28);font-size:15px;color:#F3E6CE}
.note-outils b,.note-outils strong{color:var(--amber-l)}
.mentor p.lbl{line-height:25.92px}

/* ===== La Taverne ===== */
.taverne{position:relative;overflow:hidden;padding:96px 0;background:linear-gradient(180deg,#EBF1FF,#FFFFFF 70%)}
.taverne .wrap{display:block}
.espaces{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:34px}
.esp{position:relative;padding:30px 28px;border-radius:26px;background:#fff;border:1px solid var(--line);box-shadow:0 20px 44px -34px rgba(11,16,32,.7);transition:transform .38s cubic-bezier(.22,.8,.3,1),box-shadow .38s}
.esp:hover{transform:translateY(-7px);box-shadow:0 34px 62px -32px rgba(11,16,32,.5)}
.esp .ic{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:var(--gc);box-shadow:0 12px 26px -12px var(--oc);margin-bottom:18px}
.esp .ic svg{width:22px;height:22px;stroke:#fff;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.esp-tag{display:inline-block;font-family:Figtree,sans-serif;font-weight:800;font-size:11.5px;letter-spacing:.11em;text-transform:uppercase;padding:6px 13px;border-radius:999px;background:var(--wash);color:var(--ac);margin-bottom:12px}
.esp h3{font-size:21px;font-weight:900;margin-bottom:9px}
.esp p:where(:not(.esp-tag)){margin:0;font-size:14.5px;color:var(--muted);line-height:1.55}
.tav-large{position:relative;border-radius:28px;overflow:hidden;box-shadow:0 50px 100px -44px rgba(11,16,32,.8);border:1px solid var(--line);margin-top:8px}
.tav-large .ecran{height:452px}

.tav-cta{margin-top:36px;text-align:center}
.tav-vis{position:relative;border-radius:28px;overflow:hidden;box-shadow:0 40px 80px -40px rgba(11,16,32,.7);border:1px solid var(--line)}
.tav-vis img{width:100%}
.tav-vis::after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(43,89,255,.12),transparent 55%)}
.tav-badge{position:absolute;left:20px;bottom:20px;z-index:2;display:flex;align-items:center;gap:10px;padding:10px 16px;border-radius:999px;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);box-shadow:0 16px 34px -16px rgba(11,16,32,.6);font-family:Figtree,sans-serif;font-weight:800;font-size:13.5px}
.tav-badge i{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(18,185,129,.2)}
.taverne h2{font-size:clamp(28px,3.8vw,44px);font-weight:900;line-height:1.06;margin:12px 0 16px}
.taverne p:where(:not(.esp-tag)):where(:not(.lbl)){margin:0 0 18px;color:var(--muted);font-size:16.5px;max-width:52ch}
.tav-liste{list-style:none;margin:0 0 26px;padding:0;display:grid;gap:11px}
.tav-liste li{display:flex;gap:12px;align-items:flex-start;font-size:15.5px;color:var(--muted)}
.tav-liste li b{color:var(--text);font-family:Figtree,sans-serif;font-weight:800}
.tav-liste i{flex:none;width:22px;height:22px;border-radius:50%;background:rgba(43,89,255,.1);display:grid;place-items:center;margin-top:2px}
.tav-liste svg{width:12px;height:12px;stroke:var(--blue);fill:none;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}

/* ===== formations, bande courte ===== */
.evo{position:relative;overflow:hidden;border-radius:32px;padding:40px;background:linear-gradient(120deg,#B85E06,#F5A524 58%,#FFC65C);color:#1A1206;display:grid;grid-template-columns:1fr auto;gap:34px;align-items:center}
.evo::after{content:"";position:absolute;right:-70px;top:-90px;width:280px;height:280px;border-radius:50%;background:rgba(255,255,255,.28);filter:blur(12px)}
.evo h2{position:relative;z-index:1;font-size:clamp(24px,3vw,34px);font-weight:900;margin-bottom:10px}
.evo p{position:relative;z-index:1;margin:0 0 18px;max-width:46ch;font-size:15.5px}
.evo-liste{position:relative;z-index:1;display:flex;gap:9px;flex-wrap:wrap;list-style:none;margin:0;padding:0}
.evo-liste li{padding:7px 15px;border-radius:999px;background:rgba(26,18,6,.1);font-family:Figtree,sans-serif;font-weight:800;font-size:13.5px}
.evo .btn{position:relative;z-index:1}

/* ===== témoignages ===== */
.temoins{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.tem{padding:28px;border-radius:24px;background:#fff;border:1px solid var(--line);box-shadow:0 20px 44px -34px rgba(11,16,32,.7);display:flex;flex-direction:column;gap:16px}
.tem .etoiles{display:flex;gap:3px}
.tem .etoiles svg{width:16px;height:16px;fill:var(--amber)}
.tem p:where(:not(.aremplir):not(.av):not(.qui *)){margin:0;font-size:15.5px;line-height:1.6;flex:1}
.tem .qui{display:flex;align-items:center;gap:12px}
.tem .av{width:42px;height:42px;border-radius:50%;background:var(--paper-3);border:1px dashed var(--line);display:grid;place-items:center;font-family:Figtree,sans-serif;font-weight:800;font-size:13px;color:var(--muted)}
.tem .qui b{display:block;font-family:Figtree,sans-serif;font-weight:800;font-size:14.5px}
.tem .qui span{font-size:13px;color:var(--muted)}
.aremplir{display:inline-flex;align-items:center;gap:7px;align-self:flex-start;padding:5px 12px;border-radius:999px;background:#FFF4E2;border:1px dashed #F0C179;color:#9A6207;font-family:Figtree,sans-serif;font-weight:800;font-size:11px;letter-spacing:.1em;text-transform:uppercase}

/* ===== blog ===== */
/* Renommée : WordPress pose la classe « blog » sur <body> pour la page
   des articles. Une règle nommée .blog-cartes s'appliquait donc au document
   entier, qui devenait une grille et se rétractait à la largeur de son
   plus large contenu. */
.blog-cartes{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.art{border-radius:24px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:0 20px 44px -34px rgba(11,16,32,.7);display:flex;flex-direction:column;transition:transform .38s cubic-bezier(.22,.8,.3,1),box-shadow .38s}
.art:hover{transform:translateY(-7px);box-shadow:0 34px 62px -32px rgba(11,16,32,.5)}
.art .vign{height:150px;background:var(--gc);position:relative}
.art .vign::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 100% at 20% 10%,rgba(255,255,255,.35),transparent 60%)}
.art .corps{padding:24px;display:flex;flex-direction:column;gap:10px;flex:1}
.art .meta{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:700;font-family:Figtree,sans-serif}
.art h3{font-size:18px;font-weight:900;line-height:1.25}
.art .lire{margin-top:auto;font-family:Figtree,sans-serif;font-weight:800;font-size:14px;color:var(--ac)}

@media (max-width:1080px){ .piliers{grid-template-columns:1fr 1fr} .cats{grid-template-columns:1fr 1fr} .taverne .wrap{grid-template-columns:1fr;gap:40px} .temoins,.blog-cartes{grid-template-columns:1fr} .evo{grid-template-columns:1fr} }
@media (max-width:620px){ .piliers,.cats{grid-template-columns:1fr} .slot{height:54px;padding:0 20px;font-size:14px} }

/* ==================================================================
   v48 — passage mobile : gagner de la hauteur, garder la compréhension
   ================================================================== */
@media (max-width:820px){

  /* --- rythme général --- */
  .sec{padding:56px 0}
  .taverne{padding:56px 0}
  .mentor{padding:58px 0}
  .sec-outils{padding:56px 0}
  .sec-tete{margin-bottom:28px;gap:10px}
  .sec-tete h2{font-size:27px;line-height:1.1}
  .sec-tete p:where(:not(.lbl)){font-size:15.5px;line-height:1.55}
  .lbl{font-size:10.5px;letter-spacing:.14em}

  /* --- les trois chiffres, sur une seule ligne --- */
  .chiffres{margin-top:-30px}
  .chiffres-in{grid-template-columns:repeat(3,1fr);border-radius:20px}
  .ch{padding:18px 6px}
  .ch + .ch::before{top:18%;bottom:18%}
  .ch-n{font-size:30px;letter-spacing:-.04em}
  .ch-n span{font-size:.62em}
  .ch-l{margin-top:7px;font-size:9.5px;letter-spacing:.05em;line-height:1.3}

  /* --- Apogée Max : on retire le logo géant, déjà présent en tête --- */
  .bt-phare .bt-txt{padding:28px 24px 8px}
  .bt-phare h3{font-size:23px}
  .bt-phare .bt-txt p:where(:not(.plus)){font-size:15.5px;line-height:1.6}
  .apogee-vis{padding:6px 24px 26px;place-items:stretch}
  .apogee-logo{display:none}
  .apogee-scene{gap:0;align-items:stretch;width:100%}
  .apogee-etat{width:100%;gap:10px;font-size:13.5px}
  .apogee-etat b{flex:1;text-align:center;padding:12px 8px;line-height:1.25}
  .apogee-etat svg{width:18px;height:18px}

  /* --- fiches produit : plus d'espace mort avant « Découvrir » --- */
  .prod-haut{padding:26px 22px 0;gap:12px}
  .prod h3{font-size:21px}
  .prod p{font-size:15.5px;line-height:1.6;height:auto;max-width:none;-webkit-line-clamp:4}
  .prod-vis{margin:18px 18px 18px;height:210px}

  /* --- les formations --- */
  .evo-bande{padding:26px 22px;gap:20px}

  /* --- « Le tri est déjà fait » : trois tuiles par ligne --- */
  .cats{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:26px}
  .cat{padding:12px 12px;border-radius:14px}
  .cat b{font-size:12.5px;line-height:1.25;margin-bottom:3px}
  .cat span{font-size:11px;line-height:1.3}

  /* --- « Votre problème d'abord » : deux par ligne --- */
  .piliers{grid-template-columns:1fr 1fr;gap:12px}
  .pil{padding:22px 18px;border-radius:20px}
  .pil .ic{width:38px;height:38px;border-radius:12px;margin-bottom:13px}
  .pil .ic svg{width:19px;height:19px}
  .pil h3{font-size:15.5px;margin-bottom:6px;line-height:1.22}
  .pil p{font-size:13px;line-height:1.45}

  /* --- les espaces de la communauté : en lignes compactes --- */
  .espaces{grid-template-columns:1fr;gap:10px;margin-bottom:26px}
  .esp{display:grid;grid-template-columns:44px 1fr;column-gap:16px;row-gap:4px;
       align-items:start;padding:18px 20px;border-radius:20px}
  .esp .ic{grid-row:1/3;width:44px;height:44px;margin:0}
  .esp-tag{grid-column:2;justify-self:start;margin:0;font-size:10px;padding:4px 10px}
  .esp h3{grid-column:2;font-size:18px;margin:0}
  .esp p:where(:not(.esp-tag)){grid-column:2;font-size:14px;line-height:1.5;margin-top:2px}
  .tav-large .ecran{height:360px}
  .tav-cta{margin-top:26px}

  /* --- le pied de page --- */
  .pied{padding:38px 0 24px}
  .brand-pied .logo{width:150px}
  .pied-cols{grid-template-columns:1fr 1fr;gap:26px 22px}
  .pied-cols>div:first-child{grid-column:1/-1}
  .pied h4{font-size:11px;margin-bottom:10px}
  .pied ul{gap:7px}
  .pied-bas{margin-top:30px;padding-top:18px;font-size:12px;gap:10px 16px;
            flex-direction:row;align-items:center;justify-content:space-between}
  .pied-bas-d{gap:8px 14px;flex:1;justify-content:flex-end}
  .pied-bas .legal{gap:6px 14px;font-size:12px}
  .pied-bas .haut span{display:none}
  .pied-bas .haut{padding:7px;border-radius:10px;border:1px solid rgba(255,255,255,.14)}
  .pied-bas .haut svg{width:15px;height:15px}
}

@media (max-width:560px){
  .cats{grid-template-columns:1fr 1fr}
  .piliers{grid-template-columns:1fr 1fr}
  .ch-l{font-size:9px}
  /* bas de page : une ligne pour le copyright, une ligne pour le légal */
  .pied-bas{flex-wrap:wrap;gap:12px}
  .pied-bas>span{flex:1 1 100%}
  .pied-bas-d{width:100%;justify-content:space-between;gap:8px;flex-wrap:nowrap;align-items:center}
  .pied-bas .legal{font-size:10.5px;gap:6px 9px;flex-wrap:nowrap;white-space:nowrap}
  .pied-bas .haut{flex:none;padding:6px}
}

/* --- v51 : en-tête et bandeau promo en mobile --- */
.burger{display:none;width:42px;height:42px;border-radius:12px;border:1px solid rgba(255,255,255,.18);
 background:rgba(255,255,255,.06);padding:0;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:4px}
.burger span{display:block;width:18px;height:2px;border-radius:2px;background:#fff;transition:transform .28s,opacity .2s}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.menu-mob{display:none}
.bt-tete{display:contents}
.hd.hd-ouvert{background:#080C18;box-shadow:0 24px 50px -28px rgba(0,0,0,.9)}

@media (max-width:960px){
  .nav{display:none}
  .burger{display:flex}
  .hd-act .lien-clair,.hd-act .btn{display:none}
  .hd-act{gap:10px}

  .menu-mob{display:block;background:#080C18;border-top:1px solid rgba(255,255,255,.08);
   padding:10px 22px 20px;box-shadow:0 30px 60px -30px rgba(0,0,0,.9)}
  .menu-mob[hidden]{display:none}
  .menu-mob a{display:block;padding:13px 2px;color:#D5DEF3;font-family:Figtree,sans-serif;font-weight:700;font-size:16px;
   border-bottom:1px solid rgba(255,255,255,.07)}
  .menu-mob-bas{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:16px}
  .menu-mob-bas a{border:0;padding:0}
  .menu-mob-bas .btn{display:inline-flex;padding:12px 20px;font-size:14.5px}

  /* bandeau promo compact */
  .promo{padding:10px 16px}
  .promo-in{gap:8px 14px}
  .promo-txt{font-size:13px;gap:8px;justify-content:center;text-align:center}
  .promo-txt b{font-size:10px;padding:4px 9px}
  .promo-txt strong{font-size:17px}
  .compte{gap:6px}
  .promo-btn{font-size:13px;padding:9px 16px}
}
@media (max-width:560px){
  .promo-txt strong{font-size:16px}
  .promo-txt span,.promo-txt{font-size:12.5px}
}

/* --- v54 : ajustements mobile --- */
@media (max-width:820px){
  /* plus de filets entre les chiffres */
  .ch + .ch::before{display:none}

  /* le hero : titre plus grand, moins d'air sous l'en-tête */
  .hero{padding-top:86px;padding-bottom:68px}
  .hero h1{font-size:clamp(33px,9.2vw,46px);line-height:1.04;letter-spacing:-.038em;max-width:none}
  .hero p:where(:not(.terr)){margin:22px 0 0;font-size:16.5px;max-width:none}
  .pastille-baseline{font-size:12.5px;padding:6px 14px 6px 9px}
  .terrains{margin-top:30px;gap:10px}
  .terr{padding:10px 18px 10px 10px;font-size:15px;gap:10px}
  .hero-cta{margin-top:34px;gap:16px}

  /* Apogée Max : logo à gauche, titre à droite — comme les fiches produit */
  .bt-phare .bt-txt{display:grid;grid-template-columns:auto 1fr;column-gap:14px;row-gap:0;align-items:center}
  .bt-phare .bt-logo.logo-apogee{grid-column:1;grid-row:1;width:44px;height:44px;margin:0}
  .bt-phare h3{grid-column:2;grid-row:1;font-size:22px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
  .bt-phare .fam-phare{font-size:9.5px;padding:4px 9px;letter-spacing:.08em}
  .bt-phare .bt-txt p:where(:not(.plus)){grid-column:1/-1;margin-top:14px}
  .bt-phare .bt-txt .plus{grid-column:1/-1;margin-top:14px}

  /* menu déroulant mobile */
  .mm-grp{border-bottom:1px solid rgba(255,255,255,.07)}
  .mm-t{display:flex;align-items:center;justify-content:space-between;width:100%;
   background:none;border:0;padding:13px 2px;cursor:pointer;
   color:#D5DEF3;font-family:Figtree,sans-serif;font-weight:700;font-size:16px;text-align:left}
  .mm-ch{width:15px;height:15px;stroke:#8FA0C4;fill:none;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s}
  .mm-t[aria-expanded="true"] .mm-ch{transform:rotate(180deg)}
  .mm-t[aria-expanded="true"]{color:#fff}
  .mm-sous{padding:2px 0 12px 14px;border-left:2px solid rgba(255,255,255,.10);margin-left:2px}
  .mm-sous[hidden]{display:none}
  .mm-sous a{border:0;padding:9px 0;font-size:14.5px;font-weight:600;color:#A9B6D4}

  /* bas du menu : le bouton sur sa propre ligne, lisible */
  .menu-mob-bas{flex-direction:column;align-items:stretch;gap:12px;padding-top:18px}
  .menu-mob-bas .lien-clair{text-align:center;padding:6px 0;font-size:15px}
  .menu-mob-bas .btn{display:flex;justify-content:center;width:100%;padding:14px 20px;font-size:15px}
  .menu-mob a.btn-or,.menu-mob-bas .btn-or{color:#1A1206}
}

/* --- v56 : finitions mobile --- */
@media (max-width:820px){
  /* les quatre terrains sur une seule ligne */
  .terrains{flex-wrap:nowrap;gap:6px;margin-top:26px}
  .terr{padding:8px 12px 8px 8px;font-size:12.5px;gap:6px;flex:0 1 auto;white-space:nowrap}
  .terr .ic-terr,.terr span:first-child{flex:none}
  .terr svg{width:14px;height:14px}

  /* chiffres : contenu centré verticalement dans chaque colonne */
  .chiffres-in{align-items:stretch}
  .ch{display:flex;flex-direction:column;align-items:center;justify-content:center}

  /* Apogée Max : icône, titre puis pastille, sur une ligne centrée */
  .bt-phare .bt-txt{display:flex;flex-direction:column;align-items:center;text-align:center}
  .bt-phare .bt-tete{display:flex;align-items:center;justify-content:center;gap:11px;flex-wrap:nowrap}
  .bt-phare .bt-tete h3{margin:0}
  .bt-phare .bt-tete .fam{position:static;top:auto}
  .bt-phare .bt-logo.logo-apogee{width:44px;height:44px;margin:0;flex:none}
  .bt-phare .bt-txt p:where(:not(.plus)){margin-top:15px}
  .bt-phare .bt-txt .plus{margin-top:15px}

  /* sous-menus riches dans le burger */
  .mm-sous{padding:4px 0 14px;border-left:0;margin-left:0}
  .mm-cap{font-family:Figtree,sans-serif;font-weight:800;font-size:10px;letter-spacing:.15em;
   text-transform:uppercase;color:#6F7EA3;padding:12px 2px 6px}
  .menu-mob .mi{display:flex;align-items:center;gap:12px;padding:9px 2px;border:0}
  .menu-mob .mi .mi-l{width:38px;height:38px;border-radius:11px;flex:none;display:grid;place-items:center;
   background:#fff;padding:5px;box-shadow:0 6px 14px -8px rgba(0,0,0,.8)}
  .menu-mob .mi .mi-l img,.menu-mob .mi .mi-l svg{width:100%;height:100%;object-fit:contain;display:block}
  .menu-mob .mi .mi-l.plein{padding:0;background:none;box-shadow:none}
  .menu-mob .mi .mi-l.plein svg{border-radius:10px}
  .menu-mob .mi .mi-i{width:38px;height:38px;border-radius:11px;flex:none;display:grid;place-items:center;
   background:var(--gc);box-shadow:0 8px 18px -10px var(--oc)}
  .menu-mob .mi .mi-i svg{width:17px;height:17px;stroke:#fff;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
  .menu-mob .mi-t{min-width:0}
  .menu-mob .mi b{display:block;font-family:Figtree,sans-serif;font-weight:700;font-size:14.5px;color:#EAF0FF;line-height:1.25}
  .menu-mob .mi span{display:block;font-size:12.5px;line-height:1.35;color:#8FA0C4;margin-top:2px;font-weight:400}
  .menu-mob .mi-etat{margin-left:7px;font-size:9px;letter-spacing:.09em;padding:2px 7px;border-radius:999px;
   background:rgba(245,165,36,.18);color:#FFC65C;font-style:normal;vertical-align:middle}
  .mm-pied{display:inline-block;border:0;padding:12px 2px 2px;font-family:Figtree,sans-serif;
   font-weight:800;font-size:13.5px;color:#7FA6FF}
}
@media (max-width:820px){
  .bt-phare h3 .fam{font-size:9px;padding:3px 9px;letter-spacing:.05em;white-space:nowrap;flex:none}
  .bt-phare h3{font-size:21px;display:flex;flex-direction:row;flex-wrap:nowrap;
   align-items:center;gap:8px;white-space:nowrap}
}
@media (max-width:400px){
  .terr{padding:6px 9px 6px 6px;font-size:11px;gap:4px}
  .terr svg{width:12px;height:12px}
  .terrains{gap:5px}
  .bt-phare h3{font-size:19px;gap:7px}
  .bt-phare h3 .fam{font-size:8.5px;padding:3px 7px}
}

/* --- v61 : finitions mobile, 2e passe --- */
@media (max-width:820px){
  /* l'écran de La Taverne : le fil seul, la barre latérale n'a pas la place */
  .com{grid-template-columns:1fr}
  .com-cote{display:none}
  .com-fil{padding:12px;gap:9px}
  .com-post{padding:11px;border-radius:11px}
  .com-tete{flex-wrap:wrap;gap:6px;margin-bottom:5px}
  .com-tete em{margin-left:auto}
  .com-corps{font-size:12px}
  .tav-large .ecran{height:330px}

  /* le mentor : bloc plus compact */
  .mentor{padding:52px 0}
  .mentor .wrap{gap:34px}
  .scene .cadre{border-radius:26px}

  /* la bande d'outils : tuiles plus basses */
  .slot{height:56px;padding:0 18px;min-width:118px;border-radius:12px}
  .defiles{gap:10px}
}

/* =====================================================================
   WordPress — la couche d'adaptation
   ---------------------------------------------------------------------
   Le style ci-dessus vient de la maquette : il ne connaît que les classes
   du thème. WordPress, lui, produit son propre balisage pour la
   navigation, les boucles d'articles et les blocs. Tout ce qui suit fait
   correspondre l'un à l'autre. Rien n'y est décoratif : chaque règle
   traduit une classe WordPress en classe de la maquette.
   ===================================================================== */

/* ---------- remise à plat ---------- */
.wp-block-group{box-sizing:border-box}
.sdvb-header{position:sticky;top:0;z-index:25}
.sdvb-header .wrap.hd-in{display:flex;align-items:center;gap:26px;height:74px}
.sdvb-gauche{display:flex;align-items:center;gap:26px;min-width:0}

/* le logo du site, posé par le bloc Logo */
.brand .wp-block-site-logo img{height:22px;width:auto;display:block;transform:translateY(-14%)}
.brand .wp-block-site-title a{color:#fff;font-family:Figtree,sans-serif;font-weight:900;font-size:19.5px;text-decoration:none}
.sdvb-header .wp-block-site-title{margin:0}

/* ---------- la navigation principale ---------- */
.sdvb-nav .wp-block-navigation__container{display:flex;align-items:center;gap:22px}
.sdvb-nav .wp-block-navigation-item{position:relative;display:flex;align-items:center;height:74px}
.sdvb-nav .wp-block-navigation-item__content{position:relative;padding:5px 0;color:#C6D0E8;font-size:14.5px;font-weight:500;text-decoration:none;white-space:nowrap}
.sdvb-nav > .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content::after{
 content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;background:var(--g-warm);
 transform:scaleX(0);transform-origin:left;transition:transform .3s}
.sdvb-nav > .wp-block-navigation__container > .wp-block-navigation-item:hover > .wp-block-navigation-item__content::after,
.sdvb-nav > .wp-block-navigation__container > .wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content::after{transform:scaleX(1)}
.sdvb-nav .wp-block-navigation-item:hover > .wp-block-navigation-item__content,
.sdvb-nav .wp-block-navigation-item.current-menu-item > .wp-block-navigation-item__content{color:#fff}
.sdvb-nav .wp-block-navigation__submenu-icon{width:11px;height:11px;margin-left:2px}

/* le grand menu : le sous-menu natif, redessiné */
.sdvb-nav .wp-block-navigation__submenu-container{
 position:absolute;top:calc(100% - 6px);left:-26px;min-width:min(420px,92vw);width:max-content;max-width:min(780px,94vw);
 background:#fff;border:0;border-radius:24px;padding:20px;
 box-shadow:0 34px 70px -26px rgba(10,15,31,.55),0 0 0 1px rgba(10,15,31,.05);
 opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .24s,transform .24s,visibility .24s;z-index:40}
.sdvb-nav .wp-block-navigation-item:hover > .wp-block-navigation__submenu-container,
.sdvb-nav .wp-block-navigation-item:focus-within > .wp-block-navigation__submenu-container{opacity:1;visibility:visible;transform:none}
.sdvb-nav .wp-block-navigation__submenu-container .wp-block-navigation-item{display:block;height:auto}
.sdvb-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content{
 display:flex;align-items:center;gap:14px;padding:14px 15px;border-radius:16px;color:#0A0E17;transition:background .16s}
.sdvb-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover{background:#F2F6FF}
.sdvb-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content::after{display:none}
.sdvb-mi-i{width:44px;height:44px;border-radius:13px;flex:none;display:grid;place-items:center;background:#fff;padding:6px;
 box-shadow:0 8px 18px -10px rgba(11,16,32,.4),0 0 0 1px rgba(11,16,32,.07)}
.sdvb-mi-i img,.sdvb-mi-i svg{width:100%;height:100%;object-fit:contain;display:block}
.sdvb-mi-i--plein{padding:0;background:none;box-shadow:0 8px 18px -10px rgba(11,16,32,.45)}
.sdvb-mi-i--plein svg{border-radius:12px}
.sdvb-mi-i--glyphe{padding:11px;box-shadow:0 10px 20px -10px rgba(11,16,32,.5)}
.sdvb-mi-t{display:block;min-width:0;font-family:Figtree,sans-serif;font-weight:700;font-size:15px;line-height:1.25;letter-spacing:-.012em}
.sdvb-mi-d{display:block;font-family:Inter,sans-serif;font-size:13px;line-height:1.4;color:#5B5A72;font-weight:400;margin-top:1px}

/* ---------- les boutons de l'en-tête ---------- */
.sdvb-actions .wp-block-navigation__container{display:flex;align-items:center;gap:16px}
.sdvb-actions .wp-block-navigation-item__content{color:#C6D0E8;font-size:14.5px;text-decoration:none;white-space:nowrap}
.sdvb-actions .btn .wp-block-navigation-item__content{color:#1A1206}
.sdvb-actions .btn{border-radius:999px}
.sdvb-actions .btn .wp-block-navigation-item__content{
 display:inline-flex;align-items:center;gap:9px;padding:12px 22px;border-radius:999px;
 font-family:Figtree,sans-serif;font-weight:800;font-size:14.5px;line-height:1;
 background:var(--g-warm);box-shadow:0 12px 30px -10px rgba(245,165,36,1),inset 0 1px 0 rgba(255,255,255,.5)}

/* ---------- le menu déroulant mobile, natif ---------- */
@media (max-width:960px){ .sdvb-nav .wp-block-navigation__container{display:none} }

/* ---------- le pied de page ---------- */
.pied .wp-block-navigation__container{display:flex;flex-direction:column;gap:9px}
.pied .wp-block-navigation-item__content{color:#8494BC;text-decoration:none;font-size:14px}
.pied .wp-block-navigation-item__content:hover{color:#fff}
.pied h4{color:#fff;font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin:0 0 14px;font-weight:800;font-family:Figtree,sans-serif}
.pied .brand-pied .wp-block-site-logo img{height:30px;width:auto}
.pied-bas .legal .wp-block-navigation__container{flex-direction:row;flex-wrap:wrap;gap:8px 20px}
.pied-bas p{margin:0}
.pied-bas .haut a{color:#B9C4E0;font-family:Figtree,sans-serif;font-weight:700}

/* ---------- les en-têtes de page et d'article ---------- */
.ph{background:var(--g-night);color:#fff;padding:150px 0 64px;margin-top:-74px;text-align:center}
.ph .wrap{max-width:820px}
.ph h1{font-size:clamp(30px,4.4vw,52px);color:#fff;margin:12px 0 0}
.ph p{color:#AEBBD8;font-size:17px;margin:16px auto 0;max-width:62ch}
.ph .lbl{display:inline-block}
.bg-w{background:var(--paper);padding:72px 0}
.page-corps .wrap,.art-corps .wrap{max-width:1200px}

/* ---------- la liste des articles ---------- */
.sdv-liste{background:linear-gradient(180deg,#FFFFFF 0%,#F5F8FF 60%,#EBF1FF 100%)}
.sdv-chips ul{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin:0 0 34px;padding:0;justify-content:center}
.sdv-chips li a{display:inline-block;padding:9px 18px;border-radius:999px;background:#fff;border:1px solid var(--line);
 font-family:Figtree,sans-serif;font-weight:700;font-size:13.5px;color:var(--text)}
.sdv-chips li a:hover{border-color:var(--blue);color:var(--blue-d)}
.sdv-cartes{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;list-style:none;margin:0;padding:0}
.sdv-cartes > li{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;display:flex;flex-direction:column;
 box-shadow:0 20px 44px -34px rgba(11,16,32,.7);transition:transform .38s cubic-bezier(.22,.8,.3,1),box-shadow .38s}
.sdv-cartes > li:hover{transform:translateY(-7px);box-shadow:0 34px 62px -32px rgba(11,16,32,.5)}
.sdv-vign{margin:0}
.sdv-vign img{width:100%;height:190px;object-fit:cover;display:block}
.sdv-cartes .sdv-cat{margin:20px 22px 0;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;
 font-family:Figtree,sans-serif;color:var(--blue-d)}
.sdv-cartes .sdv-cat a{color:inherit}
.sdv-cartes .sdv-titre{margin:8px 22px 0;font-size:19px;line-height:1.28}
.sdv-cartes .sdv-titre a{color:var(--ink)}
.sdv-cartes .wp-block-post-excerpt{margin:10px 22px 0;color:var(--muted);font-size:14.5px;line-height:1.6}
.sdv-cartes .sdv-date{margin:14px 22px 22px;font-size:12.5px;color:var(--muted)}
.sdv-pag{margin-top:40px;gap:14px;font-family:Figtree,sans-serif;font-weight:800}
.sdv-une{margin-bottom:26px}

/* ---------- l'article ---------- */
.art-chapo{color:#AEBBD8;font-size:19px;max-width:62ch;margin:18px auto 0}
.art-meta{gap:12px;margin-top:22px;color:#9FB0D2;font-size:14px}
.art-meta .wp-block-avatar img{border-radius:999px}
.art-grille{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:56px;align-items:start}
.art-col{min-width:0}
.art-vign img{width:100%;border-radius:26px;display:block;margin-bottom:34px}
.art-col p{font-size:17.5px;line-height:1.78;color:#2A3348}
.art-col h2{font-size:29px;margin:44px 0 14px}
.art-col h3{font-size:22px;margin:34px 0 10px}
.art-side{position:sticky;top:100px;display:flex;flex-direction:column;gap:20px}
.sdv-encart{background:var(--g-night);color:#fff;border-radius:24px;padding:26px;display:flex;flex-direction:column;gap:10px}
.sdv-encart b{font-family:Figtree,sans-serif;font-size:19px}
.sdv-encart p{margin:0;color:#B9C4E0;font-size:14.5px}
.sdv-encart-b{margin-top:6px;display:inline-flex;align-self:flex-start;padding:12px 22px;border-radius:999px;
 background:var(--g-warm);color:#1A1206;font-family:Figtree,sans-serif;font-weight:800;font-size:14.5px}
.art-nav{margin-top:34px;gap:18px;font-family:Figtree,sans-serif;font-weight:800}

@media (max-width:1080px){
  .sdv-cartes{grid-template-columns:1fr 1fr}
  .art-grille{grid-template-columns:1fr;gap:40px}
  .art-side{position:static}
}
@media (max-width:820px){
  .ph{padding:110px 0 48px}
  .ph h1{font-size:28px}
  .bg-w{padding:48px 0}
  .sdv-cartes{grid-template-columns:1fr;gap:16px}
  .sdv-vign img{height:180px}
  .art-col p{font-size:16.5px}
}

/* ---------------------------------------------------------------------
   Les titres sur fond sombre
   ---------------------------------------------------------------------
   theme.json donne aux titres la couleur d'encre, et sa règle l'emporte
   sur la couleur héritée de la section. Il faut donc redire le blanc là
   où le fond est sombre : sans cela, le titre du hero disparaît.
   ------------------------------------------------------------------- */
.hero h1,.hero h2,.hero h3,
.ph h1,.ph h2,.ph h3,
.sec-outils h2,.sec-outils h3,
.mentor h2,.mentor h3,.mentor h4,
.final h1,.final h2,.final h3,
.bt h3,.bt h4,
.evo-bande h3,
.pied h4,
.sdv-encart b,
.brand .wp-block-site-title a{color:#fff}

/* ---------------------------------------------------------------------
   L'en-tête se pose PAR-DESSUS la première section
   ---------------------------------------------------------------------
   Dans la maquette, le hero remontait de la hauteur de l'en-tête. Sous
   WordPress, la marge négative est absorbée par les conteneurs de bloc :
   c'est l'en-tête qui doit rendre sa hauteur, une bonne fois, pour tout
   ce qui le suit.
   ------------------------------------------------------------------- */
.sdvb-header{margin-bottom:-74px}
.hero{margin-top:0}
.ph{margin-top:0}
@media (max-width:820px){ .sdvb-header{margin-bottom:-74px} }

/* =====================================================================
   Correctifs WordPress — v1.0.3
   ===================================================================== */

/* ---------------------------------------------------------------------
   Les blancs entre les sections
   ---------------------------------------------------------------------
   WordPress pose un écart entre deux blocs frères. Les sections du thème
   gèrent elles-mêmes leur respiration : cet écart n'ajoute qu'une bande
   blanche entre le bandeau et l'en-tête, et entre chaque section.
   ------------------------------------------------------------------- */
.wp-block-post-content > *,
header.wp-block-template-part > *,
footer.wp-block-template-part > *,
main.wp-block-group > *{margin-block-start:0;margin-block-end:0}
.wp-block-post-content{margin-block-start:0}
header.wp-block-template-part,
footer.wp-block-template-part{margin:0}

/* ---------------------------------------------------------------------
   Le bandeau d'ouverture : imposant, et sur deux lignes en mobile
   ------------------------------------------------------------------- */
.promo .compte{display:flex;align-items:center;gap:8px}
.promo .compte span{display:flex;flex-direction:column;align-items:center;gap:2px;
 min-width:52px;padding:8px 6px;border-radius:12px;background:rgba(26,18,6,.86);color:#FFC65C}
.promo .compte b{font-family:Figtree,sans-serif;font-weight:900;font-size:19px;line-height:1;letter-spacing:-.02em}
.promo .compte i{font-style:normal;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,198,92,.72)}

@media (max-width:820px){
  .promo{padding:14px 16px}
  .promo-in{gap:12px 14px;justify-content:center}
  .promo-txt{flex:1 1 100%;justify-content:center;gap:10px;font-size:15px}
  .promo-txt b{font-size:10.5px;padding:5px 11px}
  .promo-txt strong{font-size:22px}
  .promo .compte{gap:6px}
  .promo .compte span{min-width:46px;padding:7px 5px}
  .promo .compte b{font-size:17px}
  .promo-btn{font-size:14px;padding:12px 18px}
}

/* ---------------------------------------------------------------------
   Apogée Max : le panneau visuel gardait une hauteur fixe alors que le
   logo géant y est masqué en mobile. D'où le grand vide sous le couple
   patine / décolle.
   ------------------------------------------------------------------- */
@media (max-width:960px){
  .bt-phare .bt-vis,
  .bt-large.bt-phare .bt-vis{height:auto;min-height:0}
}

/* =====================================================================
   L'en-tête — v1.0.4
   ---------------------------------------------------------------------
   Deux choses à tenir en même temps :

   1. Le bandeau promotionnel doit défiler et disparaître, la barre de
      navigation doit rester. Une barre collante ne voyage que dans la
      boîte de son parent : collée à l'intérieur de la partie d'en-tête,
      elle ne tenait que soixante-quinze pixels. C'est donc la PARTIE
      ENTIÈRE qui devient collante, avec un décalage négatif égal à la
      hauteur du bandeau — le bandeau sort par le haut, la barre reste.
      Cette hauteur est mesurée par le JavaScript : elle change avec la
      langue et avec la largeur de l'écran.

   2. L'en-tête doit se poser PAR-DESSUS la première section. Il rend sa
      hauteur de barre, une bonne fois, à ce qui le suit.
   ------------------------------------------------------------------- */
.wp-site-blocks > *{margin-block-start:0;margin-block-end:0}

header.wp-block-template-part{
 position:sticky;
 top:calc(0px - var(--sdvb-promo, 0px));
 z-index:30;
 margin-bottom:-74px}

.sdvb-header{position:static;margin-bottom:0}

/* ---------------------------------------------------------------------
   Le nom du site, quand le logo le porte déjà
   ---------------------------------------------------------------------
   Le logo Sdravobiz contient le mot. L'afficher deux fois côte à côte
   fait doublon. On le masque à l'œil, pas aux moteurs ni aux lecteurs
   d'écran : il reste dans la page.
   ------------------------------------------------------------------- */
.brand:has(.wp-block-site-logo img) .wp-block-site-title{
 position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
 clip-path:inset(50%);white-space:nowrap;border:0}
.pied .brand-pied .wp-block-site-logo img{height:34px}

/* =====================================================================
   Les menus — v1.0.6
   ===================================================================== */

/* ---------------------------------------------------------------------
   Le grand menu s'ouvrait à plat
   ---------------------------------------------------------------------
   Le sous-menu de WordPress hérite de la disposition en ligne du menu
   parent : les six entrées se rangeaient côte à côte dans un panneau de
   42 pixels de haut. On le remet en colonne, une fois pour toutes.
   ------------------------------------------------------------------- */
.sdvb-nav .wp-block-navigation__submenu-container{
 display:grid !important;
 grid-template-columns:1fr;
 gap:2px;
 width:min(440px,92vw);
 min-width:0;
 max-width:none;
 padding:16px}

.sdvb-nav .wp-block-navigation__submenu-container .wp-block-navigation-item{
 display:block;height:auto;width:100%}

.sdvb-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content{
 display:flex;align-items:center;gap:14px;width:100%;padding:12px 13px;border-radius:14px}

/* ---------------------------------------------------------------------
   Le bouton du menu mobile va tout à droite
   ---------------------------------------------------------------------
   WordPress place son bouton à l'intérieur du bloc Navigation, donc
   juste après la marque. Sur un téléphone, il se retrouvait collé au
   logo. La rangée de gauche prend toute la largeur et écarte les deux.
   ------------------------------------------------------------------- */
@media (max-width:960px){
  .sdvb-header .wrap.hd-in{gap:12px}
  .sdvb-header .sdvb-gauche{flex:1 1 auto;width:100%;justify-content:space-between;gap:12px}
  /* La feuille du cœur de WordPress remet le bloc Navigation en flex :
     il faut être plus précis qu'elle pour le retirer de la rangée. */
  .sdvb-header .sdvb-actions{display:none}
  .sdvb-header .sdvb-nav{margin-left:auto}
}

/* ---------------------------------------------------------------------
   Le grand menu, au gabarit de la maquette — v1.0.7
   ---------------------------------------------------------------------
   La pastille est un élément de rangée flexible : sans consigne, elle se
   laissait comprimer et tombait de 44 à 34 pixels. On lui interdit de
   rétrécir, et on rend au panneau la respiration de la maquette.
   ------------------------------------------------------------------- */
.sdvb-nav .wp-block-navigation__submenu-container{
 width:440px;
 max-width:92vw;
 padding:20px}

.sdvb-nav .wp-block-navigation__submenu-container .wp-block-navigation-item__content{
 padding:14px 15px;border-radius:16px}

.sdvb-mi-i{flex:none}
.sdvb-mi-t{flex:1 1 auto}


/* =====================================================================
   Le menu mobile du thème — v1.1.0
   ---------------------------------------------------------------------
   Le panneau déroulant de WordPress imposait son fond, son alignement et
   des sous-menus toujours ouverts. Le thème dessine le sien, à partir du
   même menu. Tout ce qui suit ne s'applique qu'au téléphone et à la
   tablette : sur grand écran, la barre et ses grands menus ne changent
   pas.
   ===================================================================== */
.sdvb-header{position:relative}
.burger{display:none}
.menu-mob{display:none}

@media (max-width:960px){
  /* la barre : la marque à gauche, le bouton à droite, rien d'autre */
  .sdvb-header .sdvb-nav,
  .sdvb-header .sdvb-actions{display:none}
  .sdvb-header .wrap.hd-in{justify-content:space-between}

  /* Le bouton occupe toute la hauteur de la RANGÉE et centre son contenu :
     il est donc aligné sur la marque quoi qu'il arrive, et il ne descend
     pas au milieu du panneau quand celui-ci s'ouvre. La hauteur est
     mesurée par le JavaScript, jamais devinée. */
  .burger{display:flex;position:absolute;right:24px;top:0;
   width:42px;height:var(--sdvb-barre,74px);border:0;background:none;padding:0;cursor:pointer;
   flex-direction:column;align-items:center;justify-content:center;gap:4px;z-index:3}
  .burger::before{content:"";position:absolute;left:0;right:0;top:50%;height:42px;
   transform:translateY(-50%);border-radius:12px;border:1px solid rgba(255,255,255,.18);
   background:rgba(255,255,255,.06)}
  .burger span{position:relative;z-index:1;display:block;width:18px;height:2px;border-radius:2px;
   background:#fff;transition:transform .28s,opacity .2s}
  .burger[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
  .burger[aria-expanded="true"] span:nth-child(2){opacity:0}
  .burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

  /* le panneau : un bleu nuit, pas un noir plat, pour qu'on voie qu'il
     s'agit d'une surface posée par-dessus la page */
  .menu-mob{display:block;background:linear-gradient(180deg,#111A33,#0C1225 60%,#0A0F1F);
   border-top:1px solid rgba(91,140,255,.22);
   padding:10px 22px 22px;box-shadow:0 30px 60px -30px rgba(0,0,0,.9)}
  .menu-mob[hidden]{display:none}
  .hd.hd-ouvert,.sdvb-header.hd-ouvert{background:#111A33;box-shadow:0 24px 50px -28px rgba(0,0,0,.9)}

  .menu-mob > a{display:block;padding:14px 2px;color:#D5DEF3;font-family:Figtree,sans-serif;
   font-weight:700;font-size:16px;border-bottom:1px solid rgba(255,255,255,.07)}

  /* un parent : un bouton pleine largeur, pas un lien */
  .mm-grp{border-bottom:1px solid rgba(255,255,255,.07)}
  .mm-t{display:flex;align-items:center;justify-content:space-between;width:100%;
   background:none;border:0;padding:14px 2px;cursor:pointer;text-align:left;
   color:#D5DEF3;font-family:Figtree,sans-serif;font-weight:700;font-size:16px}
  .mm-ch{width:15px;height:15px;stroke:#8FA0C4;fill:none;stroke-width:2.4;
   stroke-linecap:round;stroke-linejoin:round;transition:transform .25s;flex:none}
  .mm-t[aria-expanded="true"]{color:#fff}
  .mm-t[aria-expanded="true"] .mm-ch{transform:rotate(180deg);stroke:#fff}
  /* le sous-menu : un cran plus clair, un filet de couleur à gauche —
     on voit d'un coup d'œil qu'on est descendu d'un niveau */
  .mm-sous{margin:2px 0 14px;padding:6px 12px 6px 14px;border-radius:14px;
   background:rgba(255,255,255,.045);border-left:2px solid rgba(91,140,255,.55)}
  .mm-sous[hidden]{display:none}

  .menu-mob .mi{display:flex;align-items:center;gap:12px;padding:9px 2px}
  .menu-mob .sdvb-mi-i{width:38px;height:38px;border-radius:11px;flex:none;padding:5px;
   background:#fff;box-shadow:0 6px 14px -8px rgba(0,0,0,.8);display:grid;place-items:center}
  .menu-mob .sdvb-mi-i--plein{padding:0;background:none;box-shadow:none}
  .menu-mob .sdvb-mi-i--glyphe{padding:9px;background:var(--gc,#2B59FF)}
  .menu-mob .sdvb-mi-i img,.menu-mob .sdvb-mi-i svg{width:100%;height:100%;object-fit:contain;display:block}
  .menu-mob .mi-t{min-width:0}
  .menu-mob .mi-t b{display:block;font-family:Figtree,sans-serif;font-weight:700;font-size:14.5px;
   color:#EAF0FF;line-height:1.25}
  .menu-mob .mi-t span{display:block;font-size:12.5px;line-height:1.35;color:#8FA0C4;margin-top:2px}

  /* le bas du panneau */
  .menu-mob-bas{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding-top:18px}
  .menu-mob-bas a{display:flex;justify-content:center;padding:12px 20px;color:#D5DEF3;
   font-family:Figtree,sans-serif;font-weight:700;font-size:15px}
  .menu-mob-bas a.btn-or{background:var(--g-warm);color:#1A1206;border-radius:999px;font-weight:800;
   box-shadow:0 12px 30px -10px rgba(245,165,36,1)}
}

/* =====================================================================
   Correctifs — v1.1.2
   ===================================================================== */

/* ---------------------------------------------------------------------
   Le bouton dans le bouton
   ---------------------------------------------------------------------
   L'entrée de menu porte les classes « btn btn-or » : la LISTE prenait
   donc le fond, l'ombre et l'arrondi, et le LIEN qu'elle contient les
   reprenait par-dessus. Deux pastilles imbriquées. La liste redevient un
   simple conteneur ; seul le lien est un bouton.
   ------------------------------------------------------------------- */
.sdvb-actions li.btn,
.sdvb-actions li.btn-or,
.menu-mob-bas .btn{background:none;box-shadow:none;padding:0;border-radius:0}
.sdvb-actions li.btn:hover{transform:none}
.sdvb-actions li.btn > .wp-block-navigation-item__content{
 display:inline-flex;align-items:center;gap:9px;padding:12px 22px;border-radius:999px;
 font-family:Figtree,sans-serif;font-weight:800;font-size:14.5px;line-height:1;color:#1A1206;
 background:var(--g-warm);box-shadow:0 12px 30px -10px rgba(245,165,36,1),inset 0 1px 0 rgba(255,255,255,.5);
 transition:transform .28s cubic-bezier(.22,.8,.3,1),box-shadow .28s}
.sdvb-actions li.btn > .wp-block-navigation-item__content:hover{
 transform:translateY(-2px);box-shadow:0 18px 40px -12px rgba(245,165,36,1)}
@media (max-width:960px){
  .menu-mob-bas a.btn > span,.menu-mob-bas a.btn{border-radius:999px}
}

/* ---------------------------------------------------------------------
   Le blog
   ---------------------------------------------------------------------
   Le bloc Catégories pose sa classe sur la LISTE elle-même, pas sur un
   conteneur : la règle ne trouvait rien et les rubriques tombaient en
   liste à puces. Idem pour la boucle, dont les cartes sont des <li>.
   ------------------------------------------------------------------- */
ul.sdv-chips{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin:0 0 34px;padding:0;justify-content:center}
ul.sdv-chips li{margin:0}
ul.sdv-chips li a{display:inline-block;padding:9px 18px;border-radius:999px;background:#fff;border:1px solid var(--line);
 font-family:Figtree,sans-serif;font-weight:700;font-size:13.5px;color:var(--text)}
ul.sdv-chips li a:hover{border-color:var(--blue);color:var(--blue-d)}
ul.sdv-chips .wp-block-categories__label,ul.sdv-chips li.cat-item-none{color:var(--muted);font-size:14px}

.sdv-liste .wp-block-query-no-results{
 text-align:center;color:var(--muted);font-size:16.5px;padding:60px 0 20px}
.sdv-liste .wp-block-query-no-results p{margin:0}

/* ---------------------------------------------------------------------
   L'éditeur
   ---------------------------------------------------------------------
   Dans Gutenberg, il n'y a ni en-tête collant ni fenêtre de navigateur :
   ce qui est calé sur la hauteur de la barre ou tiré vers le haut n'a
   plus de sens et casse la mise en page.
   ------------------------------------------------------------------- */
.editor-styles-wrapper .hero,
.editor-styles-wrapper .ph{margin-top:0}
.editor-styles-wrapper .sdvb-header{position:static;margin-bottom:0}
.editor-styles-wrapper .rv{opacity:1;transform:none}
.editor-styles-wrapper .burger,
.editor-styles-wrapper .menu-mob{display:none}
.editor-styles-wrapper .defile-piste,
.editor-styles-wrapper .ruban-piste{animation:none}
.editor-styles-wrapper .art-side{position:static}

/* ---------------------------------------------------------------------
   Le filet de sécurité de la largeur
   ---------------------------------------------------------------------
   WordPress pose sur <body> des classes qui portent le nom d'une page —
   blog, home, page, search… Si une règle du thème porte le même nom, elle
   s'applique au document entier. Ces deux lignes garantissent que la
   racine du site occupe toujours toute la largeur, quoi qu'il arrive.
   ------------------------------------------------------------------- */
body{display:block}
.wp-site-blocks{width:100%;min-width:0}

/* ---------------------------------------------------------------------
   L'éditeur : les sections occupent la largeur du plan de travail
   ---------------------------------------------------------------------
   Gutenberg contraint le contenu à la largeur de lecture (760 px). Les
   sections du thème, elles, sont pleine largeur : sans cette règle, la
   page d'accueil s'affiche dans une colonne étroite alors qu'elle est
   correcte sur le site.
   ------------------------------------------------------------------- */
.editor-styles-wrapper .is-root-container.is-root-container{max-width:none;padding-left:0;padding-right:0}
.editor-styles-wrapper .is-root-container.is-root-container > *{max-width:none;margin-left:0;margin-right:0}
.editor-styles-wrapper .block-editor-block-list__layout{max-width:none}

/* Le plan de travail reçoit le fond et la typographie du gabarit de la
   page — c'est le script de l'éditeur qui pose la classe sur la racine —
   pour que l'on écrive dans le décor réel de la page et non sur du blanc. */
.editor-styles-wrapper.sdvb-canevas,
.editor-styles-wrapper .is-root-container.sdvb-vente,
.editor-styles-wrapper .is-root-container.sdvb-large{min-height:100%}
.editor-styles-wrapper:has(.is-root-container.sdvb-vente){background:var(--apx-fond)}

/* =====================================================================
   Correctifs — v1.1.6
   =====================================================================
   L'ouverture du menu mobile.

   Le panneau se contentait de perdre son attribut « hidden » : il
   apparaissait d'un coup, sans qu'on comprenne d'où il venait. Il se
   déroule désormais depuis la barre, et ses lignes entrent l'une après
   l'autre par la gauche — on lit l'ouverture, pas seulement le résultat.

   La hauteur automatique s'anime grâce à une grille d'une seule rangée
   qui passe de 0fr à 1fr : aucune mesure en JavaScript, et le panneau
   suit tout seul quand un sous-menu s'ouvre à l'intérieur.
   ===================================================================== */
@media (max-width:960px){

  /* --- le panneau : un store qui se déroule ------------------------ */
  .sdvb-header .menu-mob{display:grid;grid-template-rows:0fr;
   background:none;border-top:0;padding:0;box-shadow:none;
   transition:grid-template-rows .46s cubic-bezier(.33,.76,.24,1),box-shadow .46s}
  .sdvb-header .menu-mob[hidden]{display:none}
  /* .mm-in ne porte QUE le découpage : un rembourrage ici empêcherait
     la rangée d'atteindre vraiment zéro (une boîte en border-box ne
     descend jamais sous la somme de ses marges intérieures). L'habillage
     vit donc un cran plus bas, dans .mm-c. */
  .sdvb-header .menu-mob > .mm-in{overflow:hidden;min-height:0;padding:0;border:0;background:none}
  .sdvb-header .mm-c{background:linear-gradient(180deg,#111A33,#0C1225 60%,#0A0F1F);
   border-top:1px solid rgba(91,140,255,.22);padding:10px 22px 22px;
   transform:translateY(-14px);transition:transform .46s cubic-bezier(.33,.76,.24,1)}
  .sdvb-header .menu-mob.ouvert .mm-c{transform:none}
  .sdvb-header .menu-mob.ouvert{grid-template-rows:1fr;
   box-shadow:0 30px 60px -30px rgba(0,0,0,.9)}

  /* --- les lignes : une entrée décalée par la gauche --------------- */
  @keyframes sdvb-mm-entree{
   from{opacity:0;transform:translateX(-16px)}
   to{opacity:1;transform:none}
  }
  .sdvb-header .menu-mob.ouvert .mm-c > *{
   animation:sdvb-mm-entree .42s cubic-bezier(.33,.76,.24,1) backwards;
   animation-delay:calc(110ms + var(--i,0) * 46ms)}

  /* --- le sous-menu : le même déroulé, d'un cran plus court -------- */
  .sdvb-header .mm-sous{display:grid;grid-template-rows:0fr;margin:0;padding:0;
   background:none;border:0;border-radius:0;
   transition:grid-template-rows .36s cubic-bezier(.33,.76,.24,1)}
  .sdvb-header .mm-sous[hidden]{display:none}
  .sdvb-header .mm-sous > .mm-sous-in{overflow:hidden;min-height:0}
  .sdvb-header .mm-sous.ouvert{grid-template-rows:1fr}
  .sdvb-header .mm-sous-c{margin:2px 0 14px;padding:6px 12px 6px 14px;border-radius:14px;
   background:rgba(255,255,255,.045);border-left:2px solid rgba(91,140,255,.55)}

  /* les entrées du sous-menu entrent à leur tour, une fois déroulées */
  .sdvb-header .mm-sous.ouvert .mm-sous-c > *{
   animation:sdvb-mm-entree .34s cubic-bezier(.22,.9,.28,1) backwards}
  .sdvb-header .mm-sous.ouvert .mm-sous-c > *:nth-child(1){animation-delay:60ms}
  .sdvb-header .mm-sous.ouvert .mm-sous-c > *:nth-child(2){animation-delay:105ms}
  .sdvb-header .mm-sous.ouvert .mm-sous-c > *:nth-child(3){animation-delay:150ms}
  .sdvb-header .mm-sous.ouvert .mm-sous-c > *:nth-child(4){animation-delay:195ms}
  .sdvb-header .mm-sous.ouvert .mm-sous-c > *:nth-child(n+5){animation-delay:240ms}

  /* --- le bouton : la pastille s'allume quand le menu est ouvert --- */
  .burger::before{transition:background .3s,border-color .3s}
  .burger[aria-expanded="true"]::before{background:rgba(91,140,255,.18);
   border-color:rgba(91,140,255,.55)}
  .burger span{transition:transform .3s cubic-bezier(.22,.9,.28,1),opacity .2s}
  .burger[aria-expanded="true"] span:nth-child(2){opacity:0;transform:scaleX(.2)}

  /* la barre elle-même accompagne le mouvement */
  .sdvb-header{transition:background .3s}
}

/* Sur un appareil réglé pour limiter les animations, tout reste net et
   immédiat : le menu s'ouvre, sans mouvement. */
@media (prefers-reduced-motion:reduce){
  .sdvb-header .menu-mob,
  .sdvb-header .mm-sous{transition:none}
  .sdvb-header .menu-mob.ouvert .mm-c > *,
  .sdvb-header .mm-sous.ouvert .mm-sous-c > *{animation:none}
}

/* =====================================================================
   Correctifs — v1.1.7
   =====================================================================
   La carte des trois chiffres à cheval sur le hero.

   Dans la maquette, la carte blanche chevauche le bas du hero d'une
   trentaine de pixels : c'est ce débord qui la fait lire comme posée
   par-dessus, et qui justifie la réserve d'espace ménagée sous le
   bouton. Le garde-fou anti-blancs de la v1.0.3 remet à zéro la marge
   haute de tous les enfants du contenu — il annulait donc ce débord, sur
   ordinateur comme sur téléphone. On le rétablit ici, avec la précision
   nécessaire pour passer devant lui.
   ===================================================================== */
.wp-block-post-content > .chiffres,
main.wp-block-group > .chiffres{margin-block-start:-58px;position:relative;z-index:3}

@media (max-width:820px){
  .wp-block-post-content > .chiffres,
  main.wp-block-group > .chiffres{margin-block-start:-30px}
}

/* Le hero garde son « overflow:hidden » : la carte est sa VOISINE, pas
   son enfant — elle déborde donc librement, et les décors du hero
   restent rognés comme prévu. */

/* =====================================================================
   Correctifs — v1.1.8
   =====================================================================
   Le bouton du menu, aligné pour de bon.

   Deux tentatives ont échoué parce que le bouton était posé en absolu
   par-dessus l'en-tête, avec une hauteur mesurée en JavaScript : le
   moindre écart entre cette mesure et la rangée réelle le décalait du
   logo, et ce décalage ne se voyait pas sur un écran d'ordinateur.

   Le bouton est désormais un enfant de la rangée, exactement comme le
   logo. C'est la rangée qui le centre. Il n'y a plus rien à mesurer,
   donc plus rien qui puisse se décaler.
   ===================================================================== */
@media (max-width:960px){

  /* la rangée centre ses enfants — le logo à gauche, le bouton à droite */
  .sdvb-header .wrap.hd-in{display:flex;align-items:center;justify-content:space-between}

  .sdvb-header .hd-in > .burger{display:flex;position:static;top:auto;right:auto;
   width:42px;height:42px;flex:0 0 auto;align-self:center;margin:0;padding:0;
   border-radius:12px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);
   flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;
   transition:background .3s,border-color .3s}
  /* la pastille postiche n'a plus lieu d'être : le bouton EST la pastille */
  .sdvb-header .hd-in > .burger::before{display:none}
  .sdvb-header .hd-in > .burger[aria-expanded="true"]{background:rgba(91,140,255,.18);
   border-color:rgba(91,140,255,.55)}
}

/* =====================================================================
   Correctifs — v1.1.9
   =====================================================================
   La bande blanche sous le bandeau, et le trou dans le menu ouvert.

   Une seule cause. WordPress pose un écart de 24 px entre deux blocs
   frères d'une mise en page « flow ». Le panneau du menu est le second
   enfant de l'en-tête : il recevait donc 24 px de marge haute — même
   fermé, où sa hauteur est pourtant nulle.

   Conséquences, les deux visibles sur téléphone uniquement, puisque le
   panneau n'existe pas sur grand écran :
   — l'en-tête mesurait 98 px au lieu de 74, alors que le hero ne remonte
     que de 74 px sous lui ; les 24 px excédentaires n'avaient rien
     derrière eux, d'où la bande blanche ;
   — à l'ouverture, ces 24 px s'ajoutaient avant le filet et la première
     entrée, d'où le grand vide sous le logo.

   Le garde-fou de la v1.0.3 ne couvrait pas les enfants de l'en-tête.
   ===================================================================== */
.sdvb-header.hd > *{margin-block-start:0;margin-block-end:0}

/* =====================================================================
   Les deux boutons du bas du panneau

   Ils portent les classes « btn btn-or » : le correctif de la v1.1.2,
   qui neutralise ces classes pour éviter le bouton dans le bouton,
   emportait aussi leur rembourrage. Le bouton doré se retrouvait plaqué
   sur sa hauteur de texte. On lui redonne ici la forme exacte de son
   homologue sur grand écran.
   ===================================================================== */
@media (max-width:960px){
  .sdvb-header .menu-mob-bas{display:flex;flex-direction:column;align-items:stretch;
   gap:12px;padding-top:20px}
  .sdvb-header .menu-mob-bas a{display:flex;align-items:center;justify-content:center;gap:9px;
   padding:13px 22px;border-radius:999px;border:0;background:none;box-shadow:none;
   font-family:Figtree,sans-serif;font-weight:700;font-size:15px;line-height:1;color:#D5DEF3}
  .sdvb-header .menu-mob-bas a.btn-or{background:var(--g-warm);color:#1A1206;font-weight:800;
   box-shadow:0 12px 30px -10px rgba(245,165,36,1),inset 0 1px 0 rgba(255,255,255,.5)}
}

/* =====================================================================
   Correctifs — v1.2.0
   =====================================================================
   Le grand menu reprend le gabarit de la maquette.

   Trois objets de la maquette n'existent pas dans le bloc Navigation de
   WordPress : l'intertitre de section, le badge d'état et la barre de
   pied. Le thème les reconnaît maintenant à une classe posée sur
   l'entrée — « sdvb-titre », « sdvb-bientot », « sdvb-pied » — de sorte qu'ils
   restent du contenu de menu : modifiables dans Gutenberg, traduisibles
   par Polylang, déplaçables à la souris.

   Reste à leur rendre leur allure, et à Logiciels ses deux colonnes.
   ===================================================================== */

/* --- le gabarit des deux panneaux -------------------------------- */
.sdvb-nav li.sdvb-large > .wp-block-navigation__submenu-container{
 width:min(780px,94vw);max-width:94vw;
 grid-template-columns:1fr 1fr;gap:4px 4px}
.sdvb-nav li.sdvb-moyen > .wp-block-navigation__submenu-container{
 width:min(420px,92vw);max-width:92vw;grid-template-columns:1fr}

@media (max-width:1100px){
  .sdvb-nav li.sdvb-large > .wp-block-navigation__submenu-container{
   width:min(620px,94vw);grid-template-columns:1fr}
}

/* --- l'intertitre de section ------------------------------------- */
.sdvb-nav .wp-block-navigation__submenu-container > li.sdvb-titre{
 grid-column:1/-1;display:block;width:100%}
.sdvb-nav li.sdvb-titre > .wp-block-navigation-item__content{
 display:block;padding:14px 15px 6px;background:none;pointer-events:none;cursor:default;
 font-family:Figtree,sans-serif;font-weight:800;font-size:11px;letter-spacing:.15em;
 text-transform:uppercase;color:#8A93AD}
.sdvb-nav li.sdvb-titre > .wp-block-navigation-item__content:hover{background:none;color:#8A93AD}
.sdvb-nav .wp-block-navigation__submenu-container > li.sdvb-titre:first-child
 > .wp-block-navigation-item__content{padding-top:6px}

/* --- le badge d'état ---------------------------------------------
   La maquette le dessine déjà, ambre sur crème (règle .mi-etat plus
   haut) : il n'y a qu'à s'assurer qu'il tient sur la ligne du nom. */
.sdvb-nav .mi-etat{display:inline-block}

/* --- la barre de pied -------------------------------------------- */
.sdvb-nav .wp-block-navigation__submenu-container > li.sdvb-pied{
 grid-column:1/-1;display:block;width:100%;
 margin-top:12px;border-top:1px solid #EEF1F8}
.sdvb-nav li.sdvb-pied > .wp-block-navigation-item__content{
 display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;justify-content:space-between;
 padding:14px 15px 4px;border-radius:0;background:none}
.sdvb-nav li.sdvb-pied > .wp-block-navigation-item__content:hover{background:none}
.sdvb-nav li.sdvb-pied .note{font-size:13px;color:#5B5A72;font-weight:400}
.sdvb-nav li.sdvb-pied .mega-fleche{font-family:Figtree,sans-serif;font-weight:800;font-size:13.5px;
 color:#1B3ED4;display:inline-flex;align-items:center;gap:6px;transition:color .18s}
.sdvb-nav li.sdvb-pied > .wp-block-navigation-item__content:hover .mega-fleche{color:#0A2ABF}
.sdvb-nav li.sdvb-pied .mega-fleche i{font-style:normal}

/* =====================================================================
   Les mêmes trois objets dans le panneau mobile
   ===================================================================== */
@media (max-width:960px){
  .menu-mob .mm-cap{padding:12px 2px 6px;
   font-family:Figtree,sans-serif;font-weight:800;font-size:10px;letter-spacing:.15em;
   text-transform:uppercase;color:#6F7EA3}
  .menu-mob .mm-sous-c > .mm-cap:first-child{padding-top:4px}

  /* le badge, ambre comme dans la maquette */
  .menu-mob .mi-etat{margin-left:7px;font-size:9px;letter-spacing:.09em;padding:2px 7px;
   border-radius:999px;background:rgba(245,165,36,.18);color:#FFC65C;
   font-style:normal;vertical-align:middle;display:inline-block}

  /* le lien de bas de section : la maquette n'y remet pas la phrase,
     elle ne garde que le lien fléché. */
  .menu-mob .mm-pied{display:block;border:0;padding:12px 2px 2px;
   font-family:Figtree,sans-serif;font-weight:800;font-size:13.5px;color:#7FA6FF}
  .menu-mob .mm-pied .note{display:none}
  .menu-mob .mm-pied .mm-pied-l{display:inline-flex;align-items:center;gap:6px}
  .menu-mob .mm-pied i{font-style:normal}
}

/* =====================================================================
   Correctifs — v1.2.2
   =====================================================================
   Le nom du produit disparaissait au survol.

   La règle de survol de la barre — « au survol, le texte passe en blanc »
   — n'était pas limitée au premier niveau. Elle s'appliquait donc aussi
   aux entrées du panneau, qui sont sur fond blanc : le nom du produit
   devenait invisible. La phrase, elle, restait lisible, parce qu'elle
   porte sa couleur en propre ; c'est ce qui rendait le défaut si
   déroutant à l'œil.

   Deux mesures : la surbrillance blanche est rendue au premier niveau
   seul, et le nom du produit reçoit sa couleur en propre — il ne peut
   donc plus hériter de quoi que ce soit.
   ===================================================================== */

/* la surbrillance blanche n'appartient qu'à la barre, sur fond sombre */
.sdvb-nav > .wp-block-navigation__container > .wp-block-navigation-item:hover
 > .wp-block-navigation-item__content,
.sdvb-nav > .wp-block-navigation__container > .wp-block-navigation-item.current-menu-item
 > .wp-block-navigation-item__content{color:#fff}

/* dans le panneau, l'entrée garde son encre quoi qu'il arrive */
.sdvb-nav .wp-block-navigation__submenu-container .wp-block-navigation-item:hover
 > .wp-block-navigation-item__content,
.sdvb-nav .wp-block-navigation__submenu-container .wp-block-navigation-item:focus-within
 > .wp-block-navigation-item__content,
.sdvb-nav .wp-block-navigation__submenu-container .wp-block-navigation-item.current-menu-item
 > .wp-block-navigation-item__content{color:#0A0E17}

/* le nom du produit porte sa couleur, il n'hérite plus */
.sdvb-nav .sdvb-mi-t,
.sdvb-nav .sdvb-mi-t .wp-block-navigation-item__label{color:#0A0E17}
.sdvb-nav .sdvb-mi-d{color:#5B5A72}

/* l'intertitre et la barre de pied gardent les leurs */
.sdvb-nav li.sdvb-titre:hover > .wp-block-navigation-item__content{color:#8A93AD}
.sdvb-nav li.sdvb-pied:hover > .wp-block-navigation-item__content{color:inherit}
.sdvb-nav li.sdvb-pied .note{color:#5B5A72}
.sdvb-nav li.sdvb-pied .mega-fleche{color:#1B3ED4}
.sdvb-nav li.sdvb-pied:hover .mega-fleche{color:#0A2ABF}

/* =====================================================================
   Correctifs — v1.2.6
   =====================================================================
   Ce n'était pas le titre, c'était la marque.

   Le titre du hero avait été réduit d'un cran. Mauvais diagnostic : la
   marque mesure 181 pixels de large, ce qui représente 9 % d'un écran
   d'ordinateur — et 46 % d'un téléphone de 390 pixels. Elle ne pesait
   donc trop lourd que sur téléphone, où elle disputait la vedette au
   titre au lieu de lui laisser la place.

   Le titre reprend sa taille d'origine, partout. C'est la marque qui
   descend, sur téléphone seulement : 26 px de haut deviennent 17, soit
   119 pixels de large — 31 % de l'écran au lieu de 46. En dessous, à
   105 pixels, le logotype devient difficile à lire ; c'est la limite.
   ===================================================================== */
@media (max-width:820px){
  .brand .wp-block-site-logo img{height:17px}
}

/* =====================================================================
   Correctifs — v1.2.7
   =====================================================================
   Le rythme vertical du hero, sur téléphone.

   Sur grand écran le hero respire : 132 pixels sous le bouton, dont 58
   sont mangés par la carte des chiffres — il reste 74 pixels d'air. Sur
   téléphone, les mêmes proportions avaient été comprimées sans être
   repensées : 68 pixels de rembourrage, moins les 30 du débord, soit
   38 pixels. Le bouton se retrouvait plaqué contre la carte, et cessait
   d'être une fin de section pour devenir un objet coincé entre deux
   autres. C'est ce qui faisait qu'un hero réussi sur ordinateur passait
   moins bien sur téléphone.

   Trois réglages, dans le même esprit :

   — le titre descend de 36 à 34 pixels et passe de 900 à 800. À 900, sur
     un petit écran, les lettres se touchent : le mot gagne en masse ce
     qu'il perd en lisibilité. Le 800 est une vraie graisse du fichier de
     police, pas une graisse simulée.
   — le titre s'écarte un peu des quatre terrains, et les terrains du
     bouton.
   — l'air sous le bouton passe de 38 à 66 pixels : la même respiration
     que sur ordinateur, à l'échelle du téléphone.
   ===================================================================== */
@media (max-width:820px){
  .hero{padding-bottom:96px}
  .hero h1{font-size:clamp(31px,8.7vw,43px);font-weight:800;letter-spacing:-.032em}
  .terrains{margin-top:30px}
  .hero .hero-cta{margin-top:38px}
}

/* =====================================================================
   Correctifs — v1.2.8
   =====================================================================
   Les quatre terrains reprennent leur rang.

   Défaut précis : en réduisant les bulles pour les tenir sur une seule
   ligne, on avait descendu le texte — jusqu'à 11 pixels — et le pictogramme,
   mais jamais la PASTILLE qui le contient. Elle restait à 32 pixels. La
   hauteur de la bulle n'était donc plus commandée par son texte mais par
   un carré qui n'avait pas suivi : 46 pixels de haut à 390, et 50 à 430
   — soit exactement la hauteur du bouton.

   D'où l'effet que l'on constatait : quatre bulles et un appel à l'action
   du même poids visuel, donc un bouton qui ne se distinguait plus, et un
   titre concurrencé par la ligne juste en dessous.

   La pastille descend à 26 puis 24 pixels. La bulle fait désormais 0,72
   fois la hauteur du bouton au lieu de 0,92. En dessous — on a essayé à
   0,62 — le texte devient trop petit et le pictogramme perd sa forme.
   ===================================================================== */
@media (max-width:820px){
  .terr{padding:6px 12px 6px 6px;font-size:12px;gap:7px}
  .terr em{width:26px;height:26px;border-radius:9px}
  .terr svg{width:14px;height:14px}
}

@media (max-width:400px){
  .terr{padding:5px 9px 5px 5px;font-size:11px;gap:5px}
  .terr em{width:24px;height:24px}
  .terr svg{width:12px;height:12px}
}

/* =====================================================================
   Correctifs — v1.2.9
   =====================================================================
   Les quatre terrains redeviennent une annotation du titre.

   Deux défauts, dont le second était le vrai.

   1. La pastille. Réduire son carré ne suffisait pas : tant qu'un
      pictogramme est enfermé dans un cadre à fond et bordure, la bulle
      ressemble à un bouton et commande sa propre hauteur. Le cadre
      disparaît sur téléphone ; il ne reste que le pictogramme coloré,
      posé à côté du mot. La bulle tombe à 25 pixels, soit la moitié de
      la hauteur du bouton, contre 0,92 avant qu'on ne s'en occupe.

   2. Le groupement. Les écarts valaient 30 pixels au-dessus des bulles
      et 38 en dessous : presque identiques, donc le titre, les terrains
      et le bouton se lisaient comme trois blocs de même rang. La
      proximité fait le groupe — on passe à 16 au-dessus et 46 en
      dessous. Les terrains appartiennent désormais au titre, qu'ils
      qualifient, et le bouton se détache comme la seule action de la
      section.

   Sur grand écran, où la place ne manque pas, la pastille reste.
   ===================================================================== */
@media (max-width:820px){
  .terrains{margin-top:16px;gap:8px}
  .terr{padding:3px 11px 3px 6px;font-size:11px;gap:6px;
   background:rgba(255,255,255,.045);border-color:rgba(255,255,255,.10)}
  .terr em{width:auto;height:auto;background:none;border:0;border-radius:0;
   display:inline-flex;align-items:center}
  .terr svg{width:13px;height:13px}
  .hero .hero-cta{margin-top:46px}
}

@media (max-width:400px){
  .terrains{margin-top:14px;gap:6px}
  .terr{padding:3px 9px 3px 5px;font-size:10.5px;gap:5px}
  .terr svg{width:12px;height:12px}
}

/* =========================================================================
   Apogée Max — le tunnel (v2.0.0)

   TOUT le texte de ces pages vit dans des blocs natifs : titres,
   paragraphes, listes, citations, boutons. Aucun bloc Code, nulle part.
   Ce qui n'est pas du texte — halos, grille, logo, coche, carrés de la
   frise, icônes des tuiles — est dessiné ici, dans la feuille de style :
   ça n'a rien à éditer et rien à traduire.

   Les classes sont préfixées « apx- » : onze noms de la maquette
   existaient déjà plus haut dans ce fichier.
   ========================================================================= */

/* Les variables vivent sur :root et pas sur le gabarit : sans ça, l'éditeur
   — qui n'a pas la classe du gabarit autour du contenu — affiche du texte
   blanc sur fond blanc, et la page devient impossible à relire en écrivant. */
:root{--i-apogee:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20122%20112%22%3E%3Cdefs%3E%3ClinearGradient%20id=%22abt%22%20x1=%220%22%20y1=%221%22%20x2=%221%22%20y2=%220%22%3E%3Cstop%20offset=%220%22%20stop-color=%22%231B3ED4%22/%3E%3Cstop%20offset=%221%22%20stop-color=%22%235B8CFF%22/%3E%3C/linearGradient%3E%3ClinearGradient%20id=%22aot%22%20x1=%220%22%20y1=%221%22%20x2=%221%22%20y2=%220%22%3E%3Cstop%20offset=%220%22%20stop-color=%22%23D8730C%22/%3E%3Cstop%20offset=%22.5%22%20stop-color=%22%23F5A524%22/%3E%3Cstop%20offset=%221%22%20stop-color=%22%23FFC65C%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg%20fill=%22none%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%20%3Cpath%20d=%22M10%2094%20A15%2015%200%200%201%2040%2094%22%20stroke=%22url(%23abt)%22%20stroke-width=%2211.5%22/%3E%20%3Cpath%20d=%22M37%2094%20A23.5%2023.5%200%200%201%2084%2094%22%20stroke=%22url(%23abt)%22%20stroke-width=%2213%22/%3E%3C/g%3E%3Ccircle%20cx=%2225%22%20cy=%2263%22%20r=%228%22%20fill=%22url(%23abt)%22/%3E%3Ccircle%20cx=%2260.5%22%20cy=%2248%22%20r=%2210.5%22%20fill=%22url(%23abt)%22/%3E%3Cpath%20d=%22M84%2094%20L98%2046%22%20fill=%22none%22%20stroke=%22url(%23aot)%22%20stroke-width=%2213%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M116%206%20L104%2056%20L96%2038%20L79%2040%20Z%22%20fill=%22url(%23aot)%22/%3E%3C/svg%3E")}
:root{--apx-encre:#0B1226;--apx-nuit:#111B36;--apx-gris:#5E6B85;--apx-bord:#E4E9F4;--apx-fond:#F4F7FC}
.sdvb-vente{background:var(--apx-fond);font-family:Figtree,system-ui,sans-serif;color:var(--apx-encre);font-size:17px;line-height:1.45}
.editor-styles-wrapper :is(.apx-hero,.apx-flot,.apx-stats,.apx-fil,.apx-tem,.apx-mentor,.apx-pied,.apx-tete,.apx-w,.apx-sec){
 font-family:Figtree,system-ui,sans-serif}
/* Sur les fonds sombres, l'éditeur impose sa couleur de texte : on rétablit
   celle du thème, sinon on écrit en noir sur noir. */
.editor-styles-wrapper :is(.apx-h1,.apx-t1,.apx-nom,.apx-final,.apx-st,.apx-tu){color:#fff}
.editor-styles-wrapper .apx-sous{color:#A8B3C9}
:where(.sdvb-vente p,.sdvb-vente ul,.sdvb-vente ol,.sdvb-vente figure,.sdvb-vente blockquote){margin:0}
:where(.sdvb-vente .wp-block-group,.sdvb-vente .wp-block-buttons){margin-block:0}

.apx-w{max-width:1120px;margin-left:auto;margin-right:auto;padding:0 26px}
.apx-sec{padding:66px 0;position:relative}
.apx-h1{font-size:clamp(34px,8.9vw,62px);line-height:1.04;font-weight:900;letter-spacing:-.035em;text-wrap:initial;color:#fff}
.apx-h2{font-size:clamp(27px,3.5vw,42px);line-height:1.06;font-weight:900;letter-spacing:-.032em}
.apx-h3{font-size:23px;font-weight:900;letter-spacing:-.025em}
.apx-tete{text-align:center;max-width:740px;margin:0 auto 40px}
.apx-tete p{color:var(--apx-gris);font-size:18px;margin-top:14px}
.apx-past{display:inline-block;background:rgba(245,165,36,.16);color:var(--amber);font-size:11.5px;font-weight:900;
 letter-spacing:.18em;text-transform:uppercase;padding:8px 18px;border-radius:999px;border:1px solid rgba(245,165,36,.34);margin-top:18px}
.apx-btn .wp-block-button__link,a.apx-btn{display:inline-block;background:linear-gradient(96deg,var(--amber),#E08A0B);color:var(--apx-encre);
 font-family:Figtree,sans-serif;font-weight:900;font-size:17px;padding:16px 34px;border-radius:11px;
 transition:transform .25s,box-shadow .25s;box-shadow:0 12px 32px rgba(245,165,36,.42)}
.apx-btn .wp-block-button__link:hover,a.apx-btn:hover{transform:translateY(-3px);box-shadow:0 20px 44px rgba(245,165,36,.55)}
.apx-flot .wp-block-buttons{justify-content:center;margin-top:20px}

/* ----- le hero -------------------------------------------------------- */
.apx-hero{background:var(--apx-encre);color:#fff;padding:74px 0 130px;position:relative;overflow:hidden;text-align:center}
.apx-hero::before{content:"";position:absolute;inset:0;
 background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
 background-size:62px 62px;-webkit-mask-image:radial-gradient(ellipse 85% 65% at 50% 35%,#000,transparent);mask-image:radial-gradient(ellipse 85% 65% at 50% 35%,#000,transparent)}
/* Les trois halos, en un seul calque : aucun élément à poser dans la page. */
.apx-hero::after{content:"";position:absolute;inset:0;pointer-events:none;filter:blur(70px);
 background:
  radial-gradient(circle 520px at 50% 2%,rgba(43,89,255,.6),transparent 68%),
  radial-gradient(circle 380px at 2% 100%,rgba(245,165,36,.3),transparent 70%),
  radial-gradient(circle 380px at 98% 100%,rgba(0,194,255,.33),transparent 70%);
 animation:apx-souffle 19s ease-in-out infinite}
@keyframes apx-souffle{0%,100%{transform:scale(1)}50%{transform:scale(1.09) translateY(22px)}}
@media (prefers-reduced-motion:reduce){.apx-hero::after{animation:none}}
.apx-hero .apx-w{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center}
.apx-hero .apx-h1{margin-top:20px}
/* Le logo : un décor, donc un fond, pas un bloc. */
.apx-hero .apx-w::before{content:"";order:-2;width:78px;height:72px;background:var(--i-apogee) center/contain no-repeat;filter:drop-shadow(0 10px 26px rgba(245,165,36,.35))}
.apx-hero-court .apx-w::before{width:62px;height:57px}
/* La coche de validation a été retirée : le logotype suffit. */
.apx-bascule{display:flex;gap:14px;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:30px}
.apx-bascule p{font-size:15px;font-weight:800;padding:13px 22px;border-radius:11px;white-space:nowrap}
.apx-av{color:#8B96AE;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14)}
.apx-ap{color:var(--apx-encre);background:linear-gradient(96deg,var(--amber),#E08A0B);
 box-shadow:0 12px 30px rgba(245,165,36,.4);position:relative;margin-left:34px}
.apx-ap::before{content:"→";position:absolute;left:-31px;top:50%;transform:translateY(-50%);color:#8B96AE;font-size:19px;font-weight:800}
.apx-sous{font-size:18px;color:#A8B3C9;max-width:54ch;margin:24px auto 0}
.apx-sous strong{color:#fff;font-weight:800}
.apx-hero-court{padding:72px 0 118px}
.apx-hero-court .apx-h1{font-size:clamp(30px,5.6vw,50px)}

/* ----- la carte posée sur le hero ------------------------------------- */
.apx-flot{max-width:760px;margin:-88px auto 0;position:relative;z-index:5;background:#fff;border-radius:22px;
 box-shadow:0 34px 90px rgba(11,18,38,.2);padding:36px;text-align:center;border:1px solid var(--apx-bord)}
.apx-flot>p{color:var(--apx-gris);margin-top:8px;font-size:16px}
.apx-widget{margin-top:22px;text-align:left}
.apx-info{margin-top:18px;font-size:14.5px;color:var(--apx-gris);line-height:1.6}
.apx-info strong{color:var(--apx-encre);font-weight:800}
.apx-fin{margin-top:16px;font-size:13.5px;color:var(--apx-gris)}

/* ----- le bandeau de chiffres ----------------------------------------- */
.apx-stats{display:grid;grid-template-columns:repeat(3,1fr);max-width:900px;margin:34px auto 0;text-align:center;
 background:#fff;border:1px solid var(--apx-bord);border-radius:20px;box-shadow:0 20px 54px rgba(11,18,38,.09)}
.apx-stats>*{padding:clamp(18px,3vw,30px) clamp(8px,1.6vw,18px);border-left:1px solid var(--apx-bord)}
.apx-stats>*:first-child{border-left:0}
.apx-chiffre{font-size:clamp(26px,5vw,46px);font-weight:900;letter-spacing:-.045em;line-height:1}
.apx-n1 .apx-chiffre{color:var(--blue)}.apx-n2 .apx-chiffre{color:var(--amber)}.apx-n3 .apx-chiffre{color:#0EA0C8}
.apx-lib{font-size:clamp(9px,1.6vw,11.5px);font-weight:900;letter-spacing:.1em;text-transform:uppercase;
 color:var(--apx-gris);margin-top:8px;line-height:1.25}

/* ----- les lavis de couleur ------------------------------------------- */
.apx-wash{position:relative}
.apx-wash::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0}
.apx-wash-b::before{background:radial-gradient(ellipse 70% 60% at 50% 0%,rgba(43,89,255,.1),transparent 70%),
 radial-gradient(ellipse 50% 50% at 85% 100%,rgba(0,194,255,.09),transparent 70%)}
.apx-wash-a::before{background:radial-gradient(ellipse 60% 60% at 15% 0%,rgba(245,165,36,.11),transparent 70%),
 radial-gradient(ellipse 55% 55% at 90% 90%,rgba(43,89,255,.08),transparent 70%)}
.apx-wash>*{position:relative;z-index:1}

/* ----- les témoignages ------------------------------------------------ */
.apx-temoins{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.apx-tem{background:#fff;border:1px solid var(--apx-bord);border-radius:17px;padding:24px;text-align:center;
 transition:transform .3s,box-shadow .3s}
.apx-tem:hover{transform:translateY(-4px);box-shadow:0 20px 46px rgba(11,18,38,.1)}
.apx-tem::before{content:"★★★★★";display:block;color:var(--amber);font-size:15px;letter-spacing:3px}
.apx-tem blockquote{border:0;padding:0;margin:12px 0 18px}
.apx-tem blockquote p{font-style:italic;color:var(--apx-gris);font-size:16px}
.apx-qui{display:flex;align-items:center;gap:11px;justify-content:center;text-align:left}
.apx-mono-1{--c1:#2B59FF;--c2:#5B8CFF}
.apx-mono-2{--c1:#0E7C86;--c2:#00C2FF}
.apx-mono-3{--c1:#C4610A;--c2:#F5A524}
.apx-mono{width:46px;height:46px;border-radius:50%;flex:0 0 46px;display:flex;align-items:center;justify-content:center;
 font-weight:900;font-size:15px;color:#fff;letter-spacing:.02em;background:linear-gradient(135deg,var(--c1),var(--c2))}
.apx-qui img{width:46px;height:46px;border-radius:50%;object-fit:cover;flex:0 0 46px}
.apx-nom-c{font-size:15px;font-weight:800}
.apx-soc{font-size:13.5px;color:var(--apx-gris)}

/* ----- la grande carte sombre : les douze semaines --------------------- */
.apx-fil{background:linear-gradient(150deg,var(--apx-encre),var(--apx-nuit)) ,url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20122%20112%22%3E%3Cdefs%3E%3ClinearGradient%20id=%22a%22%20x1=%220%22%20y1=%221%22%20x2=%221%22%20y2=%220%22%3E%3Cstop%20offset=%220%22%20stop-color=%22%231B3ED4%22/%3E%3Cstop%20offset=%221%22%20stop-color=%22%235B8CFF%22/%3E%3C/linearGradient%3E%3ClinearGradient%20id=%22b%22%20x1=%220%22%20y1=%221%22%20x2=%221%22%20y2=%220%22%3E%3Cstop%20offset=%220%22%20stop-color=%22%23D8730C%22/%3E%3Cstop%20offset=%22.5%22%20stop-color=%22%23F5A524%22/%3E%3Cstop%20offset=%221%22%20stop-color=%22%23FFC65C%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg%20fill=%22none%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M10%2094%20A15%2015%200%200%201%2040%2094%22%20stroke=%22%23fff%22%20stroke-width=%2211.5%22/%3E%3Cpath%20d=%22M37%2094%20A23.5%2023.5%200%200%201%2084%2094%22%20stroke=%22%23fff%22%20stroke-width=%2213%22/%3E%3C/g%3E%3Ccircle%20cx=%2225%22%20cy=%2263%22%20r=%228%22%20fill=%22%23fff%22/%3E%3Ccircle%20cx=%2260.5%22%20cy=%2248%22%20r=%2210.5%22%20fill=%22%23fff%22/%3E%3Cpath%20d=%22M84%2094%20L98%2046%22%20fill=%22none%22%20stroke=%22%23fff%22%20stroke-width=%2213%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M116%206%20L104%2056%20L96%2038%20L79%2040%20Z%22%20fill=%22%23fff%22/%3E%3C/svg%3E") right -30px bottom -30px/260px no-repeat;
 border-radius:26px;padding:46px 40px 44px;color:#fff;position:relative;overflow:hidden;box-shadow:0 34px 90px rgba(11,18,38,.28)}
.apx-fil::after{content:"";position:absolute;width:620px;height:620px;border-radius:50%;filter:blur(110px);
 background:linear-gradient(140deg,var(--amber),var(--blue));opacity:.3;right:-220px;bottom:-330px}
.apx-fil>*{position:relative;z-index:1}
.apx-t1{text-align:center;font-size:clamp(24px,3vw,34px);font-weight:900;letter-spacing:-.032em;color:#fff}

.apx-frise{margin:30px 0 0}
.apx-sems{display:grid;grid-template-columns:repeat(12,1fr);gap:9px;padding:0 8%;margin:0 0 18px}
.apx-sems i{aspect-ratio:1;border-radius:8px;background:rgba(255,255,255,.08);
 transition:background .45s cubic-bezier(.2,.9,.3,1),box-shadow .45s,transform .45s;transition-delay:var(--d)}
.apx-go .apx-sems i{background:linear-gradient(150deg,#2B59FF,#00C2FF);box-shadow:0 6px 18px rgba(43,89,255,.5);transform:translateY(-3px)}
.apx-go .apx-sems i:nth-child(n+11){background:linear-gradient(150deg,#F5A524,#E08A0B);box-shadow:0 6px 18px rgba(245,165,36,.5)}
.apx-rail{position:relative;height:5px;border-radius:3px;background:rgba(255,255,255,.14);margin:0 12.5%}
.apx-fill{position:absolute;inset:0 auto 0 0;width:0;border-radius:3px;
 background:linear-gradient(90deg,#2B59FF,#00C2FF 58%,#F5A524);box-shadow:0 0 20px rgba(43,89,255,.55);
 transition:width 2.6s cubic-bezier(.35,.15,.25,1)}
.apx-go .apx-fill{width:100%}

.apx-stades{display:grid;grid-template-columns:repeat(4,1fr);margin-top:-13px}
.apx-st{text-align:center;padding:0 6px;opacity:.35;transform:translateY(6px);transition:opacity .5s,transform .5s;
 font-size:15.5px;font-weight:900;letter-spacing:.03em;text-transform:uppercase;color:#fff}
.apx-st::before{content:"";display:block;width:22px;height:22px;border-radius:50%;margin:0 auto 13px;background:var(--apx-nuit);
 box-shadow:inset 0 0 0 2px rgba(255,255,255,.24);transition:background .5s,box-shadow .5s}
.apx-go .apx-st{opacity:1;transform:none}
.apx-go .apx-st:nth-child(1){transition-delay:.3s}.apx-go .apx-st:nth-child(2){transition-delay:.75s}
.apx-go .apx-st:nth-child(3){transition-delay:1.2s}.apx-go .apx-st:nth-child(4){transition-delay:1.65s}
.apx-go .apx-st::before{background:linear-gradient(150deg,#2B59FF,#00C2FF);box-shadow:0 0 0 5px rgba(43,89,255,.2)}
.apx-go .apx-st:last-child::before{background:linear-gradient(150deg,#F5A524,#E08A0B);box-shadow:0 0 0 5px rgba(245,165,36,.22)}

.apx-raccord{position:relative;margin:34px 0 26px;padding-top:48px;opacity:0;transition:opacity .6s;transition-delay:1.1s}
.apx-go .apx-raccord{opacity:1}
.apx-raccord::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:2px;height:34px;
 background:linear-gradient(180deg,var(--amber),rgba(245,165,36,0))}
.apx-lab{text-align:center;font-size:12px;font-weight:900;letter-spacing:.2em;text-transform:uppercase;color:var(--amber)}
.apx-lab::after{content:"";display:block;width:34px;height:2px;background:var(--amber);margin:12px auto 0;border-radius:2px}

.apx-tuiles{display:grid;grid-template-columns:repeat(6,1fr);gap:11px}
.apx-tu{position:relative;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.13);border-radius:16px;
 padding:80px 10px 22px;text-align:center;opacity:0;transform:translateY(14px);
 transition:opacity .35s,transform .35s,background .35s,border-color .35s;
 font-size:14.5px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;color:#fff}
.apx-go .apx-tu{opacity:1;transform:none}
.apx-tu:hover{background:rgba(255,255,255,.12);border-color:color-mix(in srgb,var(--c) 55%,transparent);transform:translateY(-5px)}
.apx-tu::before{content:"";position:absolute;top:22px;left:50%;transform:translateX(-50%);width:46px;height:46px;border-radius:14px;
 box-shadow:0 8px 22px color-mix(in srgb,var(--c) 55%,transparent);transition:transform .3s}
.apx-tu:hover::before{transform:translateX(-50%) rotate(-8deg) scale(1.08)}
.apx-final{text-align:center;margin-top:34px;font-size:clamp(20px,2.5vw,28px);font-weight:900;letter-spacing:-.03em;color:#fff;
 opacity:0;transition:opacity .6s;transition-delay:2.3s}
.apx-go .apx-final{opacity:1}

/* ----- le mentor ------------------------------------------------------ */
.apx-mentor-sec{background:#080C18;color:#fff;padding:0 0 84px;position:relative;overflow:hidden}
.apx-mentor-sec::after{content:"";position:absolute;width:900px;height:900px;border-radius:50%;filter:blur(130px);
 background:radial-gradient(circle,#1B3ED4,transparent 66%);opacity:.5;right:-260px;bottom:-420px;pointer-events:none}
.apx-mentor-sec>*{position:relative;z-index:1}
.apx-ruban{overflow:hidden;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);
 background:var(--ink);padding:16px 0;margin-bottom:66px}
.apx-piste{display:flex;gap:44px;white-space:nowrap;width:max-content;animation:apx-defile 46s linear infinite;
 font-size:16px;font-weight:800;color:#5A657E}
@keyframes apx-defile{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.apx-piste{animation:none}}
.apx-mentor{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}
.apx-sur{color:var(--amber);font-size:11.5px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
.apx-nom{font-size:clamp(38px,5.2vw,64px);font-weight:900;letter-spacing:-.045em;line-height:.94;margin-top:14px;color:#fff;text-wrap:initial}
.apx-mentor blockquote{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09);border-left:3px solid var(--amber);
 border-radius:14px;padding:20px 22px;margin:26px 0 24px}
.apx-mentor blockquote p{font-style:italic;font-size:17.5px;color:#DCE3F0}
.apx-mentor .apx-txt{color:#9BA7BF;font-size:16.5px}
.apx-mentor .apx-txt strong{color:#fff;font-weight:800}
.apx-puces{list-style:none;margin:24px 0 28px;padding:0;display:flex;flex-direction:column;gap:10px;align-items:flex-start}
.apx-puces li{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:999px;
 padding:11px 20px 11px 42px;position:relative;font-size:15.5px;color:#DCE3F0;font-weight:600}
.apx-puces li::before{content:"✓";position:absolute;left:19px;color:var(--amber);font-weight:900}
.apx-note{margin-top:16px;font-size:13.5px;color:#6E7890;max-width:52ch}
.apx-visu{position:relative;padding:34px}
.apx-cadre{border-radius:24px;overflow:hidden;position:relative;background:#000;margin:0;
 box-shadow:0 0 0 1px rgba(245,165,36,.5),0 0 0 6px rgba(43,89,255,.16),0 40px 90px rgba(0,0,0,.6)}
.apx-cadre img{width:100%;display:block}
.apx-leg{position:absolute;left:56px;bottom:54px;z-index:2}
.apx-leg .apx-role{font-size:10.5px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:var(--amber)}
.apx-leg .apx-qui-nom{font-size:17px;font-weight:800;color:#fff}
.apx-badge{position:absolute;background:#101728;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:14px 18px;
 box-shadow:0 18px 40px rgba(0,0,0,.5);z-index:3}
.apx-badge .apx-chiffre{font-size:23px;font-weight:900;letter-spacing:-.03em;color:var(--amber);line-height:1}
.apx-badge .apx-lib{font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#8B96AE;margin-top:5px}
.apx-p1{top:6%;left:-6px}
.apx-p2{bottom:16%;right:-8px}
.apx-pied{background:var(--apx-encre);color:#6E7890;font-size:13px;padding:28px 0;text-align:center}
.apx-flot + .apx-pied,.apx-sec + .apx-pied{margin-top:78px}
.apx-pied a{color:#8B96AE}
.apx-pied a:hover{color:#fff}

/* ----- les pages qui suivent la vente --------------------------------- */
.apx-rdv{background:var(--apx-fond);border:1px solid var(--apx-bord);border-radius:14px;padding:18px 22px;margin-top:22px;
 display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}
.apx-rdv .apx-rdv-l{font-size:13.5px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--amber)}
.apx-rdv .apx-rdv-v{font-size:19px;font-weight:900;letter-spacing:-.02em}
.apx-etapes{list-style:none;counter-reset:apx;margin:26px 0 0;padding:0;text-align:left;display:flex;flex-direction:column;gap:14px}
.apx-etapes li{counter-increment:apx;position:relative;padding-left:52px;font-size:16px;color:var(--apx-gris);line-height:1.5}
.apx-etapes li strong{display:block;color:var(--apx-encre);font-weight:800;font-size:17px;margin-bottom:2px}
.apx-etapes li::before{content:counter(apx);position:absolute;left:0;top:-1px;width:34px;height:34px;border-radius:50%;
 display:grid;place-items:center;font-weight:900;font-size:15px;color:#fff;background:var(--g-brand);
 box-shadow:0 8px 20px rgba(43,89,255,.35)}
.apx-recap{list-style:none;margin:24px 0 0;padding:0;text-align:left;display:flex;flex-direction:column;gap:11px}
.apx-recap li{position:relative;padding-left:32px;font-size:16px;color:var(--apx-gris)}
.apx-recap li::before{content:"✓";position:absolute;left:6px;top:0;color:var(--amber);font-weight:900}
.apx-recap li strong{color:var(--apx-encre);font-weight:800}
.apx-prix{margin-top:26px;padding:24px;border-radius:16px;background:var(--apx-fond);border:1px solid var(--apx-bord)}
.apx-prix .apx-montant{font-size:clamp(34px,6vw,48px);font-weight:900;letter-spacing:-.045em;line-height:1;color:var(--apx-encre)}
.apx-prix .apx-lib{margin-top:8px;font-size:13px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;color:var(--apx-gris)}
.apx-legal{margin-top:20px;padding:18px 20px;border-radius:14px;border:1px solid var(--apx-bord);
 background:#fff;text-align:left;font-size:14px;line-height:1.6;color:var(--apx-gris)}
.apx-legal strong{color:var(--apx-encre);font-weight:800}

/* ----- les tailles d'écran -------------------------------------------- */
@media (max-width:1080px){ .apx-mentor{grid-template-columns:1fr;gap:44px} .apx-visu{max-width:460px;margin:0 auto} }
@media (max-width:900px){ .apx-tuiles{grid-template-columns:repeat(3,1fr)} }
@media (max-width:860px){ .apx-temoins{grid-template-columns:1fr} }
@media (max-width:820px){
  .apx-sems{gap:5px;padding:0 6.5%;margin-bottom:14px!important}
  .apx-sems i{border-radius:5px}
  .apx-frise{margin-top:22px!important}
  .apx-rail{margin:0 10.8%;height:4px}
  .apx-stades{margin-top:-11px!important}
  .apx-st{padding:0 2px;font-size:clamp(8.5px,2.5vw,13px);letter-spacing:0}
  .apx-st::before{width:16px;height:16px;margin-bottom:9px}
}
@media (max-width:700px){ .apx-fil{padding:34px 22px} }
@media (max-width:600px){
  .apx-hero{padding:46px 0 148px}
  .apx-hero-court{padding:40px 0 118px}
  .apx-w{padding:0 20px}
  /* Les retours du titre sur petit écran, sans balise dans le contenu :
     chaque groupe de couleur commence sa propre ligne. */
  .apx-h1 .deg-o::before,.apx-h1 .deg-b::before{content:"\A";white-space:pre}
  .apx-bascule{gap:7px;flex-wrap:nowrap;margin-top:30px}
  .apx-bascule p{font-size:clamp(10.5px,3.1vw,15px);padding:11px 11px}
  .apx-ap{margin-left:26px}
  .apx-ap::before{left:-23px;font-size:15px}
  .apx-sous{font-size:16px;margin-top:18px!important}
  .apx-etapes li{padding-left:46px;font-size:15.5px}
  .apx-visu{padding:26px 10px}
  .apx-p1{left:-4px}.apx-p2{right:-4px}
}
@media (max-width:520px){ .apx-tuiles{grid-template-columns:1fr 1fr} }
@media (max-width:440px){
  .apx-fil{padding:30px 16px}
  .apx-sems{padding:0 7.5%;gap:4px}
  .apx-rail{margin:0 11.8%}
  .apx-st{font-size:8px}
}

/* Dans l'éditeur, la frise s'affiche à son état d'arrivée : sans cela on
   édite une carte dont la moitié du contenu est invisible. */
.editor-styles-wrapper .apx-st,
.editor-styles-wrapper .apx-tu,
.editor-styles-wrapper .apx-raccord,
.editor-styles-wrapper .apx-final{opacity:1;transform:none;transition:none}
.editor-styles-wrapper .apx-fill{width:100%}
.editor-styles-wrapper .apx-sems i{background:linear-gradient(150deg,#2B59FF,#00C2FF)}
.editor-styles-wrapper .apx-sems i:nth-child(n+11){background:linear-gradient(150deg,#F5A524,#E08A0B)}

/* Les icônes des six tuiles : un fond, pas un contenu. */
.apx-tu-autonome{--c:#2B59FF}
.apx-tu-autonome::before{background:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23fff%22%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%228.2%22%20stroke-width=%222.2%22/%3E%3Cpath%20d=%22M12%207.4v5l3.2%202%22%20stroke-width=%222.3%22%20stroke-linecap=%22round%22/%3E%3C/svg%3E") center/24px no-repeat,#2B59FF}
.apx-tu-lisible{--c:#00A9D6}
.apx-tu-lisible::before{background:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23fff%22%3E%3Cpath%20d=%22M2.5%2012S6%205.5%2012%205.5%2021.5%2012%2021.5%2012%2018%2018.5%2012%2018.5%202.5%2012%202.5%2012Z%22%20stroke-width=%222.2%22%20stroke-linejoin=%22round%22/%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%223%22%20stroke-width=%222.2%22/%3E%3C/svg%3E") center/24px no-repeat,#00A9D6}
.apx-tu-rentable{--c:#10B981}
.apx-tu-rentable::before{background:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23fff%22%3E%3Cpath%20d=%22M4%2019V5m0%2014h16%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22/%3E%3Cpath%20d=%22M7.5%2015.5%2011%2011l3%203%205-6.5%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%3C/svg%3E") center/24px no-repeat,#10B981}
.apx-tu-leger{--c:#8B5CF6}
.apx-tu-leger::before{background:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23fff%22%3E%3Ccircle%20cx=%2212%22%20cy=%2213%22%20r=%227.6%22%20stroke-width=%222.2%22/%3E%3Cpath%20d=%22M12%209v4l2.6%201.6M9%202.5h6%22%20stroke-width=%222.3%22%20stroke-linecap=%22round%22/%3E%3C/svg%3E") center/24px no-repeat,#8B5CF6}
.apx-tu-regulier{--c:#F5A524}
.apx-tu-regulier::before{background:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23fff%22%3E%3Ccircle%20cx=%229%22%20cy=%228%22%20r=%223.4%22%20stroke-width=%222.2%22/%3E%3Ccircle%20cx=%2217%22%20cy=%229%22%20r=%222.6%22%20stroke-width=%222.2%22/%3E%3Cpath%20d=%22M3%2019c0-3%202.7-4.6%206-4.6s6%201.6%206%204.6M17%2014.5c2.4.3%204%201.9%204%204.5%22%20stroke-width=%222.2%22%20stroke-linecap=%22round%22/%3E%3C/svg%3E") center/24px no-repeat,#F5A524}
.apx-tu-sur{--c:#0EA5A5}
.apx-tu-sur::before{background:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23fff%22%3E%3Cpath%20d=%22M12%203%204%207v5.5c0%204.6%203.3%207.7%208%208.5%204.7-.8%208-3.9%208-8.5V7l-8-4Z%22%20stroke-width=%222.2%22%20stroke-linejoin=%22round%22/%3E%3Cpath%20d=%22M9%2012.2l2.2%202.2%204-4.4%22%20stroke-width=%222.3%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%3C/svg%3E") center/24px no-repeat,#0EA5A5}

/* =========================================================================
   La page d'accueil en blocs natifs (v3.0.0)

   Même principe que le tunnel Apogée Max : tout le texte est en blocs
   Gutenberg — titres, paragraphes, listes, boutons, images — et tout ce
   qui n'est que du décor (halos, grille, icônes, étoiles, anneaux)
   est dessiné ici. Les noms de classe d'origine sont conservés : les
   règles écrites plus haut dans ce fichier continuent de s'appliquer.
   ========================================================================= */

/* Un bouton natif porte les classes du thème sur le BLOC ; la balise
   réellement stylée est le lien à l'intérieur. On lui repasse les règles. */
.wp-block-button.btn{background:none;box-shadow:none;border:0;padding:0;display:inline-flex;transform:none}
.wp-block-button.btn>.wp-block-button__link{display:inline-flex;align-items:center;gap:9px;padding:13px 25px;border-radius:999px;
 font-family:Figtree,sans-serif;font-weight:800;font-size:15px;line-height:1;
 transition:transform .28s cubic-bezier(.22,.8,.3,1),box-shadow .28s,background .3s;border:0}
.wp-block-button.btn>.wp-block-button__link:hover{transform:translateY(-2px)}
.wp-block-button.btn-or>.wp-block-button__link{background:var(--g-warm);color:#1A1206;
 box-shadow:0 12px 32px -12px rgba(245,165,36,1),inset 0 1px 0 rgba(255,255,255,.45)}
.wp-block-button.btn-or>.wp-block-button__link:hover{box-shadow:0 20px 44px -14px rgba(245,165,36,1),inset 0 1px 0 rgba(255,255,255,.55)}
.wp-block-button.btn-bleu>.wp-block-button__link{background:var(--g-brand);color:#fff;box-shadow:0 12px 32px -12px rgba(43,89,255,1)}
.wp-block-button.btn-verre>.wp-block-button__link{background:rgba(255,255,255,.08);color:#fff;
 border:1px solid rgba(255,255,255,.24);backdrop-filter:blur(8px)}
.wp-block-button.btn-verre>.wp-block-button__link:hover{background:rgba(255,255,255,.15)}
.wp-block-button.btn-fin>.wp-block-button__link{background:#fff;color:var(--text);border:1.5px solid var(--line);
 box-shadow:0 8px 22px -12px rgba(19,26,44,.5)}
.wp-block-button.btn-gros>.wp-block-button__link{padding:21px 40px;font-size:18px}
.hero-cta.wp-block-buttons,.m-cta.wp-block-buttons,.tav-cta.wp-block-buttons{display:flex}
.tav-cta.wp-block-buttons{justify-content:center}

/* Les halos et la grille : plus aucun élément vide dans le contenu. */
.hero::before,.mentor::before,.final::before,.sec-outils::before{content:"";position:absolute;inset:-40% -20%;pointer-events:none;filter:blur(72px);opacity:.9;z-index:0}
.hero::before{background:radial-gradient(circle 217.2px at calc(36% + 240px) calc(126% - 240px),rgba(245,165,36,.5),transparent),
 radial-gradient(circle 240.6px at calc(105% - 270px) calc(-2% + 270px),rgba(0,194,255,.55),transparent),
 radial-gradient(circle 308.6px at calc(-8% + 288px) calc(-14% + 288px),rgba(43,89,255,.9),transparent);animation:flotte 17s ease-in-out infinite}
.mentor::before{background:radial-gradient(circle 253.4px at calc(110% - 280px) calc(132% - 280px),rgba(245,165,36,.5),transparent),
 radial-gradient(circle 337.6px at calc(-14% + 315px) calc(-24% + 315px),rgba(43,89,255,.9),transparent);animation:flotte 23s ease-in-out infinite}
.final::before{background:radial-gradient(circle 250.8px at calc(-12% + 234px) calc(-30% + 234px),rgba(43,89,255,.9),transparent),
 radial-gradient(circle 280.6px at calc(16% + 310px) calc(144% - 310px),rgba(245,165,36,.5),transparent);animation:flotte 24s ease-in-out infinite}
.sec-outils::before{background:radial-gradient(circle 308.6px at calc(114% - 288px) calc(-32% + 288px),rgba(43,89,255,.9),transparent);animation:flotte 22s ease-in-out infinite}
.hero::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
 background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);
 background-size:64px 64px;
 -webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 36%,#000 28%,transparent 76%);
 mask-image:radial-gradient(ellipse 80% 60% at 50% 36%,#000 28%,transparent 76%)}
@media (prefers-reduced-motion:reduce){.hero::before,.mentor::before,.final::before,.sec-outils::before{animation:none}}

/* Les quatre terrains du hero : le libellé est un paragraphe, la pastille
   et l'icône sont dessinées. */

.terr-business{--c:#7FA6FF;--i:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221.95%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M3%2020h18%22/%3E%3Cpath%20d=%22M6.5%2020V11M12%2020V5M17.5%2020v-6%22/%3E%3C/svg%3E")}
.terr-ia{--c:#A38CFF;--i:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221.95%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M12%203l1.9%204.6L18.5%209l-4.6%201.4L12%2015l-1.9-4.6L5.5%209l4.6-1.4z%22/%3E%3Cpath%20d=%22M18%2016l.9%202.1L21%2019l-2.1.9L18%2022l-.9-2.1L15%2019l2.1-.9z%22/%3E%3C/svg%3E")}
.terr-apps{--c:#3DD9A0;--i:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221.95%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Crect%20x=%226%22%20y=%222.5%22%20width=%2212%22%20height=%2219%22%20rx=%223%22/%3E%3Cpath%20d=%22M10.5%2018.5h3%22/%3E%3C/svg%3E")}
.terr-wordpress{--c:#4FD3FF;--i:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%3E%3Cpath%20d=%22M12%201.6A10.4%2010.4%200%201%200%2022.4%2012%2010.41%2010.41%200%200%200%2012%201.6zm0%201.2a9.16%209.16%200%200%201%204.13.98h-.36a1.63%201.63%200%200%200-1.58%201.68c0%20.78.45%201.44.93%202.22a5%205%200%200%201%20.78%202.61%2011.5%2011.5%200%200%201-.73%203.03l-.95%203.19-3.46-10.3c.58-.03%201.1-.09%201.1-.09.52-.06.46-.82-.06-.79%200%200-1.56.12-2.56.12-.19%200-.41%200-.65-.01A9.17%209.17%200%200%201%2012%202.8zM4.68%206.72l4.3%2011.79A9.19%209.19%200%200%201%204.68%206.72zm7.7%205.94%202.6%207.12a.8.8%200%200%200%20.06.12%209.18%209.18%200%200%201-5.64-.15zm6.55-4.33a9.17%209.17%200%200%201-1.9%208.55l2.65-7.66a8.19%208.19%200%200%200%20.66-3.11c0-.38-.03-.74-.07-1.07a9.13%209.13%200%200%201%20.66%203.29z%22%20fill=%22%23000%22/%3E%3C/svg%3E")}

/* Les quatre piliers : l'icône est un carré dessiné, pas une balise. */

.pil-ou{--gc:linear-gradient(135deg,#1B3ED4,#2B59FF);--oc:rgba(43,89,255,.6);--i:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221.9%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2211%22%20cy=%2211%22%20r=%227%22/%3E%3Cpath%20d=%22M16.5%2016.5L21%2021%22/%3E%3Cpath%20d=%22M11%208v6M8%2011h6%22/%3E%3C/svg%3E")}
.pil-achat{--gc:linear-gradient(135deg,#0A8F63,#12B981);--oc:rgba(18,185,129,.6);--i:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221.9%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M4%2012.5l5%205L20%206.5%22/%3E%3C/svg%3E")}
.pil-reappr{--gc:linear-gradient(135deg,#E07C10,#F5A524);--oc:rgba(245,165,36,.6);--i:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221.9%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M12%203v3M12%2018v3M3%2012h3M18%2012h3M5.6%205.6l2.1%202.1M16.3%2016.3l2.1%202.1M18.4%205.6l-2.1%202.1M7.7%2016.3l-2.1%202.1%22/%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%223.4%22/%3E%3C/svg%3E")}
.pil-fait{--gc:linear-gradient(135deg,#5B37E8,#7C5CFF);--oc:rgba(124,92,255,.6);--i:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221.9%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M8%204H5.5A1.5%201.5%200%200%200%204%205.5V19a1.5%201.5%200%200%200%201.5%201.5H18A1.5%201.5%200%200%200%2019.5%2019v-2.5%22/%3E%3Cpath%20d=%22M16.5%203.6l3.9%203.9L12.8%2015l-4.4.5.5-4.4z%22/%3E%3C/svg%3E")}

/* Les preuves du bloc mentor : la coche est dessinée. */
.m-preuves li::before{content:"";flex:none;width:14px;height:14px;
 background:var(--amber-l);-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M4%2012.5l5%205L20%206.5%22/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%222.4%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M4%2012.5l5%205L20%206.5%22/%3E%3C/svg%3E") center/contain no-repeat}

/* Le symbole de la pastille de bas de page. */


/* L'anneau dégradé autour du portrait. */
.scene::after{content:"";position:absolute;inset:-10px;border-radius:44px;padding:2px;
 background:linear-gradient(150deg,rgba(91,140,255,.9),rgba(0,194,255,.25) 45%,rgba(245,165,36,.9));
 -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
 mask-composite:exclude;pointer-events:none;z-index:3}
.scene .wp-block-image{margin:0}

/* Les cinq étoiles des témoignages. */
.etoiles{display:flex;gap:3px}
.etoiles::before{content:"";width:80px;height:16px;background:var(--amber);
 -webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%3E%3Cpath%20d=%22M12%202l3%206.3%206.9%201-5%204.9%201.2%206.8L12%2017.8%205.9%2021l1.2-6.8-5-4.9%206.9-1z%22%20fill=%22%23000%22/%3E%3C/svg%3E") left center/16px repeat-x;mask:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%3E%3Cpath%20d=%22M12%202l3%206.3%206.9%201-5%204.9%201.2%206.8L12%2017.8%205.9%2021l1.2-6.8-5-4.9%206.9-1z%22%20fill=%22%23000%22/%3E%3C/svg%3E") left center/16px repeat-x}

/* La vignette colorée des cartes du blog. */
.art .vign{background:var(--gc)}
.art-1{--gc:linear-gradient(135deg,#1B3ED4,#2B59FF);--ac:#1B3ED4}
.art-2{--gc:linear-gradient(135deg,#5B37E8,#7C5CFF);--ac:#5B37E8}
.art-3{--gc:linear-gradient(135deg,#E07C10,#F5A524);--ac:#C46A08}

/* Le ruban : le texte n'est écrit qu'une fois, le script pose le double. */


/* Les <b> et <span> d'origine sont devenus des paragraphes et des <strong> :
   on rebranche les mêmes styles sur la nouvelle structure native. */
.scene .sign p:first-child{font-size:11.5px;letter-spacing:.15em;text-transform:uppercase;color:var(--amber-l);font-weight:700}
.scene .sign p:last-child strong{font-family:Figtree,sans-serif;font-weight:900;font-size:19px;letter-spacing:-.02em;color:#fff}
.flot p:first-child strong{display:block;font-family:Figtree,sans-serif;font-weight:900;font-size:24px;line-height:1;
 background:var(--g-warm);-webkit-background-clip:text;background-clip:text;color:transparent}
.flot p:last-child{font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:#9FADD0;font-weight:700}
.tem .qui p:first-child strong{display:block;font-family:Figtree,sans-serif;font-weight:800;font-size:14.5px}
.tem .qui p:last-child{font-size:13px;color:var(--muted);line-height:25.92px}
.tem .aremplir{align-self:flex-start}
.tem .qui>p.av{flex:0 0 42px;width:42px;height:42px;display:grid;place-items:center}
.art h3 a,.art .lire a{color:inherit}
.art .lire{color:var(--ac)}
.m-txt strong{color:#fff;font-weight:600}
.cat p{margin:0}
.cat .cat-t{font-family:Figtree,sans-serif;font-weight:800;font-size:15px;line-height:24.3px;margin-bottom:4px}
.cat .cat-t strong{font-weight:inherit}
.cat .cat-s{font-size:13px;color:#8FA0C4;line-height:25.92px}
.sec-outils>.wrap{position:relative;z-index:1}
@media (prefers-reduced-motion:reduce){.sec-outils::before{animation:none}}

/* Les logos et les icônes des sections catalogue et communauté :
   du décor, donc des fonds, pas des balises dans le contenu. */
.prod-nom{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px}
.prod-nom::before{content:'';flex:none;width:46px;height:46px;border-radius:14px;background:var(--logo-fond,#fff) var(--logo) center/var(--logo-taille,34px) no-repeat;box-shadow:var(--logo-ombre,0 8px 18px -10px rgba(11,16,32,.5),0 0 0 1px rgba(11,16,32,.06))}
.prod-client-vault{--tint:#F1EDFF;--gc:linear-gradient(135deg,#7C3AED,#6DD5ED);--ac:#6D4AEF;--logo:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2096%2096%22%3E%3Cdefs%3E%3ClinearGradient%20id=%22cvg%22%20x1=%220%22%20y1=%220%22%20x2=%221%22%20y2=%221%22%3E%3Cstop%20offset=%220%25%22%20stop-color=%22%237C3AED%22/%3E%3Cstop%20offset=%22100%25%22%20stop-color=%22%236DD5ED%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect%20x=%226%22%20y=%226%22%20width=%2284%22%20height=%2284%22%20rx=%2220%22%20fill=%22url(%23cvg)%22/%3E%3Cg%20transform=%22translate(28,28)%22%20fill=%22none%22%20stroke=%22%23FFFFFF%22%20stroke-width=%224%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Crect%20x=%222%22%20y=%2217%22%20width=%2236%22%20height=%2222%22%20rx=%224%22/%3E%3Cpath%20d=%22M9%2017v-7a11%2011%200%200%201%2022%200v7%22/%3E%3C/g%3E%3C/svg%3E")}
.prod-booking-leads{--tint:#E7F3FD;--gc:linear-gradient(135deg,#0E7BE0,#00C2FF);--ac:#0B6BC6;--logo:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2036%2038%22%3E%3Cdefs%3E%3ClinearGradient%20id=%22blg3%22%20x1=%220%22%20y1=%220%22%20x2=%221%22%20y2=%221%22%3E%3Cstop%20offset=%220%22%20stop-color=%22%231B3ED4%22/%3E%3Cstop%20offset=%22.55%22%20stop-color=%22%232B59FF%22/%3E%3Cstop%20offset=%221%22%20stop-color=%22%2300C2FF%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect%20y=%226%22%20width=%2236%22%20height=%2232%22%20rx=%228%22%20fill=%22url(%23blg3)%22/%3E%3Crect%20x=%228.6%22%20width=%223.6%22%20height=%229%22%20rx=%221.8%22%20fill=%22url(%23blg3)%22/%3E%3Crect%20x=%2223.8%22%20width=%223.6%22%20height=%229%22%20rx=%221.8%22%20fill=%22url(%23blg3)%22/%3E%3Crect%20x=%224.5%22%20y=%2216%22%20width=%2227%22%20height=%2218%22%20rx=%224.5%22%20fill=%22%23fff%22/%3E%3Crect%20x=%228.2%22%20y=%2220.7%22%20width=%228.6%22%20height=%228.6%22%20rx=%222.6%22%20fill=%22%23DCE5F5%22/%3E%3Crect%20x=%2219.2%22%20y=%2220.7%22%20width=%228.6%22%20height=%228.6%22%20rx=%222.6%22%20fill=%22%23FF7A2F%22/%3E%3C/svg%3E")}
.prod-maymoune{--tint:#E8F8EF;--gc:linear-gradient(135deg,#0A8F63,#12B981);--ac:#0A8F63;--logo:url(../img/logo-maymoune.png)}
.prod-pricati{--tint:#FFF0F3;--gc:linear-gradient(135deg,#1B3ED4,#2B59FF);--ac:#1B3ED4;--logo:url(../img/logo-pricati.png)}
.prod-client-vault,.prod-booking-leads{--logo-fond:transparent;--logo-taille:contain;--logo-ombre:0 8px 18px -10px rgba(11,16,32,.45)}
.fam-wp::before{content:'';flex:none;width:12px;height:12px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20aria-hidden=%22true%22%3E%3Cpath%20d=%22M12%201.6A10.4%2010.4%200%201%200%2022.4%2012%2010.41%2010.41%200%200%200%2012%201.6zm0%201.2a9.16%209.16%200%200%201%204.13.98h-.36a1.63%201.63%200%200%200-1.58%201.68c0%20.78.45%201.44.93%202.22a5%205%200%200%201%20.78%202.61%2011.5%2011.5%200%200%201-.73%203.03l-.95%203.19-3.46-10.3c.58-.03%201.1-.09%201.1-.09.52-.06.46-.82-.06-.79%200%200-1.56.12-2.56.12-.19%200-.41%200-.65-.01A9.17%209.17%200%200%201%2012%202.8zM4.68%206.72l4.3%2011.79A9.19%209.19%200%200%201%204.68%206.72zm7.7%205.94%202.6%207.12a.8.8%200%200%200%20.06.12%209.18%209.18%200%200%201-5.64-.15zm6.55-4.33a9.17%209.17%200%200%201-1.9%208.55l2.65-7.66a8.19%208.19%200%200%200%20.66-3.11c0-.38-.03-.74-.07-1.07a9.13%209.13%200%200%201%20.66%203.29z%22%20fill=%22%23000%22%20stroke=%22none%22/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20aria-hidden=%22true%22%3E%3Cpath%20d=%22M12%201.6A10.4%2010.4%200%201%200%2022.4%2012%2010.41%2010.41%200%200%200%2012%201.6zm0%201.2a9.16%209.16%200%200%201%204.13.98h-.36a1.63%201.63%200%200%200-1.58%201.68c0%20.78.45%201.44.93%202.22a5%205%200%200%201%20.78%202.61%2011.5%2011.5%200%200%201-.73%203.03l-.95%203.19-3.46-10.3c.58-.03%201.1-.09%201.1-.09.52-.06.46-.82-.06-.79%200%200-1.56.12-2.56.12-.19%200-.41%200-.65-.01A9.17%209.17%200%200%201%2012%202.8zM4.68%206.72l4.3%2011.79A9.19%209.19%200%200%201%204.68%206.72zm7.7%205.94%202.6%207.12a.8.8%200%200%200%20.06.12%209.18%209.18%200%200%201-5.64-.15zm6.55-4.33a9.17%209.17%200%200%201-1.9%208.55l2.65-7.66a8.19%208.19%200%200%200%20.66-3.11c0-.38-.03-.74-.07-1.07a9.13%209.13%200%200%201%20.66%203.29z%22%20fill=%22%23000%22%20stroke=%22none%22/%3E%3C/svg%3E") center/contain no-repeat}
.chantier::before{content:'';flex:none;width:38px;height:38px;background:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2096%2096%22%3E%3Cdefs%3E%3ClinearGradient%20id=%22fcg%22%20x1=%220%22%20y1=%220%22%20x2=%221%22%20y2=%221%22%3E%3Cstop%20offset=%220%22%20stop-color=%22%23B4184E%22/%3E%3Cstop%20offset=%221%22%20stop-color=%22%23F0356F%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect%20x=%226%22%20y=%226%22%20width=%2284%22%20height=%2284%22%20rx=%2222%22%20fill=%22url(%23fcg)%22/%3E%3Cg%20transform=%22translate(6%206)%20scale(0.875)%22%20fill=%22%23FFFFFF%22%3E%3Crect%20x=%2213%22%20y=%2211%22%20width=%2270%22%20height=%2211%22%20rx=%225.5%22/%3E%3Crect%20x=%2223%22%20y=%2228%22%20width=%2250%22%20height=%2211%22%20rx=%225.5%22/%3E%3Crect%20x=%2233%22%20y=%2245%22%20width=%2230%22%20height=%2211%22%20rx=%225.5%22/%3E%3Ccircle%20cx=%2248%22%20cy=%2275%22%20r=%2210%22%20fill=%22%23FFC65C%22/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}
.bt-phare .bt-txt::before{content:'';display:block;width:62px;height:62px;margin-bottom:16px;background:var(--i-apogee) center/contain no-repeat}
.apogee-scene::before{content:'';flex:none;width:180px;height:165px;filter:drop-shadow(0 24px 46px rgba(245,165,36,.5));background:var(--i-apogee) center/contain no-repeat}
.apogee-etat{flex-wrap:wrap;justify-content:center}
.apogee-etat p{font-size:inherit;padding:10px 18px;border-radius:12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:#C9D4F0;font-weight:700}
.apogee-etat p.fin{position:relative;margin-left:36px;background:var(--g-warm);border-color:transparent;color:#1A1206;font-weight:900;box-shadow:0 12px 28px -12px rgba(245,165,36,.9)}
.apogee-etat p.fin::before{content:'';position:absolute;left:-36px;top:50%;transform:translateY(-50%);width:22px;height:22px;background:#FFC65C;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M4%2012h15%22/%3E%3Cpath%20d=%22M13%206l6%206-6%206%22/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M4%2012h15%22/%3E%3Cpath%20d=%22M13%206l6%206-6%206%22/%3E%3C/svg%3E") center/contain no-repeat}

.esp-taverne{--gc:linear-gradient(135deg,#1B3ED4,#2B59FF);--oc:rgba(43,89,255,.6);--ac:#1B3ED4;--wash:#EDF2FF;--i:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221.9%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M17%2020v-1.6a4%204%200%200%200-4-4H7a4%204%200%200%200-4%204V20%22/%3E%3Ccircle%20cx=%2210%22%20cy=%227.5%22%20r=%223.4%22/%3E%3Cpath%20d=%22M21%2020v-1.6a4%204%200%200%200-3-3.87%22/%3E%3Cpath%20d=%22M16.5%204.3a4%204%200%200%201%200%206.4%22/%3E%3C/svg%3E")}
.esp-vip{--gc:linear-gradient(135deg,#E07C10,#F5A524);--oc:rgba(245,165,36,.6);--ac:#C46A08;--wash:#FFF6E9;--i:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221.9%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M12%203l8%204v5c0%205-3.4%208.3-8%209-4.6-.7-8-4-8-9V7l8-4z%22/%3E%3Cpath%20d=%22M9.5%2012.2l1.8%201.8%203.4-3.6%22/%3E%3C/svg%3E")}
.esp-entraide{--gc:linear-gradient(135deg,#0A8F63,#12B981);--oc:rgba(18,185,129,.6);--ac:#0A8F63;--wash:#F1FCF7;--i:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23000%22%20stroke-width=%221.9%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M21%2012a8.5%208.5%200%200%201-11.9%207.8L3%2021l1.3-5.9A8.5%208.5%200%201%201%2021%2012z%22/%3E%3C/svg%3E")}
.prod-haut p{margin:0}
.chantier p{margin:0}
.chantier .chantier-lien{margin-left:auto}
.esp p:where(:not(.esp-tag)){margin:0}
.bt-phare{--gd:linear-gradient(120deg,#05070F 0%,#0E1530 34%,#3A2A0B 78%,#B8790C 130%);
 --gc:linear-gradient(135deg,#E07C10,#FFC65C);--oc:rgba(245,165,36,.7)}

/* =========================================================================
   Les marges que WordPress remet à zéro

   Dès qu'un groupe porte un blockGap, WordPress écrit
   « .wp-container-… > * { margin-block: 0 } » — plus spécifique que les
   classes du thème. Toutes les marges verticales des sections passaient
   donc à la trappe.

   Ce bloc est GÉNÉRÉ à partir des règles ci-dessus, dans leur ordre
   d'origine et avec leur contexte de média : chaque marge verticale
   déclarée par une classe du thème est reposée ici en !important. C'est
   le seul endroit du fichier où !important se justifie — on écrase une
   règle produite par WordPress, pas une des nôtres.
   ========================================================================= */
/* Hors du gabarit du thème (FunnelCart), WordPress pose son écart de bloc
   par défaut entre les enfants d'une section. On le remet à zéro ici ;
   les marges voulues sont reposées juste en dessous, une par une. */
[class*="apx-"] > * + *{margin-block-start:0!important}
.hero-cta{margin-top:6px!important}
.confiance{margin-top:16px!important;margin-bottom:13px!important}
.taverne .sec-tete p:where(:not(.lbl)){margin-bottom:18px!important}
.chiffres{margin-top:-58px!important}
.ch-l{margin-top:12px!important}
.sec-tete{margin-top:0!important;margin-bottom:48px!important}
.sec-tete p:where(:not(.lbl)){margin-top:0!important;margin-bottom:0!important}
.m-nom{margin-top:14px!important;margin-bottom:20px!important}
.m-cite{margin-top:0!important;margin-bottom:20px!important}
.m-txt{margin-top:0!important;margin-bottom:26px!important}
.m-preuves{margin-top:0!important;margin-bottom:26px!important}
.final p{margin-top:0!important;margin-bottom:0!important}
@media (max-width:1080px){
.scene{margin-top:0!important;margin-bottom:0!important}
}
.hero-cta{margin-top:58px!important}
.terrains{margin-top:48px!important}
@media (max-width:620px){
.hero-cta{margin-top:44px!important}
}
.produits{margin-top:22px!important}
.prod-vis{margin-top:26px!important;margin-bottom:30px!important}
@media (max-width:620px){
.prod-vis{margin-top:26px!important;margin-bottom:22px!important}
}
.chantier{margin-top:0!important;margin-bottom:0!important}
.prod-large .prod-vis{margin-top:34px!important;margin-bottom:34px!important}
@media (max-width:900px){
.prod-large .prod-vis{margin-top:26px!important;margin-bottom:30px!important}
}
@media (max-width:820px){
.prod-large .prod-vis{margin-top:18px!important;margin-bottom:18px!important}
}
.bt-txt p{margin-top:0!important;margin-bottom:20px!important}
.bt-txt p.plus{margin-bottom:0!important}
.apogee-etat p{margin-top:0!important;margin-bottom:0!important}
.evo-bande{margin-top:22px!important}
.evo-tag{margin-bottom:14px!important}
.evo-bande h3{margin-bottom:10px!important}
.evo-bande p:where(:not(.evo-tag)):where(:not(.plus)){margin-top:0!important;margin-bottom:18px!important}
.pil .ic{margin-bottom:18px!important}
.pil h3{margin-bottom:9px!important}
.pil p{margin-top:0!important;margin-bottom:0!important}
.bento + .famille{margin-top:44px!important}
.cats{margin-bottom:34px!important}
.defiles{margin-bottom:26px!important}
.espaces{margin-bottom:34px!important}
.esp .ic{margin-bottom:18px!important}
.esp-tag{margin-bottom:12px!important}
.esp h3{margin-bottom:9px!important}
.esp p:where(:not(.esp-tag)){margin-top:0!important;margin-bottom:18px!important}
.tav-large{margin-top:8px!important}
.tav-cta{margin-top:36px!important}
.tav-liste{margin-top:0!important;margin-bottom:26px!important}
.tav-liste i{margin-top:2px!important}
.evo-liste{margin-top:0!important;margin-bottom:0!important}
.tem p{margin-top:0!important;margin-bottom:0!important}
.art .lire{margin-top:auto!important}
@media (max-width:820px){
.sec-tete{margin-bottom:28px!important}
.chiffres{margin-top:-30px!important}
.ch-l{margin-top:7px!important}
.prod-vis{margin-top:18px!important;margin-bottom:18px!important}
.cats{margin-bottom:26px!important}
.pil .ic{margin-bottom:13px!important}
.pil h3{margin-bottom:6px!important}
.espaces{margin-bottom:26px!important}
.esp .ic{margin-top:0!important;margin-bottom:0!important}
.esp-tag{margin-top:0!important;margin-bottom:0!important}
.esp h3{margin-top:0!important;margin-bottom:0!important}
.esp p:where(:not(.esp-tag)){margin-top:2px!important}
.tav-cta{margin-top:26px!important}
.terrains{margin-top:30px!important}
.hero-cta{margin-top:34px!important}
.terrains{margin-top:26px!important}
}
.art-chapo{margin-top:18px!important;margin-bottom:0!important}
.art-meta{margin-top:22px!important}
.art-vign img{margin-bottom:34px!important}
.art-col h2{margin-top:44px!important;margin-bottom:14px!important}
.art-col h3{margin-top:34px!important;margin-bottom:10px!important}
.art-auteur{margin-top:52px!important}
.art-nav{margin-top:34px!important}
.wp-block-post-content > .chiffres, main.wp-block-group > .chiffres{margin-top:-58px!important}
@media (max-width:820px){
.wp-block-post-content > .chiffres, main.wp-block-group > .chiffres{margin-top:-30px!important}
.terrains{margin-top:30px!important}
.hero .hero-cta{margin-top:38px!important}
.terrains{margin-top:16px!important}
.hero .hero-cta{margin-top:46px!important}
}
@media (max-width:400px){
.terrains{margin-top:14px!important}
}
.apx-tete{margin-top:0!important;margin-bottom:40px!important}
.apx-tete p{margin-top:14px!important}
.apx-past{margin-top:18px!important}
.apx-flot .wp-block-buttons{margin-top:20px!important}
.apx-hero .apx-h1{margin-top:20px!important}
.apx-bascule{margin-top:30px!important}
.apx-sous{margin-top:24px!important;margin-bottom:0!important}
.apx-flot{margin-top:-88px!important;margin-bottom:0!important}
.apx-flot>p{margin-top:8px!important}
.apx-widget{margin-top:22px!important}
.apx-info{margin-top:18px!important}
.apx-fin{margin-top:16px!important}
.apx-stats{margin-top:34px!important;margin-bottom:0!important}
.apx-lib{margin-top:8px!important}
.apx-tem blockquote{margin-top:12px!important;margin-bottom:18px!important}
.apx-frise{margin-top:30px!important;margin-bottom:0!important}
.apx-sems{margin-top:0!important;margin-bottom:18px!important}
.apx-rail{margin-top:0!important;margin-bottom:0!important}
.apx-stades{margin-top:-13px!important}
.apx-st::before{margin-top:0!important;margin-bottom:13px!important}
.apx-raccord{margin-top:34px!important;margin-bottom:26px!important}
.apx-lab::after{margin-top:12px!important;margin-bottom:0!important}
.apx-final{margin-top:34px!important}
.apx-ruban{margin-bottom:66px!important}
.apx-nom{margin-top:14px!important}
.apx-mentor blockquote{margin-top:26px!important;margin-bottom:24px!important}
.apx-puces{margin-top:24px!important;margin-bottom:28px!important}
.apx-note{margin-top:16px!important}
.apx-cadre{margin-top:0!important;margin-bottom:0!important}
.apx-badge .apx-lib{margin-top:5px!important}
.apx-rdv{margin-top:22px!important}
.apx-etapes{margin-top:26px!important;margin-bottom:0!important}
.apx-etapes li strong{margin-bottom:2px!important}
.apx-recap{margin-top:24px!important;margin-bottom:0!important}
.apx-prix{margin-top:26px!important}
.apx-prix .apx-lib{margin-top:8px!important}
.apx-legal{margin-top:20px!important}
@media (max-width:1080px){
.apx-visu{margin-top:0!important;margin-bottom:0!important}
}
@media (max-width:820px){
.apx-rail{margin-top:0!important;margin-bottom:0!important}
.apx-st::before{margin-bottom:9px!important}
}
@media (max-width:600px){
.apx-bascule{margin-top:30px!important}
}
@media (max-width:440px){
.apx-rail{margin-top:0!important;margin-bottom:0!important}
}
.scene .wp-block-image{margin-top:0!important;margin-bottom:0!important}
.prod-haut p{margin-top:0!important;margin-bottom:0!important}
.chantier p{margin-top:0!important;margin-bottom:0!important}
.evo-bande p:where(:not(.evo-tag)):where(:not(.plus)){margin-top:0!important;margin-bottom:18px!important}
.evo-txt p.plus{margin-top:0!important;margin-bottom:0!important}
.esp p:where(:not(.esp-tag)){margin-top:0!important;margin-bottom:18px!important}

/* -------------------------------------------------------------------------
   Les icônes reprennent leur place DANS le flux — comme les balises
   d'origine — et non en position absolue : toutes les règles de taille
   déjà écrites plus haut pour les petits écrans continuent de s'appliquer.
   ------------------------------------------------------------------------- */
p.terr::before{content:'';flex:none;width:36px;height:36px;border-radius:11px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.09) var(--i) center/19px no-repeat}
.terr-business{--i:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%237FA6FF%22%20stroke-width=%221.95%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M3%2020h18%22/%3E%3Cpath%20d=%22M6.5%2020V11M12%2020V5M17.5%2020v-6%22/%3E%3C/svg%3E")}
.terr-ia{--i:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23A38CFF%22%20stroke-width=%221.95%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M12%203l1.9%204.6L18.5%209l-4.6%201.4L12%2015l-1.9-4.6L5.5%209l4.6-1.4z%22/%3E%3Cpath%20d=%22M18%2016l.9%202.1L21%2019l-2.1.9L18%2022l-.9-2.1L15%2019l2.1-.9z%22/%3E%3C/svg%3E")}
.terr-apps{--i:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%233DD9A0%22%20stroke-width=%221.95%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Crect%20x=%226%22%20y=%222.5%22%20width=%2212%22%20height=%2219%22%20rx=%223%22/%3E%3Cpath%20d=%22M10.5%2018.5h3%22/%3E%3C/svg%3E")}
.terr-wordpress{--i:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22%234FD3FF%22%3E%3Cpath%20d=%22M12%201.6A10.4%2010.4%200%201%200%2022.4%2012%2010.41%2010.41%200%200%200%2012%201.6zm0%201.2a9.16%209.16%200%200%201%204.13.98h-.36a1.63%201.63%200%200%200-1.58%201.68c0%20.78.45%201.44.93%202.22a5%205%200%200%201%20.78%202.61%2011.5%2011.5%200%200%201-.73%203.03l-.95%203.19-3.46-10.3c.58-.03%201.1-.09%201.1-.09.52-.06.46-.82-.06-.79%200%200-1.56.12-2.56.12-.19%200-.41%200-.65-.01A9.17%209.17%200%200%201%2012%202.8zM4.68%206.72l4.3%2011.79A9.19%209.19%200%200%201%204.68%206.72zm7.7%205.94%202.6%207.12a.8.8%200%200%200%20.06.12%209.18%209.18%200%200%201-5.64-.15zm6.55-4.33a9.17%209.17%200%200%201-1.9%208.55l2.65-7.66a8.19%208.19%200%200%200%20.66-3.11c0-.38-.03-.74-.07-1.07a9.13%209.13%200%200%201%20.66%203.29z%22/%3E%3C/svg%3E")}
@media (max-width:620px){p.terr::before{width:32px;height:32px;background-size:17px}}
@media (max-width:400px){p.terr::before{width:28px;height:28px;background-size:15px}}
.pil::before{content:'';display:block;width:46px;height:46px;border-radius:15px;margin-bottom:18px;background:var(--i) center/22px no-repeat,var(--gc);box-shadow:0 12px 26px -12px var(--oc)}
.pil-ou{--gc:linear-gradient(135deg,#1B3ED4,#2B59FF);--oc:rgba(43,89,255,.6);--i:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23fff%22%20stroke-width=%221.9%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Ccircle%20cx=%2211%22%20cy=%2211%22%20r=%227%22/%3E%3Cpath%20d=%22M16.5%2016.5L21%2021%22/%3E%3Cpath%20d=%22M11%208v6M8%2011h6%22/%3E%3C/svg%3E")}
.pil-achat{--gc:linear-gradient(135deg,#0A8F63,#12B981);--oc:rgba(18,185,129,.6);--i:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23fff%22%20stroke-width=%221.9%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M4%2012.5l5%205L20%206.5%22/%3E%3C/svg%3E")}
.pil-reappr{--gc:linear-gradient(135deg,#E07C10,#F5A524);--oc:rgba(245,165,36,.6);--i:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23fff%22%20stroke-width=%221.9%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M12%203v3M12%2018v3M3%2012h3M18%2012h3M5.6%205.6l2.1%202.1M16.3%2016.3l2.1%202.1M18.4%205.6l-2.1%202.1M7.7%2016.3l-2.1%202.1%22/%3E%3Ccircle%20cx=%2212%22%20cy=%2212%22%20r=%223.4%22/%3E%3C/svg%3E")}
.pil-fait{--gc:linear-gradient(135deg,#5B37E8,#7C5CFF);--oc:rgba(124,92,255,.6);--i:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23fff%22%20stroke-width=%221.9%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M8%204H5.5A1.5%201.5%200%200%200%204%205.5V19a1.5%201.5%200%200%200%201.5%201.5H18A1.5%201.5%200%200%200%2019.5%2019v-2.5%22/%3E%3Cpath%20d=%22M16.5%203.6l3.9%203.9L12.8%2015l-4.4.5.5-4.4z%22/%3E%3C/svg%3E")}
.esp::before{content:'';display:block;width:46px;height:46px;border-radius:15px;margin-bottom:18px;background:var(--i) center/22px no-repeat,var(--gc);box-shadow:0 12px 26px -12px var(--oc)}
.esp-taverne{--gc:linear-gradient(135deg,#1B3ED4,#2B59FF);--oc:rgba(43,89,255,.6);--ac:#1B3ED4;--wash:#EDF2FF;--i:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23fff%22%20stroke-width=%221.9%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M17%2020v-1.6a4%204%200%200%200-4-4H7a4%204%200%200%200-4%204V20%22/%3E%3Ccircle%20cx=%2210%22%20cy=%227.5%22%20r=%223.4%22/%3E%3Cpath%20d=%22M21%2020v-1.6a4%204%200%200%200-3-3.87%22/%3E%3Cpath%20d=%22M16.5%204.3a4%204%200%200%201%200%206.4%22/%3E%3C/svg%3E")}
.esp-vip{--gc:linear-gradient(135deg,#E07C10,#F5A524);--oc:rgba(245,165,36,.6);--ac:#C46A08;--wash:#FFF6E9;--i:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23fff%22%20stroke-width=%221.9%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M12%203l8%204v5c0%205-3.4%208.3-8%209-4.6-.7-8-4-8-9V7l8-4z%22/%3E%3Cpath%20d=%22M9.5%2012.2l1.8%201.8%203.4-3.6%22/%3E%3C/svg%3E")}
.esp-entraide{--gc:linear-gradient(135deg,#0A8F63,#12B981);--oc:rgba(18,185,129,.6);--ac:#0A8F63;--wash:#F1FCF7;--i:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2024%2024%22%20fill=%22none%22%20stroke=%22%23fff%22%20stroke-width=%221.9%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M21%2012a8.5%208.5%200%200%201-11.9%207.8L3%2021l1.3-5.9A8.5%208.5%200%201%201%2021%2012z%22/%3E%3C/svg%3E")}
.pastille-baseline::before{content:'';flex:none;width:18px;height:18px;background:url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20147.8%20147.8%22%3E%3Cg%20transform=%22translate(15.92%2011.42)%22%20fill=%22none%22%20stroke-width=%2211%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%3E%3Cpath%20d=%22M8%2074H30l10-25%2010%2047%208-22h12%22%20stroke=%22%23FFFFFF%22/%3E%3Cpath%20d=%22M70%2074l38-45%22%20stroke=%22%235B8CFF%22/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}
ul.ruban-piste,ul.apx-piste{list-style:none;padding:0;margin:0;display:flex;width:max-content;white-space:nowrap}
ul.ruban-piste{gap:52px;color:#8494BC;font-family:Figtree,sans-serif;font-weight:800;font-size:15px}
ul.ruban-piste li{opacity:.6}
ul.apx-piste{gap:44px;font-size:16px;font-weight:800;color:#5A657E}
ul.ruban-piste li .amb,ul.apx-piste li .amb{background:var(--g-warm);-webkit-background-clip:text;background-clip:text;color:transparent;opacity:1}
ul.ruban-piste li:has(.amb){opacity:1}

/* -------------------------------------------------------------------------
   Les décors sur les petits écrans

   Les balises d'origine (em, .ic, .bt-logo, .apogee-logo) avaient leurs
   propres tailles dans chaque media query. Les pseudo-éléments qui les
   remplacent les reprennent ici, point de rupture par point de rupture.
   ------------------------------------------------------------------------- */
@media (max-width:960px){
 .apogee-scene::before{width:150px;height:137px}
}
@media (max-width:820px){
 .apogee-scene::before{display:none}
 .apogee-etat p.fin::before{width:18px;height:18px}
 .cat .cat-t{font-size:12.5px;line-height:15.625px;margin-bottom:3px}
 .cat .cat-s{font-size:11px}
 .pil::before{width:38px;height:38px;border-radius:12px;margin-bottom:13px;background-size:19px}
 .esp::before{grid-row:1/3;width:44px;height:44px;margin:0;background-size:22px}
 .bt-phare .bt-txt::before{display:none}
 .bt-phare .bt-txt h3::before{content:'';flex:none;width:44px;height:44px;background:var(--i-apogee) center/contain no-repeat}
 p.terr::before{width:13px;height:13px;border:0;border-radius:0;background:var(--i) center/contain no-repeat}
}
@media (max-width:400px){
 p.terr::before{width:12px;height:12px}
}
@media (max-width:620px){
 .wp-block-button.btn-gros>.wp-block-button__link{padding:17px 30px;font-size:16px}
}

/* Les tuiles et les jalons sur petit écran : les marges et les tailles
   que portaient les balises d'origine. */
@media (max-width:820px){
 .bt-phare .bt-txt h3{margin-bottom:0!important}
 .bt-phare .bt-txt p{margin-top:15px!important}
 .apogee-etat p{flex:1;text-align:center;padding:12px 8px;line-height:1.25}
 .esp p:where(:not(.esp-tag)){margin-top:2px!important}
}

/* Le pied des pages de vente : moins d'air sur téléphone. */
@media (max-width:600px){
 .apx-flot + .apx-pied,.apx-sec + .apx-pied{margin-top:52px}
}

/* =========================================================================
   Le tunnel hors du gabarit du thème

   Les pages du tunnel ne vivent pas toujours dans le gabarit « page de
   vente » : FunnelCart les rend dans son propre conteneur. Les sections
   Apogée Max doivent donc se suffire à elles-mêmes — leur typographie,
   leurs marges remises à zéro et le fond de la page — au lieu de compter
   sur la classe du gabarit autour d'elles.
   ========================================================================= */
:where([class*="apx-"]){font-family:Figtree,system-ui,sans-serif;font-size:17px;line-height:1.45;color:var(--apx-encre)}
:where([class*="apx-"]) :where(p,ul,ol,li,figure,blockquote,h1,h2,h3,h4){margin:0}
:where([class*="apx-"]) :where(.wp-block-group,.wp-block-buttons){margin-block:0}
:has(> .apx-hero){background:var(--apx-fond)}

/* Le ruban des métiers écrit d'un seul tenant (ancien contenu, séparé par
   des « · ») : le script le double, le texte doit donc rester une ligne. */
p.apx-piste,p.ruban-piste{display:block;width:max-content;white-space:nowrap}

/* =========================================================================
   LA PAGE DES OFFRES — composition sdravobiz/30-offres
   Rien n'est posé dans la page : les halos viennent de .hero et .final,
   les carrés des tuiles et les logos sont des pseudo-éléments en flux.
   ========================================================================= */

/* --- correctif : « background: none url(…) » n'est pas une déclaration
   valide, la règle entière était jetée et les logos ne s'affichaient pas. --- */
.prod-client-vault,.prod-booking-leads{--logo-fond:transparent}
.prod-funnelcart{--tint:#FDF2F6;--gc:linear-gradient(135deg,#B4184E,#F0356F);--ac:#B4184E;
 --logo:url(../img/logo-funnelcart.svg);--logo-fond:transparent;--logo-taille:contain;
 --logo-ombre:0 8px 18px -10px rgba(11,16,32,.45)}

/* ---------- le hero ---------- */
.h4{padding:132px 0 84px}
.h4 .wrap{display:flex;flex-direction:row;align-items:center;text-align:left;gap:56px;
 justify-content:space-between;position:relative;z-index:2}
.h4-txt{flex:1 1 540px;min-width:0;display:flex;flex-direction:column;align-items:flex-start}

.h4 .h4-badge{display:inline-flex;align-items:center;gap:9px;margin:0;padding:9px 22px 9px 14px;
 border-radius:999px;white-space:nowrap;max-width:none;width:max-content;
 font-family:Figtree,sans-serif;font-weight:900;font-size:11px;letter-spacing:.12em;text-transform:uppercase;
 background:var(--g-warm);color:#1A1206;box-shadow:0 14px 30px -14px rgba(245,165,36,.9)}
.h4 .h4-badge::before{content:"";width:7px;height:7px;border-radius:50%;background:#1A1206;
 animation:pulse2 2.2s ease-in-out infinite}
@keyframes pulse2{0%,100%{opacity:1}50%{opacity:.25}}

.h4 .h4-sur{margin:26px 0 0;font-family:Inter,sans-serif;font-weight:500;font-size:18px;
 color:#8FA3CC;letter-spacing:0;text-transform:none;max-width:none}
.h4 .h4-kick{margin:4px 0 0;font-family:Figtree,sans-serif;font-weight:900;
 font-size:clamp(22px,2.3vw,31px);letter-spacing:-.03em;color:#8FA3CC;max-width:none;line-height:1.1}
.h4 .h4-kick strong{font-weight:900;color:#5B8CFF}

.h4 .h4-big{display:flex;align-items:flex-end;gap:20px;flex-wrap:wrap;margin:6px 0 0;max-width:none;
 font-family:Figtree,sans-serif;font-weight:900;font-size:clamp(80px,10.4vw,146px);
 letter-spacing:-.065em;line-height:.82;color:#fff;text-shadow:0 30px 70px rgba(0,0,0,.55)}
.h4 .h4-big em{font-style:normal;font-weight:900;font-size:clamp(26px,3.1vw,42px);
 letter-spacing:-.035em;padding-bottom:.2em;text-shadow:none}

.h4 .h4-avec{display:flex;align-items:center;gap:12px;margin:18px 0 0;max-width:none;
 font-family:Figtree,sans-serif;font-weight:700;font-size:18px;color:#8FA3CC}
.h4 .h4-avec::after{content:"";flex:none;width:152px;height:29px;
 background:url(../img/logo-sdravobiz-blanc.svg) left center/contain no-repeat}

/* le même petit intitulé des deux côtés : c'est lui qui tient la composition */
.h4 .h4-lab{margin:0 0 12px;font-family:Figtree,sans-serif;font-weight:800;font-size:10px;
 letter-spacing:.2em;text-transform:uppercase;color:#7C8AAE;max-width:none}
.h4-fin{margin-top:34px}
.h4-fin .compte{display:flex;gap:10px}
.h4-fin .compte span{display:flex;flex-direction:column;align-items:center;min-width:72px;padding:13px 12px;
 border-radius:15px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);line-height:1}
.h4-fin .compte b{font-family:Figtree,sans-serif;font-weight:900;font-size:29px;font-variant-numeric:tabular-nums;
 background:var(--g-warm);-webkit-background-clip:text;background-clip:text;color:transparent}
.h4-fin .compte i{font-style:normal;font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;
 color:#9FADD0;margin-top:7px;font-weight:700}

.h4-act{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:32px}
.h4-act .wp-block-buttons{margin:0}
.h4-lien{font-family:Figtree,sans-serif;font-weight:700;font-size:14.5px;color:#C6D0E8;
 border-bottom:1px solid rgba(198,208,232,.35);padding-bottom:2px;transition:color .25s,border-color .25s}
.h4-lien:hover{color:#fff;border-color:#fff}

/* les tuiles : un carré par logiciel, dessiné en pseudo-élément */
.h4-tuiles{flex:0 0 auto;width:min(430px,100%)}
.h4-grille{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.tw{position:relative;cursor:pointer;transition:transform .32s cubic-bezier(.22,.8,.3,1)}
.tw:hover{transform:translateY(-6px)}
.tw::before{content:"";display:block;aspect-ratio:1;border-radius:22px;
 background:var(--tint,#EEF3FF) var(--logo) center/52% no-repeat;
 box-shadow:0 18px 34px -18px rgba(0,0,0,.9),inset 0 0 0 1px rgba(255,255,255,.1)}
.tw:hover::before{box-shadow:0 24px 44px -18px rgba(0,0,0,.95),inset 0 0 0 1px rgba(255,255,255,.28)}
.tw .tw-r{position:absolute;top:10px;left:-5px;margin:0;padding:5px 9px;border-radius:3px 5px 5px 3px;
 font-family:Figtree,sans-serif;font-weight:900;font-size:10px;letter-spacing:.02em;line-height:1.3;
 background:var(--g-warm);color:#1A1206;box-shadow:0 8px 16px -8px rgba(0,0,0,.7);white-space:nowrap;z-index:2}
.tw .tw-r::after{content:"";position:absolute;left:0;bottom:-4px;border-width:4px 5px 0 0;border-style:solid;
 border-color:#9A5A05 transparent transparent transparent}
.tw .tw-r.att{background:rgba(255,255,255,.9);color:#2A3550}
.tw .tw-r.att::after{border-top-color:rgba(180,190,210,.9)}
.tw .tw-n{margin:10px 0 0;text-align:center;font-family:Figtree,sans-serif;font-weight:800;
 font-size:12.5px;color:#DCE4FA;line-height:1.25}
.tw .tw-n a{color:inherit}
.tw .tw-p{margin:2px 0 0;text-align:center;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;
 color:#8494BC;font-weight:700}

/* ---------- le comptoir ---------- */
.co{display:grid;grid-template-columns:262px 1fr;gap:22px;align-items:start}
.co-nav{position:sticky;top:96px;display:flex;flex-direction:column;gap:7px;
 background:#fff;border:1px solid var(--line);border-radius:26px;padding:16px;
 box-shadow:0 28px 60px -40px rgba(11,16,32,.65)}
.co-nav .co-t{margin:12px 12px 4px;font-family:Figtree,sans-serif;font-weight:800;font-size:10.5px;
 letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.co-nav .co-t:first-child{margin-top:4px}
.co-l{position:relative;display:flex;align-items:center;gap:12px;padding:13px;border-radius:16px;
 border:1px solid transparent;background:transparent;cursor:pointer;
 transition:background .25s,border-color .25s,box-shadow .25s}
.co-l:hover{background:var(--paper-2)}
.co-l::before{content:"";flex:none;width:38px;height:38px;border-radius:12px;
 background:var(--logo-fond,#fff) var(--logo) center/var(--logo-taille,27px) no-repeat;
 box-shadow:var(--logo-ombre,0 6px 14px -8px rgba(11,16,32,.5),0 0 0 1px rgba(11,16,32,.06))}
.co-l .co-l-t{min-width:0;flex:1}
.co-l .co-l-n{margin:0;font-family:Figtree,sans-serif;font-weight:800;font-size:15px;
 letter-spacing:-.02em;line-height:1.2}
.co-l .co-l-n a{color:inherit;display:block}
.co-l .co-l-p{margin:3px 0 0;font-size:11.5px;color:var(--muted);font-weight:600}
.co-l.on{background:#fff;border-color:var(--ac,var(--blue));box-shadow:0 14px 30px -18px var(--ac,var(--blue))}
.co-l.on .co-l-p{color:var(--ac,var(--blue))}
.co-nav .co-pied{margin:12px 6px 4px;padding-top:14px;border-top:1px solid var(--line);
 font-size:12.5px;color:var(--muted);line-height:1.55}

.co-vol{display:none}
.co-vol.on{display:block;animation:volet .45s cubic-bezier(.22,.8,.3,1) both}
@keyframes volet{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

.co-carte{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:32px;
 box-shadow:0 34px 76px -44px rgba(11,16,32,.62)}
.co-carte::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;
 background:var(--gc,var(--g-brand));z-index:3}
.co-tete{display:flex;align-items:center;gap:20px;padding:34px 32px 28px;flex-wrap:wrap;
 background:linear-gradient(180deg,var(--tint,#F1F5FF),#fff 92%)}
.co-tete::before{content:"";flex:none;width:64px;height:64px;border-radius:19px;
 background:var(--logo-fond,#fff) var(--logo) center/var(--logo-taille,46px) no-repeat;
 box-shadow:var(--logo-ombre,0 12px 26px -14px rgba(11,16,32,.55),0 0 0 1px rgba(11,16,32,.06))}
.co-tt{flex:1;min-width:250px}
.co-tt h2{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:clamp(26px,3vw,34px);
 font-weight:900;line-height:1.1;margin:0}
.co-tt p{margin:9px 0 0;color:var(--muted);font-size:15.5px;max-width:58ch}
.co-tt .fam{position:static;top:auto}
.co-tt .fam-wp{background:#F1F5FF;border:1px solid #E0E8FB;color:#2A3550}
.fam-lien{background:#fff;border:1px solid var(--line);color:var(--ac,var(--blue));padding:5px 12px;
 transition:background .25s,border-color .25s,transform .25s}
.fam-lien::after{content:"↗";font-size:11px;margin-left:-1px}
.fam-lien:hover{background:var(--tint,#F1F5FF);border-color:var(--ac,var(--blue));transform:translateY(-1px)}
.co-eti{display:inline-flex;align-items:center;gap:8px;flex:none;margin:0;padding:10px 16px;border-radius:999px;
 font-family:Figtree,sans-serif;font-weight:900;font-size:11px;letter-spacing:.14em;text-transform:uppercase;
 background:var(--g-night);color:#FFC65C;box-shadow:0 12px 26px -14px rgba(11,16,32,.9)}
.co-eti::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--amber)}
.co-eti.abo{background:#F1FCF7;color:#0A8F63;box-shadow:none;border:1px solid #CFF0E2}
.co-eti.abo::before{background:#0A8F63}

/* ---------- les blocs de prix : le prix d'abord ---------- */
.pc-grille{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:13px;padding:26px 24px 4px}
.pc{position:relative;display:flex;flex-direction:column;background:#fff;border:1.5px solid var(--line);
 border-radius:20px;padding:22px 18px 20px;
 transition:transform .32s cubic-bezier(.22,.8,.3,1),box-shadow .32s,border-color .32s}
.pc:hover{transform:translateY(-5px);box-shadow:0 28px 52px -34px rgba(11,16,32,.5)}
.pc .pc-rem{position:absolute;top:19px;right:16px;margin:0;font-family:Figtree,sans-serif;font-weight:900;
 font-size:11px;padding:4px 9px;border-radius:999px;background:var(--g-warm);color:#1A1206;z-index:2}
.pc .pc-etoile{position:absolute;top:-12px;left:18px;margin:0;white-space:nowrap;z-index:2;
 font-family:Figtree,sans-serif;font-weight:900;font-size:10px;letter-spacing:.13em;text-transform:uppercase;
 padding:6px 13px;border-radius:999px;background:var(--g-warm);color:#1A1206;
 box-shadow:0 12px 24px -10px rgba(245,165,36,.9)}
.pc .pc-k{margin:0;padding-right:56px;font-family:Figtree,sans-serif;font-weight:900;font-size:21px;
 letter-spacing:-.03em;line-height:1.1}
.pc .pc-t{margin:6px 0 0;font-size:11.5px;letter-spacing:.05em;color:var(--muted);font-weight:600;line-height:1.4}
.pc .pc-mult{margin:7px 0 0;font-size:11px;font-weight:800;color:#8A5405;line-height:1.35;min-height:30px}
.pc .pc-prix{margin:15px 0 0;font-family:Figtree,sans-serif;font-weight:900;
 font-size:clamp(32px,3.4vw,42px);letter-spacing:-.05em;line-height:1;white-space:nowrap}
.pc .pc-prix em{font-style:normal;font-size:13px;font-weight:700;color:var(--muted);letter-spacing:0}
.pc .pc-au{margin:8px 0 0;min-height:21px;font-size:13.5px;color:var(--muted)}
.pc .pc-au s{text-decoration-thickness:1.5px}
.pc .pc-site{margin:13px 0 0;align-self:flex-start;max-width:100%;overflow:hidden;text-overflow:ellipsis;
 font-size:12px;font-weight:700;color:#0A8F63;background:#F1FCF7;border:1px solid #CFF0E2;
 border-radius:999px;padding:6px 11px;white-space:nowrap}
.pc .wp-block-buttons{margin-top:18px;width:100%}
.pc .wp-block-button.btn{width:100%}
.pc .wp-block-button.btn>.wp-block-button__link{width:100%;justify-content:center;white-space:nowrap;
 padding-left:14px;padding-right:14px;font-size:14px}
.pc-phare .wp-block-button.btn-fin>.wp-block-button__link{background:rgba(255,255,255,.1);color:#fff;
 border-color:rgba(255,255,255,.2)}
/* la carte mise en avant passe en nuit */
.pc-phare{background:var(--g-night);border-color:transparent;color:#fff;
 box-shadow:0 28px 58px -28px rgba(11,16,32,.95)}
.pc-phare .pc-t{color:#9FADD0}
.pc-phare .pc-mult{color:#FFD79A}
.pc-phare .pc-prix{background:var(--g-warm);-webkit-background-clip:text;background-clip:text;color:transparent}
.pc-phare .pc-prix em{color:#9FADD0;-webkit-text-fill-color:#9FADD0}
.pc-phare .pc-au{color:#8494BC}
.pc-phare .pc-site{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.18);color:#7FE3BC}

/* ce que toutes les formules ont en commun : dit une seule fois */
.lc-tous{margin:26px 26px 0;padding:22px 24px;border-radius:20px;background:var(--paper-2);
 border:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}
.lc-tous .lc-tous-t{flex:0 0 100%;margin:0;font-family:Figtree,sans-serif;font-weight:900;font-size:11px;
 letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.lc-tous p:not(.lc-tous-t){display:inline-flex;align-items:center;gap:9px;margin:0;font-size:13.5px}
.lc-tous p:not(.lc-tous-t)::before{content:"";flex:none;width:17px;height:17px;border-radius:50%;background:#fff;
 box-shadow:0 0 0 1px var(--line);
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7' fill='none' stroke='%230A8F63' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
 background-size:11px;background-position:center;background-repeat:no-repeat}
.lc-apres{margin:0;padding:16px 30px 30px;font-size:13px;color:var(--muted)}

/* l'état « bientôt » */
.off-bt{position:relative;overflow:hidden;margin:26px;border-radius:26px;padding:34px;color:#fff;
 background:var(--g-night)}
.off-bt::before{content:"";position:absolute;width:380px;height:380px;left:-12%;top:-60%;border-radius:50%;
 background:radial-gradient(circle at 45% 45%,rgba(43,89,255,.9),transparent 62%);filter:blur(72px);
 animation:flotte 21s ease-in-out infinite;pointer-events:none}
.off-bt-in{position:relative;z-index:2}
.off-bt-in h3{margin:0 0 10px;font-size:25px;font-weight:900}
.off-bt-in p{margin:0;color:#B9C4E0;font-size:15.5px;max-width:56ch}
.off-bt-in .wp-block-buttons{margin-top:24px}

/* ---------- les témoignages en défilé ---------- */
.tem-defile{position:relative;overflow:hidden;padding:6px 0 26px;
 -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);
 mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.tem-piste{display:flex;align-items:stretch;gap:18px;width:max-content;
 animation:defile-tem 68s linear infinite}
.tem-piste:hover{animation-play-state:paused}
.tem-piste .tem{flex:none;width:372px}
@keyframes defile-tem{to{transform:translateX(calc(-50% - 9px))}}
@media (prefers-reduced-motion:reduce){.tem-piste{animation:none}}

/* ---------- la foire aux questions ---------- */
.off-faq{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:10px}
.off-faq .wp-block-details{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;
 transition:box-shadow .3s,border-color .3s;margin:0}
.off-faq .wp-block-details[open]{border-color:#CBD9FB;box-shadow:0 22px 48px -34px rgba(11,16,32,.55)}
.off-faq summary{list-style:none;cursor:pointer;padding:22px 26px;display:flex;align-items:center;gap:16px;
 font-family:Figtree,sans-serif;font-weight:800;font-size:16.5px;letter-spacing:-.02em}
.off-faq summary::-webkit-details-marker{display:none}
.off-faq summary::after{content:"";margin-left:auto;flex:none;width:22px;height:22px;border-radius:50%;
 background:var(--paper-3);
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6' fill='none' stroke='%232B59FF' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
 background-size:13px;background-position:center;background-repeat:no-repeat;transition:transform .3s}
.off-faq .wp-block-details[open] summary::after{transform:rotate(180deg)}
.off-faq summary em{font-style:normal;font-size:12px;font-weight:900;color:var(--muted);letter-spacing:.1em}
.off-faq .wp-block-details p{margin:0;padding:0 26px 24px 68px;color:var(--muted);font-size:15px;line-height:1.65}

/* un titre de section sur deux lignes pleines */
.sec-tete-l{max-width:880px}
.sec-tete-l h2{max-width:none}
.sec-tete-l p:where(:not(.lbl)){max-width:66ch}

/* le repère des valeurs à remplir — retiré à la mise en ligne */
.arem{background:rgba(245,165,36,.14);border-bottom:1.5px dashed rgba(224,124,16,.55);
 border-radius:4px;padding:0 3px;color:#8A5405}
.hero .arem,.final .arem{background:rgba(245,165,36,.16);border-bottom-color:rgba(255,198,92,.7);color:#FFD79A}
.h4 .h4-badge .arem,.tw .tw-r .arem,.h4-sur .arem{background:none;padding:0;color:inherit;
 border-bottom:1.5px dashed rgba(255,198,92,.65)}

/* ---------- les replis ---------- */
@media (max-width:1180px){
  .pc-grille{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
}
@media (max-width:1080px){
  .h4 .wrap{flex-direction:column;text-align:center;gap:40px}
  .h4-txt{align-items:center;flex:1 1 auto}
  .h4 .h4-avec,.h4 .h4-big{justify-content:center}
  .h4-act{justify-content:center}
  .h4-tuiles{width:min(560px,100%)}
  .h4-tuiles .h4-lab{text-align:center}
  .h4-fin{width:100%}
  .h4-fin .compte{justify-content:center}
  .co{grid-template-columns:1fr;gap:16px}
  .co-nav{position:static;flex-direction:row;flex-wrap:wrap;border-radius:22px}
  .co-nav .co-t,.co-nav .co-pied{display:none}
  .co-l{flex:1 1 205px}
}
@media (max-width:760px){
  .h4{padding:112px 0 64px}
  .h4 .h4-sur,.h4 .h4-avec{font-size:16.5px}
  .h4-fin .compte span{min-width:62px}
  .h4-fin .compte b{font-size:24px}
  .h4 .h4-avec::after{width:132px;height:26px}
  .pc-grille{padding:22px 18px 4px;gap:11px}
  .lc-tous{margin:20px 18px 0;padding:18px}
  .lc-apres{padding:14px 20px 24px}
  .co-tete{padding:26px 22px 20px;gap:16px}
  .off-bt{margin:18px;padding:26px 20px}
  .tem-piste{gap:14px;animation-duration:52s}
  .tem-piste .tem{width:280px;padding:22px}
  .off-faq summary{padding:18px 20px;font-size:15.5px;gap:12px}
  .off-faq .wp-block-details p{padding:0 20px 20px 20px}
  @keyframes defile-tem{to{transform:translateX(calc(-50% - 7px))}}
}
@media (max-width:620px){
  .h4-grille{gap:10px}
  .tw .tw-n{font-size:11.5px}
  .pc-grille{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:400px){ .pc-grille{grid-template-columns:1fr} }

/* =========================================================================
   Les compositions posent blockGap:0. WordPress génère alors
   « .wp-container-… > * { margin-block:0 } », qui écrase toutes les marges
   verticales écrites plus haut. On les repose ici, depuis la feuille.
   ========================================================================= */
.h4 .h4-sur{margin-top:26px!important}
.h4 .h4-kick{margin-top:4px!important}
.h4 .h4-big{margin-top:6px!important}
.h4 .h4-avec{margin-top:18px!important}
.h4 .h4-lab{margin-bottom:12px!important}
.h4-fin{margin-top:34px!important}
.h4-act{margin-top:32px!important}
.h4-act .wp-block-buttons{margin-top:0!important}
.tw .tw-n{margin-top:10px!important}
.tw .tw-p{margin-top:2px!important}
.co-nav .co-t{margin-top:12px!important;margin-bottom:4px!important}
.co-nav .co-t:first-child{margin-top:4px!important}
.co-nav .co-pied{margin-top:12px!important}
.co-l .co-l-p{margin-top:3px!important}
.co-tt p{margin-top:9px!important}
.pc .pc-t{margin-top:6px!important}
.pc .pc-mult{margin-top:7px!important}
.pc .pc-prix{margin-top:15px!important}
.pc .pc-au{margin-top:8px!important}
.pc .pc-site{margin-top:13px!important}
.pc .wp-block-buttons{margin-top:18px!important}
.lc-tous{margin-top:26px!important}
.off-bt-in h3{margin-bottom:10px!important}
.off-bt-in .wp-block-buttons{margin-top:24px!important}
.off-faq .wp-block-details{margin:0!important}
.tem .qui{margin-top:0!important}

/* =========================================================================
   Le canevas de l'éditeur : le même écran qu'en ligne, et tout est éditable.
   ========================================================================= */
/* les cinq panneaux sont visibles dans l'éditeur, sinon quatre seraient
   impossibles à modifier */
.editor-styles-wrapper .co-vol{display:block;animation:none}
.editor-styles-wrapper .co-vol + .co-vol{margin-top:20px}
.editor-styles-wrapper .co-nav{position:static}
/* le défilé s'arrête et se replie : on lit et on modifie les témoignages */
.editor-styles-wrapper .tem-piste{animation:none;width:auto;flex-wrap:wrap}
.editor-styles-wrapper .tem-piste .tem{width:calc(33.333% - 12px)}
.editor-styles-wrapper .tem-defile{-webkit-mask-image:none;mask-image:none;overflow:visible}
/* les tuiles et les entrées du menu restent cliquables dans l'éditeur sans
   déclencher la navigation */
.editor-styles-wrapper .tw,.editor-styles-wrapper .co-l{cursor:default}
.editor-styles-wrapper .tw:hover{transform:none}

/* Cinq tuiles : trois puis deux, centrées. La règle ne s'applique qu'à ce
   cas précis — six tuiles reprennent naturellement leurs trois colonnes. */
@media (min-width:1081px){
  .h4-grille:has(> :nth-child(5)):not(:has(> :nth-child(6))){grid-template-columns:repeat(6,1fr)}
  .h4-grille:has(> :nth-child(5)):not(:has(> :nth-child(6))) > .tw{grid-column:span 2}
  .h4-grille:has(> :nth-child(5)):not(:has(> :nth-child(6))) > .tw:nth-child(4){grid-column:2/4}
  .h4-grille:has(> :nth-child(5)):not(:has(> :nth-child(6))) > .tw:nth-child(5){grid-column:4/6}
}

/* L'en-tête est collant : sans cette marge, une ancre atterrit sous la barre. */
:target{scroll-margin-top:96px}
#mentor{scroll-margin-top:96px}


/* =========================================================================
   FORMATIONS EVOLUTION — les pages d'inscription et de vente (v3.3.0)

   TOUT le texte de ces pages vit dans des blocs natifs : titres,
   paragraphes, listes, citations, boutons. Aucun bloc Code, nulle part.
   Ce qui n'est pas du texte — halos, grille, cadeau, coches, jauges,
   curseurs — est dessiné ici ou rendu par un bloc de thème sans texte.

   Les classes sont TOUTES préfixées « fev- » : quatorze noms de la
   maquette (hero, mentor, final, btn, sec, w, pied, form, promo, tete,
   lbl, cta, video, scene) existaient déjà dans ce fichier et auraient
   ramassé les règles de la page d'accueil.

   Les variables de couleur vivent sur la classe de la formation, posée
   sur le groupe racine DANS LE CONTENU : l'éditeur a donc exactement le
   même rendu que la page publique.
   ========================================================================= */

:root{--i-don:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='8' width='18' height='13' rx='2'/%3E%3Cpath d='M3 12h18M12 8v13'/%3E%3Cpath d='M12 8S9.5 3.5 7.5 4.5 8 8 12 8zM12 8s2.5-4.5 4.5-3.5S16 8 12 8z'/%3E%3C/svg%3E");
 /* Les couleurs de ces pages. main.css ne les connaît pas : elles viennent
    des maquettes et vivent ici, sur :root, pour que l'éditeur les ait aussi. */
 --encre:#0B1226;--nuit:#111B36;--gris:#5E6B85;--bord:#E4E9F4;--fond:#F4F7FC;
}
.fev-page{background:var(--fond);color:var(--encre);
 font-family:Figtree,Inter,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:17px;line-height:1.45;
 -webkit-font-smoothing:antialiased;overflow-x:hidden}
.fev-page :where(p,ul,ol,figure,blockquote,h1,h2,h3,h4){margin:0}
.fev-page :where(ul,ol){padding:0;list-style:none}
.fev-page:where(.is-layout-flow)>*,.fev-page :where(.is-layout-flow)>*{margin-block:0}

/* WordPress publie ses propres réglages d'élément depuis theme.json :
   couleur d'encre, interligne 1,12 et interlettrage sur TOUS les titres.
   La maquette, elle, laisse les titres hériter de leur section. Sans ce
   garde-fou, un titre qui ne redéclare pas sa couleur passe en noir — c'est
   « Dragan » devenu illisible sur le bloc mentor — et tous ceux qui n'ont pas
   d'interligne propre se tassent. Même poids que le noyau (0-1-0), déclaré
   plus tard : chaque règle .fev- ci-dessous reprend la main normalement.
   RÈGLE : toute nouvelle règle de titre déclare sa couleur et son interligne. */
.fev-page :where(h1,h2,h3,h4,h5,h6){color:inherit;line-height:1.45;letter-spacing:normal}
@media (max-width:640px){.fev-page :where(h1,h2,h3,h4,h5,h6){line-height:1.42}}
.fev-page :where(a){color:inherit;text-decoration:none}
.fev-page :where(img){max-width:100%;display:block;height:auto}

/* Chaque formation pose ses trois accents sur le groupe racine, DANS LE CONTENU :
   l'éditeur les a donc exactement comme la page publique. */
.fev-player{--c1:#B4184E;--c2:#F0356F;--c3:#FF6E8F;--halo:rgba(240,53,111,.55)}
.fev-formulaires{--c1:#1B3ED4;--c2:#2B59FF;--c3:#9CC4FF;--halo:rgba(43,89,255,.55)}
.fev-tunnelkit{--c1:#5B37E8;--c2:#7C5CFF;--c3:#BCA5FF;--halo:rgba(124,92,255,.55)}
.fev-school{--c1:#E07C10;--c2:#F5A524;--c3:#FFC65C;--halo:rgba(245,165,36,.55)}
.fev-meet{--c1:#0A8F63;--c2:#12B981;--c3:#6BEBBB;--halo:rgba(18,185,129,.55)}
.fev-w{max-width:1120px;margin:0 auto;padding:0 26px}
.fev-sec{padding:64px 0;position:relative}
h2.fev-t{font-size:clamp(26px,3.4vw,38px);line-height:1.08;font-weight:900;letter-spacing:-.032em;margin:12px 0 0}
.fev-lbl{font-size:11.5px;font-weight:900;letter-spacing:.17em;text-transform:uppercase;
 background:linear-gradient(100deg,var(--c1),var(--c2));-webkit-background-clip:text;background-clip:text;color:transparent}
.fev-lbl-or{background:var(--g-warm);-webkit-background-clip:text;background-clip:text;color:transparent}
.fev-tete{text-align:center;max-width:780px;margin:0 auto 40px}
.fev-tete .fev-st{color:var(--gris);font-size:18px;margin-top:14px}
.fev-sec-clair{background:linear-gradient(180deg,#FFFFFF 0%,#F5F8FF 55%,#EBF1FF 100%);position:relative;overflow:hidden}
.fev-sec-clair::before{content:"";position:absolute;inset:0;pointer-events:none;
 background:radial-gradient(ellipse 60% 55% at 12% 0%,color-mix(in srgb,var(--c2) 13%,transparent),transparent 70%),
  radial-gradient(ellipse 55% 50% at 92% 100%,rgba(245,165,36,.12),transparent 70%)}
.fev-sec-clair>*{position:relative;z-index:1}

/* ---------- bandeau ---------- */

/* ---------- hero ---------- */
.fev-hero{background:linear-gradient(168deg,#05070F 0%,#0B1226 42%,#131E42 100%);color:#fff;padding:58px 0 126px;position:relative;overflow:hidden;text-align:center}
.fev-hero::before{content:"";position:absolute;inset:0;
 background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
 background-size:62px 62px;-webkit-mask-image:radial-gradient(ellipse 85% 65% at 50% 30%,#000,transparent);
 mask-image:radial-gradient(ellipse 85% 65% at 50% 30%,#000,transparent)}
.fev-hero::after{content:"";position:absolute;inset:0;pointer-events:none;filter:blur(70px);
 background:radial-gradient(circle 560px at 50% -6%,var(--halo),transparent 66%),
  radial-gradient(circle 460px at 0% 104%,rgba(245,165,36,.42),transparent 68%),
  radial-gradient(circle 460px at 100% 104%,rgba(0,194,255,.42),transparent 68%);
 animation:souffle 19s ease-in-out infinite}
@keyframes souffle{0%,100%{transform:scale(1)}50%{transform:scale(1.08) translateY(20px)}}
.fev-hero .fev-w{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center}
.fev-hero .fev-w::before{content:"";order:-3;width:58px;height:58px;border-radius:19px;
 background:linear-gradient(135deg,var(--c1),var(--c2));box-shadow:0 14px 34px -8px var(--halo);
 -webkit-mask:none}
.fev-hero .fev-w::after{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:30px;height:30px;
 margin-top:14px;background:#fff;-webkit-mask:var(--i-fev) center/contain no-repeat;mask:var(--i-fev) center/contain no-repeat;z-index:3}
.fev-hero .fev-w{position:relative}
.fev-past{display:inline-block;margin-top:16px;background:color-mix(in srgb,var(--c2) 18%,transparent);color:var(--c2);
 font-size:11.5px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;padding:8px 18px;border-radius:999px;
 border:1px solid color-mix(in srgb,var(--c2) 36%,transparent)}
.fev-hero h1{font-size:clamp(30px,5.4vw,50px);line-height:1.06;font-weight:900;letter-spacing:-.035em;color:#fff;margin:18px 0 0;max-width:20ch}
.fev-hero h1 em.fev-hl{font-style:normal;background:linear-gradient(100deg,var(--c3) 0%,#FFD98A 105%);
 -webkit-background-clip:text;background-clip:text;color:transparent}
.fev-chapo{font-size:18px;color:#A8B3C9;max-width:58ch;margin:20px auto 0}
.fev-badges{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:22px}
.fev-badges li{font-size:12.5px;font-weight:800;padding:9px 16px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.15);color:#DCE3F0}

/* ---------- vidéo (page de vente) ---------- */
.fev-video{width:100%;max-width:860px;align-self:center;margin:32px auto 0;position:relative;z-index:3;border-radius:20px;overflow:hidden;
 aspect-ratio:16/9;background:#070B16;border:1px solid rgba(255,255,255,.13);box-shadow:0 40px 100px rgba(0,0,0,.55)}
.fev-video::before{content:"";position:absolute;inset:0;
 background:radial-gradient(circle 340px at 32% 24%,color-mix(in srgb,var(--c2) 34%,transparent),transparent 70%),
            radial-gradient(circle 320px at 84% 88%,rgba(0,194,255,.24),transparent 70%)}
.fev-video::after{content:"";position:absolute;inset:0;margin:auto;width:86px;height:86px;border-radius:50%;
 background:linear-gradient(135deg,var(--c1),var(--c2));box-shadow:0 20px 50px -8px var(--halo);
 background-image:var(--i-lecture),linear-gradient(135deg,var(--c1),var(--c2));
 background-repeat:no-repeat;background-position:center;background-size:30px,cover}
.fev-video:has(iframe)::after,.fev-video:has(video)::after{display:none}
.fev-hero-cta{margin-top:30px;position:relative;z-index:3;display:flex;flex-direction:column;align-items:center;gap:12px}
.fev-cta .wp-block-button__link{display:inline-block;font-weight:900;font-size:18px;padding:18px 36px;border-radius:12px;color:#fff;
 background:linear-gradient(96deg,var(--c1),var(--c2));box-shadow:0 14px 34px -10px var(--halo);
 transition:transform .25s,box-shadow .25s;border:0;cursor:pointer;font-family:inherit}
.fev-cta .wp-block-button__link:hover{transform:translateY(-3px);box-shadow:0 22px 46px -12px var(--halo)}
.fev-cta-fin{font-size:13.5px;color:#8B96AE}

/* ---------- carte formulaire (opt-in) ---------- */
.fev-flot{max-width:760px;margin:-86px auto 0;position:relative;z-index:5;background:#fff;border-radius:22px;
 box-shadow:0 40px 100px -20px rgba(11,18,38,.45),0 0 0 1px rgba(255,255,255,.6);padding:0 0 28px;overflow:hidden}
.fev-flot::after{content:"";position:absolute;inset:0;border-radius:22px;padding:1.5px;pointer-events:none;
 background:linear-gradient(150deg,var(--c2),rgba(255,255,255,0) 45%,var(--amber));
 -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.fev-flot-tete{background:linear-gradient(100deg,var(--c1),var(--c2));color:#fff;padding:16px 30px;text-align:center}
.fev-flot-tete p{font-size:13px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.fev-flot-in{padding:26px 34px 0;text-align:center}
.fev-flot h2{font-size:25px;font-weight:900;letter-spacing:-.03em}
.fev-of-prix{display:flex;align-items:baseline;justify-content:center;gap:13px;flex-wrap:wrap;margin-top:18px}
.fev-of-prix .fev-barre{font-size:21px;color:var(--gris);text-decoration:line-through}
.fev-of-prix .fev-fort{font-size:52px;font-weight:900;letter-spacing:-.05em;line-height:1;
 background:linear-gradient(100deg,var(--c1),var(--c2));-webkit-background-clip:text;background-clip:text;color:transparent}
.fev-of-prix .fev-eco{font-size:11.5px;font-weight:900;letter-spacing:.11em;text-transform:uppercase;color:#0A8F63;
 background:rgba(18,185,129,.11);border:1px solid rgba(18,185,129,.3);border-radius:999px;padding:6px 12px}
.fev-of-liste{margin-top:20px;display:grid;gap:9px;text-align:left;max-width:430px;margin-inline:auto}
.fev-of-liste li{display:flex;gap:11px;align-items:flex-start;font-size:15.5px;color:#26314B;line-height:1.35}
.fev-of-liste li::before{content:"";flex:none;width:20px;height:20px;border-radius:7px;margin-top:1px;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 13l4 4L19 7'/%3E%3C/svg%3E"),linear-gradient(135deg,var(--c1),var(--c2));background-repeat:no-repeat;background-position:center;background-size:12px,cover}
.of-btn{margin-top:22px}
.of-livr{margin-top:13px;font-size:13.5px;color:var(--gris)}
.of-livr b{color:var(--encre);font-weight:800}
.attente{margin-top:20px;padding-top:18px;border-top:1px solid var(--bord)}
.attente>summary{list-style:none;cursor:pointer;font-size:14.5px;font-weight:800;color:var(--blue)}
.attente>summary::-webkit-details-marker{display:none}
.attente>summary::after{content:" →"}
.attente p{font-size:14px;color:var(--gris);margin-top:12px}
.fev-flot p.fev-sous{color:var(--gris);margin-top:8px;font-size:16px}
.fev-rassure{margin-top:15px;font-size:13.5px;color:var(--gris);display:flex;gap:8px 18px;flex-wrap:wrap;justify-content:center}
.fev-rassure li{display:inline-flex;align-items:center;gap:7px}
.fev-rassure li::before{content:"";width:15px;height:15px;border-radius:50%;flex:none;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 13l4 4L19 7'/%3E%3C/svg%3E"),linear-gradient(135deg,var(--c1),var(--c2));background-repeat:no-repeat;background-position:center;background-size:9px,cover}

/* ---------- le problème ---------- */
.pb{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.pb-c{background:#fff;border:1px solid var(--bord);border-radius:17px;padding:26px 24px;transition:transform .3s,box-shadow .3s}
.pb-c:hover{transform:translateY(-4px);box-shadow:0 20px 46px rgba(11,18,38,.1)}
.pb-c::before{content:"";display:block;width:34px;height:34px;border-radius:11px;margin-bottom:16px;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E"),linear-gradient(135deg,#8E97AD,#5E6B85);
 background-repeat:no-repeat;background-position:center;background-size:17px,cover}
.pb-c h3{font-size:19px;font-weight:900;letter-spacing:-.025em}
.pb-c p{color:var(--gris);font-size:16px;margin-top:9px}
.chute{margin:32px auto 0;text-align:center;font-size:clamp(19px,2.4vw,26px);font-weight:900;letter-spacing:-.028em;max-width:38ch;line-height:1.24}

/* ---------- le pont ---------- */
.pont{max-width:760px;margin:0 auto;text-align:center}
.pont h2{font-size:clamp(24px,3.1vw,34px);font-weight:900;letter-spacing:-.032em;margin-bottom:20px}
.pont p{color:var(--gris);font-size:17.5px;margin-bottom:14px}
.pont blockquote{margin-top:28px;background:#fff;border:1px solid var(--bord);border-left:3px solid var(--amber);
 border-radius:14px;padding:22px 26px;font-style:italic;font-size:19px;color:var(--encre);text-align:left}

/* ---------- au programme ---------- */
.pg{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.pg-c{background:#fff;border:1px solid var(--bord);border-radius:17px;padding:28px 24px;position:relative;overflow:hidden}
.pg-c::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--c1),var(--c2))}
.pg-c em{font-style:normal;font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;
 background:linear-gradient(100deg,var(--c1),var(--c2));-webkit-background-clip:text;background-clip:text;color:transparent}
.pg-c h3{font-size:20px;font-weight:900;letter-spacing:-.028em;margin-top:10px}
.pg-c p{color:var(--gris);font-size:16px;margin-top:10px}
.fev-jours{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin-top:34px}
.fev-j{background:#fff;border:1px solid var(--bord);border-radius:14px;padding:18px 12px;text-align:center}
.fev-j .fev-b{display:block;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;
 background:linear-gradient(100deg,var(--c1),var(--c2));-webkit-background-clip:text;background-clip:text;color:transparent}
.fev-j .fev-s{display:block;font-size:14px;font-weight:800;margin-top:8px;line-height:1.28}

/* ---------- l'offre ---------- */
.fev-offre{background:linear-gradient(150deg,var(--encre),var(--nuit));border-radius:26px;padding:46px 42px;color:#fff;
 position:relative;overflow:hidden;box-shadow:0 34px 90px rgba(11,18,38,.28)}
.fev-offre::after{content:"";position:absolute;width:620px;height:620px;border-radius:50%;filter:blur(110px);
 background:linear-gradient(140deg,var(--c2),var(--amber));opacity:.28;right:-230px;bottom:-330px}
.fev-offre>*{position:relative;z-index:1}
.fev-offre-lab{text-align:center;font-size:11.5px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;
 color:#8FE3B8;background:rgba(18,185,129,.14);border:1px solid rgba(18,185,129,.34);border-radius:999px;padding:8px 18px;width:max-content;margin:0 auto 18px}
.fev-offre h2{font-size:clamp(24px,3.1vw,34px);font-weight:900;letter-spacing:-.032em;text-align:center;color:#fff}
.fev-offre>p.fev-i{color:#A8B3C9;font-size:17px;text-align:center;max-width:60ch;margin:14px auto 0}
.fev-bascule{margin-top:26px;text-align:center;font-size:clamp(18px,2.3vw,23px);font-weight:800;letter-spacing:-.022em;
 color:#DCE3F0;line-height:1.34;max-width:46ch;margin-inline:auto}
.fev-bascule strong{font-weight:900;background:linear-gradient(100deg,var(--c3),#FFD98A);
 -webkit-background-clip:text;background-clip:text;color:transparent}
.fev-echelle{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px}
.fev-et{border-radius:16px;padding:22px 20px;text-align:center;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.11)}
.fev-et.fev-on{background:linear-gradient(135deg,var(--c1),var(--c2));border-color:transparent;box-shadow:0 18px 44px -12px var(--halo)}
.fev-et .fev-b{display:block;font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#8B96AE}
.fev-et.fev-on .fev-b{color:rgba(255,255,255,.86)}
.fev-et .fev-v{font-size:34px;font-weight:900;letter-spacing:-.04em;line-height:1;margin-top:10px;color:#fff}
.fev-et .fev-et-q{font-size:13.5px;color:#8B96AE;margin-top:8px}
.fev-et.fev-on .fev-et-q{color:rgba(255,255,255,.86)}
.fev-et.fev-off .fev-v{color:#6E7A93;text-decoration:line-through}
.fev-inclus{display:grid;grid-template-columns:1fr 1fr;gap:12px 26px;margin-top:32px}
.fev-inclus li{display:flex;gap:12px;align-items:flex-start;font-size:16.5px;color:#DCE3F0}
.fev-inclus li::before{content:"";flex:none;width:22px;height:22px;border-radius:7px;margin-top:1px;
 background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 13l4 4L19 7'/%3E%3C/svg%3E"),linear-gradient(135deg,var(--c1),var(--c2));background-repeat:no-repeat;background-position:center;background-size:13px,cover}
.fev-bump{margin-top:30px;border-radius:16px;border:1px dashed rgba(245,165,36,.5);background:rgba(245,165,36,.08);padding:20px 24px;display:flex;gap:16px;align-items:flex-start}
.fev-bump::before{content:"+";flex:none;width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:var(--g-warm);color:#1A1206;font-weight:900;font-size:22px;line-height:1}
.fev-bump .fev-don-txt{flex:1}
.fev-bump .fev-don-t{display:block;font-size:16.5px;font-weight:900;color:#FFC65C}
.fev-bump .fev-don-s{color:#C9D2E4;font-size:15.5px;font-weight:400;margin-top:5px}
.fev-achat{margin-top:32px;text-align:center}
.fev-achat .fev-prix-l{display:flex;align-items:baseline;justify-content:center;gap:14px;flex-wrap:wrap}
.fev-achat .fev-barre{font-size:22px;color:#6E7A93;text-decoration:line-through}
.fev-achat .fev-fort{font-size:56px;font-weight:900;letter-spacing:-.045em;line-height:1;color:#fff}
.fev-achat .fev-eco{font-size:13px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#8FE3B8;
 background:rgba(18,185,129,.14);border:1px solid rgba(18,185,129,.34);border-radius:999px;padding:7px 13px}
.fev-achat .fev-unique{color:#A8B3C9;font-size:15.5px;margin-top:10px}
.fev-achat .fev-cta{margin-top:22px;font-size:20px;padding:20px 44px}
.fev-achat .fev-fin{color:#8B96AE;font-size:13.5px;margin-top:14px}

/* ---------- le mentor (repris de sdravobiz.com) ---------- */
.fev-mentor{position:relative;overflow:hidden;background:var(--g-night);color:#fff;padding:100px 0}
.fev-mentor::before{content:"";position:absolute;width:700px;height:700px;border-radius:50%;left:-14%;top:-24%;
 background:radial-gradient(circle at 45% 45%,rgba(43,89,255,.62),transparent 64%);filter:blur(64px);opacity:.85;animation:flotte 23s ease-in-out infinite}
.fev-mentor::after{content:"";position:absolute;width:560px;height:560px;border-radius:50%;right:-10%;bottom:-32%;
 background:radial-gradient(circle at 50% 50%,rgba(245,165,36,.42),transparent 66%);filter:blur(64px);opacity:.85;animation:flotte 27s ease-in-out infinite reverse}
@keyframes flotte{0%,100%{transform:translate3d(0,0,0) scale(1)}33%{transform:translate3d(6%,-5%,0) scale(1.1)}66%{transform:translate3d(-5%,4%,0) scale(.94)}}
.fev-mentor .fev-w{position:relative;z-index:2;display:grid;grid-template-columns:1fr 460px;gap:70px;align-items:center}
.fev-m-nom{font-size:clamp(38px,5.4vw,60px);font-weight:900;line-height:.98;margin:14px 0 20px;letter-spacing:-.035em}
.fev-m-nom span{display:block;background:var(--g-brand);-webkit-background-clip:text;background-clip:text;color:transparent}
.fev-m-cite{position:relative;margin:0 0 20px;padding:20px 24px;border-radius:20px;background:rgba(255,255,255,.05);
 border:1px solid rgba(255,255,255,.12);font-size:19px;font-style:italic;color:#EAF0FF;max-width:52ch;backdrop-filter:blur(6px)}
.fev-m-cite::before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:3px;border-radius:3px;background:var(--g-warm)}
.fev-m-txt{margin:0 0 26px;color:#B9C4E0;font-size:16.5px;max-width:56ch}
.fev-m-txt strong{color:#fff;font-weight:800}
.fev-m-preuves{display:flex;gap:10px;flex-wrap:wrap;margin:0}
.fev-m-preuves li{display:flex;align-items:center;gap:8px;padding:8px 15px;border-radius:999px;background:rgba(255,255,255,.06);
 border:1px solid rgba(255,255,255,.14);font-size:13.5px;color:#D5DEF6}
.fev-m-preuves li::before{content:"";flex:none;width:14px;height:14px;background:var(--amber-l);
 -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12.5l5 5L20 6.5'/%3E%3C/svg%3E") center/contain no-repeat;
 mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12.5l5 5L20 6.5'/%3E%3C/svg%3E") center/contain no-repeat}
.fev-scene{position:relative}
.fev-scene .fev-cadre{position:relative;border-radius:36px;overflow:hidden;box-shadow:0 50px 90px -34px rgba(0,0,0,.95)}
.fev-scene .fev-cadre::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(5,7,15,.72) 100%)}
.fev-scene .fev-cadre img{width:100%}
.fev-scene::before{content:"";position:absolute;inset:-22px;border-radius:52px;background:var(--g-brand);filter:blur(46px);opacity:.55;z-index:-1}
.fev-scene::after{content:"";position:absolute;inset:-10px;border-radius:44px;padding:2px;
 background:linear-gradient(150deg,rgba(91,140,255,.9),rgba(0,194,255,.25) 45%,rgba(245,165,36,.9));
 -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:3}
.fev-scene .fev-sign{position:absolute;left:26px;right:26px;bottom:24px;z-index:4}
.fev-scene .fev-sign p:first-child{font-size:11.5px;letter-spacing:.15em;text-transform:uppercase;color:var(--amber-l);font-weight:700}
.fev-scene .fev-sign p:last-child strong{font-weight:900;font-size:19px;letter-spacing:-.02em;color:#fff}
.fev-mflot{line-height:1.5;position:absolute;z-index:4;background:rgba(11,16,32,.72);border:1px solid rgba(255,255,255,.16);
 border-radius:18px;padding:13px 17px;backdrop-filter:blur(14px);box-shadow:0 22px 44px -18px rgba(0,0,0,.8)}
.fev-mflot strong{display:block;font-weight:900;font-size:24px;line-height:1;background:var(--g-warm);-webkit-background-clip:text;background-clip:text;color:transparent}
.fev-mflot p:last-child{line-height:25.5px;font-size:10.5px;letter-spacing:.13em;text-transform:uppercase;color:#9FADD0;font-weight:700}
.fev-mflot-1{left:-52px;top:52px;animation:flotv 7s ease-in-out infinite}
.fev-mflot-2{right:-40px;bottom:112px;animation:flotv 9s ease-in-out infinite reverse}
@keyframes flotv{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}


/* ---------- les bénéfices : le style « pilier » du thème ---------- */
.fev-piliers{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.fev-pil{position:relative;padding:30px 26px;border-radius:26px;background:#fff;border:1px solid var(--bord);
 box-shadow:0 20px 44px -34px rgba(11,16,32,.7);transition:transform .38s cubic-bezier(.22,.8,.3,1),box-shadow .38s}
.fev-pil:hover{transform:translateY(-7px);box-shadow:0 34px 62px -32px rgba(11,16,32,.5)}
.fev-pil::before{content:"";display:block;width:46px;height:46px;border-radius:15px;margin-bottom:18px;
 background:linear-gradient(135deg,var(--c1),var(--c2));box-shadow:0 12px 26px -12px var(--halo);
 background-image:var(--i),linear-gradient(135deg,var(--c1),var(--c2));background-repeat:no-repeat;
 background-position:center;background-size:22px,cover}
.fev-pil h3{font-size:18.5px;font-weight:900;margin-bottom:9px;line-height:1.2}
.fev-pil p{font-size:14.5px;color:var(--gris);line-height:1.55}
.fev-sec-blanc{background:#fff}


/* ---------- avant / après ---------- */
.fev-aa{max-width:960px;margin:0 auto;background:#fff;border:1px solid var(--bord);border-radius:22px;overflow:hidden;
 box-shadow:0 26px 64px -38px rgba(11,16,32,.75)}
.fev-aa-tete{display:grid;grid-template-columns:1fr 1fr}
.fev-aa-tete>*{padding:16px 24px;font-size:12px;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
.fev-aa-tete .fev-g{background:#F1F3F8;color:#7A849B}
.fev-aa-tete .fev-d{background:linear-gradient(100deg,var(--c1),var(--c2));color:#fff}
.fev-aa-l{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--bord)}
.fev-aa-l>*{padding:16px 24px;display:flex;gap:11px;align-items:flex-start;font-size:16px;line-height:1.35}
.fev-aa-l .fev-g{color:#7A849B;background:#FBFCFE}
.fev-aa-l .fev-d{color:var(--encre);font-weight:700;border-left:1px solid var(--bord)}
.fev-aa-l>*::before{content:"";flex:none;width:19px;height:19px;border-radius:50%;margin-top:2px;background-repeat:no-repeat;background-position:center}
.fev-aa-l .fev-g::before{background-color:#D6DBE6;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round'%3E%3Cpath d='M7 7l10 10M17 7L7 17'/%3E%3C/svg%3E");background-size:11px}
.fev-aa-l .fev-d::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 13l4 4L19 7'/%3E%3C/svg%3E"),linear-gradient(135deg,var(--c1),var(--c2));background-size:11px,cover}

/* ---------- le simulateur de bénéfices ---------- */
.fev-demo{max-width:940px;margin:0 auto;background:linear-gradient(150deg,var(--encre),var(--nuit));border-radius:24px;
 padding:38px 38px 32px;color:#fff;position:relative;overflow:hidden;box-shadow:0 30px 80px -34px rgba(11,18,38,.9)}
.fev-demo::after{content:"";position:absolute;width:560px;height:560px;border-radius:50%;filter:blur(110px);
 background:linear-gradient(140deg,var(--c2),var(--amber));opacity:.26;right:-200px;bottom:-290px}
.fev-demo>*{position:relative;z-index:1}
.fev-demo h3{text-align:center;font-size:clamp(21px,2.7vw,30px);font-weight:900;letter-spacing:-.03em;color:#fff}
.fev-demo .fev-note{text-align:center;color:#8B96AE;font-size:14.5px;margin-top:9px}
.fev-reglages{display:grid;grid-template-columns:1fr 1fr;gap:16px 26px;margin-top:28px}
.fev-reg-l{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:13.5px;color:#A8B3C9;margin-bottom:9px}
.fev-reg-l strong{font-size:19px;font-weight:900;color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap}
.fev-reg input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;
 background:linear-gradient(90deg,var(--c1),var(--c2)) 0/var(--fill,50%) 100% no-repeat,rgba(255,255,255,.14);outline:0}
.fev-reg input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;
 border:3px solid var(--c2);box-shadow:0 6px 16px -4px var(--halo);cursor:pointer}
.fev-reg input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid var(--c2);cursor:pointer}
.fev-resultats{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:28px}
.fev-rt{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:22px 20px 18px;position:relative;overflow:hidden}
.fev-gain{margin-top:14px;border-radius:20px;padding:28px 26px;text-align:center;position:relative;overflow:hidden;
 background:linear-gradient(135deg,var(--c1),var(--c2));box-shadow:0 26px 60px -22px var(--halo)}
.fev-gain::before{content:"";position:absolute;inset:0;pointer-events:none;
 background:linear-gradient(100deg,transparent 38%,rgba(255,255,255,.2) 50%,transparent 62%);
 transform:translateX(-100%);animation:reflet 4.6s ease-in-out infinite}
.fev-gain .fev-lab{font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.82)}
.fev-gain .fev-big{display:block;font-size:clamp(42px,7vw,74px);font-weight:900;letter-spacing:-.05em;line-height:1;color:#fff;
 margin-top:10px;font-variant-numeric:tabular-nums;text-shadow:0 10px 30px rgba(0,0,0,.28)}
.fev-gain .fev-an{font-size:16px;font-weight:800;color:rgba(255,255,255,.92);margin-top:12px}
.fev-gain .fev-an strong{font-variant-numeric:tabular-nums}
.fev-rt .fev-b{display:block;font-size:clamp(28px,4vw,42px);font-weight:900;letter-spacing:-.045em;line-height:1;color:#fff;font-variant-numeric:tabular-nums}
.fev-rt .fev-s{display:block;font-size:13px;font-weight:800;letter-spacing:.03em;color:#A8B3C9;margin-top:9px;line-height:1.3}
.fev-rt::after{content:"";display:block;height:5px;border-radius:3px;margin-top:14px;
 background:linear-gradient(90deg,var(--c1),var(--c2)) 0/var(--w,40%) 100% no-repeat,rgba(255,255,255,.14);
 transition:background-size .7s cubic-bezier(.25,.8,.3,1)}
.fev-rt::before{content:"";position:absolute;inset:0;pointer-events:none;
 background:linear-gradient(100deg,transparent 38%,rgba(255,255,255,.14) 50%,transparent 62%);
 transform:translateX(-100%);animation:reflet 4.2s ease-in-out infinite}
.fev-rt:nth-child(2)::before{animation-delay:.5s}.fev-rt:nth-child(3)::before{animation-delay:1s}
@keyframes reflet{0%{transform:translateX(-100%)}55%,100%{transform:translateX(100%)}}
.fev-demo .fev-fin{text-align:center;color:#8B96AE;font-size:13px;margin-top:18px}
@media (prefers-reduced-motion:reduce){.fev-rt::before{animation:none}}

/* ---------- la citation seule ---------- */
.fev-citation{max-width:760px;margin:34px auto 0;text-align:center;font-size:clamp(19px,2.4vw,25px);font-style:italic;
 font-weight:700;letter-spacing:-.02em;color:var(--encre);line-height:1.35}
.fev-citation::before{content:"";display:block;width:38px;height:3px;border-radius:3px;margin:0 auto 20px;background:var(--g-warm)}

/* ---------- témoignages ---------- */
.fev-temoins{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.fev-tem{background:#fff;border:1px solid var(--bord);border-radius:20px;padding:26px 24px;
 box-shadow:0 20px 44px -34px rgba(11,16,32,.7);transition:transform .35s,box-shadow .35s}
.fev-tem:hover{transform:translateY(-5px);box-shadow:0 30px 60px -32px rgba(11,16,32,.5)}
.fev-tem::before{content:"";display:block;width:84px;height:15px;background:var(--amber);
 -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l3 6.3 6.9 1-5 4.9 1.2 6.8L12 17.8 5.9 21l1.2-6.8-5-4.9 6.9-1z' fill='%23000'/%3E%3C/svg%3E") left center/15px repeat-x;
 mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l3 6.3 6.9 1-5 4.9 1.2 6.8L12 17.8 5.9 21l1.2-6.8-5-4.9 6.9-1z' fill='%23000'/%3E%3C/svg%3E") left center/15px repeat-x}
.fev-tem blockquote{margin:14px 0 18px;font-size:16.5px;color:var(--gris);font-style:italic;line-height:1.45}
.fev-qui{display:flex;align-items:center;gap:12px}
.fev-av{position:relative;width:44px;height:44px;border-radius:50%;flex:0 0 44px;overflow:hidden;display:grid;place-items:center;
 background:linear-gradient(135deg,var(--m1),var(--m2))}
.fev-av img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
/* Le dégradé de l'avatar était écrit dans l'attribut style de la maquette ;
   un bloc image ne le porte pas. Une couleur par témoignage, comme au départ. */
.fev-av{--m1:#1B3ED4;--m2:#5B8CFF}
.fev-tem:nth-child(2) .fev-av{--m1:#0E7C86;--m2:#00C2FF}
.fev-tem:nth-child(3) .fev-av{--m1:#C4610A;--m2:#F5A524}
.fev-qui strong{display:block;font-size:15px;font-weight:800}
.fev-qui p:last-child{font-size:13.5px;color:var(--gris)}


/* ---------- la licence offerte, mise en avant ---------- */
.hero-cadeau{display:inline-flex;align-items:center;gap:10px;margin-top:20px;padding:10px 20px 10px 14px;border-radius:999px;
 background:var(--g-warm);color:#1A1206;font-size:14.5px;font-weight:900;box-shadow:0 14px 34px -12px rgba(245,165,36,.8)}
.hero-cadeau::before{content:"";width:22px;height:22px;flex:none;background:#1A1206;
 -webkit-mask:var(--i-don) center/contain no-repeat;mask:var(--i-don) center/contain no-repeat}
.hero-cadeau s{opacity:.62;font-weight:700}
.fev-don{margin-top:20px;display:flex;align-items:center;gap:16px;padding:18px 22px;border-radius:16px;
 background:var(--g-warm);color:#1A1206;position:relative;overflow:hidden;text-align:left;
 box-shadow:0 18px 44px -18px rgba(245,165,36,.9)}
.fev-don::after{content:"";position:absolute;inset:0;pointer-events:none;
 background:linear-gradient(100deg,transparent 38%,rgba(255,255,255,.4) 50%,transparent 62%);
 transform:translateX(-100%);animation:reflet 5s ease-in-out infinite}
.fev-don::before{content:"";width:40px;height:40px;flex:none;border-radius:13px;background:#1A1206;position:relative;z-index:1;
 -webkit-mask:none;background-image:var(--i-don-c);background-repeat:no-repeat;background-position:center;background-size:22px}
.fev-don .fev-don-txt{flex:1;position:relative;z-index:1}
.fev-don-t{font-size:18px;font-weight:900;letter-spacing:-.02em;line-height:1.2}
.fev-don-s{font-size:14px;font-weight:700;color:rgba(26,18,6,.72);margin-top:4px}
.fev-don-tag{flex:none;position:relative;z-index:1;background:#1A1206;color:#FFC65C;border-radius:999px;
 padding:9px 15px;font-size:13px;font-weight:900;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap}
.fev-don-tag s{opacity:.55;margin-right:7px;font-weight:700}
.fev-offre .fev-don{margin-top:26px}
@media (max-width:640px){
 .hero-cadeau{font-size:12.5px;padding:8px 15px 8px 11px;margin-top:15px;gap:8px}
 .hero-cadeau::before{width:18px;height:18px}
 .fev-don{padding:14px 16px;gap:12px;border-radius:14px;flex-wrap:wrap}
  .fev-don-s{font-size:13px}
 }

/* ---------- compte à rebours ---------- */

/* ---------- FAQ, final, pied ---------- */
.fev-faq{max-width:820px;margin:0 auto}
.fev-faq-q{background:#fff;border:1px solid var(--bord);border-radius:15px;padding:22px 26px;margin-bottom:12px}
.fev-faq-q h3{font-size:17.5px;font-weight:900;letter-spacing:-.02em}
.fev-faq-q p{color:var(--gris);font-size:16px;margin-top:9px}
.fev-final{text-align:center;padding:64px 0 40px;background:var(--fond)}
.fev-final h2{font-size:clamp(24px,3.2vw,34px);font-weight:900;letter-spacing:-.032em}
.fev-final p{color:var(--gris);margin-top:12px;font-size:17px}
.fev-final .fev-cta{margin-top:24px}
.fev-apx{margin-top:20px;font-size:14.5px;color:var(--gris)}
.fev-apx a{font-weight:800;color:var(--blue)}
/* Cette règle venait des maquettes de formation et portait le même nom que
   la tuile des logos recommandés : elle lui reprenait son fond blanc (d'où
   des tuiles grises sur le fond sombre) et son gabarit. Renommée. */
.fev-slot{max-width:860px;margin:0 auto;border:1px dashed var(--bord);border-radius:16px;padding:34px;text-align:center;color:#9AA5BC;
 background:rgba(255,255,255,.5);font-size:14.5px;font-weight:800;letter-spacing:.04em}
.fev-pied{background:var(--ink);color:#8494BC;padding:40px 0 34px;text-align:center;font-size:13.5px;position:relative}
.fev-pied::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;
 background:linear-gradient(90deg,transparent,var(--c2),var(--amber),transparent)}
.fev-pied a:hover{color:#fff}

@media (max-width:1080px){ .fev-mentor .fev-w{grid-template-columns:1fr;gap:44px} .fev-scene{max-width:400px;margin:0 auto} .fev-mflot-1{left:-16px} .fev-mflot-2{right:-12px} }
@media (max-width:960px){ .fev-piliers,.pg,.fev-temoins{grid-template-columns:1fr} .fev-jours{grid-template-columns:repeat(2,1fr)}
 .fev-inclus{grid-template-columns:1fr} .fev-echelle{grid-template-columns:1fr} .fev-offre{padding:32px 22px;border-radius:20px}
 .fev-mentor{padding:58px 0} .fev-demo{padding:30px 24px 26px} }

/* =========================================================================
   MOBILE — on gagne de la hauteur partout, sans rien perdre en confort.
   Corps à 16 px, interlignage resserré, sections plus courtes, cartes moins
   rembourrées, et les tableaux avant/après passent en deux lignes.
   ========================================================================= */
@media (max-width:640px){
 /* La maquette reglait le corps du texte sur body ; ici les pages de formation
    vivent dans .fev-page, qui pose son propre corps (0-1-0) et gagnait sur body.
    La regle est donc portee par .fev-page — et ne deborde plus sur le reste du site. */
 .fev-page{font-size:16px;line-height:1.42}
 .fev-w{padding:0 18px}
 .fev-sec{padding:38px 0}
 .fev-tete{margin-bottom:24px}
 .fev-tete .fev-st{font-size:16px;margin-top:9px}
 h2.fev-t{font-size:25px;line-height:1.12;margin-top:8px}
 .fev-lbl{font-size:10.5px;letter-spacing:.14em}

   
 .fev-hero{padding:32px 0 88px}
 .fev-hero .fev-w::before{width:48px;height:48px;border-radius:16px}
 .fev-hero .fev-w::after{width:25px;height:25px;margin-top:11px}
 .fev-past{margin-top:13px;font-size:10.5px;padding:6px 14px;letter-spacing:.14em}
 .fev-hero h1{font-size:29px;line-height:1.1;margin-top:14px;max-width:none}
 .fev-chapo{font-size:16px;margin-top:14px;line-height:1.42}
 .fev-badges{margin-top:16px;gap:7px}
 .fev-badges li{font-size:11.5px;padding:7px 12px}
 .fev-video{margin-top:22px;border-radius:14px}
    .fev-hero-cta{margin-top:22px;gap:9px}
 .fev-cta .wp-block-button__link{font-size:16.5px;padding:16px 26px;width:100%;text-align:center}
 .fev-page .wp-block-buttons.fev-cta{width:100%}
 .fev-cta-fin{font-size:12.5px}

 .fev-flot{margin-top:-72px;border-radius:18px;padding-bottom:22px}
 .fev-flot-tete{padding:13px 20px}
 .fev-flot-tete p{font-size:11px;letter-spacing:.13em}
 .fev-flot-in{padding:22px 18px 0}
 .fev-flot h2{font-size:21px}
 .fev-of-prix{margin-top:14px;gap:10px}
 .fev-of-prix .fev-fort{font-size:42px}
 .fev-of-prix .fev-barre{font-size:18px}
 .fev-of-prix .fev-eco{font-size:10.5px;padding:5px 10px}
 .fev-of-liste{margin-top:16px;gap:8px}
 .fev-of-liste li{font-size:14.5px;gap:9px}
 .of-btn{margin-top:18px}
 .of-livr{font-size:12.5px;margin-top:11px}
 .attente{margin-top:16px;padding-top:14px}
 .attente>summary{font-size:13.5px}
 .fev-flot p.fev-sous{font-size:15px;margin-top:7px}
    .fev-btn{font-size:16.5px;padding:16px 22px}
 .fev-rassure{margin-top:12px;font-size:12.5px;gap:6px 14px}

 .fev-pil{padding:22px 20px;border-radius:20px}
   .fev-pil h3{font-size:17.5px;margin-bottom:7px}
 .fev-pil p{font-size:14.5px}

 .fev-aa{border-radius:16px}
 .fev-aa-tete>*{padding:11px 16px;font-size:10.5px;letter-spacing:.12em}
 .fev-aa-l>*{padding:13px 16px;font-size:14.5px;gap:9px;line-height:1.3}
 .fev-aa-l>*::before{width:17px;height:17px}

 .fev-demo{padding:24px 18px 20px;border-radius:20px}
 .fev-demo h3{font-size:20px}
 .fev-demo .fev-note{font-size:13px}
 .fev-reglages{grid-template-columns:1fr;gap:14px;margin-top:22px}
 .fev-reg-l{font-size:12.5px;margin-bottom:7px}
 .fev-reg-l strong{font-size:17px}
 .fev-resultats{grid-template-columns:1fr;gap:9px;margin-top:20px}
 .fev-gain{margin-top:9px;padding:22px 18px;border-radius:16px}
 .fev-gain .fev-lab{font-size:10.5px;letter-spacing:.14em}
 .fev-gain .fev-big{font-size:46px;margin-top:8px}
 .fev-gain .fev-an{font-size:14.5px;margin-top:9px}
 .fev-rt{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:14px;padding:15px 16px;border-radius:14px}
  .fev-rt .fev-s{grid-column:1;grid-row:1;margin-top:0;font-size:13.5px}
  .fev-demo .fev-fin{font-size:12px;margin-top:14px}
 .fev-demo .fev-fin{font-size:12px}
 .fev-citation{font-size:18px;margin-top:26px}

 .fev-tem{padding:22px 20px;border-radius:18px}
 .fev-tem blockquote{font-size:15.5px;margin:11px 0 15px}
 .fev-tem::before{width:72px;height:13px;background-size:13px}

 .fev-offre{padding:26px 18px;border-radius:20px}
 .fev-offre-lab{font-size:10.5px;padding:7px 14px;margin-bottom:14px}
 .fev-offre h2{font-size:23px}
 .fev-offre>p.fev-i{font-size:15.5px;margin-top:11px}
 .fev-bascule{font-size:17px;margin-top:20px}
 .fev-echelle{margin-top:20px;gap:9px}
 .fev-et{padding:17px 16px;border-radius:14px}
 .fev-et .fev-b{font-size:10px}
 .fev-et .fev-v{font-size:28px;margin-top:7px}
 .fev-et .fev-et-q{font-size:12.5px;margin-top:6px}
 .fev-inclus{margin-top:22px;gap:10px}
 .fev-inclus li{font-size:15px;gap:10px}
 .fev-inclus li::before{width:20px;height:20px}
 .fev-bump{margin-top:22px;padding:16px 18px;gap:12px}
 .fev-bump .fev-don-t{font-size:15.5px}
 .fev-bump .fev-don-s{font-size:14.5px}
 .fev-achat{margin-top:24px}
 .fev-achat .fev-fort{font-size:42px}
 .fev-achat .fev-barre{font-size:19px}
 .fev-achat .fev-eco{font-size:11.5px;padding:6px 11px}
 .fev-achat .fev-unique{font-size:14.5px}
 .fev-achat .fev-cta{font-size:17px;padding:17px 26px;margin-top:18px}
 .fev-achat .fev-fin{font-size:12px}

 .fev-jours{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:24px}
 .fev-j{padding:14px 10px;border-radius:12px}
 .fev-j .fev-s{font-size:13px;margin-top:6px}

 .fev-mentor{padding:44px 0}
 .fev-mentor .fev-w{gap:34px}
 .fev-m-nom{font-size:36px;margin:10px 0 16px}
 .fev-m-cite{font-size:16.5px;padding:16px 18px;border-radius:16px;margin-bottom:16px}
 .fev-m-txt{font-size:15.5px;margin-bottom:18px}
 .fev-m-preuves{gap:7px}
 .fev-m-preuves li{font-size:12.5px;padding:7px 12px}
 .fev-scene{max-width:300px}
 .fev-scene .fev-cadre{border-radius:26px}
 .fev-mflot{padding:10px 13px;border-radius:14px}
 .fev-mflot strong{font-size:19px}
 .fev-mflot p:last-child{font-size:9px}
 .fev-mflot-1{left:-10px;top:26px}
 .fev-mflot-2{right:-8px;bottom:64px}

 .fev-faq-q{padding:18px 18px;border-radius:13px;margin-bottom:9px}
 .fev-faq-q h3{font-size:16.5px}
 .fev-faq-q p{font-size:15px;margin-top:7px}


 /* --- sur mobile, les blocs passent sur une seule ligne --- */
 .fev-piliers{gap:10px}
 .fev-pil{display:grid;grid-template-columns:38px 1fr;column-gap:14px;align-items:start;padding:16px 16px;border-radius:16px}
   .fev-pil h3{grid-column:2;grid-row:1;font-size:16.5px;margin-bottom:3px;line-height:1.22}
 .fev-pil p{grid-column:2;grid-row:2;font-size:14px;line-height:1.42}

 .fev-echelle{gap:8px}
 .fev-et{display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:14px;text-align:left;padding:13px 16px;border-radius:13px}
 .fev-et .fev-b{grid-column:1;grid-row:1;font-size:10.5px}
 .fev-et .fev-et-q{grid-column:1;grid-row:2;margin-top:3px;font-size:12px}
 .fev-et .fev-v{grid-column:2;grid-row:1 / span 2;margin-top:0;font-size:26px}

 .fev-jours{grid-template-columns:1fr;gap:7px}
 .fev-j{display:grid;grid-template-columns:56px 1fr;align-items:center;column-gap:12px;text-align:left;padding:11px 14px;border-radius:11px}
 .fev-j .fev-b{font-size:10px}
 .fev-j .fev-s{margin-top:0;font-size:13.5px}

 .fev-rassure{gap:5px 12px;font-size:12px}
 .fev-tem{padding:20px 18px}
 .fev-tem blockquote{font-size:15px;margin:10px 0 13px}

 .fev-final{padding:40px 0 32px}
 .fev-final h2{font-size:24px}
 .fev-final p{font-size:15.5px;margin-top:9px}
 .fev-apx{font-size:13.5px;margin-top:16px}
 .fev-pied{padding:28px 0 26px}
 }

@media (max-width:380px){
 .fev-hero h1{font-size:26px}
 .fev-m-nom{font-size:31px}
 .fev-achat .fev-fort{font-size:36px}
 .fev-aa-l>*{padding:11px 13px;font-size:13.5px}
}


/* -------------------------------------------------------------------------
   L'ÉDITEUR. Le thème charge déjà main.css dans l'éditeur (sdvb_feuille_editeur),
   donc tout ce qui précède s'y applique. Il reste trois écarts à combler.
   ------------------------------------------------------------------------- */

/* 1. L'éditeur impose sa couleur de texte : sur les fonds sombres, on rétablit. */
.editor-styles-wrapper :is(.fev-hero,.fev-mentor,.fev-offre,.fev-demo,.fev-pied) :is(h1,h2,h3,h4,p,li,a){color:inherit}
.editor-styles-wrapper :is(.fev-hero h1,.fev-offre h2,.fev-demo h3,.fev-m-nom,.fev-et .fev-v,.fev-gain .fev-big){color:#fff}
.editor-styles-wrapper .fev-chapo{color:#A8B3C9}
.editor-styles-wrapper .fev-page{font-family:Figtree,Inter,system-ui,sans-serif}

/* 2. Les blocs à révéler restent visibles en édition : le noyau ne tourne pas ici. */
.editor-styles-wrapper .rv{opacity:1;transform:none}

/* 3. WordPress pose ses propres marges quand blockGap vaut 0 : on rétablit
      les écarts structurants de ces pages. Même piège qu'en 3.0.1. */
.fev-page .fev-flot{margin-top:-86px!important}
.fev-page .fev-sec{padding:64px 0!important}
.fev-page .fev-tete{margin:0 auto 40px!important}
.fev-page .fev-mentor{padding:100px 0!important}
.fev-page .fev-final{padding:64px 0 40px!important}
@media (max-width:960px){.fev-page .fev-mentor{padding:58px 0!important}}
.fev-page .fev-pied{padding:40px 0 34px!important}
/* Et il coupe la marge haute du PREMIER enfant de chaque groupe, la marge
   basse du DERNIER (`:root :where(.is-layout-flow)>:first-child`, poids 0-2-0 :
   plus fort que n'importe quelle classe du thème). Les deux marges que la
   maquette pose à ces endroits sont rendues ici. */
.fev-page .fev-past{margin-top:16px!important}
.fev-page .fev-faq-q{margin-bottom:12px!important}
@media (max-width:640px){
 .fev-page .fev-flot{margin-top:-72px!important}
 .fev-page .fev-sec{padding:38px 0!important}
 .fev-page .fev-tete{margin-bottom:24px!important}
 .fev-page .fev-mentor{padding:44px 0!important}
 .fev-page .fev-final{padding:40px 0 32px!important}
 .fev-page .fev-pied{padding:28px 0 26px!important}
 .fev-page .fev-past{margin-top:13px!important}
 .fev-page .fev-faq-q{margin-bottom:9px!important}
}


/* Les icônes dessinées : une variable par formation, une par pilier. */
:root{
 --i-don-c:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFC65C' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='8' width='18' height='13' rx='2'/%3E%3Cpath d='M3 12h18M12 8v13'/%3E%3Cpath d='M12 8S9.5 3.5 7.5 4.5 8 8 12 8zM12 8s2.5-4.5 4.5-3.5S16 8 12 8z'/%3E%3C/svg%3E");
 --i-lecture:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 5l12 7-12 7z' fill='%23fff'/%3E%3C/svg%3E");
}

/* Le sigle de chaque formation, dessiné dans le hero. */
.fev-player{--i-fev:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'><rect x=%222.5%22 y=%224.5%22 width=%2219%22 height=%2215%22 rx=%223%22/><path d=%22M10.5 9.5l4.5 2.5-4.5 2.5z%22/></svg>")}
.fev-formulaires{--i-fev:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'><rect x=%224%22 y=%223%22 width=%2216%22 height=%2218%22 rx=%223%22/><path d=%22M8 8h8M8 12h8M8 16h4%22/></svg>")}
.fev-tunnelkit{--i-fev:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'><path d=%22M4 5h16l-6 7v6l-4 2v-8L4 5z%22/></svg>")}
.fev-school{--i-fev:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'><path d=%22M3 8.5L12 4l9 4.5-9 4.5-9-4.5z%22/><path d=%22M7 11v5c0 1.4 2.2 2.5 5 2.5s5-1.1 5-2.5v-5%22/></svg>")}
.fev-meet{--i-fev:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'><rect x=%223%22 y=%226%22 width=%2212%22 height=%2212%22 rx=%222.5%22/><path d=%22M15 10l6-3v10l-6-3z%22/></svg>")}

/* Les trois icônes des piliers. */
.fev-pil-1{--i:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'><circle cx=%2212%22 cy=%2212%22 r=%228%22/><circle cx=%2212%22 cy=%2212%22 r=%223%22/></svg>")}
.fev-pil-2{--i:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'><path d=%22M13 3L5 14h6l-1 7 8-11h-6z%22/></svg>")}
.fev-pil-3{--i:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'><path d=%22M4 17l5-5 3.5 3.5L20 8%22/><path d=%22M15 8h5v5%22/></svg>")}


/* -------------------------------------------------------------------------
   Les écarts propres aux blocs natifs : l'enveloppe des boutons, le compte
   à rebours du thème et le pied. Mesurés section par section contre la
   maquette — tout le reste tombe déjà au pixel près.
   ------------------------------------------------------------------------- */
.fev-page .wp-block-buttons.fev-cta{display:flex;justify-content:center;background:none;box-shadow:none;padding:0;border-radius:0}
.fev-hero-cta .wp-block-buttons.fev-cta,.fev-achat .wp-block-buttons.fev-cta{margin-top:0}
.fev-final .wp-block-buttons.fev-cta{margin-top:24px}
.fev-achat .wp-block-buttons.fev-cta{margin-top:22px}
.fev-achat .fev-cta .wp-block-button__link{font-size:20px;padding:20px 44px}

/* Le compte à rebours du thème, calé sur la mesure de la maquette. */
@media (max-width:640px){
}

/* -------------------------------------------------------------------------
   LE FORMULAIRE. Le code court pose un formulaire Fluent Forms, qui arrive
   avec son propre habillage : champs gris, bouton bleu. On lui rend celui de
   la maquette. La feuille de Fluent Forms est chargee APRES celle du theme et
   ses selecteurs pesent 0-2-0 : chaque regle ci-dessous en pese 0-3-0 pour
   passer devant, sans un seul !important. Rien ne sort de .fev-page.
   ------------------------------------------------------------------------- */
.fev-page .fluentform{margin-top:20px;text-align:left}
.fev-page .fluentform form{margin:0}
.fev-page .fluentform .ff-el-group{margin:0 0 12px}
.fev-page .fluentform .ff-el-group.ff-custom_html:has(>p:empty){display:none}
/* Le porte-libelle : Fluent Forms le passe en inline-block sur les champs de
   nom et le laisse en block ailleurs. Un inline-block prend l'interligne de sa
   ligne, pas sa hauteur propre : les deux colonnes se decalaient de quelques
   pixels, differemment selon le moteur (visible sur Firefox, pas sur Chrome).
   On le remet en block partout : les deux colonnes s'alignent, quel que soit
   l'imbrication que Fluent Forms met autour. */
.fev-page .fluentform .ff-el-input--label{display:block;margin:0 0 5px}
.fev-page .fluentform .ff-el-input--label label{display:block;margin:0 0 7px;font-size:12px;font-weight:900;
 letter-spacing:.1em;text-transform:uppercase;color:var(--gris)}
.fev-page .fluentform .ff-el-input--content input[type=text],
.fev-page .fluentform .ff-el-input--content input[type=email],
.fev-page .fluentform .ff-el-input--content input[type=tel],
.fev-page .fluentform .ff-el-input--content input[type=number],
.fev-page .fluentform .ff-el-input--content textarea,
.fev-page .fluentform .ff-el-input--content select{width:100%;height:auto;padding:14px 16px;border-radius:12px;
 border:1.5px solid var(--bord);background:#FBFCFF;font:inherit;font-size:16px;color:var(--encre);box-shadow:none}
.fev-page .fluentform .ff-el-input--content input::placeholder,
.fev-page .fluentform .ff-el-input--content textarea::placeholder{color:#A6AFC4}
.fev-page .fluentform .ff-el-input--content input:focus,
.fev-page .fluentform .ff-el-input--content textarea:focus{outline:0;border-color:var(--c2);
 box-shadow:0 0 0 3px color-mix(in srgb,var(--c2) 20%,transparent)}
.fev-page .fluentform .ff-column-container{margin:0 0 12px}
.fev-page .fluentform .ff_columns_total_2{display:grid;grid-template-columns:1fr 1fr;gap:0 12px;align-items:start}
.fev-page .fluentform .ff_columns_total_2 .ff-t-cell,
.fev-page .fluentform .ff_columns_total_2 .ff-t-container,
.fev-page .fluentform .ff_columns_total_2 .ff-field_container{display:block;width:auto;margin:0;padding:0;float:none}
.fev-page .fluentform .ff_columns_total_2 .ff-el-group{margin:0}
/* Les cases de consentement : Fluent Forms les dessine en table, avec 8 px de
   remplissage au-dessus de la case et 5 px sous chaque ligne. Ajoute la marge
   du groupe et l'ecart devenait enorme. On resserre. */
.fev-page .fluentform .ff-el-form-check{font-size:13.5px;line-height:1.45;color:var(--gris);margin:0}
.fev-page .fluentform .ff-el-form-check .ff_tc_checkbox{padding-top:2px}
.fev-page .fluentform .ff-el-group.checkfill{margin-bottom:8px}
.fev-page .fluentform .ff-el-form-check-label{display:flex;gap:9px;align-items:flex-start;margin:0;text-align:left}
.fev-page .fluentform .ff_t_c,.fev-page .fluentform .ff_t_c p{margin:0;font-size:13.5px}
.fev-page .fluentform .ff_submit_btn_wrapper{margin:4px 0 0;text-align:center}
.fev-page .fluentform .ff-btn-submit{width:100%;border:0;cursor:pointer;font:inherit;font-weight:900;font-size:18px;
 padding:18px 30px;border-radius:12px;color:#fff;background:linear-gradient(96deg,var(--c1),var(--c2));
 box-shadow:0 14px 34px -10px var(--halo);transition:transform .25s,box-shadow .25s}
.fev-page .fluentform .ff-btn-submit:hover{transform:translateY(-3px);box-shadow:0 22px 46px -12px var(--halo)}
@media (max-width:640px){
 .fev-page .fluentform .ff_columns_total_2{grid-template-columns:1fr}
 .fev-page .fluentform .ff-btn-submit{font-size:16.5px;padding:16px 26px}
}

/* Le pied : les liens sont dans un paragraphe, pas dans une navigation. */
.fev-pied-nav{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin-top:12px}
@media (max-width:640px){.fev-pied-nav{gap:14px}}


/* ===== 3.4.0 : fin du compte à rebours et jauges de places ===== */
.compte-masque{display:none!important}
.h4-fin:has(.compte-masque),.promo-cpt:has(.compte-masque){display:none}
.h4-fin:has(.compte-fin) .h4-lab{display:none}
.compte.compte-fin p{margin:0;font-family:Figtree,sans-serif;font-weight:800;font-size:17px;line-height:1.35;color:inherit}
.h4-fin .compte.compte-fin{display:block}

.jg{margin:0 0 14px;padding:11px 12px 10px;border-radius:13px;background:var(--jg-bg);border:1px solid var(--jg-bd)}
.pc>.jg{margin-top:30px}
.jg-l{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px}
.jg-g{font-family:Figtree,sans-serif;font-weight:800;font-size:14px;color:var(--jg-tx);letter-spacing:-.01em}
.jg-g b{font-weight:900;font-size:20px;color:inherit}
.jg-d{font-size:11.5px;font-weight:600;color:#8A94A6;white-space:nowrap}
.jg-t{height:11px;border-radius:99px;background:rgba(16,24,40,.08);overflow:hidden}
.jg-t i{display:block;height:100%;border-radius:99px;background:var(--jg-bar);animation:jgGrow 1.1s cubic-bezier(.3,.9,.3,1) both}
@keyframes jgGrow{from{width:0}}
.jg.lvl1{--jg-bg:#FFF8EC;--jg-bd:#F6E3BC;--jg-tx:#9A6B12;--jg-bar:linear-gradient(90deg,#F5B942,#F29A2E)}
.jg.lvl2{--jg-bg:#FFF1E8;--jg-bd:#FAD2B8;--jg-tx:#C2530F;--jg-bar:linear-gradient(90deg,#FF9A3D,#FF6A1F)}
.jg.lvl3{--jg-bg:#FFECEC;--jg-bd:#F8C4C4;--jg-tx:#C81E1E;--jg-bar:linear-gradient(90deg,#FF5A3D,#E0201B)}
.jg.lvl3 .jg-t i{animation:jgGrow 1.1s cubic-bezier(.3,.9,.3,1) both,jgPulse 1.6s ease-in-out 1.1s infinite}
@keyframes jgPulse{0%,100%{filter:brightness(1)}50%{filter:brightness(1.25)}}
.pc-phare .jg{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.16)}
.pc-phare .jg-d{color:#9FADD0}
.pc-phare .jg-t{background:rgba(255,255,255,.15)}
.pc-phare .jg.lvl1 .jg-g{color:#F5C46A}.pc-phare .jg.lvl2 .jg-g{color:#FFA566}.pc-phare .jg.lvl3 .jg-g{color:#FF7B6B}
@media(prefers-reduced-motion:reduce){.jg-t i{animation:none!important}}


/* =====================================================================
   3.4.4 — le corps d'un article
   =====================================================================
   Jusqu'ici, le gabarit d'article n'habillait que les paragraphes et les
   intertitres. Tout le reste — l'encadré d'ouverture, les listes, la
   citation, les questions fréquentes, les boutons — tombait sur les
   réglages par défaut de WordPress, qui n'ont rien à voir avec le site.
   Ce bloc rattrape ça une fois pour toutes : chaque article publié en
   hérite, sans rien à régler dans l'éditeur.
   ===================================================================== */

/* Les liens du corps : bleu de marque, souligné discret. */
:where(.art-col,.editor-styles-wrapper.post-type-post) a{color:var(--blue-d);text-decoration:underline;text-decoration-thickness:1.5px;
 text-underline-offset:3px;text-decoration-color:rgba(27,62,212,.35);transition:color .25s,text-decoration-color .25s}
:where(.art-col,.editor-styles-wrapper.post-type-post) a:hover{color:var(--blue);text-decoration-color:var(--blue)}
:where(.art-col,.editor-styles-wrapper.post-type-post) strong{font-weight:700;color:#141C31}
:where(.art-col,.editor-styles-wrapper.post-type-post) em{color:inherit}

/* L'encadré d'ouverture. Ce que le lecteur pressé emporte. */
:where(.art-col,.editor-styles-wrapper.post-type-post) .sdv-bref{position:relative;margin:0 0 30px;padding:22px 26px 22px 30px;border-radius:18px;
 background:linear-gradient(120deg,#F5F8FF,#EBF1FF);border:1px solid #D9E3FB;
 box-shadow:0 18px 40px -34px rgba(11,16,32,.8);overflow:hidden}
:where(.art-col,.editor-styles-wrapper.post-type-post) .sdv-bref::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--g-brand)}
:where(.art-col,.editor-styles-wrapper.post-type-post) .sdv-bref em{font-style:normal;color:#1C2540;font-size:17px;line-height:1.7}

/* La phrase qu'on retient. */
:where(.art-col,.editor-styles-wrapper.post-type-post) .sdv-cit{margin:36px 0;padding:6px 0 6px 24px;border-left:3px solid var(--amber);
 font-family:Figtree,system-ui,sans-serif;font-weight:700;font-size:21px;line-height:1.5;
 letter-spacing:-.018em;color:#141C31}
:where(.art-col,.editor-styles-wrapper.post-type-post) blockquote{margin:36px 0;padding:6px 0 6px 24px;border-left:3px solid var(--amber)}
:where(.art-col,.editor-styles-wrapper.post-type-post) blockquote p{font-size:19px;font-style:italic;color:#2A3348}

/* Les listes : une puce dessinée, alignée sur le texte. */
:where(.art-col,.editor-styles-wrapper.post-type-post) ul,:where(.art-col,.editor-styles-wrapper.post-type-post) ol{margin:20px 0;padding-left:0;list-style:none}
:where(.art-col,.editor-styles-wrapper.post-type-post) ul li,:where(.art-col,.editor-styles-wrapper.post-type-post) ol li{position:relative;padding-left:30px;margin:0 0 13px;
 font-size:17.5px;line-height:1.72;color:#2A3348}
:where(.art-col,.editor-styles-wrapper.post-type-post) ul li::before{content:"";position:absolute;left:4px;top:11px;width:9px;height:9px;
 border-radius:3px;background:var(--g-brand)}
:where(.art-col,.editor-styles-wrapper.post-type-post) ol{counter-reset:sdvli}
:where(.art-col,.editor-styles-wrapper.post-type-post) ol li{counter-increment:sdvli}
:where(.art-col,.editor-styles-wrapper.post-type-post) ol li::before{content:counter(sdvli);position:absolute;left:0;top:2px;width:22px;height:22px;
 border-radius:8px;background:var(--paper-3);color:var(--blue-d);
 font-family:Figtree,sans-serif;font-weight:800;font-size:12.5px;display:grid;place-items:center}

/* Les questions fréquentes : une carte par question. */
:where(.art-col,.editor-styles-wrapper.post-type-post) .wp-block-details{margin:0 0 12px;border:1px solid var(--line);border-radius:16px;
 background:#fff;padding:0;transition:border-color .3s,box-shadow .3s}
:where(.art-col,.editor-styles-wrapper.post-type-post) .wp-block-details[open]{border-color:#C9D8FB;box-shadow:0 20px 44px -38px rgba(11,16,32,.9)}
:where(.art-col,.editor-styles-wrapper.post-type-post) .wp-block-details summary{list-style:none;cursor:pointer;padding:17px 52px 17px 20px;
 position:relative;font-family:Figtree,system-ui,sans-serif;font-weight:800;font-size:17px;
 letter-spacing:-.015em;color:#141C31}
:where(.art-col,.editor-styles-wrapper.post-type-post) .wp-block-details summary::-webkit-details-marker{display:none}
:where(.art-col,.editor-styles-wrapper.post-type-post) .wp-block-details summary::after{content:"";position:absolute;right:20px;top:50%;
 width:9px;height:9px;margin-top:-6px;border-right:2px solid var(--blue-d);
 border-bottom:2px solid var(--blue-d);transform:rotate(45deg);transition:transform .3s}
:where(.art-col,.editor-styles-wrapper.post-type-post) .wp-block-details[open] summary::after{transform:rotate(-135deg);margin-top:-2px}
:where(.art-col,.editor-styles-wrapper.post-type-post) .wp-block-details p{margin:0;padding:0 20px 18px;font-size:16.5px;color:#3A4560}

/* Les boutons de fin d'article. */
:where(.art-col,.editor-styles-wrapper.post-type-post) .wp-block-buttons{margin:30px 0 8px;gap:12px}
:where(.art-col,.editor-styles-wrapper.post-type-post) .wp-block-button__link{font-family:Figtree,system-ui,sans-serif;font-weight:800;
 font-size:15.5px;padding:15px 28px;text-decoration:none;
 box-shadow:0 16px 34px -18px rgba(43,89,255,.9);transition:transform .22s,box-shadow .22s}
:where(.art-col,.editor-styles-wrapper.post-type-post) .wp-block-button__link:hover{transform:translateY(-2px);text-decoration:none;
 box-shadow:0 22px 44px -18px rgba(43,89,255,.95)}
:where(.art-col,.editor-styles-wrapper.post-type-post) .wp-block-button.is-style-outline .wp-block-button__link,
:where(.art-col,.editor-styles-wrapper.post-type-post) .wp-block-button__link.has-border-color{box-shadow:none}

/* Le trait de fin et la signature. */
:where(.art-col,.editor-styles-wrapper.post-type-post) .wp-block-separator{margin:46px 0 22px;border:0;border-top:1px solid var(--line);
 background:none;height:0;opacity:1;max-width:none}
:where(.art-col,.editor-styles-wrapper.post-type-post) .author-bio em{font-style:normal;color:var(--muted);font-size:15px}

/* Les images posées dans le texte. */
:where(.art-col,.editor-styles-wrapper.post-type-post) figure,:where(.art-col,.editor-styles-wrapper.post-type-post) .wp-block-image{margin:34px 0}
:where(.art-col,.editor-styles-wrapper.post-type-post) figure img,:where(.art-col,.editor-styles-wrapper.post-type-post) .wp-block-image img{border-radius:20px;width:100%}
:where(.art-col,.editor-styles-wrapper.post-type-post) figcaption{margin-top:10px;font-size:14px;color:var(--muted);text-align:center}

/* Un tableau reste lisible au téléphone. */
:where(.art-col,.editor-styles-wrapper.post-type-post) .wp-block-table{margin:30px 0;overflow-x:auto}
:where(.art-col,.editor-styles-wrapper.post-type-post) .wp-block-table table{border-collapse:separate;border-spacing:0;width:100%;font-size:16px}
:where(.art-col,.editor-styles-wrapper.post-type-post) .wp-block-table th{background:var(--paper-2);font-family:Figtree,sans-serif;font-weight:800;
 text-align:left;color:#141C31}
:where(.art-col,.editor-styles-wrapper.post-type-post) .wp-block-table th,:where(.art-col,.editor-styles-wrapper.post-type-post) .wp-block-table td{border:1px solid var(--line);padding:12px 14px}

@media (max-width:820px){
  :where(.art-col,.editor-styles-wrapper.post-type-post) .sdv-bref{padding:18px 18px 18px 22px;border-radius:16px}
  :where(.art-col,.editor-styles-wrapper.post-type-post) .sdv-bref em{font-size:16px}
  :where(.art-col,.editor-styles-wrapper.post-type-post) .sdv-cit{font-size:18.5px;padding-left:18px}
  :where(.art-col,.editor-styles-wrapper.post-type-post) ul li,:where(.art-col,.editor-styles-wrapper.post-type-post) ol li{font-size:16.5px}
  :where(.art-col,.editor-styles-wrapper.post-type-post) .wp-block-details summary{font-size:16px;padding:15px 46px 15px 16px}
  :where(.art-col,.editor-styles-wrapper.post-type-post) .wp-block-details p{padding:0 16px 16px;font-size:16px}
  :where(.art-col,.editor-styles-wrapper.post-type-post) .wp-block-buttons{flex-direction:column;align-items:stretch}
  :where(.art-col,.editor-styles-wrapper.post-type-post) .wp-block-button{width:100%}
  :where(.art-col,.editor-styles-wrapper.post-type-post) .wp-block-button__link{display:block;text-align:center}
}

/* L'éditeur d'article reprend la mesure du texte publié. */
.editor-styles-wrapper.post-type-post p{font-size:17.5px;line-height:1.78;color:#2A3348}
.editor-styles-wrapper.post-type-post h2{font-size:29px;margin:44px 0 14px}
.editor-styles-wrapper.post-type-post h3{font-size:22px;margin:34px 0 10px}


/* =====================================================================
   3.4.5 — le portrait de l'auteur
   =====================================================================
   La vignette s'affichait en rectangle étiré quand l'image manquait ou
   n'était pas carrée. Elle est maintenant ronde, à taille fixe, et
   l'image se recadre dedans au lieu de se déformer.
   ===================================================================== */
.art-meta .wp-block-avatar img,
.art-auteur .wp-block-avatar img{border-radius:999px;object-fit:cover;aspect-ratio:1/1;
 background:var(--paper-3);display:block}
.art-meta .wp-block-avatar,
.art-auteur .wp-block-avatar{flex:0 0 auto;line-height:0}
.art-meta .wp-block-avatar img{width:34px;height:34px}
.art-auteur .wp-block-avatar img{width:56px;height:56px;box-shadow:0 0 0 3px #fff,0 0 0 4px var(--line)}


/* =====================================================================
   3.4.6 — le sommaire et le bloc auteur
   =====================================================================
   Le sommaire n'avait aucune mise en forme : les règles écrites pour lui
   visaient une classe que le rendu ne produit pas. Il est refait ici, et
   il sait maintenant où en est la lecture. Le bloc auteur passe d'un
   simple trait de séparation à une carte.
   ===================================================================== */

/* ----- le sommaire ----- */
.sdv-som{position:relative;background:#fff;border:1px solid var(--line);border-radius:22px;
 padding:18px 18px 12px;box-shadow:0 22px 48px -40px rgba(11,16,32,.9);overflow:hidden}
.sdv-som::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--g-brand)}
.sdv-som summary{list-style:none;cursor:default;display:flex;align-items:center;gap:9px;
 font-family:Figtree,system-ui,sans-serif;font-weight:800;font-size:11.5px;letter-spacing:.16em;
 text-transform:uppercase;color:var(--muted)}
.sdv-som summary::-webkit-details-marker{display:none}
.sdv-som summary span{display:inline-flex;align-items:center;gap:9px}
.sdv-som summary span::before{content:"";width:9px;height:9px;border-radius:3px;background:var(--g-brand)}
.sdv-som summary i{margin-left:auto;font-style:normal;font-size:11px;font-weight:800;letter-spacing:.04em;
 color:var(--blue-d);background:var(--paper-3);padding:3px 9px;border-radius:999px}

/* l'avancée de la lecture */
.sdv-som-jauge{display:block;height:3px;border-radius:99px;background:var(--paper-3);margin:14px 0 6px;overflow:hidden}
.sdv-som-jauge b{display:block;height:100%;width:0;border-radius:99px;background:var(--g-brand);transition:width .18s linear}

.sdv-som ol{list-style:none;margin:6px 0 0;padding:0;counter-reset:som;max-height:min(58vh,520px);overflow:auto}
.sdv-som ol::-webkit-scrollbar{width:4px}
.sdv-som ol::-webkit-scrollbar-thumb{background:var(--line);border-radius:99px}
.sdv-som li{margin:0}
.sdv-som li.n2{counter-increment:som}
.sdv-som li a{position:relative;display:flex;gap:10px;align-items:baseline;padding:8px 10px 8px 12px;
 border-radius:10px;font-size:14.5px;line-height:1.4;color:#5C6785;transition:color .22s,background .22s}
.sdv-som li a::before{content:counter(som);flex:0 0 auto;font-family:Figtree,sans-serif;font-weight:800;
 font-size:11.5px;color:#A6B1CC;font-variant-numeric:tabular-nums;transition:color .22s}
.sdv-som li a::after{content:"";position:absolute;left:0;top:7px;bottom:7px;width:2px;border-radius:99px;
 background:var(--g-brand);opacity:0;transition:opacity .22s}
.sdv-som li a:hover{color:var(--text);background:var(--paper-2)}
.sdv-som li.ici a{color:var(--text);font-weight:700;background:var(--paper-2)}
.sdv-som li.ici a::before{color:var(--blue-d)}
.sdv-som li.ici a::after{opacity:1}
.sdv-som li:not(.n2) a{padding-left:26px;font-size:13.5px}
.sdv-som li:not(.n2) a::before{content:"";width:5px;height:5px;border-radius:99px;background:#C6D0E8;align-self:center}
.sdv-som li:not(.n2).ici a::before{background:var(--blue)}

/* ----- le bloc auteur ----- */
.art-auteur{gap:22px;margin-top:56px;padding:26px 28px;align-items:center;
 background:linear-gradient(130deg,#F7FAFF 0%,#EBF1FF 100%);border:1px solid #DCE5FA;border-radius:24px}
.art-auteur .wp-block-avatar{padding:3px;background:var(--g-brand);border-radius:999px;
 box-shadow:0 14px 30px -18px rgba(27,62,212,.9)}
.art-auteur .wp-block-avatar img{width:78px;height:78px;border-radius:999px;object-fit:cover;
 aspect-ratio:1/1;display:block;border:3px solid #fff;box-shadow:none}
.art-auteur-t{min-width:0}
.art-auteur-t::before{content:"";display:block;width:30px;height:3px;border-radius:99px;
 background:var(--g-warm);margin-bottom:10px}
.art-auteur .wp-block-post-author-name{font-family:Figtree,system-ui,sans-serif;font-weight:900;
 font-size:19px;letter-spacing:-.02em;color:var(--text);margin-bottom:4px}
.art-auteur .wp-block-post-author-biography{font-size:15.5px;line-height:1.66;color:#47526E;max-width:64ch}

/* ----- les articles voisins ----- */
.art-nav a{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:999px;
 border:1px solid var(--line);background:#fff;font-size:14.5px;color:var(--text);
 transition:border-color .25s,transform .25s,box-shadow .25s}
.art-nav a:hover{border-color:#C9D8FB;transform:translateY(-2px);box-shadow:0 16px 30px -22px rgba(11,16,32,.9)}

@media (max-width:820px){
  .art-auteur{flex-direction:column;align-items:flex-start;padding:22px;gap:16px}
  .art-auteur .wp-block-avatar img{width:64px;height:64px}
  .sdv-som ol{max-height:none}
}

/* ----- l'accueil : les derniers articles ----- */
.sec-blog:has(.sdvb-sans-article){display:none}
.art .vign{display:block;overflow:hidden}
.art .vign img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
 transition:transform .5s cubic-bezier(.22,.8,.3,1)}
.art:hover .vign img{transform:scale(1.05)}
.art .vign:has(img)::after{background:linear-gradient(180deg,rgba(5,7,15,0) 40%,rgba(5,7,15,.25) 100%)}
.art h3 a:hover{color:var(--ac)}
.blog-tous{margin:32px 0 0;text-align:center}
.blog-tous a{display:inline-flex;align-items:center;gap:8px;padding:13px 26px;border-radius:999px;
 border:1px solid var(--line);background:#fff;font-family:Figtree,system-ui,sans-serif;font-weight:800;
 font-size:14.5px;color:var(--text);transition:border-color .25s,transform .25s,box-shadow .25s}
.blog-tous a::after{content:"→";color:var(--blue-d)}
.blog-tous a:hover{border-color:#C9D8FB;transform:translateY(-2px);box-shadow:0 18px 34px -24px rgba(11,16,32,.9)}

/* L'en-tête se pose par-dessus : un intertitre visé par le sommaire doit
   s'arrêter dessous, pas derrière. */
.art-col h2,.art-col h3{scroll-margin-top:110px}

/* =====================================================================
   3.4.11 — l'en-tête d'article, le fil d'Ariane, et les blancs du texte
   =====================================================================
   Trois corrections d'un coup :
   1. l'en-tête recopiait mot pour mot l'encadré d'ouverture, parce que
      WordPress fabriquait le chapô tout seul à partir du début du texte ;
      il n'apparaît maintenant que si un résumé a été écrit à la main ;
   2. le fil d'Ariane n'avait aucune mise en forme, et celui de SEOPress
      prend la main quand l'extension est là ;
   3. la règle qui supprime les blancs entre les sections supprimait
      aussi ceux entre les paragraphes de l'article. Les voilà rendus.
   ===================================================================== */

/* ----- les blancs du corps d'article ----- */
.art-col .wp-block-post-content > * + *{margin-block-start:22px}
.art-col .wp-block-post-content > h2 + *,
.art-col .wp-block-post-content > h3 + *{margin-block-start:0}
.art-col .wp-block-post-content > .wp-block-details + .wp-block-details{margin-block-start:0}
.art-col .wp-block-post-content > .wp-block-buttons + *{margin-block-start:26px}
.art-col p:empty{display:none}

/* ----- le fil d'Ariane ----- */
.sdv-fil{display:block;margin-bottom:18px;font-family:Figtree,system-ui,sans-serif;
 font-size:13.5px;font-weight:600;letter-spacing:.01em;color:#8494BC;line-height:1.5}
.sdv-fil a{color:#AEBBD8;text-decoration:none;transition:color .25s}
.sdv-fil a:hover{color:#fff}
.sdv-fil span{color:inherit}
.sdv-fil .sdv-fil-sep,
.sdv-fil-seo .seopress-breadcrumbs-separator{margin:0 8px;color:#5C6785}
/* le fil maison : les liens se suivent, séparés par un chevron dessiné */
.sdv-fil:not(.sdv-fil-seo) a + a::before{content:"›";margin:0 9px;color:#5C6785}
@media (max-width:820px){
  .sdv-fil{font-size:12.5px;margin-bottom:14px}
}

/* =========================================================================
   Pages de paiement et de remerciement des tunnels — en blocs natifs.
   Même principe que les pages de formation : tout le décor est ici, le
   contenu de la page ne porte que du texte modifiable au clic.
   Les couleurs viennent de la classe de formation posée sur le groupe
   racine (.fev-player, .fev-formulaires, …) : --c1, --c2, --c3, --i-fev.
   ========================================================================= */
.sbp{--sbp-ink:#05070F;--sbp-ink2:#0B1020;--sbp-paper2:#F5F8FF;--sbp-line:#E3E9F7;
 --sbp-text:#131A2C;--sbp-muted:#5C6785;--sbp-amber:#F5A524;--sbp-amberl:#FFC65C;--sbp-vert:#0FA36B;
 font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px;line-height:1.5;
 color:var(--sbp-text);background:#fff;overflow-x:hidden;-webkit-font-smoothing:antialiased}
.sbp :where(p,ul,ol,figure,blockquote,h1,h2,h3,h4){margin:0}
.sbp :where(ul,ol){padding:0;list-style:none}
.sbp:where(.is-layout-flow)>*,.sbp :where(.is-layout-flow)>*{margin-block:0}
.sbp :where(h1,h2,h3,h4,h5,h6){color:inherit;line-height:1.3;letter-spacing:normal}
.sbp :where(a){color:inherit;text-decoration:none}
.sbp__in{max-width:1080px;margin:0 auto;padding:0 20px}

/* ---------- l'en-tête sombre ---------- */
.sbp__tete{position:relative;overflow:hidden;color:#fff;padding:38px 0 34px;text-align:center;
 background:linear-gradient(165deg,#05070F 0%,#0B1020 42%,var(--c1) 132%)}
.sbp__tete::before,.sbp__tete::after{content:"";position:absolute;border-radius:50%;filter:blur(70px);opacity:.5;pointer-events:none}
.sbp__tete::before{width:420px;height:420px;background:var(--c2);top:-220px;right:-90px}
.sbp__tete::after{width:340px;height:340px;background:var(--c3);bottom:-230px;left:-80px;opacity:.35}
.sbp__tete>.sbp__in{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}

/* le signe de la formation, dessiné par le thème */
.sbp__tete>.sbp__in::before{content:"";width:56px;height:56px;border-radius:16px;background:#fff;
 box-shadow:0 10px 30px -12px rgba(0,0,0,.6);order:-2;margin-bottom:14px}
.sbp__tete>.sbp__in::after{content:"";position:absolute;top:13px;left:50%;transform:translateX(-50%);
 width:30px;height:30px;background:var(--c1);
 -webkit-mask:var(--i-fev) center/contain no-repeat;mask:var(--i-fev) center/contain no-repeat}
.sbp__nom{font-family:Figtree,system-ui,sans-serif;font-weight:800;font-size:clamp(26px,3.6vw,40px);
 line-height:1.05;letter-spacing:-.025em;color:transparent;
 background:linear-gradient(100deg,#fff 0%,var(--c3) 80%);-webkit-background-clip:text;background-clip:text}
.sbp__promesse{max-width:620px;margin-top:12px;font-size:clamp(16px,1.8vw,19px);line-height:1.45;color:#C8D3EE}
.sbp__pastilles{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:20px}
.sbp__pastilles li{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:#EAF0FF;
 background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:7px 13px}
.sbp__pastilles li::before{content:"";width:14px;height:14px;flex:none;background:var(--sbp-amberl);
 -webkit-mask:var(--i-sbp-ok) center/contain no-repeat;mask:var(--i-sbp-ok) center/contain no-repeat}
:root{--i-sbp-ok:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
 --i-sbp-mail:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='16' rx='2'/%3E%3Cpath d='m2 7 10 6 10-6'/%3E%3C/svg%3E");
 --i-sbp-bouclier:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3C/svg%3E")}

/* ---------- la zone de paiement ---------- */
.sbp__zone{background:var(--sbp-paper2);padding:34px 0 40px;
 background-image:radial-gradient(900px 300px at 50% 0,color-mix(in srgb,var(--c2) 8%,transparent),transparent 70%)}
.sbp__caisse{position:relative;background:#fff;border:1px solid var(--sbp-line);border-radius:20px;overflow:hidden;
 box-shadow:0 30px 70px -40px rgba(5,7,15,.45);padding:clamp(16px,2.6vw,30px)}
.sbp__caisse::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;
 background:linear-gradient(90deg,var(--c1),var(--c2) 55%,var(--sbp-amber))}
.sbp__note{display:flex;align-items:center;gap:7px;justify-content:center;margin-top:14px;
 font-size:12.5px;line-height:1.35;color:var(--sbp-muted);text-align:center}
.sbp__note::before{content:"";width:14px;height:14px;flex:none;background:var(--c1);
 -webkit-mask:var(--i-sbp-bouclier) center/contain no-repeat;mask:var(--i-sbp-bouclier) center/contain no-repeat}

/* ---------- les trois bénéfices ---------- */
.sbp__benef{background:#fff;padding:44px 0 46px}
.sbp__oeil{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--c1)}
.sbp__benef .sbp__oeil{text-align:center;margin-bottom:8px}
.sbp__st{font-family:Figtree,system-ui,sans-serif;font-weight:800;font-size:clamp(21px,2.6vw,28px);
 letter-spacing:-.02em;color:var(--sbp-ink);line-height:1.15}
.sbp__benef .sbp__st{text-align:center;margin-bottom:26px}
.sbp__g{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}
.sbp__pil{position:relative;background:var(--sbp-paper2);border:1px solid var(--sbp-line);
 border-radius:16px;padding:20px 20px 22px;overflow:hidden}
.sbp__pil::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,var(--c1),var(--c2))}
.sbp__pil h3{font-family:Figtree,system-ui,sans-serif;font-size:16.5px;font-weight:800;
 color:var(--sbp-ink);letter-spacing:-.01em;line-height:1.28;margin-bottom:7px}
.sbp__pil p{font-size:14.5px;line-height:1.55;color:var(--sbp-muted)}

/* ---------- le pied ---------- */
.sbp__pied{position:relative;background:var(--sbp-ink);color:#8D9ABB;padding:20px 0 22px;font-size:13px}
.sbp__pied::before{content:"";position:absolute;inset:0 0 auto 0;height:2px;
 background:linear-gradient(90deg,var(--c1),var(--c2) 55%,var(--sbp-amber))}
.sbp__pied>.sbp__in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
.sbp__pied-nav a{color:#B9C4E2;margin-left:16px}
.sbp__pied-nav a:first-child{margin-left:0}
.sbp__pied-nav a:hover{color:#fff}

/* ---------- la page de remerciement ---------- */
.sbp__tete.sbp__tete-merci>.sbp__in::before{width:66px;height:66px;border-radius:50%;background:rgba(15,163,107,.16);
 border:1.5px solid rgba(107,227,174,.55);box-shadow:0 0 0 10px rgba(15,163,107,.07);margin-bottom:18px}
.sbp__tete.sbp__tete-merci>.sbp__in::after{top:19px;width:30px;height:30px;background:#6BE3AE;
 -webkit-mask:var(--i-sbp-ok) center/contain no-repeat;mask:var(--i-sbp-ok) center/contain no-repeat}
.sbp__merci{font-family:Figtree,system-ui,sans-serif;font-weight:800;font-size:clamp(27px,3.8vw,42px);
 line-height:1.06;letter-spacing:-.028em;color:transparent;
 background:linear-gradient(100deg,#fff 0%,var(--c3) 85%);-webkit-background-clip:text;background-clip:text}
.sbp__sous{max-width:600px;margin-top:12px;font-size:clamp(15px,1.7vw,17.5px);line-height:1.5;color:#C8D3EE}
.sbp__sous strong{color:#fff;font-weight:600}
.sbp__id{display:inline-block;margin-top:22px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);
 border-radius:999px;padding:8px 16px;font-family:Figtree,system-ui,sans-serif;font-weight:700;font-size:15px;color:#EAF0FF}
.sbp__duo{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
.sbp__carte{position:relative;background:#fff;border:1px solid var(--sbp-line);border-radius:18px;overflow:hidden;
 box-shadow:0 26px 60px -40px rgba(5,7,15,.4);padding:clamp(20px,2.4vw,28px)}
.sbp__carte::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;
 background:linear-gradient(90deg,var(--c1),var(--c2) 55%,var(--sbp-amber))}
.sbp__carte .sbp__oeil{margin-bottom:14px}
.sbp__carte .fcf-sc-summary{list-style:none;margin:0;padding:0}
.sbp__carte .fcf-sc-summary li{display:flex;justify-content:space-between;gap:14px;align-items:baseline;
 padding:11px 0;border-bottom:1px solid var(--sbp-line);font-size:14.5px;line-height:1.4}
.sbp__carte .fcf-sc-summary li span:last-child{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600;color:var(--sbp-ink)}
.sbp__carte .fcf-sc-summary li:last-child{border-bottom:0}
.sbp__carte .fcf-sc-summary__total{margin-top:6px;padding-top:14px!important;border-top:2px solid var(--sbp-ink)!important;
 font-family:Figtree,system-ui,sans-serif;font-weight:800;font-size:17px!important;color:var(--sbp-ink)}
.sbp__carte .fcf-sc-summary__total span:last-child{font-size:20px}
.sbp__mail{display:flex;gap:11px;align-items:flex-start;margin-top:16px;padding:12px 14px;
 background:var(--sbp-paper2);border:1px solid var(--sbp-line);border-radius:12px;
 font-size:13.5px;line-height:1.5;color:var(--sbp-muted)}
.sbp__mail::before{content:"";width:17px;height:17px;flex:none;margin-top:2px;background:var(--c1);
 -webkit-mask:var(--i-sbp-mail) center/contain no-repeat;mask:var(--i-sbp-mail) center/contain no-repeat}
.sbp__pas{display:grid;gap:16px;counter-reset:sbppas}
.sbp__pas-l{position:relative;padding-left:44px;counter-increment:sbppas}
.sbp__pas-l::before{content:counter(sbppas);position:absolute;left:0;top:0;width:30px;height:30px;border-radius:9px;
 display:flex;align-items:center;justify-content:center;font-family:Figtree,system-ui,sans-serif;font-weight:800;
 font-size:14px;color:#fff;background:linear-gradient(135deg,var(--c2),var(--c1))}
.sbp__pas-l h3{font-family:Figtree,system-ui,sans-serif;font-size:15.5px;font-weight:800;color:var(--sbp-ink);
 letter-spacing:-.01em;line-height:1.3;margin:3px 0 4px}
.sbp__pas-l p{font-size:14.5px;line-height:1.55;color:var(--sbp-muted)}
/* carte licence de la page de remerciement */
.sbp__carte-lic{display:flex;flex-direction:column}
.sbp__carte-lic::before{background:linear-gradient(90deg,var(--c1),var(--c3))}
.sbp__lic-t{font-family:Figtree,system-ui,sans-serif;font-size:21px;font-weight:800;letter-spacing:-.02em;
 line-height:1.2;color:var(--sbp-ink);margin:2px 0 10px}
.sbp__lic-t::after{content:"comprise";display:inline-block;vertical-align:middle;margin-left:9px;
 font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:#fff;
 border-radius:999px;padding:4px 10px;background:linear-gradient(135deg,var(--c2),var(--c1))}
.sbp__lic-d{font-size:14.5px;line-height:1.6;color:var(--sbp-muted)}
.sbp__carte-lic .sbp__lien{margin-top:auto;padding-top:18px;justify-content:flex-start}

.sbp__acces{background:#fff;padding:38px 0 40px;text-align:center}
.sbp__acces .sbp__st{margin-bottom:6px}
.sbp__sst{font-size:14.5px;color:var(--sbp-muted);margin-bottom:22px}
.sbp__cta .wp-block-button__link,.sbp__dl .fcf-download,.sbp__dl a{display:inline-block;margin:6px;border:0;cursor:pointer;
 font-family:Figtree,system-ui,sans-serif;font-weight:800;font-size:15.5px;color:#fff;border-radius:13px;padding:14px 26px;
 background:linear-gradient(135deg,var(--c2),var(--c1));
 box-shadow:0 16px 34px -16px color-mix(in srgb,var(--c1) 70%,transparent);
 transition:transform .15s ease,filter .15s ease}
.sbp__cta .wp-block-button__link:hover,.sbp__dl .fcf-download:hover,.sbp__dl a:hover{transform:translateY(-2px);filter:saturate(1.06)}
.sbp__cta{justify-content:center}
.sbp__fichiers{background:var(--sbp-paper2);padding:34px 0 36px;text-align:center}
.sbp__fichiers:not(:has(.sbp__dl a)){display:none}
.sbp__aide{background:var(--sbp-paper2);padding:30px 0 34px;border-top:1px solid var(--sbp-line)}
.sbp__aide>.sbp__in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}
.sbp__aide p{font-size:15px;line-height:1.55;color:var(--sbp-text);max-width:620px}
.sbp__lien .wp-block-button__link{display:inline-block;font-family:Figtree,system-ui,sans-serif;font-weight:700;font-size:14.5px;
 color:var(--c1);background:#fff;border:1px solid var(--sbp-line);border-radius:12px;padding:12px 18px;
 box-shadow:0 10px 26px -18px rgba(5,7,15,.4)}
.sbp__lien .wp-block-button__link:hover{border-color:var(--c2);color:var(--c2)}

@media (max-width:860px){.sbp__duo{grid-template-columns:1fr}}
@media (max-width:640px){
 .sbp__tete{padding:28px 0 26px}
 .sbp__tete>.sbp__in::before{width:48px;height:48px;border-radius:14px}
 .sbp__tete>.sbp__in::after{top:11px;width:26px;height:26px}
 .sbp__tete.sbp__tete-merci>.sbp__in::before{width:56px;height:56px}
 .sbp__tete.sbp__tete-merci>.sbp__in::after{top:16px;width:27px;height:27px}
 .sbp__zone{padding:24px 0 26px}.sbp__benef{padding:34px 0}
 .sbp__note{align-items:flex-start;text-align:left}
 .sbp__aide>.sbp__in{flex-direction:column;align-items:flex-start}
 .sbp__pied>.sbp__in{flex-direction:column;text-align:center}
 .sbp__pied-nav a{margin:0 8px}
}

/* ── Pages de paiement : même modèle pour tous les produits ─────────────
   Les pages produit (Client Vault, BookingLeads, FunnelCart) portent un
   en-tête avec .sbp__id / .sbp__signe : on retire le carré blanc vide que
   le thème y dessinait et la pastille de la page de remerciement.
   Sur mobile : en-tête réduit à une ligne (signe + nom), formulaire pleine
   largeur (plus de marges autour du paiement). ─────────────────────── */
.sbp__tete>.sbp__in:has(>.sbp__id)::before,.sbp__tete>.sbp__in:has(>.sbp__id)::after{display:none}
.sbp .sbp__id:has(>.sbp__signe){display:flex;background:none;border:0;padding:0;border-radius:0}
@media (max-width:640px){
 .sbp .sbp__tete{padding:10px 0 12px}
 .sbp .sbp__tete>.sbp__in::before,.sbp .sbp__tete>.sbp__in::after{display:none}
 .sbp .sbp__promesse,.sbp .sbp__pastilles{display:none}
 .sbp .sbp__id:has(>.sbp__signe){flex-direction:row;gap:10px;margin:0}
 .sbp .sbp__signe{width:34px;height:34px;border-radius:10px}
 .sbp .sbp__signe img{width:24px;height:24px}
 .sbp .sbp__nom{font-size:22px}
 .sbp .sbp__zonecaisse,.sbp .sbp__zone{padding:0 0 16px}
 .sbp .sbp__zonecaisse>.sbp__in,.sbp .sbp__zone>.sbp__in{padding:0}
 .sbp .sbp__caisse{border-radius:0;border-width:0 0 1px;box-shadow:none;padding:14px 12px}
 .sbp .sbp__caisse-in{padding:0}
 .sbp .fct-checkout{padding-left:0;padding-right:0}
 .sbp .sbp__note{padding:0 12px}
}

/* ── La page introuvable ────────────────────────────────────────────── */
.sdvb-404{background:linear-gradient(170deg,#05070F 0%,#0B1020 46%,#132a63 128%);
 padding:76px 20px 88px;color:#EAF0FF}
.sdvb-404__in{max-width:760px;margin:0 auto;text-align:center}
.sdvb-404__oeil{font-family:Figtree,system-ui,sans-serif;font-size:12px;font-weight:800;letter-spacing:.18em;
 text-transform:uppercase;color:#5B8CFF;margin:0 0 14px}
.sdvb-404__titre{font-family:Figtree,system-ui,sans-serif;font-size:clamp(30px,5vw,46px);font-weight:800;
 letter-spacing:-.03em;line-height:1.1;color:#fff;margin:0 0 14px}
.sdvb-404__chapo{font-size:16.5px;line-height:1.6;color:#AFBEDC;max-width:520px;margin:0 auto 34px}
.sdvb-404__menus{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;text-align:left;margin:0 0 34px}
.sdvb-404__col{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.11);border-radius:16px;padding:18px 20px}
.sdvb-404__col-t{font-family:Figtree,system-ui,sans-serif;font-size:11px;font-weight:800;letter-spacing:.14em;
 text-transform:uppercase;color:#5B8CFF;margin:0 0 10px}
.sdvb-404__col .wp-block-navigation{gap:6px}
.sdvb-404__col .wp-block-navigation-item__content{color:#EAF0FF;font-size:14.5px;text-decoration:none;padding:3px 0}
.sdvb-404__col .wp-block-navigation-item__content:hover{color:#fff;text-decoration:underline}
.sdvb-404__pistes{display:grid;grid-template-columns:1fr 1fr;gap:14px;text-align:left;margin:0 0 30px}
.sdvb-404__piste{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.11);border-radius:16px;
 padding:18px 20px;transition:border-color .15s ease,transform .15s ease}
.sdvb-404__piste:hover{border-color:rgba(91,140,255,.55);transform:translateY(-2px)}
.sdvb-404__piste-t{font-family:Figtree,system-ui,sans-serif;font-size:16px;font-weight:800;margin:0 0 4px}
.sdvb-404__piste-t a{color:#fff;text-decoration:none}
.sdvb-404__piste-t a::after{content:" →";color:#5B8CFF}
.sdvb-404__piste-d{font-size:14px;line-height:1.5;color:#93A4C6;margin:0}
.sdvb-404__chercher{max-width:440px;margin:0 auto 26px}
.sdvb-404__chercher .wp-block-search__input{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);
 border-radius:12px 0 0 12px;color:#fff;padding:13px 16px;font-size:15px}
.sdvb-404__chercher .wp-block-search__input::placeholder{color:#7F90B2}
.sdvb-404__chercher .wp-block-search__input:focus{outline:0;border-color:#5B8CFF}
.sdvb-404__chercher .wp-block-search__button{background:#5B8CFF;border:0;color:#fff;font-weight:700;
 border-radius:0 12px 12px 0;padding:13px 20px;cursor:pointer}
.sdvb-404__cta{justify-content:center}
@media (max-width:640px){
 .sdvb-404{padding:52px 18px 60px}
 .sdvb-404__pistes{grid-template-columns:1fr}
 .sdvb-404__menus{grid-template-columns:1fr}
}

/* =========================================================================
   Pages d'offre après paiement (upsell, downsell) — en blocs natifs.
   Même cadre que la page de paiement (.sbp) : l'en-tête sombre aux
   couleurs du tunnel, la carte blanche, le pied Sdravobiz. Tout ce qui
   pousse à acheter est ici : la pile de valeur, le prix géant, l'économie,
   la comparaison des trois prix. La page ne porte que du texte.
   Le bouton et le refus sont les codes courts de FunnelCart.
   ========================================================================= */
.sbo .sbp__tete{padding:34px 0 42px}
.sbo__valide{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#BDF5DC;
 background:rgba(15,163,107,.16);border:1px solid rgba(107,227,174,.4);border-radius:999px;padding:7px 14px}
.sbo__valide::before{content:"";width:15px;height:15px;flex:none;background:#6BE3AE;
 -webkit-mask:var(--i-sbp-ok) center/contain no-repeat;mask:var(--i-sbp-ok) center/contain no-repeat}
.sbo__valide.sbo__valide-dernier{color:#FFE6BE;background:rgba(245,165,36,.14);border-color:rgba(245,165,36,.4)}
.sbo__valide.sbo__valide-dernier::before{background:var(--sbp-amberl)}
.sbo__etape{margin-top:14px;font-size:12.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--c3)}
.sbo__titre{margin-top:10px;max-width:860px;font-family:Figtree,system-ui,sans-serif;font-weight:900;
 font-size:clamp(30px,4.8vw,54px);line-height:1.05;letter-spacing:-.035em;color:#fff}
.sbo__titre em{font-style:normal;color:transparent;background:linear-gradient(100deg,#FFD98A 0%,var(--sbp-amber) 100%);
 -webkit-background-clip:text;background-clip:text}
.sbo__titre s{color:#7F8BA8;text-decoration-thickness:3px;text-decoration-color:rgba(255,120,120,.75);white-space:nowrap}
.sbo__promesse{max-width:640px;margin-top:14px;font-size:clamp(16px,1.9vw,19px);line-height:1.45;color:#C8D3EE}
.sbo__eco{display:inline-block;margin-top:22px;font-family:Figtree,system-ui,sans-serif;font-weight:900;
 font-size:clamp(19px,2.4vw,26px);letter-spacing:-.01em;color:#1A1206;border-radius:14px;padding:12px 22px;
 background:linear-gradient(100deg,#FFD98A 0%,var(--sbp-amber) 55%,#E07C10 100%);
 box-shadow:0 18px 44px -14px rgba(245,165,36,.75)}

/* ---------- la carte : ce qu'on ajoute, et le prix ---------- */
.sbo__offre{background:var(--sbp-paper2);padding:48px 0 48px;
 background-image:radial-gradient(900px 320px at 50% 0,color-mix(in srgb,var(--c2) 9%,transparent),transparent 70%)}
.sbo__carte{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);margin-top:0;
 background:#fff;border:1px solid var(--sbp-line);border-radius:22px;overflow:hidden;
 box-shadow:0 40px 90px -46px rgba(5,7,15,.55)}
.sbo__carte::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;z-index:1;
 background:linear-gradient(90deg,var(--c1),var(--c2) 55%,var(--sbp-amber))}
.sbo__pile{padding:clamp(22px,3vw,34px)}
.sbo__pile .sbp__oeil{margin-bottom:14px}
.sbo__lignes li{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:16px;align-items:center;
 padding:13px 0;border-bottom:1px dashed var(--sbp-line)}
.sbo__lignes li strong{grid-column:1;font-family:Figtree,system-ui,sans-serif;font-weight:800;font-size:16.5px;color:var(--sbp-ink);line-height:1.25}
.sbo__lignes li em{grid-column:1;font-style:normal;font-size:13.5px;color:var(--sbp-muted);line-height:1.35;margin-top:2px}
.sbo__lignes li s{grid-column:2;grid-row:1;justify-self:end;font-size:13.5px;font-weight:600;color:var(--sbp-muted);white-space:nowrap}
.sbo__lignes li b{grid-column:2;grid-row:2;justify-self:end;font-family:Figtree,system-ui,sans-serif;font-size:19px;font-weight:900;color:var(--c1);white-space:nowrap}
.sbo__lignes li mark{grid-column:2;grid-row:1/span 2;justify-self:end;font-size:12.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
 color:#0A7A55;background:rgba(18,185,129,.12);border:1px solid rgba(18,185,129,.35);border-radius:999px;padding:5px 11px;white-space:nowrap}
.sbo__total{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-top:16px;
 font-family:Figtree,system-ui,sans-serif;font-weight:800;font-size:17px;color:var(--sbp-ink)}
.sbo__total s{margin-left:auto;font-size:18px;color:#B42318;text-decoration-thickness:2px;white-space:nowrap}
.sbo__total b{font-size:24px;font-weight:900;color:var(--c1);white-space:nowrap}
.sbo__prix{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
 padding:clamp(26px,3vw,38px) clamp(20px,2.6vw,32px);color:#fff;
 background:linear-gradient(165deg,#05070F 0%,#0B1020 55%,color-mix(in srgb,var(--c1) 70%,#0B1020) 130%)}
.sbo__prix .sbp__oeil{color:var(--c3)}
.sbo__montant{margin-top:6px;font-family:Figtree,system-ui,sans-serif;font-weight:900;font-size:clamp(58px,7vw,84px);
 line-height:1;letter-spacing:-.05em;color:#fff}
.sbo__remise{margin-top:12px;display:inline-block;font-size:14px;font-weight:900;letter-spacing:.08em;
 color:#062A1B;background:#6BE3AE;border-radius:999px;padding:6px 14px}
.sbo__eco2{margin-top:10px;font-size:15.5px;font-weight:700;color:#FFD98A}
.sbo .fcf-sc-form{width:100%;margin-top:20px}
.sbo .fcf-offer__accept{display:block;width:100%;max-width:none;margin:0;padding:24px 22px;border:0;border-radius:16px;
 font-family:Figtree,system-ui,sans-serif;font-size:clamp(19px,2vw,22px);font-weight:900;line-height:1.2;color:#1A1206;cursor:pointer;text-wrap:balance;
 background:linear-gradient(100deg,#FFD98A 0%,var(--sbp-amber) 55%,#E07C10 100%);
 box-shadow:0 18px 40px -14px rgba(245,165,36,.8);transition:transform .2s,box-shadow .2s}
.sbo .fcf-offer__accept:hover{transform:translateY(-2px);box-shadow:0 24px 50px -14px rgba(245,165,36,.9)}
.sbo__clic{margin-top:10px;font-size:12.5px;color:#9AA6C4}
.sbo .fcf-offer__decline{display:block;width:100%;margin-top:14px;padding:13px 16px;border:1.5px solid rgba(255,255,255,.28);
 border-radius:12px;background:transparent;font:inherit;font-size:14.5px;font-weight:600;color:#C8D3EE;text-decoration:none;cursor:pointer;
 transition:border-color .2s,color .2s}
.sbo .fcf-offer__decline:hover{color:#fff;border-color:rgba(255,255,255,.6)}

/* ---------- les trois prix côte à côte ---------- */
.sbo__compare{background:#fff;padding:46px 0 10px}
.sbo__compare .sbp__oeil,.sbo__compare .sbp__st{text-align:center}
.sbo__compare .sbp__st{margin:8px 0 24px}
.sbo__trois{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}
.sbo__cas{border:1px solid var(--sbp-line);border-radius:18px;padding:22px 18px;text-align:center;background:var(--sbp-paper2)}
.sbo__cas h3{font-size:12.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--sbp-muted);line-height:1.4}
.sbo__cas p{margin-top:8px;font-family:Figtree,system-ui,sans-serif;font-weight:900;font-size:34px;letter-spacing:-.03em;color:#7F8BA8;
 text-decoration:line-through;text-decoration-thickness:2px;line-height:1.1}
.sbo__cas.sbo__cas-ici{border:0;color:#fff;background:linear-gradient(150deg,var(--c1),var(--c2));box-shadow:0 24px 56px -22px var(--halo)}
.sbo__cas.sbo__cas-ici h3{color:rgba(255,255,255,.85)}
.sbo__cas.sbo__cas-ici p{color:#fff;text-decoration:none;font-size:44px}
.sbo__legende{margin-top:14px;text-align:center;font-size:13.5px;color:var(--sbp-muted)}

/* ---------- pourquoi, et le dernier appel ---------- */
.sbo .sbp__benef{padding:42px 0 44px}
.sbo__fin{background:var(--sbp-paper2);padding:40px 0 48px;text-align:center}
.sbo__fin .sbp__st{margin-bottom:6px}
.sbo__fin .sbo__rassure{margin-top:6px;font-size:14px;color:var(--sbp-muted)}
.sbo__fin .fcf-sc-form{max-width:520px;margin:22px auto 0}
.sbo__fin .fcf-offer__decline{max-width:520px;margin:14px auto 0;color:var(--sbp-muted);border-color:var(--sbp-line)}
.sbo__fin .fcf-offer__decline:hover{color:var(--sbp-ink);border-color:var(--sbp-muted)}

@media (max-width:760px){
 .sbo__carte{grid-template-columns:1fr}
 .sbo__trois{grid-template-columns:1fr}
 .sbo__cas p{font-size:28px}
 .sbo__cas.sbo__cas-ici p{font-size:38px}
}

/* ---------- le downsell : même mécanique, autre allure ----------
   Clair au lieu de sombre, une seule colonne : le client voit tout de
   suite que ce n'est pas la même proposition. Les couleurs restent celles
   du tunnel (--c1, --c2, --c3), en version claire. --sbo-on est la couleur
   du texte posé sur la couleur du tunnel : blanc, sauf sur l'ambre. */
.sbp{--sbo-on:#fff}
.fev-school{--sbo-on:#1A1206}
.sbo-dernier .sbp__tete{color:var(--sbp-ink);
 background:linear-gradient(170deg,color-mix(in srgb,var(--c3) 10%,#fff) 0%,color-mix(in srgb,var(--c3) 34%,#fff) 100%)}
.sbo-dernier .sbp__tete::before{background:var(--c3);opacity:.45}
.sbo-dernier .sbp__tete::after{background:var(--c2);opacity:.18}
.sbo-dernier .sbp__tete>.sbp__in::before{box-shadow:0 10px 26px -12px color-mix(in srgb,var(--c1) 55%,transparent);
 border:1px solid color-mix(in srgb,var(--c3) 45%,#fff)}
.sbo-dernier .sbo__valide.sbo__valide-dernier{color:color-mix(in srgb,var(--c1) 75%,#000);
 background:color-mix(in srgb,var(--c3) 38%,#fff);border-color:color-mix(in srgb,var(--c2) 45%,#fff)}
.sbo-dernier .sbo__valide.sbo__valide-dernier::before{background:var(--c1)}
.sbo-dernier .sbo__etape{color:color-mix(in srgb,var(--c1) 80%,#000)}
.sbo-dernier .sbo__titre{color:var(--sbp-ink)}
.sbo-dernier .sbo__titre em{background:linear-gradient(100deg,var(--c1),var(--c2));-webkit-background-clip:text;background-clip:text}
.sbo-dernier .sbo__titre s{color:#8C93A6;text-decoration-color:rgba(180,35,24,.7)}
.sbo-dernier .sbo__promesse{color:#46506A}
.sbo-dernier .sbo__eco{color:var(--sbo-on);background:linear-gradient(100deg,var(--c1),var(--c2));
 box-shadow:0 16px 36px -14px var(--halo)}
.sbo-dernier .sbo__offre{background:color-mix(in srgb,var(--c3) 7%,#fff);background-image:none}
.sbo-dernier .sbo__carte{grid-template-columns:1fr;max-width:640px;margin-left:auto;margin-right:auto;
 border:2px solid color-mix(in srgb,var(--c2) 40%,#fff);box-shadow:0 36px 80px -44px var(--halo)}
.sbo-dernier .sbo__carte::before{background:linear-gradient(90deg,var(--c1),var(--c2))}
.sbo-dernier .sbo__prix{background:color-mix(in srgb,var(--c3) 16%,#fff);color:var(--sbp-ink);
 border-top:1px solid color-mix(in srgb,var(--c3) 40%,#fff)}
.sbo-dernier .sbo__prix .sbp__oeil{color:var(--c1)}
.sbo-dernier .sbo__montant{color:var(--sbp-ink)}
.sbo-dernier .sbo__eco2{color:var(--c1)}
.sbo-dernier .sbo__clic{color:var(--sbp-muted)}
.sbo-dernier .fcf-offer__accept{color:var(--sbo-on);background:linear-gradient(100deg,var(--c1) 0%,var(--c2) 100%);
 box-shadow:0 18px 40px -14px var(--halo)}
.sbo-dernier .fcf-offer__accept:hover{box-shadow:0 24px 50px -14px var(--halo)}
.sbo-dernier .fcf-offer__decline{color:var(--sbp-muted);border-color:color-mix(in srgb,var(--c3) 45%,#fff)}
.sbo-dernier .fcf-offer__decline:hover{color:var(--sbp-ink);border-color:var(--c2)}
.sbo-dernier .sbo__lignes li b,.sbo-dernier .sbo__total b{color:var(--c1)}
.sbo-dernier .sbo__fin{background:color-mix(in srgb,var(--c3) 7%,#fff)}

/* 3.4.37 — Pages d'offre : ce qu'est chaque formation, dit en clair.
   Une ligne par formation dans l'en-tête, et le programme repris de sa page de vente. */
.sbo__quoi{list-style:none;margin:18px 0 0;padding:0;max-width:760px;display:grid;gap:10px}
.sbo__quoi li{margin:0;padding:0 0 0 18px;position:relative;font-size:clamp(15.5px,1.8vw,18px);line-height:1.45;color:#C8D3EE}
.sbo__quoi li::before{content:"";position:absolute;left:0;top:.55em;width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--c1),var(--c2))}
.sbo__quoi li strong{color:#fff;font-weight:800;margin-right:4px}
.sbo-dernier .sbo__quoi li{color:#46506A}
.sbo-dernier .sbo__quoi li strong{color:var(--sbp-ink)}
.sbo__lignes li em{max-width:44ch}
.sbp__pil .sbo__accroche{margin-top:6px;font-size:15px;font-weight:600;line-height:1.45;color:var(--sbp-ink)}
.sbo__prog{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:10px}
.sbo__prog li{margin:0;padding:0 0 0 26px;position:relative;font-size:14.5px;line-height:1.5;color:var(--sbp-muted)}
.sbo__prog li::before{content:"✓";position:absolute;left:0;top:0;width:18px;height:18px;border-radius:50%;
 display:grid;place-items:center;font-size:11px;font-weight:900;color:#fff;background:linear-gradient(135deg,var(--c1),var(--c2))}
.sbo__prog li strong{display:block;color:var(--sbp-ink);font-weight:800}
.fev-school .sbo__prog li::before{color:#1A1206}
/* 3.4.38 — la liste de l'en-tête reste un bloc centré, lu de gauche à droite. */
.sbo__quoi{margin:20px auto 0;width:fit-content;max-width:min(720px,100%);text-align:left}
.sbo__quoi li strong{display:block;margin:0 0 1px}
.sbo .sbp__g>.sbp__pil:only-child{width:100%;max-width:640px;margin:0 auto}

/* 3.4.39 — Pages d'offre : le prix réel du plugin au-dessus de « Offert ». */
.sbo__lignes li s+mark{grid-row:2;margin-top:4px}
/* Page de remerciement : le second bouton de « Tout est dans votre compte ». */
.sbp__acces .sbp__lien-2{justify-content:center;margin-top:4px}

/* 3.4.40 — Remerciement : chaque étape mène à la bonne section du compte. */
.sbp__pas-l p a{color:var(--c1);font-weight:700;text-decoration:underline;text-decoration-thickness:1.5px;
 text-underline-offset:3px;text-decoration-color:color-mix(in srgb,var(--c1) 35%,transparent)}
.sbp__pas-l p a:hover{text-decoration-color:var(--c1)}
.fev-school .sbp__pas-l p a{color:color-mix(in srgb,var(--c1) 70%,#000)}

/* 3.4.41 — Tunnels des plugins : leurs couleurs (reprises des fiches .prod-*) et leur pictogramme. */
.fev-clientvault{--c1:#6D4AEF;--c2:#7C3AED;--c3:#6DD5ED;--halo:rgba(124,58,237,.55);
 --i-fev:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'><rect x='4' y='11' width='16' height='10' rx='3'/><path d='M8 11V8a4 4 0 0 1 8 0v3'/></svg>")}
.fev-bookingleads{--c1:#0B6BC6;--c2:#0E7BE0;--c3:#00C2FF;--halo:rgba(14,123,224,.55);
 --i-fev:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'><rect x='3.5' y='5' width='17' height='15.5' rx='3'/><path d='M8 3v4M16 3v4M3.5 10h17'/></svg>")}
.fev-funnelcart{--c1:#B4184E;--c2:#F0356F;--c3:#FF6E8F;--halo:rgba(240,53,111,.55);
 --i-fev:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'><path d='M4 5h16l-6 7v6l-4 2v-8L4 5z'/></svg>")}
/* 3.4.42 — Offre d'un plugin : ses trois points dans la carte. */
.sbo__prog-t{margin-top:20px;font-family:Figtree,system-ui,sans-serif;font-weight:800;font-size:15.5px;line-height:1.3;color:var(--sbp-ink)}
.sbo__pile .sbo__prog{margin-top:10px}
.sbo-dernier .sbo__prog-t{color:var(--sbp-ink)}

/* =====================================================================
   3.4.44 : le bloc d'appel à l'action des articles (.sdv-appel)
   ---------------------------------------------------------------------
   Un groupe de blocs natifs : étiquette, titre, phrase, pastilles,
   bouton principal, bouton en contour. Tout le texte reste modifiable
   au clic ; l'habillage vit ici, sur le site comme dans l'éditeur.
   ===================================================================== */
:where(.art-col,.editor-styles-wrapper.post-type-post) .sdv-appel{position:relative;overflow:hidden;margin:48px 0 44px;padding:40px 42px 38px;border-radius:26px;
 background:radial-gradient(120% 90% at 100% 0%,rgba(76,110,255,.38),transparent 55%),radial-gradient(80% 70% at 0% 100%,rgba(255,176,64,.16),transparent 60%),var(--g-night);
 color:#fff;box-shadow:0 34px 70px -40px rgba(11,16,32,.85);border:1px solid rgba(255,255,255,.08)}
:where(.art-col,.editor-styles-wrapper.post-type-post) .sdv-appel > *{position:relative}
:where(.art-col,.editor-styles-wrapper.post-type-post) .sdv-appel .sdv-appel-sur{display:inline-block;margin:0 0 16px;padding:6px 14px;border-radius:999px;background:rgba(255,184,77,.14);border:1px solid rgba(255,184,77,.35);
 color:#FFC56B;font-family:Figtree,sans-serif;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
:where(.art-col,.editor-styles-wrapper.post-type-post) .sdv-appel .sdv-appel-titre{margin:0 0 12px;font-family:Figtree,sans-serif;font-size:clamp(26px,3.2vw,34px);line-height:1.12;font-weight:800;color:#fff;letter-spacing:-.01em}
:where(.art-col,.editor-styles-wrapper.post-type-post) .sdv-appel p{color:#C3CDE6}
:where(.art-col,.editor-styles-wrapper.post-type-post) .sdv-appel .sdv-appel-puces{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 28px;padding:0}
:where(.art-col,.editor-styles-wrapper.post-type-post) .sdv-appel .sdv-appel-puces li{margin:0;padding:8px 14px 8px 12px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);color:#E6ECFA;font-size:14px;line-height:1.2}
:where(.art-col,.editor-styles-wrapper.post-type-post) .sdv-appel .sdv-appel-puces li::before{content:"\2713";position:static;display:inline-block;width:auto;height:auto;margin:0 8px 0 0;background:none;border-radius:0;transform:none;color:#FFC56B;font-weight:800}
:where(.art-col,.editor-styles-wrapper.post-type-post) .sdv-appel .wp-block-buttons{gap:12px;align-items:center}
:where(.art-col,.editor-styles-wrapper.post-type-post) .sdv-appel .wp-block-button__link{border-radius:999px;font-family:Figtree,sans-serif;font-weight:800;text-decoration:none;transition:transform .25s,box-shadow .25s,background .25s}
:where(.art-col,.editor-styles-wrapper.post-type-post) .sdv-appel .sdv-appel-go .wp-block-button__link{padding:17px 30px;font-size:16.5px;background:var(--g-warm);color:#1A1206;box-shadow:0 20px 40px -18px rgba(255,170,60,.75)}
:where(.art-col,.editor-styles-wrapper.post-type-post) .sdv-appel .sdv-appel-go .wp-block-button__link::after{content:"\2192";display:inline-block;margin-left:10px;transition:transform .25s}
:where(.art-col,.editor-styles-wrapper.post-type-post) .sdv-appel .sdv-appel-go .wp-block-button__link:hover{transform:translateY(-2px);box-shadow:0 26px 48px -18px rgba(255,170,60,.9)}
:where(.art-col,.editor-styles-wrapper.post-type-post) .sdv-appel .sdv-appel-go .wp-block-button__link:hover::after{transform:translateX(4px)}
:where(.art-col,.editor-styles-wrapper.post-type-post) .sdv-appel .is-style-outline .wp-block-button__link{padding:15px 24px;font-size:15px;background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.32);box-shadow:none}
:where(.art-col,.editor-styles-wrapper.post-type-post) .sdv-appel .is-style-outline .wp-block-button__link:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.6)}
@media (max-width:640px){
 :where(.art-col,.editor-styles-wrapper.post-type-post) .sdv-appel{padding:30px 22px 26px;border-radius:22px}
 :where(.art-col,.editor-styles-wrapper.post-type-post) .sdv-appel .wp-block-button,
 :where(.art-col,.editor-styles-wrapper.post-type-post) .sdv-appel .wp-block-button__link{width:100%;text-align:center}
}

/* 3.4.44 : « Sur le même sujet ». Le titre touchait les cartes,
   et la dernière carte touchait le pied de page. */
.sdv-lies{padding:12px 0 110px}
.sdv-lies h2{margin:0 0 30px}
@media (max-width:640px){.sdv-lies{padding-bottom:72px}.sdv-lies h2{margin-bottom:22px}}

/* ==== 3.4.46 · la visionneuse des images d'article ==== */
.sdvb-article figure.sdvlb-fig{position:relative;cursor:zoom-in}
.sdvb-article figure.sdvlb-fig img{transition:transform .45s cubic-bezier(.22,.8,.24,1)}
.sdvb-article figure.sdvlb-fig:hover img{transform:scale(1.012)}
.sdvlb-zoomb{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:11px;display:grid;place-items:center;
 background:rgba(5,7,15,.72);border:1px solid rgba(255,255,255,.22);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
 opacity:0;transition:opacity .2s;pointer-events:none;z-index:2}
.sdvlb-zoomb svg{width:18px;height:18px}
.sdvb-article figure.sdvlb-fig:hover .sdvlb-zoomb,.sdvb-article figure.sdvlb-fig:focus-visible .sdvlb-zoomb{opacity:1}
@media(hover:none){.sdvlb-zoomb{opacity:1}}

.sdvlb{position:fixed;inset:0;z-index:100000;display:none;overflow:hidden;
 background:radial-gradient(at 85% 0%,rgba(43,89,255,.16),transparent 45%),#05070F}
.sdvlb.on{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;animation:sdvlbFond .22s ease-out}
.sdvlb button{font:inherit}
.sdvlb-top{display:flex;align-items:center;gap:14px;padding:14px 66px 14px 20px;border-bottom:1px solid rgba(255,255,255,.09)}
.sdvlb-t{font:800 15px Figtree,Inter,sans-serif;color:#fff;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}
.sdvlb-c{font:600 13px Inter,sans-serif;color:#8494BC;white-space:nowrap}
.sdvlb-x{position:absolute;top:10px;right:14px;width:42px;height:42px;border-radius:50%;padding:0;
 border:1px solid rgba(255,255,255,.26);background:rgba(255,255,255,.1);cursor:pointer;display:grid;place-items:center;z-index:3}
.sdvlb-x svg,.sdvlb-nav svg{width:20px;height:20px}
.sdvlb-w{overflow:auto;-webkit-overflow-scrolling:touch;display:flex;align-items:center;justify-content:center;padding:18px;min-height:0}
.sdvlb-w img{display:block;width:auto;max-width:100%;max-height:100%;height:auto;border-radius:10px;cursor:zoom-in;
 box-shadow:0 30px 80px -30px rgba(0,0,0,.85)}
.sdvlb.zoom .sdvlb-w{align-items:flex-start;justify-content:flex-start}
.sdvlb.zoom .sdvlb-w img{width:1400px;max-width:none;max-height:none;cursor:zoom-out}
.sdvlb-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:46px;height:46px;border-radius:50%;padding:0;
 border:1px solid rgba(255,255,255,.22);background:rgba(5,7,15,.72);cursor:pointer;display:grid;place-items:center;
 -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .2s}
.sdvlb-nav:hover,.sdvlb-x:hover{background:rgba(43,89,255,.35)}
.sdvlb-nav.prev{left:12px}.sdvlb-nav.next{right:12px}
.sdvlb-bas{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px 20px;padding:12px 20px 4px}
.sdvlb-cap{margin:0;max-width:760px;text-align:center;font:500 15px/1.5 Inter,sans-serif;color:#C9D2EA}
.sdvlb-cap[hidden]{display:none}
.sdvlb-cta{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;
 background:linear-gradient(96deg,var(--amber,#F5A524),#E08A0B);color:#05070F!important;font:800 14px Inter,sans-serif;
 text-decoration:none!important;white-space:nowrap;box-shadow:0 10px 24px -10px rgba(245,165,36,.7);transition:transform .2s,box-shadow .2s}
.sdvlb-cta:hover{transform:translateY(-1px);box-shadow:0 14px 30px -10px rgba(245,165,36,.85)}
.sdvlb-cta span{display:inline-block;transition:transform .2s}
.sdvlb-cta:hover span{transform:translateX(3px)}
.sdvlb-z{position:fixed;right:16px;bottom:96px;display:inline-flex;align-items:center;gap:8px;padding:10px 15px;border-radius:999px;
 border:1px solid rgba(255,255,255,.24);background:rgba(11,16,32,.86);color:#fff;font:700 13px Inter,sans-serif;cursor:pointer;
 -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5}
.sdvlb-z svg{width:16px;height:16px}
.sdvlb.zoom .sdvlb-z svg path:nth-of-type(3){opacity:.001}
.sdvlb-strip{display:flex;gap:9px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:12px 16px 14px;
 border-top:1px solid rgba(255,255,255,.09);scrollbar-width:none;justify-content:safe center}
.sdvlb-strip::-webkit-scrollbar{display:none}
.sdvlb-v{flex:0 0 auto;width:104px;height:66px;padding:0;border-radius:9px;overflow:hidden;cursor:pointer;opacity:.6;transition:.2s;
 border:2px solid rgba(255,255,255,.16);background:#0B1020}
.sdvlb-v:hover{opacity:.9}
.sdvlb-v.on{opacity:1;border-color:var(--amber,#F5A524);box-shadow:0 0 0 3px rgba(245,165,36,.28)}
.sdvlb-v img{display:block;width:100%!important;max-width:100%!important;height:100%!important;object-fit:cover;object-position:top left;border-radius:0;box-shadow:none}
@keyframes sdvlbFond{from{opacity:0}to{opacity:1}}
@keyframes sdvlbD{from{opacity:0;transform:translateX(60px)}to{opacity:1;transform:none}}
@keyframes sdvlbG{from{opacity:0;transform:translateX(-60px)}to{opacity:1;transform:none}}
@keyframes sdvlbO{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}
#sdvlb-i.sdvlb-d{animation:sdvlbD .4s cubic-bezier(.22,.8,.24,1)}
#sdvlb-i.sdvlb-g{animation:sdvlbG .4s cubic-bezier(.22,.8,.24,1)}
#sdvlb-i.sdvlb-o{animation:sdvlbO .34s cubic-bezier(.22,.8,.24,1)}
.sdvlb-cap.sdvlb-f{animation:sdvlbFond .35s ease-out}
@media(max-width:900px){
 .sdvlb-top{padding:12px 62px 12px 16px}
 .sdvlb-t{font-size:13.5px}
 .sdvlb-c{font-size:12px}
 .sdvlb-w{padding:10px}
 .sdvlb.zoom .sdvlb-w img{width:1120px}
 .sdvlb-nav{width:40px;height:40px}
 .sdvlb-nav.prev{left:6px}.sdvlb-nav.next{right:6px}
 .sdvlb-bas{padding:10px 14px 2px;gap:8px 14px}
 .sdvlb-cap{font-size:13.5px}
 .sdvlb-cta{padding:9px 15px;font-size:13px}
 .sdvlb-z{right:12px;padding:9px 13px;font-size:12.5px}
 .sdvlb-strip{padding:9px 12px 12px;gap:7px}
 .sdvlb-v{width:78px;height:50px}
}
@media(prefers-reduced-motion:reduce){
 .sdvlb.on,#sdvlb-i,.sdvlb-cap{animation:none!important}
 .sdvb-article figure.sdvlb-fig img{transition:none}
 .sdvb-article figure.sdvlb-fig:hover img{transform:none}
}

/* ==== 3.4.48 · l'article épinglé, à la une du blog ==== */
.sdv-cartes > li.sticky{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);
 grid-template-rows:1fr auto auto auto auto auto 1fr;column-gap:10px;min-height:360px;
 border-color:rgba(245,165,36,.45);box-shadow:0 30px 60px -36px rgba(11,16,32,.75)}
.sdv-cartes > li.sticky .sdv-vign{grid-column:1;grid-row:1/-1;height:100%}
.sdv-cartes > li.sticky .sdv-vign a{display:block;height:100%}
.sdv-cartes > li.sticky .sdv-vign img{height:100%;min-height:360px}
.sdv-cartes > li.sticky > *:not(.sdv-vign){grid-column:2;margin-left:34px;margin-right:34px}
.sdv-cartes > li.sticky .sdv-epingle{grid-row:2}
.sdv-cartes > li.sticky .sdv-cat{grid-row:3;margin-top:14px}
.sdv-cartes > li.sticky .sdv-titre{grid-row:4;font-size:30px;line-height:1.15;margin-top:10px}
.sdv-cartes > li.sticky .wp-block-post-excerpt{grid-row:5;font-size:16px;margin-top:14px}
.sdv-cartes > li.sticky .sdv-date{grid-row:6;margin-bottom:0}
.sdv-epingle{display:inline-flex;align-self:start;justify-self:start;align-items:center;gap:8px;margin:0;padding:6px 14px 6px 11px;
 border-radius:999px;background:rgba(245,165,36,.14);color:#B5650A;font-family:Figtree,sans-serif;font-weight:800;
 font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.sdv-epingle::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--amber,#F5A524);
 box-shadow:0 0 0 4px rgba(245,165,36,.22)}
@media (max-width:820px){
 .sdv-cartes > li.sticky{display:flex;flex-direction:column;min-height:0}
 .sdv-cartes > li.sticky .sdv-vign img{min-height:0;height:210px}
 .sdv-cartes > li.sticky > *:not(.sdv-vign){margin-left:22px;margin-right:22px}
 .sdv-cartes > li.sticky .sdv-epingle{margin-top:20px}
 .sdv-cartes > li.sticky .sdv-titre{font-size:23px}
 .sdv-cartes > li.sticky .sdv-date{margin-bottom:22px}
}

/* 3.4.50 · Accueil : six articles, trois visibles, défilement horizontal */
.blog-defil{position:relative}
.blog-defil .blog-cartes{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 36px)/3);gap:18px;
  overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;
  padding:10px 2px 46px;margin:-10px -2px -46px}
.blog-defil .blog-cartes::-webkit-scrollbar{display:none}
.blog-defil .art{scroll-snap-align:start}
/* 3.4.54 · Flèches grandes et sobres, dans le style du bouton « Tous les articles » :
   blanc, bordure fine, flèche foncée. Centrées sur la hauteur de la carte : la marge
   basse de 46 px réservée à l'ombre et le haut de 10 px ne comptent pas (moins 18 px). */
.blog-fl{position:absolute;top:calc(50% - 18px);z-index:3;width:58px;height:58px;margin-top:-29px;padding:0;border-radius:50%;
  border:1px solid var(--line);background:#fff;color:var(--text);cursor:pointer;display:grid;place-items:center;
  box-shadow:0 18px 38px -20px rgba(11,16,32,.6),0 2px 6px -2px rgba(11,16,32,.08);
  transition:opacity .25s,transform .25s cubic-bezier(.22,.8,.3,1),box-shadow .25s,border-color .25s,color .25s}
.blog-fl::before{content:"";width:12px;height:12px;border-top:2.5px solid currentColor;border-right:2.5px solid currentColor;transform:rotate(45deg);margin-left:-5px}
.blog-fl.prec{left:-29px}
.blog-fl.prec::before{transform:rotate(-135deg);margin-left:5px}
.blog-fl.suiv{right:-29px}
.blog-fl:hover{color:var(--blue-d);border-color:#C9D8FB;transform:scale(1.06);box-shadow:0 22px 42px -20px rgba(11,16,32,.8),0 2px 6px -2px rgba(11,16,32,.08)}
.blog-fl:active{transform:scale(.97)}
.blog-fl:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.blog-fl[disabled]{opacity:0;pointer-events:none}
@media (max-width:1290px){.blog-fl.prec{left:-14px}.blog-fl.suiv{right:-14px}}
@media (max-width:1080px){.blog-defil .blog-cartes{grid-auto-columns:calc((100% - 18px)/2.15)}}
@media (max-width:700px){.blog-defil .blog-cartes{grid-auto-columns:84%;gap:14px}.blog-fl{display:none}}

/* =========================================================================
   LA PAGE DES OFFRES SUR MOBILE (placé en fin de feuille : il doit gagner
   sur les règles « margin … !important » posées plus haut).
   Le tableau des offres élargissait toute la page : la colonne « 1fr » ne
   rétrécit pas sous son contenu, minmax(0,1fr) la laisse rétrécir.
   Sur téléphone : pas de grosses tuiles ni d'intitulé de section, le choix
   du logiciel montre les cinq produits côte à côte, la description du produit
   disparaît, les trois pastilles du produit tiennent sur une ligne, chaque
   offre est une carte compacte (formule et prix côte à côte, jauge fine,
   bouton), une par ligne. Même modèle pour les cinq produits.
   ========================================================================= */
@media (max-width:1080px){
  .co{grid-template-columns:minmax(0,1fr)}
  .co-vol,.co-carte{min-width:0}
}
@media (max-width:760px){
  /* le haut de page, resserré */
  .h4{padding:84px 0 30px}
  .h4 .wrap{gap:0}
  .h4 .h4-tuiles{display:none}
  .h4 .h4-badge{padding:7px 16px 7px 11px;font-size:10px}
  .h4 .h4-txt .h4-sur{margin-top:16px!important;font-size:15px}
  .h4 .h4-txt .h4-kick{font-size:20px}
  .h4 .h4-txt .h4-big{font-size:clamp(56px,17vw,72px);margin-top:2px!important;gap:12px}
  .h4 .h4-big em{font-size:22px}
  .h4 .h4-txt .h4-avec{margin-top:10px!important;font-size:15px}
  .h4 .h4-act{margin-top:20px!important;gap:16px}
  /* l'intitulé de section disparaît */
  .sec:has(>.wrap>.co) .sec-tete{display:none}
  .sec:has(>.wrap>.co){padding-top:18px}
  .sec:has(>.wrap>.co)>.wrap{padding-left:12px;padding-right:12px}
  /* le choix du logiciel : les cinq produits toujours visibles, côte à côte */
  .co-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;overflow:visible;padding:6px;border-radius:18px}
  .co-l{flex-direction:column;justify-content:flex-start;text-align:center;gap:5px;padding:8px 2px 7px;border-radius:12px}
  .co-l::before{width:32px;height:32px;border-radius:10px}
  .co-l .co-l-t{flex:none;width:100%}
  .co-l .co-l-n{font-size:10.5px;line-height:1.15;white-space:normal;letter-spacing:-.01em}
  .co-l .co-l-p{display:none}
  /* le titre du produit : logo + nom, puis les pastilles sur une seule ligne */
  .co-carte{border-radius:22px}
  .co-tete{display:flex;flex-wrap:wrap;align-items:center;padding:16px 12px 12px;gap:8px 10px}
  .co-tete::before{width:40px;height:40px;border-radius:12px}
  .co-tt{display:contents}
  .co-tt h2{display:contents;font-size:22px}
  .co-tt p{display:none}
  .co-tete::after{content:"";flex:0 0 100%;order:1;height:0}
  .co-tt .fam,.co-tete .co-eti{order:2;margin:0;font-size:8.5px;letter-spacing:.04em;padding:4px 7px;
   white-space:nowrap;gap:4px;line-height:1.3}
  /* les offres */
  .pc-grille{grid-template-columns:minmax(0,1fr);padding:14px 12px 2px;gap:16px}
  .pc{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;align-items:start;
   padding:14px;border-radius:18px}
  .pc.pc-phare{padding-top:26px}
  .pc:hover{transform:none}
  .pc .pc-etoile{left:14px}
  .pc .pc-k{grid-column:1;grid-row:1;padding-right:0;font-size:19px}
  .pc .pc-rem{position:static;grid-column:2;grid-row:1;justify-self:end;align-self:center}
  .pc .pc-t{grid-column:1;grid-row:2;margin-top:4px!important;font-size:12px}
  .pc .pc-mult{grid-column:1;grid-row:3;min-height:0;margin-top:3px!important}
  .pc .pc-prix{grid-column:2;grid-row:2 / span 2;text-align:right;margin-top:2px!important;font-size:30px}
  .pc .pc-au{grid-column:2;grid-row:4;text-align:right;min-height:0;margin-top:2px!important}
  .pc .pc-site{grid-column:1 / -1;grid-row:5;margin-top:8px!important;white-space:normal;
   overflow:visible;text-overflow:clip;border-radius:12px}
  /* la jauge : une ligne fine */
  .pc>.jg{grid-column:1 / -1;grid-row:6;display:flex;align-items:center;gap:10px;
   margin:10px 0 0!important;padding:6px 10px;border-radius:10px}
  .jg-l{margin:0;gap:5px;flex:none;white-space:nowrap}
  .jg-g{font-size:11.5px}
  .jg-g b{font-size:13px}
  .jg-d{font-size:10.5px}
  .jg-t{flex:1;height:5px}
  .pc .wp-block-buttons{grid-column:1 / -1;grid-row:7;margin-top:10px!important}
  .pc .wp-block-button.btn>.wp-block-button__link{min-height:44px}
  .lc-tous{margin:12px 12px 0!important;padding:14px}
  .lc-apres{padding:12px 16px 18px}
}

/* ── 3.4.64 : le menu des produits reste collé en haut sur mobile ── */
@media (max-width:760px){
 .co-nav{position:sticky;top:76px;z-index:20;box-shadow:0 6px 18px rgba(15,23,42,.12)}
 .co-l::before{width:26px;height:26px;border-radius:8px}
 .co-l{padding:6px 2px 5px;gap:4px}
 .co-vol{scroll-margin-top:170px}
}

/* ── 3.4.65 : la page « Nouveautés » (versions des logiciels, ajouts aux formations) ── */
.nvt{--nbg:#f6f8fd;--ncard:#fff;--nink:#0b1020;--ntext:#131a2c;--nmuted:#5c6785;--nline:#e3e9f7;--nsoft:#f1f4fb;--nbrand:#2b59ff;
 --nlec:#7a3fe0;--nlec-bg:#efe8fc;--nnew:#12805a;--nnew-bg:#e4f5ee;--nimp:#2b59ff;--nimp-bg:#e8eeff;--nfix:#9a6a0b;--nfix-bg:#fbf0d9;
 --nshadow:0 1px 2px rgba(11,16,32,.04),0 8px 24px rgba(11,16,32,.06);
 background:var(--nbg);color:var(--ntext);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.55;padding-bottom:64px}
.nvt *,.nvt *::before,.nvt *::after{box-sizing:border-box}
.nvt-sprite{position:absolute;width:0;height:0;overflow:hidden}
.nvt-hidden{display:none!important}
.nvt-i{width:16px;height:16px;flex:none}
.nvt-in{max-width:1200px;margin:0 auto;padding:0 24px;position:relative}
.nvt-hero{background:linear-gradient(165deg,#05070f 0%,#0b1020 45%,#132258 100%);color:#fff;position:relative;overflow:hidden;
 width:100vw;margin-left:calc(50% - 50vw)}
.nvt-hero::before,.nvt-hero::after{content:"";position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none}
.nvt-hero::before{width:420px;height:420px;background:#2b59ff;opacity:.35;top:-220px;right:-80px}
.nvt-hero::after{width:340px;height:340px;background:#00c2ff;opacity:.2;bottom:-220px;left:-60px}
.nvt-hero .nvt-in{padding-top:128px;padding-bottom:92px;text-align:center}
.nvt h1{font-family:Figtree,Inter,sans-serif;font-weight:800;font-size:clamp(32px,5vw,46px);line-height:1.05;letter-spacing:-.028em;margin:0 0 12px;color:#fff}
.nvt-lede{margin:0 auto;color:#c8d3ee;max-width:560px;font-size:17px}
.nvt-links{margin-top:24px;display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.nvt-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:10px;font-size:14px;font-weight:600;text-decoration:none;border:1px solid transparent;cursor:pointer;font-family:inherit;line-height:1.3}
.nvt-btn.nvt-pri{background:var(--nink);color:#fff}
.nvt-btn.nvt-ghost{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.18)}
.nvt-btn.nvt-ghost[aria-pressed="true"]{background:#fff;color:#0b1020;border-color:#fff}
.nvt-btn.nvt-line{background:var(--ncard);border-color:var(--nline);color:var(--nink)}
.nvt-btn.nvt-col{background:var(--c);color:#fff}
.nvt-main{margin-top:0}

.nvt-prods{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:-52px;position:relative}
.nvt-pcard{background:var(--ncard);border:1.5px solid var(--nline);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:12px;cursor:pointer;text-align:left;font:inherit;color:inherit;box-shadow:var(--nshadow);transition:transform .15s,border-color .15s}
.nvt-pcard:hover{transform:translateY(-2px)}
.nvt-pcard[aria-pressed="true"]{border-color:var(--c)}
.nvt-top{display:flex;align-items:center;gap:12px}
.nvt-pcard b{display:block;font-size:16px;color:var(--nink);line-height:1.2}
.nvt-pcard small{color:var(--nmuted);font-size:12.5px}
.nvt-last{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid var(--nline);padding-top:12px;font-size:13px;color:var(--nmuted)}
.nvt-last strong{color:var(--c);font-size:15px}
.nvt-lg{width:44px;height:44px;flex:none;border-radius:12px;background:#fff;border:1px solid var(--nline);display:flex;align-items:center;justify-content:center;padding:9px;overflow:hidden}
.nvt-lg img{width:100%;height:100%;display:block;object-fit:contain}
.nvt-lg.nvt-nu{padding:0;border:0;background:none}
.nvt-stack{display:flex;flex:none}
.nvt-stack .nvt-lg{width:34px;height:34px;padding:7px;border-radius:10px;margin-left:-10px;box-shadow:0 0 0 2px var(--ncard)}
.nvt-stack .nvt-lg:first-child{margin-left:0}

.nvt-subrow{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 -6px}
.nvt-sub-chip{display:inline-flex;align-items:center;gap:8px;border:1.5px solid var(--nline);background:var(--ncard);color:var(--ntext);padding:6px 14px 6px 8px;border-radius:999px;font:inherit;font-size:13.5px;font-weight:600;cursor:pointer}
.nvt-sub-chip.nvt-all{padding-left:14px}
.nvt-sub-chip .nvt-lg{width:24px;height:24px;padding:4px;border-radius:7px}
.nvt-sub-chip[aria-pressed="true"]{border-color:var(--c,#b4184e);color:var(--nink);box-shadow:0 0 0 1px var(--c,#b4184e)}
.nvt-chips{display:flex;gap:6px;flex-wrap:wrap;margin:28px 0 8px}
.nvt-chip{border:1.5px solid var(--nline);background:var(--ncard);color:var(--ntext);padding:8px 14px;border-radius:999px;font:inherit;font-size:13.5px;font-weight:600;cursor:pointer}
.nvt-chip[aria-pressed="true"]{background:var(--nink);color:#fff;border-color:var(--nink)}
.nvt-tools{display:flex;justify-content:space-between;align-items:center;margin:6px 2px 4px;font-size:13px;color:var(--nmuted)}
.nvt-linkbtn{background:none;border:0;color:var(--nbrand);font:inherit;font-size:13px;font-weight:600;cursor:pointer;padding:4px}

.nvt-list{position:relative;padding-left:28px}
.nvt-list::before{content:"";position:absolute;left:9px;top:8px;bottom:8px;width:2px;background:var(--nline);border-radius:2px}
.nvt-mois{margin:30px 0 12px;font-family:Figtree,Inter,sans-serif;font-weight:800;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--nmuted)}
.nvt-mois:first-child{margin-top:18px}
.nvt-item{position:relative;margin-bottom:12px}
.nvt-item::before{content:"";position:absolute;left:-26px;top:26px;width:12px;height:12px;border-radius:50%;background:var(--c);box-shadow:0 0 0 4px var(--nbg)}
.nvt details{background:var(--ncard);border:1.5px solid var(--nline);border-radius:16px;box-shadow:var(--nshadow);overflow:hidden;transition:border-color .2s}
.nvt details[open]{border-color:var(--c)}
.nvt summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:44px 1fr auto;gap:4px 14px;align-items:center;padding:16px 18px}
.nvt summary::-webkit-details-marker{display:none}
.nvt summary .nvt-lg{grid-row:span 2}
.nvt-hd{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}
.nvt-name{font-size:13px;font-weight:700;color:var(--c)}
.nvt-ver{font-weight:800;color:var(--nink);font-size:15px;font-family:Figtree,Inter,sans-serif}
.nvt-lastb{font-size:10.5px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#fff;background:var(--c);padding:3px 8px;border-radius:6px}
.nvt-date{color:var(--nmuted);font-size:13px;white-space:nowrap}
.nvt-titre{grid-column:2;color:var(--nink);font-weight:700;font-size:16.5px;line-height:1.3}
.nvt-right{grid-column:3;grid-row:1/span 2;display:flex;align-items:center;gap:10px}
.nvt-right .nvt-i{width:20px;height:20px;color:var(--nmuted);transition:transform .2s}
.nvt details[open] .nvt-right .nvt-i{transform:rotate(180deg)}
.nvt-cnt{display:flex;gap:6px}
.nvt-cnt span{font-size:11.5px;font-weight:700;padding:3px 8px;border-radius:999px}
.nvt-c-new{color:var(--nnew);background:var(--nnew-bg)}
.nvt-c-imp{color:var(--nimp);background:var(--nimp-bg)}
.nvt-c-fix{color:var(--nfix);background:var(--nfix-bg)}
.nvt-c-lec{color:var(--nlec);background:var(--nlec-bg)}
.nvt-body{padding:2px 20px 20px 76px}
.nvt-resume{margin:0 0 16px;font-size:15.5px}
.nvt-grp{margin:0 0 14px}
.nvt-grp h4{margin:0 0 8px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;display:flex;align-items:center;gap:8px;font-family:Figtree,Inter,sans-serif}
.nvt-g-lec h4{color:var(--nlec)}.nvt-g-new h4{color:var(--nnew)}.nvt-g-imp h4{color:var(--nimp)}.nvt-g-fix h4{color:var(--nfix)}
.nvt-grp ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:7px}
.nvt-grp li{position:relative;padding-left:18px;font-size:15px;margin:0}
.nvt-grp li::before{content:"";position:absolute;left:2px;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--nmuted);opacity:.55}
.nvt-g-lec li::before{background:var(--nlec)}.nvt-g-new li::before{background:var(--nnew)}.nvt-g-imp li::before{background:var(--nimp)}.nvt-g-fix li::before{background:var(--nfix)}
.nvt-utile{margin:16px 0;padding:14px 16px;background:var(--nsoft);border-radius:12px;font-size:14.5px;border-left:3px solid var(--c)}
.nvt-utile b{display:block;color:var(--nink);font-size:13px;margin-bottom:2px}
.nvt-det{margin:14px 0;border:1px solid var(--nline);border-radius:12px;background:var(--ncard)}
.nvt-det>summary{cursor:pointer;list-style:none;padding:12px 16px;font-size:14px;font-weight:700;color:var(--nbrand);display:flex;align-items:center;gap:8px}
.nvt-det>summary::-webkit-details-marker{display:none}
.nvt-det>summary::after{content:"+";margin-left:auto;font-size:18px;line-height:1}
.nvt-det[open]>summary::after{content:"–"}
.nvt-det-in{padding:2px 18px 16px;font-size:14px;color:var(--ntext)}
.nvt-det-in h4{margin:16px 0 6px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--nmuted)}
.nvt-det-in ul{margin:0;padding-left:18px}
.nvt-det-in li{margin:4px 0}
.nvt-meta{display:flex;gap:8px 16px;flex-wrap:wrap;margin-top:14px;padding-top:14px;border-top:1px solid var(--nline);align-items:center;font-size:13px;color:var(--nmuted)}
.nvt-sp{flex:1}
.nvt-meta .nvt-btn{padding:8px 14px;font-size:13px}
.nvt-more{margin:22px auto 0;display:block;border:1.5px solid var(--nline);background:var(--ncard);color:var(--nink);padding:12px 24px;border-radius:999px;font:inherit;font-size:14px;font-weight:600;cursor:pointer}
.nvt-more:hover{border-color:var(--nbrand);color:var(--nbrand)}
.nvt-empty{text-align:center;padding:48px 16px;color:var(--nmuted)}
.nvt-sub{margin-top:44px;padding:22px;background:var(--ncard);border:1.5px solid var(--nline);border-radius:16px;display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.nvt-sub b{color:var(--nink);font-size:16px;display:block}
.nvt-sub span{font-size:14px;color:var(--nmuted)}
.nvt button:focus-visible,.nvt a:focus-visible,.nvt summary:focus-visible{outline:2px solid var(--nbrand);outline-offset:2px}
@media(max-width:720px){
 .nvt-prods{grid-template-columns:1fr;margin-top:-44px}
 .nvt-pcard{flex-direction:row;align-items:center;justify-content:space-between}
 .nvt-last{border:0;padding:0;flex-direction:column;align-items:flex-end;gap:2px}
 .nvt-last strong{white-space:nowrap}.nvt-top{min-width:0}
 .nvt summary{grid-template-columns:40px 1fr auto;padding:14px}
 .nvt summary .nvt-lg{width:40px;height:40px}
 .nvt-cnt{display:none}
 .nvt-body{padding:2px 16px 18px 16px}
 .nvt-list{padding-left:22px}.nvt-item::before{left:-20px}.nvt-list::before{left:5px}
}
@media (prefers-reduced-motion:reduce){.nvt-pcard,.nvt details,.nvt-right .nvt-i{transition:none}}

.nvt .nvt-gd,.nvt .nvt-plus{background:none;border:0;border-radius:0;box-shadow:none;overflow:visible}
.nvt .nvt-gs{display:flex;align-items:center;gap:8px;padding:2px 0;margin:0 0 8px;grid-template-columns:none;cursor:pointer;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-family:Figtree,Inter,sans-serif}
.nvt .nvt-gs::after{content:"–";margin-left:4px;font-size:16px;line-height:1;opacity:.7}
.nvt .nvt-gd:not([open])>.nvt-gs::after{content:"+"}
.nvt .nvt-gd:not([open])>.nvt-gs{margin-bottom:0}
.nvt-g-lec .nvt-gs{color:var(--nlec)}.nvt-g-new .nvt-gs{color:var(--nnew)}.nvt-g-imp .nvt-gs{color:var(--nimp)}.nvt-g-fix .nvt-gs{color:var(--nfix)}
.nvt .nvt-plus{margin:8px 0 0}
.nvt .nvt-plus>summary{display:inline-flex;grid-template-columns:none;align-items:center;gap:6px;padding:2px 0;cursor:pointer;font-size:14px;font-weight:600;color:var(--nbrand);width:auto}
.nvt .nvt-plus>summary::after{content:"+";font-size:17px;line-height:1}
.nvt .nvt-plus[open]>summary::after{content:"–"}
.nvt .nvt-plus>ul{margin:8px 0 0}

.nvt-bars{margin:0}
.nvt-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:16px 0 0;padding:12px 16px;background:var(--ncard);border:1.5px solid var(--nline);border-left:4px solid var(--c);border-radius:12px}
.nvt-bar.nvt-hidden{display:none!important}
.nvt-bar-nom{font-weight:700;color:var(--nink);margin-right:auto}
.nvt-bar .nvt-btn{padding:8px 14px;font-size:13px}
@media(max-width:640px){.nvt-bar .nvt-btn{flex:1;justify-content:center}.nvt-bar-nom{flex-basis:100%}}

/* ── 3.4.76-77 : la page « Roadmap » (même en-tête et mêmes cartes que le changelog) ── */
.rdm{background:#f6f8fd;padding-bottom:64px}
.rdm .rdm-top{padding-bottom:0}
.rdm-prods{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:-52px;position:relative}
.rdm a.nvt-pcard{text-decoration:none}
.rdm .nvt-pcard[aria-current="page"]{border-color:var(--c);box-shadow:0 0 0 1px var(--c),var(--nshadow)}
.rdm-board{margin-top:24px}
.rdm-vide{text-align:center;padding:48px 16px;color:#5c6785;background:#fff;border:1.5px dashed #e3e9f7;border-radius:16px;margin:0}
@media(max-width:720px){.rdm-prods{grid-template-columns:1fr;margin-top:-44px}}
.rdm a.nvt-sub-chip{text-decoration:none}
.rdm .nvt-subrow{margin:18px 0 0}

/* ---------- FC Pulse (3.4.79) ---------- */
.prod-fc-pulse{--tint:#F6EEFF;--gc:linear-gradient(135deg,#7B22E8,#E8267E);--ac:#7B22E8;
 --logo:url(../img/logo-fc-pulse.svg);--logo-fond:transparent;--logo-taille:contain;
 --logo-ombre:0 8px 18px -10px rgba(11,16,32,.45)}
/* Quatre formules : deux par ligne, pour garder des cartes lisibles. */
@media (min-width:721px){
  .pc-grille:has(> .pc:nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* Changelog et Roadmap : sept logiciels et la carte Formations.
   Quatre colonnes, deux rangées pleines (3.4.81, avec SdravoCore). */
@media (min-width:1081px){
  :is(.nvt-prods,.rdm-prods):has(> :nth-child(7)){grid-template-columns:repeat(4,1fr)}
  :is(.nvt-prods,.rdm-prods):has(> :nth-child(7)):not(:has(> :nth-child(8))) > :nth-child(7){grid-column:span 2}
}
@media (min-width:721px) and (max-width:1080px){
  :is(.nvt-prods,.rdm-prods):has(> :nth-child(7)){grid-template-columns:repeat(2,1fr)}
  :is(.nvt-prods,.rdm-prods):has(> :nth-child(7)):not(:has(> :nth-child(8))) > :nth-child(7){grid-column:span 2}
}