/* ════════ polices hébergées par le thème ════════ */
/* Aucune dépendance à Google Fonts : les fichiers sont dans assets/fonts/. */
@font-face{font-family:'Sora';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/sora-400.woff2') format('woff2')}
@font-face{font-family:'Sora';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/sora-600.woff2') format('woff2')}
@font-face{font-family:'Sora';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/sora-700.woff2') format('woff2')}
@font-face{font-family:'Sora';font-style:normal;font-weight:800;font-display:swap;src:url('../fonts/sora-800.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/inter-400.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/inter-500.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/inter-600.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/inter-700.woff2') format('woff2')}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/jetbrains-mono-500.woff2') format('woff2')}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/jetbrains-mono-700.woff2') format('woff2')}

:root{
 --ink:#150A28;--ink2:#40325A;--mut:#756A8C;
 --bg:#FFFFFF;--wash:#FAF7FF;--line:#EBE3F8;
 --iris:#7B22E8;--rose:#E8267E;--sun:#FF9A1F;--mint:#0FB07A;--sky:#2FA8FF;
 --g:linear-gradient(100deg,#7B22E8,#E8267E 58%,#FF9A1F);
 --g2:linear-gradient(135deg,#5A11B0,#B01A7E 52%,#F0632B);
 --s1:0 1px 2px rgba(21,10,40,.05);
 --s2:0 14px 34px -18px rgba(21,10,40,.28);
 --s3:0 40px 90px -45px rgba(123,34,232,.55);
 --f-d:Sora,Inter,Arial,sans-serif;--f-b:Inter,Arial,sans-serif;--f-m:"JetBrains Mono",monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--f-b);font-size:17px;
 line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}
p{margin:0}
h1,h2,h3{margin:0;font-family:var(--f-d);font-weight:800;letter-spacing:-.035em;line-height:1.05;text-wrap:balance}
button{font:inherit;cursor:pointer}
.w{max-width:1160px;margin:0 auto;padding:0 28px}
.wn{max-width:920px;margin:0 auto;padding:0 28px}
.gt{background:var(--g);-webkit-background-clip:text;background-clip:text;color:transparent}
.mono{font-family:var(--f-m);font-size:11px;letter-spacing:.18em;text-transform:uppercase}
section{padding:96px 0;position:relative}
.d1{font-size:clamp(36px,4.8vw,64px)}
.d2{font-size:clamp(28px,3.5vw,46px)}
.d3{font-size:clamp(21px,2.2vw,27px)}
.ld{font-size:19px;color:var(--mut);max-width:58ch;line-height:1.55}
.mid{text-align:center}.mid .ld{margin-inline:auto}
.rv{opacity:0;transform:translateY(28px);transition:opacity .85s cubic-bezier(.16,1,.3,1),transform .85s cubic-bezier(.16,1,.3,1)}
.rv.vis{opacity:1;transform:none}

/* ── barre ── */
.bar{position:sticky;top:0;z-index:200;background:rgba(255,255,255,.86);backdrop-filter:blur(16px);
 border-bottom:1px solid transparent;transition:.3s}
.bar.stuck{border-color:var(--line);box-shadow:var(--s1)}
.bar .in{display:flex;align-items:center;gap:20px;height:72px}
.brand{display:flex;align-items:center;gap:10px;background:none;border:0;padding:0;color:var(--ink)}
.brand img{width:34px;height:34px;transition:transform .5s cubic-bezier(.2,1.5,.4,1)}
.brand:hover img{transform:rotate(-12deg) scale(1.12)}
.brand b{font-family:var(--f-d);font-weight:800;font-size:21px;letter-spacing:-.04em}
.barlinks{margin-left:auto;display:flex;gap:6px}
.barlinks a{color:var(--ink2);text-decoration:none;font-size:15px;font-weight:600;padding:9px 13px;border-radius:9px}
.barlinks a:hover{background:var(--wash);color:var(--iris)}
/* ── boutons ── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;padding:16px 28px;
 border-radius:14px;font-family:var(--f-d);font-weight:700;font-size:16px;color:#fff;background:var(--g);
 box-shadow:0 14px 30px -14px rgba(232,38,126,.8);position:relative;overflow:hidden;
 transition:transform .22s cubic-bezier(.2,1.3,.4,1),box-shadow .22s}
.btn::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,#E8267E,#FF9A1F);opacity:0;transition:.3s}
.btn>*{position:relative;z-index:1}
.btn:hover{transform:translateY(-2px);box-shadow:0 20px 40px -14px rgba(232,38,126,.9)}
.btn:hover::after{opacity:1}
.btn.o{background:#fff;color:var(--ink);box-shadow:inset 0 0 0 2px var(--line)}
.btn.o::after{display:none}
.btn.o:hover{box-shadow:inset 0 0 0 2px var(--iris);color:var(--iris)}
.btn.w2{background:#fff;color:var(--ink);box-shadow:0 14px 30px -14px rgba(0,0,0,.5)}
.btn.w2::after{display:none}
.btn.s{padding:11px 18px;font-size:14.5px;border-radius:11px}
.ar{transition:transform .25s}.btn:hover .ar{transform:translateX(4px)}
.note{font-size:13.5px;color:var(--mut);margin-top:13px}
/* ── héros ── */
.hero{padding:64px 0 88px;position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;inset:-10% -20% auto -20%;height:760px;z-index:-2;
 background:
  radial-gradient(760px 420px at 14% 8%,rgba(123,34,232,.22),transparent 62%),
  radial-gradient(700px 420px at 82% 0%,rgba(232,38,126,.20),transparent 60%),
  radial-gradient(620px 380px at 60% 74%,rgba(255,154,31,.18),transparent 64%)}
.hero::after{content:"";position:absolute;inset:0;z-index:-3;background:var(--wash)}
.hero .in{display:grid;grid-template-columns:1.06fr .94fr;gap:52px;align-items:center}
.hero .in>div{min-width:0}
.tagline{display:inline-flex;width:max-content;max-width:100%;align-items:center;gap:9px;background:#fff;
 border:1px solid var(--line);box-shadow:var(--s1);padding:8px 16px;border-radius:99px;margin-bottom:24px;
 font-size:13.5px;font-weight:600;color:var(--ink2)}
.tagline i{width:7px;height:7px;border-radius:50%;background:var(--mint);flex:0 0 auto;
 box-shadow:0 0 0 4px rgba(15,176,122,.16);animation:bl 2.2s infinite}
@keyframes bl{50%{opacity:.4}}
mark{background:linear-gradient(180deg,transparent 54%,rgba(255,216,77,.85) 54%);color:inherit;padding:0 4px;
 -webkit-box-decoration-break:clone;box-decoration-break:clone}
.pricerow{display:flex;align-items:baseline;gap:12px;margin:28px 0 8px;flex-wrap:wrap}
.pricerow b{font-family:var(--f-d);font-size:44px;font-weight:800;letter-spacing:-.045em;line-height:1}
.pricerow .old{font-size:19px;color:var(--mut);text-decoration:line-through}
.pricerow span{color:var(--mut);font-size:15.5px}
.acts{display:flex;gap:13px;flex-wrap:wrap;margin-top:26px}
.checks{display:grid;gap:11px;margin-top:26px}
.checks li{list-style:none;position:relative;padding-left:32px;font-size:16.5px;color:var(--ink2);font-weight:500}
.checks li::before{content:"";position:absolute;left:0;top:3px;width:21px;height:21px;border-radius:7px;background:var(--g);opacity:.16}
.checks li::after{content:"";position:absolute;left:7px;top:9px;width:6px;height:9px;border:2.2px solid var(--iris);
 border-top:0;border-left:0;transform:rotate(42deg)}
ul{padding:0;margin:0}
.badges{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:20px}
.badge{display:flex;flex-direction:column;background:var(--ink);color:#fff;border-radius:12px;padding:8px 16px;
 font-size:13px;font-weight:600;line-height:1.15}
.badge small{font-size:9.5px;opacity:.65;letter-spacing:.06em;text-transform:uppercase}
/* ── bandeau clients ── */
.strip{background:var(--ink);color:#fff;padding:18px 0;overflow:hidden}
.strip .row{display:flex;gap:40px;width:max-content;animation:sl 38s linear infinite;align-items:center}
.strip:hover .row{animation-play-state:paused}
@keyframes sl{to{transform:translateX(-50%)}}
.strip .row span{font-size:15px;font-weight:600;color:rgba(255,255,255,.62);white-space:nowrap;
 display:flex;align-items:center;gap:12px}
.strip .row span::after{content:"";width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.3)}
/* ── calcul ── */
.calc{display:grid;grid-template-columns:1fr auto 1fr;gap:0;align-items:stretch;border-radius:24px;overflow:hidden;
 border:1px solid var(--line);background:#fff;box-shadow:var(--s2)}
.calc .side{padding:38px}
.calc .side.bad{background:var(--wash)}
.calc .side.good{background:var(--g2);color:#fff}
.calc .lbl{font-family:var(--f-m);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;opacity:.7}
.calc .big{font-family:var(--f-d);font-size:clamp(34px,4.4vw,52px);font-weight:800;letter-spacing:-.05em;
 line-height:1;margin:14px 0 8px}
.calc ul li{list-style:none;padding-left:20px;position:relative;font-size:15.5px;margin-top:9px;opacity:.85}
.calc ul li::before{content:"—";position:absolute;left:0;opacity:.6}
.calc .mid2{width:64px;display:grid;place-items:center;background:#fff;border-left:1px solid var(--line);
 border-right:1px solid var(--line);font-family:var(--f-d);font-weight:800;color:var(--mut);font-size:15px}
/* ── déroulement ── */
.flowgrid{display:grid;grid-template-columns:1fr 340px;gap:70px;align-items:start}
.track{position:relative;padding-left:74px}
.track::before{content:"";position:absolute;left:22px;top:8px;bottom:8px;width:3px;border-radius:3px;background:var(--line)}
.track .fill{position:absolute;left:22px;top:8px;width:3px;border-radius:3px;background:var(--g);height:0;
 transition:height .25s linear;box-shadow:0 0 16px rgba(232,38,126,.5)}
.stp{position:relative;padding:34px 0 44px}
.stp .bul{position:absolute;left:-74px;top:34px;width:47px;height:47px;border-radius:15px;background:#fff;
 border:2px solid var(--line);display:grid;place-items:center;font-family:var(--f-d);font-weight:800;font-size:15px;
 color:var(--mut);transition:.4s cubic-bezier(.2,1.4,.4,1);z-index:2}
.stp.act .bul{background:var(--g);border-color:transparent;color:#fff;transform:scale(1.08);
 box-shadow:0 12px 26px -10px rgba(232,38,126,.8)}
.stp .meta{display:flex;gap:9px;align-items:center;margin-bottom:12px;flex-wrap:wrap}
.who{font-family:var(--f-m);font-size:10px;letter-spacing:.14em;text-transform:uppercase;padding:5px 10px;
 border-radius:99px;border:1px solid var(--line);color:var(--mut)}
.who.us{background:var(--ink);color:#fff;border-color:transparent}
.who.you{background:var(--g);color:#fff;border-color:transparent}
.dur{font-family:var(--f-m);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--mut)}
.stp h3{font-size:25px;margin-bottom:10px}
.stp p{color:var(--mut);font-size:16.5px;max-width:52ch}
.stp .out{margin-top:16px;display:inline-flex;align-items:center;gap:10px;background:var(--wash);
 border:1px solid var(--line);border-radius:12px;padding:11px 16px;font-size:14.5px;font-weight:600;color:var(--ink2)}
.stp .out i{width:18px;height:18px;border-radius:6px;background:var(--g);display:grid;place-items:center;
 color:#fff;font-size:10px;flex:0 0 auto}
.sticky{position:sticky;top:120px;display:flex;flex-direction:column;align-items:center;gap:16px}
.livetag{display:flex;align-items:center;gap:8px;color:var(--mut)}
.livetag i{width:7px;height:7px;border-radius:50%;background:var(--rose);box-shadow:0 0 10px var(--rose);animation:bl 1.6s infinite}
.storechips{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;min-height:34px}
.sc{border:1px solid var(--line);background:#fff;border-radius:10px;padding:7px 13px;font-size:13px;font-weight:600;
 color:var(--mut);opacity:0;transform:translateY(8px);transition:.5s}
.sc.on{opacity:1;transform:none;color:var(--ink);border-color:#D6C4F3}
/* ── colis ── */
.pack{border-radius:22px;overflow:hidden;border:1px solid var(--line);background:#fff;box-shadow:var(--s2)}
.pk{display:grid;grid-template-columns:46px 1fr 128px;gap:20px;align-items:start;padding:24px 28px;
 border-bottom:1px solid var(--line);transition:background .25s}
.pk:last-child{border-bottom:0}
.pk:hover{background:var(--wash)}
.pk .n{font-family:var(--f-m);font-size:12px;color:#fff;width:30px;height:30px;border-radius:9px;background:var(--g);
 display:grid;place-items:center;font-weight:700}
.pk b{display:block;font-family:var(--f-d);font-size:18px;font-weight:700;margin-bottom:3px}
.pk p{color:var(--mut);font-size:15.5px}
.pk .inc{font-family:var(--f-m);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--mint);
 text-align:right;padding-top:7px}
/* ── avant/après ── */
.ba{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.bx{border-radius:22px;padding:32px;border:1px solid var(--line);background:#fff;box-shadow:var(--s1)}
.bx.now{background:var(--wash)}
.bx.after{background:var(--g2);color:#fff;border-color:transparent;box-shadow:var(--s3)}
.bx h3{font-size:20px;margin-bottom:18px}
.bx li{list-style:none;position:relative;padding-left:30px;margin-bottom:13px;font-size:16px}
.bx.now li::before{content:"✕";position:absolute;left:0;color:var(--rose);font-weight:700}
.bx.after li{color:rgba(255,255,255,.92)}
.bx.after li::before{content:"✓";position:absolute;left:0;color:#8CFFC8;font-weight:700}
/* ── fiche technique ── */
table{width:100%;border-collapse:collapse;font-size:16px}
td{padding:17px 0;border-top:1px solid var(--line);vertical-align:top}
td:first-child{width:32%;color:var(--mut)}
tr:hover td{background:var(--wash)}
/* ── objections ── */
.obj{border-radius:22px;border:1px solid var(--line);overflow:hidden;background:#fff;box-shadow:var(--s2)}
.obj details{border-bottom:1px solid var(--line)}
.obj details:last-child{border-bottom:0}
.obj summary{list-style:none;cursor:pointer;padding:24px 28px;display:flex;justify-content:space-between;gap:18px;
 align-items:center;font-family:var(--f-d);font-weight:700;font-size:19px}
.obj summary::-webkit-details-marker{display:none}
.obj summary::before{content:"«";color:var(--rose);margin-right:2px}
.obj summary span.q::after{content:" »";color:var(--rose)}
.obj summary::after{content:"+";font-size:24px;color:var(--iris);font-weight:500;transition:.3s}
.obj details[open] summary::after{transform:rotate(45deg)}
.obj details[open]{background:var(--wash)}
.obj .a{padding:0 28px 26px;color:var(--mut);font-size:16.5px;max-width:70ch}
/* ── tarifs ── */
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch}
.plan2{border:1.5px solid var(--line);border-radius:24px;padding:32px;background:#fff;box-shadow:var(--s1);
 display:flex;flex-direction:column;transition:.3s}
.plan2:hover{transform:translateY(-5px);box-shadow:var(--s2)}
.plan2.star{border-color:transparent;background:var(--g2);color:#fff;box-shadow:var(--s3)}
.plan2 .amt{font-family:var(--f-d);font-size:44px;font-weight:800;letter-spacing:-.05em;margin:14px 0 4px;line-height:1}
.plan2 .amt sub{font-family:var(--f-b);font-size:15px;font-weight:600;color:var(--mut);vertical-align:baseline}
.plan2.star .amt sub{color:rgba(255,255,255,.7)}
.plan2 small{color:var(--mut);font-size:14px}
.plan2.star small{color:rgba(255,255,255,.75)}
.plan2 .checks{margin-top:20px}
.plan2.star .checks li{color:rgba(255,255,255,.92)}
.plan2.star .checks li::before{background:#fff;opacity:.24}
.plan2.star .checks li::after{border-color:#fff}
.rib{align-self:flex-start;font-family:var(--f-m);font-size:10px;letter-spacing:.14em;text-transform:uppercase;
 padding:5px 11px;border-radius:99px;background:var(--sun);color:#3A2100;margin-bottom:12px}
.incl{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;margin-top:22px}
.chip{border:1px solid var(--line);background:#fff;border-radius:99px;padding:8px 15px;font-size:14px;color:var(--ink2);
 font-weight:500;box-shadow:var(--s1)}
/* ── chiffres ── */
.nums{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.nm{border-radius:20px;border:1px solid var(--line);background:#fff;padding:28px;box-shadow:var(--s1)}
.nm b{display:block;font-family:var(--f-d);font-size:clamp(30px,3.6vw,44px);font-weight:800;letter-spacing:-.05em;
 line-height:1;margin-bottom:7px}
.nm span{font-size:14.5px;color:var(--mut)}
/* ── citations ── */
.qs{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.q{border-radius:20px;border:1px solid var(--line);background:#fff;padding:26px;box-shadow:var(--s1);
 display:flex;flex-direction:column;gap:14px;transition:.3s}
.q:hover{transform:translateY(-4px);box-shadow:var(--s2)}
.q .st{color:var(--sun);letter-spacing:2px;font-size:14px}
.q p{font-size:16px;color:var(--ink2)}
.q .by{display:flex;align-items:center;gap:11px;margin-top:auto;font-size:14px;color:var(--mut)}
.q .av{width:38px;height:38px;border-radius:50%;background:var(--g);color:#fff;display:grid;place-items:center;
 font-family:var(--f-d);font-weight:800;font-size:15px}
.q .by b{color:var(--ink);display:block;font-size:14.5px}
/* ── final ── */
.band{border-radius:30px;padding:70px 44px;text-align:center;color:#fff;position:relative;overflow:hidden;
 background:var(--g2);box-shadow:var(--s3)}
.band::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.16) 1px,transparent 1px);
 background-size:26px 26px;opacity:.6}
.band>*{position:relative}
.band .ld{color:rgba(255,255,255,.86)}
footer{border-top:1px solid var(--line);padding:38px 0;color:var(--mut);font-size:14.5px;background:var(--wash)}
footer .w{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.dev{--acc:#5B21E8;--acc2:#E8267E}
.hold{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}
.dev{position:relative;z-index:2;width:290px;border-radius:50px;padding:11px;
 background:linear-gradient(160deg,#2C2340,#0D0718 55%,#241735);
 box-shadow:0 50px 90px -40px rgba(22,12,41,.55),0 0 0 1px rgba(22,12,41,.08)}
.dev.sm{width:200px;border-radius:36px;padding:8px}
.dev .isl{position:absolute;top:20px;left:50%;transform:translateX(-50%);width:82px;height:24px;background:#05030A;
 border-radius:99px;z-index:6}
.dev.sm .isl{top:15px;width:56px;height:16px}
.dev .scr{position:relative;border-radius:40px;overflow:hidden;background:#fff;height:576px;display:flex;
 flex-direction:column;color:#150C26}
.dev.sm .scr{border-radius:29px;height:398px;font-size:.74em}
.dev .stt{height:42px;display:flex;align-items:flex-end;justify-content:space-between;padding:0 22px 4px;
 font-size:11.5px;font-weight:700;color:#fff;flex:0 0 auto}
.dev.sm .stt{height:30px;padding:0 15px 3px}
.dev .top{background:linear-gradient(125deg,var(--acc),var(--acc2));flex:0 0 auto;transition:background .6s}
.dev .tbar{display:flex;align-items:center;justify-content:space-between;padding:6px 20px 18px;color:#fff}
.dev.sm .tbar{padding:4px 15px 13px}
.dev .tbar b{font-family:var(--f-d);font-size:19px;font-weight:700;letter-spacing:-.03em}
.dev.sm .tbar b{font-size:14.5px}
.dev .bg3{display:grid;gap:4px}
.dev .bg3 i{width:18px;height:2px;background:rgba(255,255,255,.94);border-radius:2px;display:block}
.dev .bg3 i:last-child{width:11px}
.dev .body{flex:1;overflow:hidden;padding:16px;display:flex;flex-direction:column;gap:12px;background:#FBF9FE;
 -webkit-mask-image:linear-gradient(180deg,#000 85%,transparent);mask-image:linear-gradient(180deg,#000 85%,transparent)}
.dev.sm .body{padding:11px;gap:9px}
.dev .tabs{height:60px;background:#fff;border-top:1px solid #F1EBFA;display:flex;align-items:center;
 justify-content:space-around;padding:0 16px;flex:0 0 auto}
.dev.sm .tabs{height:42px}
.dev .tabs i{width:22px;height:22px;border-radius:8px;background:#EAE1F6;display:block}
.dev.sm .tabs i{width:16px;height:16px;border-radius:6px}
.dev .tabs i:first-child{background:linear-gradient(125deg,var(--acc),var(--acc2));transition:background .6s}
.dev .hb{border-radius:18px;padding:16px 18px;color:#fff;display:flex;flex-direction:column;gap:4px;
 background:linear-gradient(125deg,var(--acc),var(--acc2));transition:background .6s;flex:0 0 auto}
.dev .hb .k{font-size:9.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;opacity:.88}
.dev .hb .t{font-family:var(--f-d);font-size:22px;font-weight:800;letter-spacing:-.03em;line-height:1.08}
.dev.sm .hb .t{font-size:17px}
.dev .hb .s{font-size:12px;opacity:.92}
.dev .g2{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.dev .it{background:#fff;border:1px solid #F1EBFA;border-radius:14px;padding:9px;display:flex;flex-direction:column;
 gap:6px;box-shadow:0 3px 10px rgba(21,12,38,.05)}
.dev .it .im{height:64px;border-radius:10px}
.dev.sm .it .im{height:46px}
.dev .it b{font-size:12px;font-weight:600;line-height:1.25}
.dev .it span{font-size:12.5px;font-weight:800;color:var(--acc2);transition:color .6s}
.dev .rw{background:#fff;border:1px solid #F1EBFA;border-radius:14px;padding:10px;display:flex;gap:11px;
 align-items:center;box-shadow:0 3px 10px rgba(21,12,38,.05)}
.dev .rw .im{width:46px;height:46px;border-radius:11px;flex:0 0 auto;position:relative}
.dev.sm .rw .im{width:36px;height:36px}
.dev .rw div{flex:1;min-width:0}
.dev .rw b{display:block;font-size:12.5px;font-weight:600;line-height:1.3}
.dev .rw small{font-size:11px;color:#8B7EA3;display:block}
.dev .rw em{font-style:normal;font-size:13px;font-weight:800;color:var(--acc);transition:color .6s}
.dev .pr{height:6px;border-radius:99px;background:#EFE8F9;overflow:hidden;margin-top:6px}
.dev .pr i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--acc),var(--acc2))}
.dev .pl{position:absolute;inset:0;display:grid;place-items:center}
.dev .pl::after{content:"";border-left:12px solid #fff;border-top:8px solid transparent;border-bottom:8px solid transparent;
 margin-left:3px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.35))}
.dev .m1{background:linear-gradient(140deg,#FF9EC7,#E8267E)}
.dev .m2{background:linear-gradient(140deg,#9B6BFF,#38B6FF)}
.dev .m3{background:linear-gradient(140deg,#FFD36B,#FF8A1F)}
.dev .m4{background:linear-gradient(140deg,#5BE8C4,#0F9D8F)}
.dev .m5{background:linear-gradient(140deg,#FF8A6B,#F0522F)}
.dev .m6{background:linear-gradient(140deg,#7FA8FF,#2A47C4)}
.dev .swap{animation:sw .5s cubic-bezier(.16,1,.3,1)}
@keyframes sw{from{opacity:0;transform:translateY(12px) scale(.98)}}
.dev .push{position:absolute;top:54px;left:14px;right:14px;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);
 border-radius:16px;padding:11px 13px;display:flex;gap:10px;align-items:center;z-index:5;
 box-shadow:0 14px 34px -12px rgba(22,12,41,.45);opacity:0;transform:translateY(-20px);
 transition:.55s cubic-bezier(.2,1.4,.4,1)}
.dev .push.on{opacity:1;transform:none}
.dev .push .ic{width:30px;height:30px;border-radius:9px;background:linear-gradient(125deg,var(--acc),var(--acc2));flex:0 0 auto}
.dev .push b{font-size:12px;display:block}
.dev .push small{font-size:10.5px;color:#7E7095}
.dev .badges{display:flex;gap:10px;margin-top:26px;flex-wrap:wrap}
.dev .badge{display:flex;flex-direction:column;background:#160C29;color:#fff;border-radius:12px;
 padding:8px 16px;font-size:13px;font-weight:600;line-height:1.15}
.dev .badge span{font-family:var(--f-d);font-size:15px;font-weight:700;display:block;line-height:1.1}
.dev .badge small{font-size:9.5px;opacity:.7;letter-spacing:.06em;text-transform:uppercase}
@media (max-width:1040px){
 .hero .in,.flowgrid,.calc,.ba,.plans,.nums,.qs{grid-template-columns:1fr}
 .calc .mid2{width:auto;height:52px;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
 .sticky{position:relative;top:0;margin-top:24px}
 .barlinks{display:none}
}
@media (max-width:640px){
 section{padding:64px 0}
 .track{padding-left:56px}.track::before,.track .fill{left:14px}
 .stp .bul{left:-56px;width:38px;height:38px;border-radius:12px}
 .pk{grid-template-columns:36px 1fr}.pk .inc{grid-column:2;text-align:left}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition-duration:.01ms!important}.rv{opacity:1;transform:none}}
/* ── pour qui ── */
.pqgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.pq{border:1px solid var(--line);border-radius:20px;background:#fff;padding:26px;box-shadow:var(--s1);
 transition:transform .3s cubic-bezier(.2,1,.3,1),box-shadow .3s,border-color .3s;position:relative;overflow:hidden}
.pq::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:var(--g);opacity:0;transition:.3s}
.pq:hover{transform:translateY(-5px);box-shadow:var(--s2);border-color:#D9C9F0}
.pq:hover::before{opacity:1}
.pq .e{font-size:28px;display:block;margin-bottom:14px}
.pq h3{font-size:19px;margin-bottom:5px}
.pq .s{color:var(--mut);font-size:14.5px;margin-bottom:14px}
.pq .f{font-size:14.5px;color:var(--ink2);font-weight:600;padding-top:14px;border-top:1px solid var(--line)}
/* ── accessoires du déroulement ── */
.propwrap{position:relative;min-height:96px;width:100%;max-width:340px}
.propbox{position:absolute;inset:0;opacity:0;transform:translateY(10px);transition:.45s cubic-bezier(.16,1,.3,1);
 pointer-events:none;display:flex;align-items:center;justify-content:center}
.propbox.on{opacity:1;transform:none}
.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%}
.pt{border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px 6px;text-align:center;
 font-size:19px;box-shadow:var(--s1);transition:.3s}
.pt b{display:block;font-size:11.5px;font-weight:600;color:var(--mut);margin-top:3px}
.pt.on{border-color:transparent;background:var(--g);color:#fff;box-shadow:0 10px 22px -10px rgba(232,38,126,.7)}
.pt.on b{color:#fff}
.prow2{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:center}
.pc{border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 13px;font-size:13.5px;
 font-weight:600;color:var(--ink2);box-shadow:var(--s1)}
.pc.ok{background:var(--g);color:#fff;border-color:transparent}
.parr{color:var(--mut);font-weight:700}
.pd{width:30px;height:30px;border-radius:10px;border:2px solid transparent}
.pd.on{border-color:var(--ink);transform:scale(1.12)}
.pbig{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid var(--line);border-radius:16px;
 padding:14px 18px;box-shadow:var(--s2);width:100%}
.pbig b{display:block;font-size:15px;font-family:var(--f-d);font-weight:700}
.pbig small{font-size:12.5px;color:var(--mut)}
.pl2{font-size:20px}
.pok{margin-left:auto;width:24px;height:24px;border-radius:50%;background:var(--mint);color:#fff;
 display:grid;place-items:center;font-size:13px;font-weight:700;flex:0 0 auto}
.pstores{display:grid;gap:10px;width:100%}
.ps{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid var(--line);border-radius:16px;
 padding:12px 16px;box-shadow:var(--s2)}
.ps .ic{width:36px;height:36px;border-radius:10px;background:var(--ink);color:#fff;display:grid;place-items:center;flex:0 0 auto}
.ps .ic svg{display:block}
.ps b{display:block;font-family:var(--f-d);font-size:15px;font-weight:700}
.ps small{font-size:11px;color:var(--mut);letter-spacing:.04em;text-transform:uppercase}
/* ── FAQ ── */
.faq2{border-radius:22px;border:1px solid var(--line);background:#fff;box-shadow:var(--s2);overflow:hidden}
.faq2 details{border-bottom:1px solid var(--line)}
.faq2 details:last-child{border-bottom:0}
.faq2 summary{list-style:none;cursor:pointer;padding:24px 30px;display:flex;justify-content:space-between;
 gap:22px;align-items:center;font-family:var(--f-d);font-weight:600;font-size:18.5px;transition:.2s}
.faq2 summary::-webkit-details-marker{display:none}
.faq2 summary:hover{background:var(--wash);color:var(--iris)}
.faq2 .pm{position:relative;width:20px;height:20px;flex:0 0 auto}
.faq2 .pm::before,.faq2 .pm::after{content:"";position:absolute;background:var(--iris);border-radius:2px;
 transition:transform .3s cubic-bezier(.2,1.3,.4,1)}
.faq2 .pm::before{left:0;top:9px;width:20px;height:2px}
.faq2 .pm::after{left:9px;top:0;width:2px;height:20px}
.faq2 details[open] .pm::after{transform:rotate(90deg);opacity:0}
.faq2 details[open] summary{color:var(--iris);background:var(--wash)}
.faq2 .a{padding:0 30px 28px;color:var(--mut);font-size:16.5px;background:var(--wash);line-height:1.6}
/* ── corrections ── */
.band .ld{margin-left:auto;margin-right:auto}
.plan2 .amt sub,.pricerow .per{font-family:var(--f-b);font-size:18px;font-weight:600;color:var(--mut);
 vertical-align:baseline;margin-left:6px;letter-spacing:0}
.plan2.star .amt sub{color:rgba(255,255,255,.78)}
@media (max-width:1040px){.pqgrid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.pqgrid{grid-template-columns:1fr}.pgrid{grid-template-columns:repeat(3,1fr)}}
/* ── écrans d'étape dans le téléphone ── */
.dev .dv-tiles{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.dev .dv-tile{background:#fff;border:1.5px solid #F1EBFA;border-radius:14px;padding:13px 10px;text-align:center;
 box-shadow:0 3px 10px rgba(21,12,38,.05)}
.dev .dv-tile span{font-size:22px;display:block;margin-bottom:5px}
.dev .dv-tile b{font-size:11.5px;font-weight:700;color:#3F3358}
.dev .dv-tile.on{background:linear-gradient(125deg,var(--acc),var(--acc2));border-color:transparent;
 box-shadow:0 10px 22px -8px rgba(232,38,126,.6)}
.dev .dv-tile.on b{color:#fff}
.dev .dv-imp{background:#fff;border:1px solid #F1EBFA;border-radius:14px;padding:12px;box-shadow:0 3px 10px rgba(21,12,38,.05)}
.dev .dv-imp .r{display:flex;align-items:center;gap:9px;margin-bottom:8px}
.dev .dv-imp .r:last-child{margin-bottom:0}
.dev .dv-imp .dot2{width:22px;height:22px;border-radius:7px;flex:0 0 auto}
.dev .dv-imp b{font-size:12px;font-weight:700;flex:1}
.dev .dv-imp .ok2{color:#0FB07A;font-size:12px;font-weight:800}
.dev .dv-bar{height:7px;border-radius:99px;background:#EFE8F9;overflow:hidden;margin-top:4px}
.dev .dv-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--acc),var(--acc2))}
.dev .dv-sw{display:flex;gap:8px;justify-content:center}
.dev .dv-sw span{width:34px;height:34px;border-radius:11px;border:2.5px solid transparent}
.dev .dv-sw span.on{border-color:#150A28}
.dev .dv-field{background:#fff;border:1px solid #F1EBFA;border-radius:12px;padding:10px 12px;
 font-size:12.5px;font-weight:700;display:flex;align-items:center;gap:9px}
.dev .dv-field small{font-weight:500;color:#8B7EA3;font-size:10.5px;display:block}
.dev .dv-ok{background:linear-gradient(125deg,var(--acc),var(--acc2));border-radius:16px;padding:20px 16px;
 text-align:center;color:#fff}
.dev .dv-ok .big2{width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.22);display:grid;
 place-items:center;margin:0 auto 10px;font-size:22px}
.dev .dv-ok b{display:block;font-family:Sora,sans-serif;font-size:17px;font-weight:800;letter-spacing:-.02em}
.dev .dv-ok small{font-size:12px;opacity:.9}
.dev .dv-store{background:#fff;border:1px solid #F1EBFA;border-radius:16px;padding:14px;
 box-shadow:0 3px 10px rgba(21,12,38,.05)}
.dev .dv-store .hd3{display:flex;gap:11px;align-items:center}
.dev .dv-store .hd3>div{flex:1;min-width:0}
.dev .dv-store .ico3{width:46px;height:46px;border-radius:14px;background:linear-gradient(125deg,var(--acc),var(--acc2));
 flex:0 0 auto;display:grid;place-items:center;color:#fff;font-family:Sora,sans-serif;font-weight:800;font-size:20px}
.dev .dv-store b{display:block;font-size:13.5px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dev .dv-store small{font-size:10.5px;color:#8B7EA3;white-space:nowrap}
.dev .dv-get{flex:0 0 auto;background:#0A84FF;color:#fff;border-radius:99px;padding:6px 12px;
 font-size:10.5px;font-weight:800;letter-spacing:.03em;white-space:nowrap}
.dev .dv-get.g{background:#01875F}
.dev .dv-shots{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin-top:12px}
.dev .dv-shots i{height:56px;border-radius:8px;display:block}
.dev .dv-storebar{display:flex;align-items:center;gap:8px;color:#150A28;font-size:12px;font-weight:700;
 padding:2px 0 10px}
.dev .dv-storebar svg{display:block}
/* ── ce que vous recevez ── */
.getgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.gcard{position:relative;background:#fff;border:1.5px solid var(--line);border-radius:22px;padding:28px;
 box-shadow:var(--s1);transition:transform .3s cubic-bezier(.2,1,.3,1),box-shadow .3s,border-color .3s;overflow:hidden}
.gcard::after{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:var(--g);opacity:0;transition:.3s}
.gcard:hover{transform:translateY(-5px);box-shadow:var(--s2);border-color:#D9C9F0}
.gcard:hover::after{opacity:1}
.gcard .top3{display:flex;align-items:flex-start;gap:14px;margin-bottom:12px}
.gcard .num3{font-family:var(--f-d);font-weight:800;font-size:14px;color:#fff;width:34px;height:34px;
 border-radius:11px;background:var(--g);display:grid;place-items:center;flex:0 0 auto}
.gcard h3{font-size:20px;margin:0;flex:1;padding-top:4px}
.gcard p{color:var(--mut);font-size:15.5px}
.inclus{display:inline-flex;align-items:center;gap:7px;margin-top:16px;background:rgba(15,176,122,.12);
 color:#0B7A55;border:1px solid rgba(15,176,122,.28);border-radius:99px;padding:7px 14px;
 font-family:var(--f-d);font-weight:700;font-size:13px;letter-spacing:.02em}
.inclus i{width:17px;height:17px;border-radius:50%;background:#0FB07A;color:#fff;display:grid;place-items:center;
 font-size:10px;font-weight:800}
.getband{margin-top:26px;border-radius:22px;padding:30px 34px;color:#fff;background:var(--g2);
 box-shadow:var(--s3);display:flex;align-items:center;gap:24px;flex-wrap:wrap;justify-content:space-between}
.getband b{font-family:var(--f-d);font-size:clamp(20px,2.4vw,27px);font-weight:800;letter-spacing:-.03em}
.getband p{color:rgba(255,255,255,.82);font-size:15.5px;margin-top:6px}
/* ── avant / après en face à face ── */
.diff{border-radius:24px;overflow:hidden;border:1px solid var(--line);background:#fff;box-shadow:var(--s2)}
.diff .hd4{display:grid;grid-template-columns:1fr 56px 1fr}
.diff .hd4 div{padding:20px 26px;font-family:var(--f-d);font-weight:800;font-size:15px;letter-spacing:.02em}
.diff .hd4 .l{background:var(--wash);color:var(--mut)}
.diff .hd4 .m{background:var(--wash)}
.diff .hd4 .r{background:var(--g2);color:#fff}
.diff .ln{display:grid;grid-template-columns:1fr 56px 1fr;border-top:1px solid var(--line)}
.diff .ln>div{padding:20px 26px;font-size:17px;display:flex;align-items:center;gap:12px}
.diff .ln .l{color:var(--mut);background:var(--wash)}
.diff .ln .l::before{content:"✕";color:var(--rose);font-weight:800;flex:0 0 auto}
.diff .ln .m{background:var(--wash);display:grid;place-items:center;color:var(--mut);font-size:15px}
.diff .ln .r{font-weight:600;color:var(--ink)}
.diff .ln .r::before{content:"✓";color:#0FB07A;font-weight:800;flex:0 0 auto}
.diff .ln:hover .r{background:rgba(123,34,232,.05)}
@media (max-width:900px){
 .getgrid{grid-template-columns:1fr}
 .diff .hd4,.diff .ln{grid-template-columns:1fr}
 .diff .hd4 .m,.diff .ln .m{display:none}
}
/* légende sous le téléphone */
.stepcap{text-align:center;font-family:var(--f-d);font-weight:700;font-size:16px;color:var(--ink);
 min-height:48px;display:flex;align-items:center;justify-content:center;gap:9px;transition:.35s}
.stepcap .pin{width:22px;height:22px;border-radius:50%;background:#0FB07A;color:#fff;display:grid;
 place-items:center;font-size:12px;font-weight:800;flex:0 0 auto}
/* ── explorateur de métiers ── */
.famtabs{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:28px}
.famtab{border:1.5px solid var(--line);background:#fff;border-radius:99px;padding:11px 20px;font-family:var(--f-d);
 font-weight:700;font-size:15px;color:var(--ink2);box-shadow:var(--s1);transition:.25s cubic-bezier(.2,1.2,.4,1);
 display:inline-flex;align-items:center;gap:9px}
.famtab:hover{border-color:var(--iris);color:var(--iris);transform:translateY(-2px)}
.famtab.on{background:var(--g);color:#fff;border-color:transparent;box-shadow:0 12px 26px -12px rgba(232,38,126,.7)}
.fampanels{position:relative;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:var(--s2);
 overflow:hidden}
.fampanel{display:none;padding:34px 34px 30px}
.fampanel.on{display:block;animation:fadeup .45s cubic-bezier(.16,1,.3,1)}
.fampanel .fh{display:flex;align-items:flex-start;gap:16px;margin-bottom:22px;flex-wrap:wrap}
.fampanel .fico{width:52px;height:52px;border-radius:16px;background:var(--g);display:grid;place-items:center;
 font-size:24px;flex:0 0 auto;box-shadow:0 12px 26px -12px rgba(232,38,126,.6)}
.fampanel h3{font-size:24px;margin-bottom:5px}
.fampanel .fsub{color:var(--mut);font-size:16px}
.metiers{display:flex;flex-wrap:wrap;gap:8px}
.met{border:1px solid var(--line);background:var(--wash);border-radius:10px;padding:9px 14px;font-size:14.5px;
 font-weight:600;color:var(--ink2);transition:.2s}
.met:hover{background:#fff;border-color:#D9C9F0;color:var(--iris);transform:translateY(-2px)}
.fampanel .ffeat{margin-top:22px;padding-top:20px;border-top:1px solid var(--line);display:flex;gap:10px;
 flex-wrap:wrap;align-items:center}
.fampanel .ffeat b{font-family:var(--f-d);font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--mut);
 margin-right:4px}
.fampanel .ffeat span{background:rgba(123,34,232,.08);color:var(--iris);border-radius:8px;padding:7px 12px;
 font-size:14px;font-weight:600}
.famnote{text-align:center;margin-top:24px;color:var(--mut);font-size:15.5px}
/* ── duel ── */
.duel{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:0;border-radius:26px;overflow:hidden;
 border:1px solid var(--line);box-shadow:var(--s2)}
.duel .sd{padding:40px 38px}
.duel .sd.l{padding-right:66px}
.duel .sd.r{padding-left:66px}
.duel .sd.l{background:var(--wash)}
.duel .sd.r{background:var(--g2);color:#fff}
.duel .tag2{font-family:var(--f-m);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;opacity:.72;
 display:block;margin-bottom:14px}
.duel .amount{font-family:var(--f-d);font-size:clamp(26px,3vw,38px);font-weight:800;letter-spacing:-.04em;
 line-height:1.05;white-space:nowrap}
.duel .amount small{display:block;font-family:var(--f-b);font-size:15px;font-weight:600;letter-spacing:0;
 margin-top:8px;opacity:.85;white-space:normal}
.duel .sd.l .amount small{color:var(--mut)}
.duel ul{margin-top:22px;display:grid;gap:11px}
.duel li{list-style:none;position:relative;padding-left:26px;font-size:15.5px}
.duel .sd.l li{color:var(--mut)}
.duel .sd.l li::before{content:"✕";position:absolute;left:0;color:var(--rose);font-weight:800}
.duel .sd.r li{color:rgba(255,255,255,.9)}
.duel .sd.r li::before{content:"✓";position:absolute;left:0;color:#8CFFC8;font-weight:800}
.duel .vs{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:74px;height:74px;
 border-radius:50%;background:#fff;border:3px solid var(--line);display:grid;place-items:center;
 font-family:var(--f-d);font-weight:800;font-size:19px;color:var(--ink);z-index:3;box-shadow:0 14px 34px -12px rgba(21,10,40,.35)}

@media (max-width:900px){
 .duel{grid-template-columns:1fr}
 .duel .vs{position:relative;left:auto;top:auto;transform:none;margin:-37px auto -37px}
 .duel .vs::before,.duel .vs::after{display:none}
 .duel .sd.l{padding-bottom:56px}.duel .sd.r{padding-top:56px}
}
/* ── tout ce qu'il y a dedans ── */
.featgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:26px}
.featcard{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:var(--s1);
 transition:.3s cubic-bezier(.2,1,.3,1)}
.featcard:hover{transform:translateY(-4px);box-shadow:var(--s2);border-color:#D9C9F0}
.featcard .fhd{display:flex;align-items:center;gap:11px;margin-bottom:16px}
.featcard .fem{width:36px;height:36px;border-radius:11px;background:var(--wash);display:grid;place-items:center;font-size:17px}
.featcard h4{font-family:var(--f-d);font-size:16px;font-weight:800;margin:0;letter-spacing:-.02em}
.featcard ul{display:grid;gap:8px}
.featcard li{list-style:none;position:relative;padding-left:20px;font-size:14.5px;color:var(--mut)}
.featcard li::before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:2px;background:var(--g)}
.countpill{display:inline-flex;align-items:center;gap:9px;background:var(--ink);color:#fff;border-radius:99px;
 padding:9px 18px;font-family:var(--f-d);font-weight:700;font-size:14.5px;margin-top:26px}
.countpill b{font-size:16px}
@media (max-width:1040px){.featgrid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.featgrid{grid-template-columns:1fr}}
/* ── usages ── */
.usegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.use{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid var(--line);border-radius:16px;
 padding:16px 18px;box-shadow:var(--s1);transition:.28s cubic-bezier(.2,1,.3,1);position:relative;overflow:hidden}
.use::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--g);opacity:0;transition:.28s}
.use:hover{transform:translateY(-4px);box-shadow:var(--s2);border-color:#D9C9F0}
.use:hover::before{opacity:1}
.use .ue{width:38px;height:38px;border-radius:12px;background:var(--wash);display:grid;place-items:center;
 font-size:19px;flex:0 0 auto}
.use b{font-family:var(--f-d);font-size:15.5px;font-weight:700;line-height:1.25;letter-spacing:-.01em}
.use small{display:block;color:var(--mut);font-size:13px;font-weight:500;margin-top:2px}
/* ── secteurs ── */
.sectorwrap{border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:var(--s2);overflow:hidden;margin-top:22px}
.sechead{display:flex;flex-wrap:wrap;gap:6px;padding:18px 22px;border-bottom:1px solid var(--line);background:var(--wash)}
.sectab{border:1px solid var(--line);background:#fff;border-radius:99px;padding:9px 16px;font-size:14px;font-weight:700;
 color:var(--ink2);transition:.22s;display:inline-flex;align-items:center;gap:8px}
.sectab .cnt{font-family:var(--f-m);font-size:11px;color:var(--mut);font-weight:500}
.sectab:hover{border-color:var(--iris);color:var(--iris)}
.sectab.on{background:var(--ink);color:#fff;border-color:transparent}
.sectab.on .cnt{color:rgba(255,255,255,.6)}
.secpanel{display:none;padding:24px 22px}
.secpanel.on{display:block;animation:fadeup .4s cubic-bezier(.16,1,.3,1)}
.seccloud{display:flex;flex-wrap:wrap;gap:7px}
.sec{background:var(--wash);border:1px solid var(--line);border-radius:8px;padding:7px 12px;font-size:13.5px;
 color:var(--ink2);font-weight:500;transition:.18s}
.sec:hover{background:#fff;border-color:#D9C9F0;color:var(--iris)}
/* ── extensions ── */
.extgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}
.extcard{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:var(--s1);
 transition:.3s cubic-bezier(.2,1,.3,1)}
.extcard:hover{transform:translateY(-4px);box-shadow:var(--s2);border-color:#D9C9F0}
.extcard .eh{display:flex;align-items:center;gap:11px;margin-bottom:14px}
.extcard .ee{width:34px;height:34px;border-radius:10px;background:var(--wash);display:grid;place-items:center;font-size:16px}
.extcard h4{font-family:var(--f-d);font-size:15.5px;font-weight:800;margin:0;letter-spacing:-.02em;flex:1}
.extcard .en{font-family:var(--f-m);font-size:11px;color:var(--mut)}
.extcard .cloud{display:flex;flex-wrap:wrap;gap:6px}
.extcard .cloud span{background:var(--wash);border-radius:7px;padding:5px 10px;font-size:12.5px;color:var(--ink2);font-weight:500}
@media (max-width:1040px){.usegrid,.extgrid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.usegrid,.extgrid{grid-template-columns:1fr}}
.dev .dv-h{font-family:Sora,sans-serif;font-size:15px;font-weight:800;letter-spacing:-.02em;color:#150A28;margin:0 0 2px}
.dev .dv-sub{font-size:11.5px;color:#8B7EA3;margin-bottom:6px}
.dev .dv-tiles{gap:8px}
.dev .dv-tile{padding:11px 8px;border-radius:12px}
.dev .dv-tile span{font-size:19px;margin-bottom:3px}
.dev .dv-tile b{font-size:11px}
.dev .dv-row{background:#fff;border:1px solid #F1EBFA;border-radius:12px;padding:10px 12px;display:flex;
 align-items:center;gap:10px;box-shadow:0 3px 10px rgba(21,12,38,.05)}
.dev .dv-row .sq{width:26px;height:26px;border-radius:8px;flex:0 0 auto}
.dev .dv-row b{font-size:12.5px;font-weight:700;flex:1}
.dev .dv-row .ok2{color:#0FB07A;font-size:11.5px;font-weight:800;white-space:nowrap}
.dev .dv-pub{background:#fff;border:1px solid #F1EBFA;border-radius:14px;padding:14px;display:flex;align-items:center;
 gap:13px;box-shadow:0 4px 12px rgba(21,12,38,.07)}
.dev .dv-pub .lg2{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;flex:0 0 auto}
.dev .dv-pub .lg2.ap{background:#000;color:#fff}
.dev .dv-pub .lg2.gp{background:#fff;border:1px solid #EDE6F7}
.dev .dv-pub b{display:block;font-family:Sora,sans-serif;font-size:15px;font-weight:800;letter-spacing:-.02em}
.dev .dv-pub small{font-size:11.5px;color:#8B7EA3}
.dev .dv-pub .chk{margin-left:auto;width:26px;height:26px;border-radius:50%;background:#0FB07A;color:#fff;
 display:grid;place-items:center;font-size:14px;font-weight:800;flex:0 0 auto}
.dev .dv-appid{display:flex;align-items:center;gap:11px;padding:2px 0 4px}
.dev .dv-appid .ic4{width:44px;height:44px;border-radius:13px;background:linear-gradient(125deg,var(--acc),var(--acc2));
 display:grid;place-items:center;color:#fff;font-family:Sora,sans-serif;font-weight:800;font-size:17px}
.dev .dv-appid b{display:block;font-family:Sora,sans-serif;font-size:15px;font-weight:800}
.dev .dv-appid small{font-size:11.5px;color:#8B7EA3}
/* ── bandeau d'usages animé ── */
.usebelt{margin-top:6px}
.ubrow{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
 mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);padding:6px 0}
.ubtrack{display:flex;gap:12px;width:max-content}
.ubtrack.a{animation:beltL 46s linear infinite}
.ubtrack.b{animation:beltR 52s linear infinite}
.ubtrack.c{animation:beltL 58s linear infinite}
.ubrow:hover .ubtrack{animation-play-state:paused}
@keyframes beltL{to{transform:translateX(-50%)}}
@keyframes beltR{from{transform:translateX(-50%)}to{transform:translateX(0)}}
.ub{display:inline-flex;align-items:center;gap:11px;background:#fff;border:1px solid var(--line);border-radius:14px;
 padding:14px 20px;white-space:nowrap;box-shadow:var(--s1);font-family:var(--f-d);font-weight:700;font-size:16.5px;
 letter-spacing:-.01em;transition:.25s}
.ub:hover{border-color:#D9C9F0;transform:translateY(-3px);box-shadow:var(--s2)}
.ub .ue2{width:32px;height:32px;border-radius:10px;background:var(--wash);display:grid;place-items:center;font-size:16px;flex:0 0 auto}
/* ── secteurs aérés ── */
.sec{padding:10px 16px;font-size:15px}
.seccloud{gap:10px}
.secpanel{padding:28px 26px}
/* ── galerie back-office ── */
.videocard{position:relative;border-radius:24px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--s3);
 background:linear-gradient(135deg,#2B0B52,#7B22E8 48%,#E8267E);aspect-ratio:16/9;display:grid;place-items:center;
 text-decoration:none;color:#fff;transition:.3s}
.videocard:hover{transform:translateY(-4px)}
.videocard::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.14) 1px,transparent 1px);
 background-size:24px 24px;opacity:.5}
.videocard .vin{position:relative;z-index:2;text-align:center;padding:20px}
.videocard .play2{width:78px;height:78px;border-radius:50%;background:rgba(255,255,255,.96);display:grid;place-items:center;
 margin:0 auto 18px;box-shadow:0 20px 50px -20px rgba(0,0,0,.6);transition:.3s}
.videocard:hover .play2{transform:scale(1.08)}
.videocard .play2::after{content:"";border-left:26px solid #7B22E8;border-top:16px solid transparent;
 border-bottom:16px solid transparent;margin-left:7px}
.videocard b{display:block;font-family:var(--f-d);font-size:clamp(20px,2.4vw,28px);font-weight:800;letter-spacing:-.03em}
.videocard span{display:block;color:rgba(255,255,255,.8);font-size:15px;margin-top:8px}
.shotgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}
.shot{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;box-shadow:var(--s1);
 transition:.3s cubic-bezier(.2,1,.3,1)}
.shot:hover{transform:translateY(-5px);box-shadow:var(--s2)}
.shot .chrome{height:32px;background:var(--wash);border-bottom:1px solid var(--line);display:flex;align-items:center;
 gap:6px;padding:0 12px}
.shot .chrome i{width:9px;height:9px;border-radius:50%;background:#DCD2EC;display:block}
.shot .chrome span{margin-left:8px;font-family:var(--f-m);font-size:10px;color:var(--mut);letter-spacing:.06em}
.shot .canvas{height:186px;display:flex;background:#fff}
.shot .side2{width:66px;background:var(--wash);border-right:1px solid var(--line);padding:10px 8px;display:grid;
 gap:7px;align-content:start}
.shot .side2 i{height:8px;border-radius:3px;background:#E4DAF0;display:block}
.shot .side2 i:first-child{background:var(--g)}
.shot .main2{flex:1;padding:12px;display:grid;gap:8px;align-content:start}
.shot .main2 i{height:9px;border-radius:3px;background:#EFE8F9;display:block}
.shot .main2 .blk{height:52px;border-radius:8px;background:linear-gradient(120deg,#F3ECFC,#FBE9F3)}
.shot .main2 .rowx{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.shot .main2 .rowx i{height:38px;border-radius:8px}
.shot .cap{padding:14px 16px;border-top:1px solid var(--line)}
.shot .cap b{display:block;font-family:var(--f-d);font-size:15px;font-weight:700}
.shot .cap small{color:var(--mut);font-size:13px}
@media (max-width:900px){.shotgrid{grid-template-columns:1fr}}
/* ── galerie back-office ── */
.galwrap{border:1px solid var(--line);border-radius:26px;background:#fff;box-shadow:var(--s2);overflow:hidden;margin-top:26px}
.galhead{display:flex;flex-wrap:wrap;gap:6px;padding:16px 20px;background:var(--wash);border-bottom:1px solid var(--line)}
.galtab{border:1px solid var(--line);background:#fff;border-radius:99px;padding:9px 16px;font-size:14px;font-weight:700;
 color:var(--ink2);transition:.22s;display:inline-flex;align-items:center;gap:8px}
.galtab .n2{font-family:var(--f-m);font-size:11px;color:var(--mut);font-weight:500}
.galtab:hover{border-color:var(--iris);color:var(--iris)}
.galtab.on{background:var(--ink);color:#fff;border-color:transparent}
.galtab.on .n2{color:rgba(255,255,255,.6)}
.galbody{display:grid;grid-template-columns:1fr 190px;gap:0}
.galmain{padding:26px;border-right:1px solid var(--line);min-width:0}
.galframe{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;box-shadow:var(--s1)}
.galframe .chrome{height:34px;background:var(--wash);border-bottom:1px solid var(--line);display:flex;align-items:center;
 gap:6px;padding:0 14px}
.galframe .chrome i{width:9px;height:9px;border-radius:50%;background:#DCD2EC;display:block}
.galframe .chrome span{margin-left:10px;font-family:var(--f-m);font-size:10.5px;color:var(--mut);letter-spacing:.05em}
.galcanvas{height:420px;display:flex;background:#fff;animation:fadeup .4s cubic-bezier(.16,1,.3,1)}
.galcanvas .side3{width:120px;background:var(--wash);border-right:1px solid var(--line);padding:16px 12px;display:grid;
 gap:9px;align-content:start}
.galcanvas .side3 i{height:10px;border-radius:4px;background:#E4DAF0;display:block}
.galcanvas .side3 i.act{background:var(--g)}
.galcanvas .main3{flex:1;padding:20px;display:grid;gap:12px;align-content:start;min-width:0}
.galcanvas .main3 i{height:11px;border-radius:4px;background:#EFE8F9;display:block}
.galcanvas .main3 .hero3{height:96px;border-radius:12px;background:linear-gradient(120deg,#F1E7FC,#FCE7F1)}
.galcanvas .main3 .g3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.galcanvas .main3 .g3 i{height:78px;border-radius:10px;background:linear-gradient(140deg,#F3ECFC,#FBE9F3)}
.galcanvas .main3 .g2b{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.galcanvas .main3 .g2b i{height:110px;border-radius:10px;background:linear-gradient(140deg,#EDF3FF,#F6ECFF)}
.galcanvas .main3 .lst i{height:44px;border-radius:10px;background:#F7F2FD;margin-bottom:9px}
.galcanvas .main3 .chart{height:150px;border-radius:12px;background:linear-gradient(180deg,#F7F2FD,#fff);
 border:1px solid var(--line);position:relative;overflow:hidden}
.galcanvas .main3 .chart::after{content:"";position:absolute;left:0;right:0;bottom:0;height:70%;
 background:linear-gradient(180deg,rgba(232,38,126,.22),transparent);
 clip-path:polygon(0 70%,12% 55%,25% 62%,38% 35%,52% 44%,66% 22%,80% 32%,100% 10%,100% 100%,0 100%)}
.galcanvas .phone3{width:150px;border-radius:22px;background:#150A28;padding:6px;margin-left:auto;align-self:center;flex:0 0 auto}
.galcanvas .phone3 .s3{border-radius:17px;background:#fff;height:270px;overflow:hidden}
.galcanvas .phone3 .t3{height:56px;background:var(--g)}
.galcanvas .phone3 .b3{padding:9px;display:grid;gap:7px}
.galcanvas .phone3 .b3 i{height:9px;border-radius:3px;background:#EFE8F9;display:block}
.galcanvas .phone3 .b3 .k3{height:46px;border-radius:8px;background:linear-gradient(140deg,#F3ECFC,#FBE9F3)}
.galcap{margin-top:16px}
.galcap b{display:block;font-family:var(--f-d);font-size:19px;font-weight:800;letter-spacing:-.02em}
.galcap small{color:var(--mut);font-size:14.5px}
.galthumbs{padding:20px 16px;display:grid;gap:12px;align-content:start;background:var(--wash)}
.gth{border:2px solid transparent;border-radius:12px;overflow:hidden;background:#fff;cursor:pointer;
 box-shadow:var(--s1);transition:.22s;padding:0}
.gth:hover{transform:translateY(-2px)}
.gth.on{border-color:var(--iris);box-shadow:0 0 0 3px rgba(123,34,232,.12)}
.gth .tc{height:64px;display:flex}
.gth .tc .ts{width:22px;background:var(--wash);border-right:1px solid var(--line)}
.gth .tc .tm{flex:1;padding:7px;display:grid;gap:5px;align-content:start}
.gth .tc .tm i{height:5px;border-radius:2px;background:#EFE8F9;display:block}
.gth .tc .tm .tb2{height:22px;border-radius:4px;background:linear-gradient(120deg,#F1E7FC,#FCE7F1)}
.gth .tl{padding:7px 9px;font-size:11.5px;font-weight:700;color:var(--ink2);text-align:left;
 border-top:1px solid var(--line);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.galcount{font-family:var(--f-m);font-size:11px;color:var(--mut);letter-spacing:.1em;text-align:center;padding-top:4px}
@media (max-width:900px){
 .galbody{grid-template-columns:1fr}
 .galmain{border-right:0;border-bottom:1px solid var(--line);padding:18px}
 .galcanvas{height:300px}
 .galcanvas .phone3{display:none}
 .galthumbs{grid-template-columns:repeat(3,1fr);display:grid}
}
/* ── lightbox vidéo ── */
.lb{position:fixed;inset:0;z-index:500;background:rgba(12,6,24,.82);backdrop-filter:blur(8px);
 display:none;align-items:center;justify-content:center;padding:28px}
.lb.on{display:flex;animation:lbin .3s ease}
@keyframes lbin{from{opacity:0}}
.lb .box{width:min(980px,100%);background:#0C0618;border-radius:20px;overflow:hidden;box-shadow:0 50px 120px -40px #000;
 border:1px solid rgba(255,255,255,.14)}
.lb .bar2{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;color:#fff;
 font-family:var(--f-d);font-weight:700;font-size:15px;border-bottom:1px solid rgba(255,255,255,.1)}
.lb .close{background:none;border:0;color:rgba(255,255,255,.7);font-size:24px;line-height:1;padding:4px 8px;border-radius:8px}
.lb .close:hover{background:rgba(255,255,255,.12);color:#fff}
.lb .frame{aspect-ratio:16/9;background:#000;display:grid;place-items:center}
.lb iframe{width:100%;height:100%;border:0;display:block}
.lb .fallback{color:rgba(255,255,255,.7);text-align:center;padding:26px;font-size:15px}
.lb .fallback a{color:#fff;font-weight:700}
/* ── sélecteur de pages (maquette) ── */







/* ── barre collante mobile ── */
.stickycta{position:fixed;left:0;right:0;bottom:0;z-index:250;background:rgba(255,255,255,.94);
 backdrop-filter:blur(14px);border-top:1px solid var(--line);padding:12px 16px;display:none;
 align-items:center;gap:14px;box-shadow:0 -8px 30px -12px rgba(21,10,40,.25)}
.stickycta .p2{flex:1;min-width:0}
.stickycta .p2 b{display:block;font-family:var(--f-d);font-size:16px;font-weight:800;letter-spacing:-.03em;line-height:1.15;white-space:nowrap}
.stickycta .p2 small{color:var(--mut);font-size:12.5px}
.stickycta .btn{padding:13px 18px;font-size:14.5px;flex:0 0 auto;white-space:nowrap}
@media (max-width:900px){.stickycta{display:flex}body{padding-bottom:78px}}
/* ── vitrine ── */
.vitwrap{max-width:1180px;margin:0 auto}
.vitfilt{display:flex;gap:9px;flex-wrap:wrap;justify-content:center;margin:0 0 40px}
.vfil{background:#fff;border:1.5px solid var(--line);border-radius:99px;padding:9px 17px;font-size:14.5px;
 font-weight:600;color:var(--mut);transition:.22s;box-shadow:var(--s1)}
.vfil:hover{border-color:#C9AEF0;color:var(--ink)}
.vfil.on{background:var(--g);border-color:transparent;color:#fff;box-shadow:0 10px 26px -12px rgba(123,34,232,.7)}
.vitstage{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:64px;align-items:center;
 background:#fff;border:1px solid var(--line);border-radius:32px;padding:44px 48px;box-shadow:var(--s2);
 position:relative;overflow:hidden}
.vitstage::before{content:"";position:absolute;inset:-40% -10% auto auto;width:520px;height:520px;border-radius:50%;
 background:radial-gradient(circle,rgba(123,34,232,.16),transparent 68%);pointer-events:none}
.vitstage::after{content:"";position:absolute;inset:auto auto -45% -12%;width:460px;height:460px;border-radius:50%;
 background:radial-gradient(circle,rgba(232,38,126,.14),transparent 70%);pointer-events:none}
.vitshow{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;min-height:626px}
.vitrail{position:relative;width:290px;height:598px;flex:0 0 auto}
.vitslide{position:absolute;inset:0;opacity:0;transform:translateX(34px) scale(.965);
 transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1);pointer-events:none}
.vitslide.on{opacity:1;transform:none;pointer-events:auto}
.vitslide.pv{transform:translateX(-34px) scale(.965)}
.vitarrow{width:46px;height:46px;border-radius:50%;background:#fff;border:1.5px solid var(--line);
 color:var(--ink);font-size:22px;line-height:1;display:grid;place-items:center;flex:0 0 auto;
 box-shadow:var(--s1);transition:.2s;z-index:3;position:relative}
.vitarrow:hover{background:var(--g);color:#fff;border-color:transparent;transform:scale(1.08)}
.vitcapline{display:flex;justify-content:center;margin-top:-14px;position:relative;z-index:4}
.vitcap{background:#160C29;color:#fff;border-radius:99px;padding:8px 18px;font-size:12.5px;font-weight:700;
 white-space:nowrap;box-shadow:0 12px 28px -12px rgba(21,10,40,.6)}
.vitdots{display:flex;gap:7px;justify-content:center;margin-top:22px;position:relative;z-index:3}
.vitdots i{width:8px;height:8px;border-radius:99px;background:#DED4EE;transition:.28s;cursor:pointer;display:block}
.vitdots i.on{width:26px;background:var(--g)}
.vitinfo{position:relative;z-index:2}
.vtag{display:inline-block;font-family:var(--f-m);font-size:10.5px;letter-spacing:.15em;text-transform:uppercase;
 font-weight:700;color:var(--iris);background:rgba(123,34,232,.09);border-radius:99px;padding:6px 13px;margin-bottom:16px}
.vitinfo h3{font-family:var(--f-d);font-size:clamp(28px,3.2vw,38px);font-weight:800;letter-spacing:-.035em;
 line-height:1.06;margin-bottom:12px}
.vitinfo .vd{color:var(--mut);font-size:17px;line-height:1.55;margin-bottom:24px}
.vpts{list-style:none;display:flex;flex-direction:column;gap:11px;margin-bottom:30px}
.vpts li{display:flex;gap:11px;align-items:flex-start;font-size:15.5px;line-height:1.45}
.vpts li b{width:21px;height:21px;border-radius:50%;background:var(--g);color:#fff;font-size:11px;
 display:grid;place-items:center;flex:0 0 auto;margin-top:2px}
.vitacts{display:flex;gap:11px;flex-wrap:wrap}
.vitcount{margin-top:20px;font-family:var(--f-m);font-size:12px;color:var(--mut);letter-spacing:.04em}
.vitstrip{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-top:26px}
.vth{background:#fff;border:1.5px solid var(--line);border-radius:18px;padding:14px 12px;text-align:left;
 transition:.24s cubic-bezier(.2,1.2,.4,1);box-shadow:var(--s1)}
.vth:hover{transform:translateY(-3px);border-color:#C9AEF0}
.vth.on{border-color:var(--iris);box-shadow:0 0 0 3px rgba(123,34,232,.12)}
.vth .vsw{height:52px;border-radius:12px;margin-bottom:10px}
.vth b{display:block;font-size:13.5px;font-weight:700;line-height:1.25;letter-spacing:-.01em}
.vth small{display:block;font-size:11.5px;color:var(--mut);margin-top:3px}
/* écrans vitrine */
.dev .v-hero{position:relative;height:168px;border-radius:16px;overflow:hidden;flex:0 0 auto}
.dev .v-hero .lg{position:absolute;inset:auto 0 0 0;padding:12px 13px;color:#fff;
 background:linear-gradient(transparent,rgba(16,8,30,.78))}
.dev .v-hero .lg b{display:block;font-size:14.5px;font-weight:800;letter-spacing:-.02em;line-height:1.15}
.dev .v-hero .lg small{font-size:11px;opacity:.9}
.dev .v-buy{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff;
 border:1px solid #F1EBFA;border-radius:14px;padding:11px 12px;box-shadow:0 3px 10px rgba(21,12,38,.05)}
.dev .v-buy .pz{font-family:var(--f-d);font-size:19px;font-weight:800;
 letter-spacing:-.03em;color:var(--acc)}
.dev .v-cta{background:linear-gradient(125deg,var(--acc),var(--acc2));color:#fff;border-radius:11px;
 padding:9px 14px;font-size:12px;font-weight:700;white-space:nowrap}
.dev .v-chips{display:flex;gap:6px;flex-wrap:wrap}
.dev .v-chips span{border:1px solid #E9E0F6;border-radius:99px;padding:5px 11px;font-size:11px;font-weight:600;color:#6C5F84}
.dev .v-chips span.on{background:var(--acc);border-color:transparent;color:#fff}
.dev .v-tot{display:flex;justify-content:space-between;align-items:baseline;padding:11px 12px;border-radius:14px;
 background:linear-gradient(125deg,var(--acc),var(--acc2));color:#fff}
.dev .v-tot span{font-size:11.5px;opacity:.9}
.dev .v-tot b{font-family:var(--f-d);font-size:19px;font-weight:800;letter-spacing:-.03em}
.dev .v-note{font-size:10.5px;color:#8B7EA3;text-align:center}
.dev .v-lbl{font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:#9A8DB2}
.dev .v-stat{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.dev .v-stat div{background:#fff;border:1px solid #F1EBFA;border-radius:13px;padding:10px;text-align:center;
 box-shadow:0 3px 10px rgba(21,12,38,.05)}
.dev .v-stat b{display:block;font-family:var(--f-d);font-size:20px;font-weight:800;
 letter-spacing:-.03em;color:var(--acc)}
.dev .v-stat small{font-size:10px;color:#8B7EA3}
.dev .v-score{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#fff;
 border:1px solid #F1EBFA;border-radius:14px;padding:10px 12px;box-shadow:0 3px 10px rgba(21,12,38,.05)}
.dev .v-score em{font-style:normal;font-size:12px;font-weight:600;flex:1;min-width:0}
.dev .v-score i{font-style:normal;font-family:var(--f-d);font-size:15px;font-weight:800;color:var(--acc)}
.dev .v-cal{background:#fff;border:1px solid #F1EBFA;border-radius:14px;padding:10px;display:flex;gap:11px;
 align-items:center;box-shadow:0 3px 10px rgba(21,12,38,.05)}
.dev .v-cal .dt{width:44px;flex:0 0 auto;text-align:center;border-radius:10px;padding:5px 0;
 background:linear-gradient(125deg,var(--acc),var(--acc2));color:#fff}
.dev .v-cal .dt b{display:block;font-size:15px;font-weight:800;line-height:1}
.dev .v-cal .dt small{font-size:9px;text-transform:uppercase;letter-spacing:.08em;opacity:.9}
@media (max-width:1040px){
 .vitstage{grid-template-columns:1fr;gap:34px;padding:32px 20px}
 .vitshow{min-height:626px}
 .vitstrip{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:560px){
 .vitshow{min-height:626px;gap:0}
 .vitarrow{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;font-size:19px}
 .vitarrow:hover{transform:translateY(-50%) scale(1.06)}
 #vprev{left:-8px}
 #vnext{right:-8px}
 .vitcapline{margin-top:4px}
 .vitcap{font-size:11.5px;padding:7px 15px}
 .vitstrip{grid-template-columns:repeat(2,1fr)}
}

/* bascule téléphone / ordinateur */
.vmode{display:flex;gap:6px;justify-content:center;margin-bottom:16px;position:relative;z-index:3}
.vmode button{width:38px;height:34px;border-radius:10px;border:1.5px solid var(--line);background:#fff;
 color:var(--mut);display:grid;place-items:center;transition:.2s;box-shadow:var(--s1)}
.vmode button:hover{border-color:#C9AEF0;color:var(--ink)}
.vmode button.on{background:var(--g);border-color:transparent;color:#fff;box-shadow:0 8px 20px -10px rgba(123,34,232,.8)}
/* la scène garde la même hauteur dans les deux vues */
.vitrail.web{width:100%;max-width:100%;min-width:0;height:598px;display:flex;align-items:center}
.vitrail.web .vitslide{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.vitrail.web .vitwin{max-height:470px;max-width:100%}
.vitstage.web{grid-template-columns:minmax(0,1fr) 320px;gap:36px}
.vitstage.web .vitshow{min-width:0;position:relative}
.vitstage.web .vitarrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5}
.vitstage.web .vitarrow:hover{transform:translateY(-50%) scale(1.08)}
.vitstage.web #vprev{left:-10px}
.vitstage.web #vnext{right:-10px}
.vitstage.web .vitshow{gap:14px}
.vlive{margin-bottom:20px}
.vlive a{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-m);font-size:13.5px;font-weight:700;
 color:var(--iris);text-decoration:none;border-bottom:1.5px solid rgba(123,34,232,.3);padding-bottom:2px}
.vlive a:hover{border-color:var(--iris)}
/* ── vitrine : vue ordinateur (fenêtre de navigateur) ── */
.vitwin{width:100%;max-width:760px;border-radius:14px;overflow:hidden;background:#fff;
 box-shadow:0 44px 90px -42px rgba(22,12,41,.55),0 0 0 1px rgba(22,12,41,.07);display:flex;flex-direction:column}
.vitwin .wbar{height:40px;background:linear-gradient(#F6F2FC,#EDE7F7);display:flex;align-items:center;gap:7px;
 padding:0 14px;border-bottom:1px solid #E4DAF3;flex:0 0 auto}
.vitwin .wbar i{width:11px;height:11px;border-radius:50%;display:block}
.vitwin .wbar i:nth-child(1){background:#FF5F57}
.vitwin .wbar i:nth-child(2){background:#FEBC2E}
.vitwin .wbar i:nth-child(3){background:#28C840}
.vitwin .wbar b{margin-left:14px;flex:1;max-width:340px;background:#fff;border:1px solid #E4DAF3;border-radius:99px;
 padding:5px 14px;font-size:11px;font-weight:600;color:#8B7EA3;font-family:var(--f-m);text-align:center}
.dev.web{width:100%!important;border-radius:0!important;padding:0!important;background:none!important;
 box-shadow:none!important;display:flex;flex-direction:column;flex:1;min-height:0}
.dev.web .whd{display:flex;align-items:center;gap:20px;padding:15px 24px;
 background:linear-gradient(125deg,var(--acc),var(--acc2));color:#fff;flex:0 0 auto}
.dev.web .wlogo{font-family:var(--f-d);font-weight:800;font-size:17px;letter-spacing:-.03em}
.dev.web .whd nav{display:flex;gap:16px;margin-left:auto}
.dev.web .whd nav span{font-size:12.5px;font-weight:600;opacity:.72;white-space:nowrap}
.dev.web .whd nav span.on{opacity:1;border-bottom:2px solid rgba(255,255,255,.9);padding-bottom:2px}
.dev.web .wcta{background:rgba(255,255,255,.2);border-radius:99px;padding:6px 13px;font-size:11.5px;font-weight:700;
 flex:0 0 auto}
.dev.web .wbody{padding:20px 24px;background:#FBF9FE;display:flex;flex-direction:column;gap:14px;flex:1;
 overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 88%,transparent);
 mask-image:linear-gradient(180deg,#000 88%,transparent)}
.dev.web .wft{border-top:1px solid #EDE6F7;background:#fff;padding:11px 24px;display:flex;
 justify-content:space-between;font-size:11px;color:#9A8DB2;flex:0 0 auto}
/* remise en page « ordinateur » des mêmes écrans, en plus calme */
.dev.web .hb{padding:22px 26px;border-radius:16px}
.dev.web .hb .t{font-size:26px}
.dev.web .hb .s{font-size:13.5px}
.dev.web .g2{grid-template-columns:repeat(4,1fr);gap:14px}
.dev.web .it{padding:11px}
.dev.web .it .im{height:96px}
.dev.web .it b{font-size:13.5px}
.dev.web .it span{font-size:14px}
.dev.web .rw{padding:13px 15px;gap:14px}
.dev.web .rw .im{width:52px;height:52px}
.dev.web .rw b{font-size:14.5px}
.dev.web .rw small{font-size:12.5px}
.dev.web .rw:nth-of-type(n+4){display:none}
.dev.web .v-hero{height:190px}
.dev.web .v-hero .lg b{font-size:19px}
.dev.web .v-stat{grid-template-columns:repeat(4,1fr)}
.dev.web .v-cal,.dev.web .v-score{padding:13px 15px}
.dev.web .v-lbl{font-size:11px}
.dev.web .v-chips span,.dev.web .v-buy,.dev.web .v-tot{font-size:13.5px}
/* ── barre : lien Mon compte ── */
.acct{display:inline-flex;align-items:center;gap:7px;color:var(--ink2);text-decoration:none;font-size:15px;
 font-weight:700;padding:9px 13px;border-radius:9px;white-space:nowrap;flex:0 0 auto;border:1.5px solid var(--line)}
.acct:hover{border-color:#C9AEF0;color:var(--iris)}
.acct .ai{width:16px;height:16px;border-radius:50%;background:var(--g);flex:0 0 auto;position:relative}
.acct .ai::after{content:"";position:absolute;inset:3px 3px auto 3px;height:5px;border-radius:99px;background:#fff;opacity:.9}
a.btn{text-decoration:none}
/* — menu mobile — */
.burger{display:none;width:44px;height:44px;border-radius:12px;border:1.5px solid var(--line);background:#fff;
 flex:0 0 auto;padding:0;place-items:center;gap:5px;flex-direction:column;box-shadow:var(--s1);transition:.2s}
.burger span{display:block;width:18px;height:2px;border-radius:2px;background:var(--ink);transition:.28s cubic-bezier(.2,1.2,.4,1)}
.burger:hover{border-color:#C9AEF0}
body.mopen .burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
body.mopen .burger span:nth-child(2){opacity:0;transform:scaleX(.4)}
body.mopen .burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mnav{position:fixed;inset:0;z-index:400;background:rgba(21,10,40,.42);backdrop-filter:blur(6px);
 opacity:0;pointer-events:none;transition:opacity .3s}
body.mopen .mnav{opacity:1;pointer-events:auto}
.mnavin{position:absolute;inset:0 0 0 auto;width:min(400px,88vw);background:#fff;display:flex;
 flex-direction:column;padding:18px 22px 26px;transform:translateX(100%);
 transition:transform .38s cubic-bezier(.16,1,.3,1);box-shadow:-30px 0 70px -30px rgba(21,10,40,.4);
 overflow-y:auto}
body.mopen .mnavin{transform:none}
.mnavhd{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:22px}
.mnavhd .brand img{height:30px}
.mclose{width:40px;height:40px;border-radius:12px;border:1.5px solid var(--line);background:#fff;
 font-size:24px;line-height:1;color:var(--ink);display:grid;place-items:center;padding:0}
.mnavlinks{display:flex;flex-direction:column}
.mnavlinks a{font-family:var(--f-d);font-size:20px;font-weight:800;letter-spacing:-.03em;color:var(--ink);
 text-decoration:none;padding:15px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;
 justify-content:space-between}
.mnavlinks a::after{content:"→";color:var(--iris);font-size:16px;opacity:.55}
.mnavlinks a:active{color:var(--iris)}
.mnavfoot{margin-top:auto;padding-top:24px;display:flex;flex-direction:column;gap:12px}
.mnavfoot .btn{width:100%;justify-content:center}
.acct2{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1.5px solid var(--line);
 border-radius:14px;padding:14px;font-family:var(--f-d);font-weight:700;font-size:16px;color:var(--ink);
 text-decoration:none}
.acct2 .ai{width:18px;height:18px;border-radius:50%;background:var(--g);flex:0 0 auto}
.mnavfoot p{color:var(--mut);font-size:13px;text-align:center;margin-top:2px}
@media (max-width:1040px){.burger{display:flex;margin-left:auto}}
.bar .in{gap:14px}
.barlinks{gap:2px}
.barlinks a{padding:9px 11px;font-size:15px}
.bar .in .btn.s{padding:12px 18px;font-size:15px}
@media (max-width:1180px){.barlinks a{padding:8px 8px;font-size:14px}.acct{padding:8px 11px;font-size:14px}}
@media (max-width:1040px){.acct{display:none}}
/* ── héros : scène et variantes ── */
.heroscene{position:relative;display:flex;flex-direction:column;align-items:center;gap:18px;width:100%}
.hwin{position:absolute;left:-6%;top:70px;width:106%;max-width:530px;border-radius:14px;overflow:hidden;
 background:#fff;box-shadow:0 40px 90px -40px rgba(22,12,41,.5),0 0 0 1px rgba(22,12,41,.06);
 display:flex;flex-direction:column;z-index:1;transform:perspective(1400px) rotateY(9deg) scale(.94);
 transform-origin:right center;opacity:.96}
.hwin .hwbar{height:30px;background:#F3EFFA;display:flex;align-items:center;gap:6px;padding:0 12px;
 border-bottom:1px solid #E9E1F5;flex:0 0 auto}
.hwin .hwbar i{width:8px;height:8px;border-radius:50%;background:#D9CEEB;display:block}
.hwin .hwbar b{margin-left:8px;flex:1;background:#fff;border-radius:99px;padding:3px 10px;font-size:9.5px;
 font-weight:600;color:#9A8DB2;text-align:center;font-family:var(--f-m)}
.hwin .hwhd{display:flex;align-items:center;gap:14px;padding:11px 16px;
 background:linear-gradient(125deg,#B026FF,#FF2D8E);color:#fff}
.hwin .hwhd em{font-style:normal;font-family:var(--f-d);font-weight:800;font-size:13.5px;letter-spacing:-.02em}
.hwin .hwnav{display:flex;gap:11px;margin-left:auto}
.hwin .hwnav s{text-decoration:none;font-size:10.5px;font-weight:600;opacity:.8}
.hwin .hwhd u{text-decoration:none;background:rgba(255,255,255,.22);border-radius:99px;padding:4px 10px;
 font-size:10px;font-weight:700}
.hwin .hwbody{padding:14px;background:#FBF9FE;display:flex;flex-direction:column;gap:11px}
.hwin .hwhero{border-radius:12px;padding:16px 18px;background:linear-gradient(125deg,#B026FF,#FF2D8E);
 color:#fff;display:flex;flex-direction:column;gap:4px}
.hwin .hwhero s{text-decoration:none;font-size:8.5px;font-weight:800;letter-spacing:.14em;opacity:.85}
.hwin .hwhero b{font-family:var(--f-d);font-size:17px;font-weight:800;letter-spacing:-.03em}
.hwin .hwgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}
.hwin .hwgrid i{height:56px;border-radius:9px;display:block}
.hwin .g1{background:linear-gradient(140deg,#FF9EC7,#E8267E)}
.hwin .g2x{background:linear-gradient(140deg,#FFD36B,#FF8A1F)}
.hwin .g3{background:linear-gradient(140deg,#9B6BFF,#38B6FF)}
.hwin .g4{background:linear-gradient(140deg,#5BE8C4,#0F9D8F)}
.heroscene #hero-dev{position:relative;z-index:2}
.heroscene .badges{position:relative;z-index:2}

#hero-dev .hb{padding:14px 16px}
#hero-dev .hb .t{font-size:18px}
#hero-dev .hb .k{font-size:9px}
#hero-dev .hb .s{font-size:11.5px}
#hero-dev .body{gap:10px}
#hero-dev .rw{padding:11px}
#hero-dev .rw b{font-size:13px}
#hero-dev .rw small{font-size:11.5px}

/* variante 2 — immersif */
.hero.v2{overflow:hidden}
.hero.v2 .in{grid-template-columns:1fr;position:relative;z-index:2}
.hero.v2 .in>div:first-child{max-width:640px}
.hero.v2 .d1{font-size:clamp(42px,6.4vw,82px);line-height:.98}
.hero.v2 .heroscene{position:absolute;right:-18px;top:-30px;width:470px;align-items:flex-end;z-index:1;
 pointer-events:none}
.hero.v2 .hwin{display:none}
.hero.v2 #hero-dev{transform:scale(1.2) rotate(-3deg);transform-origin:top right;
 -webkit-mask-image:linear-gradient(#000 82%,transparent);mask-image:linear-gradient(#000 82%,transparent)}
.hero.v2 .badges{display:none}
.hero.v2 .tagline{background:#fff}

/* sélecteur de héros dans la barre de maquette */
.heropick{display:inline-flex;align-items:center;gap:6px;margin-left:14px}
.heropick span{font-family:var(--f-m);font-size:10px;letter-spacing:.14em;text-transform:uppercase;
 color:rgba(255,255,255,.42)}
.heropick button{background:none;border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.7);
 border-radius:8px;padding:5px 10px;font-size:12px;font-weight:700;transition:.2s}
.heropick button.on{background:#fff;color:#150A28;border-color:#fff}
@media (max-width:1040px){
 .hwin{display:none}
 .hero.v2 .heroscene{position:relative;right:auto;top:auto;width:100%;align-items:center;margin-top:26px}
 .hero.v2 #hero-dev{transform:scale(1) rotate(0);mask-image:none;-webkit-mask-image:none}
}
/* ── blog ── */
.blogfilt{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:38px}
.bfil{background:#fff;border:1.5px solid var(--line);border-radius:99px;padding:9px 16px;font-size:14px;
 font-weight:600;color:var(--mut);transition:.22s;box-shadow:var(--s1)}
.bfil:hover{border-color:#C9AEF0;color:var(--ink)}
.bfil.on{background:var(--g);border-color:transparent;color:#fff;box-shadow:0 10px 26px -12px rgba(123,34,232,.7)}
.bfeat{display:grid;grid-template-columns:1.05fr 1fr;gap:0;background:#fff;border:1px solid var(--line);
 border-radius:26px;overflow:hidden;box-shadow:var(--s2);margin-bottom:26px}
.bfeat .bimg{min-height:300px;position:relative}
.bfeat .bin{padding:38px 40px;display:flex;flex-direction:column;justify-content:center}
.bfeat h3{font-family:var(--f-d);font-size:clamp(24px,2.8vw,34px);font-weight:800;letter-spacing:-.035em;
 line-height:1.08;margin:14px 0 12px}
.bfeat p{color:var(--mut);font-size:16.5px;line-height:1.55;margin-bottom:20px}
.bgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.bcard{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:var(--s1);
 display:flex;flex-direction:column;transition:.24s cubic-bezier(.2,1.2,.4,1);text-align:left}
.bcard:hover{transform:translateY(-4px);box-shadow:var(--s2);border-color:#D9C9F0}
.bcard .bimg{height:150px}
.bcard .bin{padding:20px 20px 22px;display:flex;flex-direction:column;flex:1}
.bcard h3{font-family:var(--f-d);font-size:18px;font-weight:800;letter-spacing:-.025em;line-height:1.18;
 margin:12px 0 8px}
.bcard p{color:var(--mut);font-size:14.5px;line-height:1.5;margin-bottom:16px}
.btag{display:inline-block;font-family:var(--f-m);font-size:10px;letter-spacing:.14em;text-transform:uppercase;
 font-weight:700;color:var(--iris);background:rgba(123,34,232,.09);border-radius:99px;padding:5px 11px;
 align-self:flex-start}
.bmeta{margin-top:auto;display:flex;align-items:center;gap:9px;color:var(--mut);font-size:13px;
 font-family:var(--f-m);letter-spacing:.03em}
.bmeta i{width:4px;height:4px;border-radius:50%;background:#D5CBE6;display:block}
.g1{background:linear-gradient(140deg,#B026FF,#FF2D8E)}
.g2x{background:linear-gradient(140deg,#FF9A1F,#E8267E)}
.g3{background:linear-gradient(140deg,#0FA98F,#38B6FF)}
.g4{background:linear-gradient(140deg,#2A47C4,#7B22E8)}
.g5{background:linear-gradient(140deg,#3A3550,#7B22E8)}
.g6{background:linear-gradient(140deg,#FFD36B,#FF6A1F)}
.bnews{margin-top:52px;background:var(--g2);border-radius:26px;padding:38px 40px;color:#fff;
 display:flex;align-items:center;gap:30px;flex-wrap:wrap}
.bnews h3{font-family:var(--f-d);font-size:24px;font-weight:800;letter-spacing:-.03em;margin-bottom:6px}
.bnews p{color:rgba(255,255,255,.75);font-size:15.5px}
.bnews form{display:flex;gap:10px;margin-left:auto;flex-wrap:wrap}
.bnews input{border:0;border-radius:13px;padding:14px 16px;font:inherit;font-size:15px;min-width:250px}
@media (max-width:1040px){.bgrid{grid-template-columns:1fr 1fr}.bfeat{grid-template-columns:1fr}
 .bfeat .bimg{min-height:180px}.bfeat .bin{padding:26px 22px}}
@media (max-width:760px){
 .bgrid{grid-template-columns:1fr;gap:12px}
 .bcard{flex-direction:row;align-items:stretch;border-radius:16px}
 .bcard .bimg{height:auto;width:96px;flex:0 0 auto}
 .bcard .bin{padding:14px 14px}
 .bcard h3{font-size:15.5px;margin:8px 0 5px;line-height:1.2}
 .bcard p{display:none}
 .bcard .btag{font-size:9px;padding:4px 8px}
 .bcard .bmeta{font-size:11.5px}
 .bfeat h3{font-size:23px}
 .bfeat p{font-size:15px}
 .bfeat .bimg{min-height:130px}
 .bnews{padding:24px 20px;margin-top:34px}
 .bnews form{margin-left:0;width:100%}
 .bnews input{min-width:0;flex:1}
 .blogfilt{gap:6px;margin-bottom:24px;flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;
  scrollbar-width:none;margin-inline:-18px;padding-inline:18px}
 .blogfilt::-webkit-scrollbar{display:none}
 .bfil{flex:0 0 auto;font-size:13px;padding:8px 13px}
}
.vviews{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:16px}
.vviews span{display:inline-flex;align-items:center;gap:6px;background:rgba(15,169,143,.10);color:#0B7F6C;
 border-radius:99px;padding:6px 12px;font-size:12.5px;font-weight:700}
.vviews span::before{content:"\2713";font-size:10px}
.vusage{color:var(--ink2);font-size:15px;line-height:1.5;margin:-10px 0 22px;padding-left:14px;
 border-left:3px solid rgba(123,34,232,.28)}

/* ── page rendez-vous ── */
.rdvsteps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:34px}
.rdvstep{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px 20px;box-shadow:var(--s1);
 position:relative;overflow:hidden}
.rdvstep::after{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--g);opacity:.9}
.rdvstep .n{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:10px;background:var(--g);
 color:#fff;font-family:var(--f-d);font-weight:800;font-size:14px;margin-bottom:13px}
.rdvstep b{display:block;font-family:var(--f-d);font-size:17px;font-weight:800;letter-spacing:-.025em;margin-bottom:6px}
.rdvstep small{display:block;color:var(--mut);font-size:14.5px;line-height:1.5}
.rdvre{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-bottom:40px}
.rdvre span{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--line);
 border-radius:99px;padding:9px 16px;font-size:14px;font-weight:600;box-shadow:var(--s1)}
.rdvre span i{width:17px;height:17px;border-radius:50%;background:var(--g);color:#fff;font-size:9px;
 font-style:normal;display:grid;place-items:center}
/* bandeau BookingLeads horizontal */
.bkg{background:#fff;border:1px solid var(--line);border-radius:26px;box-shadow:var(--s2);overflow:hidden}
.bkghd{background:var(--g2);color:#fff;padding:20px 30px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.bkghd b{font-family:var(--f-d);font-size:21px;font-weight:800;letter-spacing:-.025em}
.bkghd small{color:rgba(255,255,255,.78);font-size:14px;margin-left:auto}
.bkgtag{display:inline-block;font-family:var(--f-m);font-size:10px;letter-spacing:.14em;text-transform:uppercase;
 font-weight:700;color:#fff;background:rgba(255,255,255,.16);border-radius:99px;padding:6px 12px}
.bkgrow{display:grid;grid-template-columns:1.05fr .62fr 1fr}
.bkgcol{padding:26px 30px;border-left:1px solid var(--line)}
.bkgcol:first-child{border-left:0}
.bkglbl{font-family:var(--f-m);font-size:10.5px;letter-spacing:.15em;text-transform:uppercase;color:var(--mut);
 margin-bottom:16px;display:block}
.bkgnav{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.bkgnav b{font-family:var(--f-d);font-size:16.5px;font-weight:800;letter-spacing:-.02em}
.bkgnav i{font-style:normal;color:var(--mut);font-size:18px;padding:0 6px;cursor:pointer}
.bkgcal{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}
.bkgcal em{font-style:normal;text-align:center;font-family:var(--f-m);font-size:10px;color:var(--mut);
 text-transform:uppercase;letter-spacing:.06em;padding-bottom:4px}
.bkgcal button{aspect-ratio:1;border-radius:10px;border:1px solid transparent;background:#F8F5FD;
 font-size:13.5px;font-weight:600;color:var(--ink);transition:.18s}
.bkgcal button:disabled{background:transparent;color:#CFC6DE;font-weight:500}
.bkgcal button.free{background:rgba(123,34,232,.08);color:var(--iris);font-weight:700}
.bkgcal button.free:hover{background:rgba(123,34,232,.16)}
.bkgcal button.on{background:var(--g);color:#fff;box-shadow:0 8px 20px -8px rgba(123,34,232,.8)}
.bkgslots{display:grid;gap:8px}
.bkgslots button{border:1.5px solid var(--line);background:#fff;border-radius:12px;padding:11px 0;
 font-size:14px;font-weight:700;transition:.18s}
.bkgslots button:hover{border-color:#C9AEF0}
.bkgslots button.on{background:var(--g);border-color:transparent;color:#fff}
.bkgform{display:grid;gap:10px}
.bkgform input{border:1.5px solid var(--line);border-radius:13px;padding:13px 15px;font:inherit;font-size:15px;
 background:#FCFAFE;width:100%}
.bkgform input:focus{outline:0;border-color:var(--iris);background:#fff}
.bkgfoot{border-top:1px solid var(--line);padding:15px 30px;background:var(--wash);color:var(--mut);font-size:12.5px;
 display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}
.rdvafter{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:44px}
@media (max-width:1040px){
 .rdvsteps{grid-template-columns:repeat(2,1fr)}
 .bkgrow{grid-template-columns:1fr 1fr}
 .bkgcol:nth-child(3){grid-column:1/-1;border-left:0;border-top:1px solid var(--line)}
}
@media (max-width:680px){
 .rdvsteps{grid-template-columns:1fr}
 .bkgrow{grid-template-columns:1fr}
 .bkgcol{border-left:0;border-top:1px solid var(--line)}
 .bkgcol:first-child{border-top:0}
 .bkghd small{margin-left:0;width:100%}
}
.vtry .qr{background:#fff url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0xIC0xIDIzIDIzIiBzaGFwZS1yZW5kZXJpbmc9ImNyaXNwRWRnZXMiPjxyZWN0IHg9Ii0xIiB5PSItMSIgd2lkdGg9IjIzIiBoZWlnaHQ9IjIzIiBmaWxsPSIjZmZmIi8+PGcgZmlsbD0iIzE1MEEyOCI+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjAiIHk9IjEiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSIwIiB5PSIyIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMCIgeT0iMyIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjAiIHk9IjQiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSIwIiB5PSI1IiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMCIgeT0iNiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjAiIHk9IjkiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSIwIiB5PSIxMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjAiIHk9IjEyIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMCIgeT0iMTQiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSIwIiB5PSIxNSIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjAiIHk9IjE2IiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMCIgeT0iMTciIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSIwIiB5PSIxOCIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjAiIHk9IjE5IiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMCIgeT0iMjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSIxIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMSIgeT0iNiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjEiIHk9IjgiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSIxIiB5PSIxMiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjEiIHk9IjE0IiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMSIgeT0iMjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSIyIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMiIgeT0iMiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjIiIHk9IjMiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSIyIiB5PSI0IiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMiIgeT0iNiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjIiIHk9IjEwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMiIgeT0iMTEiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSIyIiB5PSIxMiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjIiIHk9IjE0IiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMiIgeT0iMTYiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSIyIiB5PSIxNyIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjIiIHk9IjE4IiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMiIgeT0iMjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSIzIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMyIgeT0iMiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjMiIHk9IjMiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSIzIiB5PSI0IiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMyIgeT0iNiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjMiIHk9IjEwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMyIgeT0iMTEiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSIzIiB5PSIxMiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjMiIHk9IjE0IiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMyIgeT0iMTYiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSIzIiB5PSIxNyIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjMiIHk9IjE4IiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMyIgeT0iMjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSI0IiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iNCIgeT0iMiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjQiIHk9IjMiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSI0IiB5PSI0IiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iNCIgeT0iNiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjQiIHk9IjgiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSI0IiB5PSIxMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjQiIHk9IjExIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iNCIgeT0iMTIiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSI0IiB5PSIxNCIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjQiIHk9IjE2IiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iNCIgeT0iMTciIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSI0IiB5PSIxOCIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjQiIHk9IjIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iNSIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjUiIHk9IjYiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSI1IiB5PSIxMSIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjUiIHk9IjEyIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iNSIgeT0iMTQiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSI1IiB5PSIyMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjYiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSI2IiB5PSIxIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iNiIgeT0iMiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjYiIHk9IjMiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSI2IiB5PSI0IiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iNiIgeT0iNSIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjYiIHk9IjYiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSI2IiB5PSIxMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjYiIHk9IjEyIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iNiIgeT0iMTQiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSI2IiB5PSIxNSIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjYiIHk9IjE2IiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iNiIgeT0iMTciIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSI2IiB5PSIxOCIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjYiIHk9IjE5IiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iNiIgeT0iMjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSI3IiB5PSIxMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjciIHk9IjEyIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iOCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjgiIHk9IjEiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSI4IiB5PSIyIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iOCIgeT0iMyIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjgiIHk9IjUiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSI4IiB5PSI3IiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iOCIgeT0iMTIiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSI4IiB5PSIyMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjkiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSI5IiB5PSIxIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iOSIgeT0iMiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjkiIHk9IjQiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSI5IiB5PSI1IiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iOSIgeT0iNiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjkiIHk9IjgiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSI5IiB5PSI5IiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iOSIgeT0iMTIiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSI5IiB5PSIxMyIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjkiIHk9IjE2IiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iOSIgeT0iMTgiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSI5IiB5PSIxOSIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjkiIHk9IjIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMTAiIHk9IjIiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSIxMCIgeT0iNyIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjEwIiB5PSIxMiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjEwIiB5PSIxMyIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjEwIiB5PSIxOCIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjEwIiB5PSIyMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjExIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMTEiIHk9IjEiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSIxMSIgeT0iNCIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjExIiB5PSI1IiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMTEiIHk9IjYiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSIxMSIgeT0iNyIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjExIiB5PSI4IiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMTEiIHk9IjEzIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMTEiIHk9IjE3IiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMTEiIHk9IjE5IiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMTIiIHk9IjEiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSIxMiIgeT0iMiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjEyIiB5PSIzIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMTIiIHk9IjQiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSIxMiIgeT0iNiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjEyIiB5PSI4IiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMTIiIHk9IjEwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMTIiIHk9IjExIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMTIiIHk9IjEzIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMTIiIHk9IjE0IiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMTIiIHk9IjE5IiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMTIiIHk9IjIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMTMiIHk9IjEwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMTMiIHk9IjEyIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMTMiIHk9IjE0IiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMTMiIHk9IjE1IiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMTMiIHk9IjE2IiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMTMiIHk9IjE4IiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMTMiIHk9IjIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMTQiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSIxNCIgeT0iMSIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjE0IiB5PSIyIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMTQiIHk9IjMiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSIxNCIgeT0iNCIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjE0IiB5PSI1IiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMTQiIHk9IjYiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSIxNCIgeT0iOCIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjE0IiB5PSI5IiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMTQiIHk9IjEwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMTQiIHk9IjEyIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMTQiIHk9IjEzIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMTQiIHk9IjE0IiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMTQiIHk9IjE2IiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMTQiIHk9IjE4IiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMTQiIHk9IjIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMTUiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSIxNSIgeT0iNiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjE1IiB5PSI5IiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMTUiIHk9IjEyIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMTUiIHk9IjEzIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMTUiIHk9IjE1IiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMTUiIHk9IjE2IiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMTUiIHk9IjE4IiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMTYiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSIxNiIgeT0iMiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjE2IiB5PSIzIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMTYiIHk9IjQiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSIxNiIgeT0iNiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjE2IiB5PSI4IiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMTYiIHk9IjEyIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMTYiIHk9IjE1IiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMTYiIHk9IjE2IiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMTYiIHk9IjIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMTciIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSIxNyIgeT0iMiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjE3IiB5PSIzIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMTciIHk9IjQiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSIxNyIgeT0iNiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjE3IiB5PSI5IiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMTciIHk9IjEwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMTciIHk9IjExIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMTciIHk9IjEyIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMTciIHk9IjE1IiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMTciIHk9IjE2IiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMTciIHk9IjE3IiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMTciIHk9IjE5IiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMTgiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSIxOCIgeT0iMiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjE4IiB5PSIzIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMTgiIHk9IjQiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSIxOCIgeT0iNiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjE4IiB5PSIxMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjE4IiB5PSIxMSIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjE4IiB5PSIxMyIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjE4IiB5PSIxNCIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjE4IiB5PSIxNSIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjE4IiB5PSIxOCIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjE5IiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMTkiIHk9IjYiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSIxOSIgeT0iOSIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjE5IiB5PSIxMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjE5IiB5PSIxMSIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjE5IiB5PSIxNCIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjE5IiB5PSIxNSIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjE5IiB5PSIxNyIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMjAiIHk9IjEiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSIyMCIgeT0iMiIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjIwIiB5PSIzIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMjAiIHk9IjQiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSIyMCIgeT0iNSIgd2lkdGg9IjEiIGhlaWdodD0iMSIvPjxyZWN0IHg9IjIwIiB5PSI2IiB3aWR0aD0iMSIgaGVpZ2h0PSIxIi8+PHJlY3QgeD0iMjAiIHk9IjkiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSIyMCIgeT0iMTAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSIyMCIgeT0iMTMiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSIyMCIgeT0iMTkiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48cmVjdCB4PSIyMCIgeT0iMjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiLz48L2c+PC9zdmc+") center/100% 100% no-repeat;border:1px solid var(--line);background-size:100% 100% !important}
/* ── essayer l’exemple ── */
.vtry{display:flex;align-items:center;gap:14px;background:#fff;border:1.5px solid var(--line);border-radius:18px;padding:13px 15px;box-shadow:var(--s1);margin-bottom:20px}
.vtry .qr{width:58px;height:58px;border-radius:10px;flex:0 0 auto}
.vtry .vtxt{flex:1;min-width:0}
.vtry .vtxt b{display:block;font-family:var(--f-d);font-size:15.5px;font-weight:800;letter-spacing:-.02em}
.vtry .vtxt small{display:block;color:var(--mut);font-size:12.5px;margin-top:2px}
.vtry .btn{flex:0 0 auto;padding:11px 16px;font-size:14px}
@media (max-width:420px){.vtry{flex-wrap:wrap}.vtry .btn{width:100%}}
.barlinks{flex-wrap:nowrap}
.barlinks a{white-space:nowrap}
.bar .in > .btn{flex:0 0 auto;white-space:nowrap}

/* ── page démos ── */
.demofilt{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:32px}
.dfil{border:1.5px solid var(--line);background:#fff;border-radius:99px;padding:10px 18px;font-weight:700;font-size:14.5px;
 color:var(--ink2);box-shadow:var(--s1);transition:.22s}
.dfil:hover{border-color:var(--iris);color:var(--iris)}
.dfil.on{background:var(--g);color:#fff;border-color:transparent}
.dgrid2{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.dcard2{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:var(--s1);
 display:flex;flex-direction:column;transition:.3s cubic-bezier(.2,1,.3,1)}
.dcard2:hover{transform:translateY(-6px);box-shadow:var(--s2)}
.dcard2 .top4{padding:26px 26px 0;display:flex;justify-content:center;background:var(--wash);position:relative}
.dcard2 .top4 .dev{margin-bottom:-64px}
.dcard2 .bd4{padding:82px 24px 24px;display:flex;flex-direction:column;gap:9px;flex:1}
.dtag{align-self:flex-start;font-family:var(--f-m);font-size:10px;letter-spacing:.14em;text-transform:uppercase;
 padding:5px 10px;border-radius:99px;background:var(--wash);color:var(--iris);border:1px solid var(--line)}
.dtag.cl3{background:var(--sun);color:#3A2100;border-color:transparent}
.dacts2{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:16px;align-items:center}
.qr{width:44px;height:44px;border-radius:10px;flex:0 0 auto;border:1px solid var(--line);
 background:conic-gradient(from 0deg,#150A28 25%,#fff 0 50%,#150A28 0 75%,#fff 0);
 background-size:11px 11px}
@media (max-width:900px){.cfg{grid-template-columns:1fr}.cfgcard{position:relative;top:0}
 .cfgopts{grid-template-columns:1fr}.dgrid2{grid-template-columns:1fr}}
@keyframes fadeup{from{opacity:0;transform:translateY(12px)}}
.stepcap{transition:opacity .18s}
/* ════════ MOBILE — densité, hiérarchie, place gagnée ════════ */
@media (max-width:760px){
 section{padding:54px 0}
 .w,.wn{padding:0 18px}
 .d2{font-size:clamp(27px,7.6vw,35px);line-height:1.06;letter-spacing:-.038em}
 .ld{font-size:16px;line-height:1.5}
 .mid{margin-bottom:26px!important}
 .mono{font-size:10px;letter-spacing:.16em}
 .m-hide{display:none!important}

 /* ── exemples : vue ordinateur sur mobile ── */
 .vitstage.web{grid-template-columns:1fr!important;gap:26px!important}
 .vitstage.web .vitshow{min-height:290px}
 .vitrail.web{height:270px;max-width:100%}
 .vitrail.web .vitwin{max-height:262px;max-width:100%}
 .vitstage.web .vitarrow{position:absolute;top:50%;transform:translateY(-50%)}
 .vitstage.web #vprev{left:-8px}
 .vitstage.web #vnext{right:-8px}
 .dev.web .whd{padding:10px 14px;gap:10px}
 .dev.web .wlogo{font-size:13px}
 .dev.web .whd nav{display:none}
 .dev.web .wcta{font-size:9.5px;padding:4px 9px}
 .dev.web .wbody{padding:12px 14px;gap:9px}
 .dev.web .hb{padding:13px 14px}
 .dev.web .hb .t{font-size:16px}
 .dev.web .hb .s{font-size:11px}
 .dev.web .g2{grid-template-columns:repeat(4,1fr);gap:7px}
 .dev.web .it .im{height:44px}
 .dev.web .it b{font-size:10px}
 .dev.web .it span{font-size:10.5px}
 .dev.web .rw .im{width:34px;height:34px}
 .dev.web .rw b{font-size:11.5px}
 .dev.web .rw small{font-size:10px}
 .dev.web .wft{padding:8px 14px;font-size:9.5px}
 .vitwin .wbar{height:30px;padding:0 10px}
 .vitwin .wbar i{width:8px;height:8px}
 .vitwin .wbar b{font-size:9.5px;padding:3px 10px}

 /* ── héros ── */
 .hero{padding-top:22px!important;padding-bottom:44px!important}
 .bar .in .btn.s{display:none}
 .bar .in{gap:10px}
 .tagline{font-size:12px;padding:6px 12px}
 .d1{font-size:clamp(31px,8.8vw,44px);line-height:1.02;letter-spacing:-.04em}
 .hero .ld{font-size:17px!important;margin-top:14px!important}
 .checks{margin-top:16px!important;gap:7px}
 .checks li{font-size:14.5px}
 .pricerow{margin-top:18px}
 .pricerow b{font-size:40px}
 .acts{margin-top:16px;gap:9px}
 .acts .btn{flex:1 1 100%;justify-content:center}
 .note{font-size:12.5px;line-height:1.45;margin-top:12px}
 .heroscene{margin-top:26px}
 #hero-dev{transform:scale(.86);transform-origin:top center;margin-bottom:-84px}
 .badges{gap:7px;margin-top:18px}
 .badge{padding:7px 12px;font-size:11.5px}
 .badge span{font-size:13px}

 /* ── 8 choses : deux colonnes ── */
 .getgrid{grid-template-columns:1fr 1fr;gap:10px}
 .gcard{padding:15px 13px;border-radius:16px}
 .gcard .top3{gap:9px;margin-bottom:8px;align-items:center}
 .gcard .num3{font-size:10px}
 .gcard h3{font-size:14.5px;line-height:1.18;letter-spacing:-.02em}
 .gcard p{font-size:12.5px;line-height:1.42;margin-bottom:10px}
 .gcard .inclus{font-size:10.5px;padding:4px 9px}
 .nb{white-space:nowrap;display:block;font-size:12.5px;margin-top:4px;color:var(--ink)}
 .getband{padding:18px 16px}

 /* ── 190 extensions : accordéon ── */
 .extgrid{grid-template-columns:1fr 1fr;gap:8px;align-items:start}
 .extcard.open{grid-column:1/-1}
 .extcard{padding:0;border-radius:14px;overflow:hidden}
 .extcard .eh{margin:0;padding:12px 11px;gap:8px;cursor:pointer;align-items:center;flex-wrap:wrap}
 .extcard .ee{width:26px;height:26px;font-size:13px}
 .extcard h4{font-size:13px;line-height:1.15;flex:1 0 100%;order:3}
 .extcard .eh::after{content:"+";margin-left:auto;font-family:var(--f-d);font-size:18px;font-weight:700;
  color:var(--mut);line-height:1;flex:0 0 auto;order:2}
 .extcard.open .eh::after{content:"–"}
 .extcard .ecnt{display:none}
 .extcard .cloud{display:none;padding:0 12px 12px;gap:6px}
 .extcard.open .cloud{display:flex;flex-wrap:wrap}
 .extcard .cloud span{font-size:12px;padding:5px 10px}
 .extcard:hover{transform:none;box-shadow:var(--s1)}

 /* ── 156 métiers : onglets défilants + nuage replié ── */
 .sechead{flex-wrap:nowrap;overflow-x:auto;padding:12px 14px;gap:6px;
  scrollbar-width:none;-webkit-overflow-scrolling:touch}
 .sechead::-webkit-scrollbar{display:none}
 .sectab{white-space:nowrap;flex:0 0 auto;font-size:13px;padding:8px 12px}
 .secpanel{padding:16px 14px}
 .seccloud{gap:6px;max-height:132px;overflow:hidden;position:relative;transition:max-height .35s ease}
 .secpanel.all .seccloud{max-height:2000px}
 .seccloud{position:relative}
 .seccloud::after{content:"";position:absolute;left:0;right:0;bottom:0;height:46px;pointer-events:none;
  background:linear-gradient(transparent,#fff);transition:opacity .25s}
 .secpanel.all .seccloud::after{opacity:0}
 .secpanel .seccloud .sec{font-size:12.5px!important;padding:6px 10px!important}
 .secmore{display:block;width:100%;margin-top:14px;background:none;border:1.5px solid var(--line);
  border-radius:99px;padding:10px;font-size:13.5px;font-weight:700;color:var(--iris)}
 .famnote{font-size:13.5px}

 /* ── le calcul : duel vertical, chiffres énormes ── */
 .duel{border-radius:22px;overflow:visible;position:relative}
 .duel .sd{padding:22px 18px!important}
 .duel .sd.l{border-radius:22px 22px 0 0;padding-bottom:34px!important}
 .duel .sd.r{padding-top:34px!important;border-radius:0 0 22px 22px}
 .duel .sd.r{border-radius:0 0 22px 22px}
 .duel .tag2{font-size:10.5px;letter-spacing:.14em}
 .duel .amount{font-size:30px!important;line-height:1.02;letter-spacing:-.04em;margin:8px 0 4px}
 .duel .amount small{font-size:13px;display:block;margin-top:6px;font-weight:600}
 .duel ul{margin-top:14px;gap:7px}
 .duel li{font-size:13.5px;line-height:1.38}
 .duel{display:flex!important;flex-direction:column}
 .duel .vs{position:static!important;transform:none!important;align-self:center;
  width:54px;height:54px;border-radius:50%;display:grid;place-items:center;font-size:13.5px;z-index:4;
  margin:-27px 0;background:#150A28;color:#fff;box-shadow:0 14px 32px -10px rgba(21,10,40,.75);
  border:4px solid #fff;font-family:var(--f-d);font-weight:800;letter-spacing:.04em}
 .duel li:nth-child(n+3){display:none}
 .duel .sd.l ul,.duel .sd.r ul{margin-top:12px}

 /* ── avant / après : une ligne = une bascule ── */
 .diff{border-radius:18px}
 .diff .hd4{display:none}
 .diff .ln{display:block!important;padding:13px 15px}
 .diff .ln>div{padding:0!important;display:block!important;font-size:inherit}
 .diff .ln .l{display:block;background:transparent!important;color:var(--mut);font-size:13.5px;
  line-height:1.35;margin-bottom:8px;padding-left:19px!important;position:relative}
 .diff .ln .l::before{content:"✕";position:absolute;left:0;top:0;font-size:11px;color:#E8267E;font-weight:800}
 .diff .ln .m{display:none}
 .diff .ln .r{display:block;font-size:15px;font-weight:700;line-height:1.3;padding-left:19px!important;position:relative}
 .diff .ln .r::before{content:"✓";position:absolute;left:0;top:1px;font-size:11px;color:#0FA98F;font-weight:800}

 /* ── déroulement : vertical, sans aperçu (illisible en horizontal sur mobile) ── */
 .flowgrid{display:block}
 .sticky{display:none!important}
 .stpdots{display:none!important}
 .track{padding-left:46px!important}
 .track::before,.track .fill{left:12px}
 .stp{padding:0 0 26px!important;margin:0!important;opacity:1!important;transform:none!important}
 .stp .bul{left:-46px!important;top:0!important;width:34px!important;height:34px!important;
  border-radius:11px!important;font-size:12px}
 .stp h3{font-size:18.5px;line-height:1.15;margin-bottom:6px}
 .stp p{font-size:14px;line-height:1.5}
 .stp .meta{margin-bottom:8px}

 /* ── divers : resserrage ── */
 .qs{gap:12px}
 .q{padding:20px 18px}
 .q p{font-size:14.5px;line-height:1.5}
 .plans{gap:12px}
 .plan2{padding:24px 20px}
 .nums{gap:10px}
 .faq2 summary{font-size:15px;padding:16px 14px}
 .band{padding:34px 20px}
 .band .d2{font-size:26px}
 .usebelt{margin-bottom:26px}
 .ub{font-size:13px;padding:8px 13px}
 .incl{gap:7px}
 .chip{font-size:12.5px;padding:6px 11px}
}
@media (max-width:400px){
 .getgrid{gap:8px}
 .gcard h3{font-size:13.5px}
 .stp{flex:0 0 88%}
}
/* ════════ finitions ════════ */
/* — héros : scène composée, cartes flottantes — */
.hfloat{position:absolute;background:#fff;border-radius:16px;padding:12px 14px;z-index:3;
 box-shadow:0 26px 60px -26px rgba(22,12,41,.42),0 0 0 1px rgba(22,12,41,.05);
 display:flex;align-items:center;gap:11px;white-space:nowrap;
 animation:hfin .8s cubic-bezier(.16,1,.3,1) both}
@keyframes hfin{from{opacity:0;transform:translateY(16px) scale(.94)}}
.hfloat b{display:block;font-family:var(--f-d);font-size:13.5px;font-weight:800;letter-spacing:-.02em;line-height:1.15}
.hfloat small{display:block;font-size:11.5px;color:var(--mut);margin-top:2px}
.hfloat .hfi{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;flex:0 0 auto;
 background:var(--g);color:#fff;font-size:15px}
.hf1{left:-96px;top:96px;animation-delay:.15s}
.hf2{left:-138px;top:318px;animation-delay:.3s}
.hf3{left:-38px;top:512px;gap:14px;padding:11px 16px;animation-delay:.45s}
.hf3 .hfs{display:flex;flex-direction:column;line-height:1.1}
.hf3 .hfs em{font-style:normal;font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--mut)}
.hf3 .hfs b{font-size:13px}
.hf3 i{width:1px;height:26px;background:var(--line);display:block}
.hf2 .hfn{font-family:var(--f-d);font-size:22px;font-weight:800;letter-spacing:-.04em;
 background:var(--g);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero.v2 .heroscene{pointer-events:none}
@media (max-width:1240px){.hf1{left:-70px}.hf2{left:-96px}}
@media (max-width:1040px){.hfloat{display:none}}

/* — métiers : onglets mis en avant — */
.sechead{gap:9px;padding:20px 22px}
.sectab{background:#fff;border:1.5px solid var(--line);border-radius:14px;padding:12px 16px;
 font-family:var(--f-d);font-size:15px;font-weight:700;letter-spacing:-.015em;color:var(--ink2);
 display:inline-flex;align-items:center;gap:9px;box-shadow:var(--s1);transition:.22s cubic-bezier(.2,1.2,.4,1)}
.sectab:hover{transform:translateY(-2px);border-color:#C9AEF0;color:var(--iris)}
.sectab .cnt{font-family:var(--f-m);font-size:11px;font-weight:700;color:var(--iris);
 background:rgba(123,34,232,.09);border-radius:99px;padding:3px 8px}
.sectab.on{background:var(--g);border-color:transparent;color:#fff;box-shadow:0 14px 30px -14px rgba(123,34,232,.75)}
.sectab.on .cnt{background:rgba(255,255,255,.22);color:#fff}
.secmore{display:none}
@media (max-width:760px){
 .sechead{padding:14px}
 .sectab{font-size:13.5px;padding:10px 13px;border-radius:12px}
 .secmore{display:block;width:100%;margin-top:16px;background:#fff;border:1.5px solid var(--line);
  border-radius:99px;padding:11px;font-family:var(--f-d);font-size:14px;font-weight:700;color:var(--iris);
  box-shadow:var(--s1)}
 .secmore:hover{border-color:#C9AEF0}
}

/* — extensions : la carte ouverte passe en tête, pleine largeur — */
@media (max-width:760px){
 .extcard.open{grid-column:1/-1;order:-1}
 .extcard.open .eh h4{flex:1 0 auto;order:0}
 .extcard.open .eh{flex-wrap:nowrap}
}

/* — tarifs : le prix prend de la place — */
.amt{font-size:56px;letter-spacing:-.055em;margin:16px 0 2px;display:flex;align-items:baseline;gap:4px}
.amt .cur{font-size:30px;font-weight:700;letter-spacing:-.03em}
.amt sub{display:none}
.per2{font-family:var(--f-m);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;
 color:var(--mut);font-weight:700;margin-bottom:6px}
.plan2.star .per2{color:rgba(255,255,255,.72)}
.plan2 .amt{background:var(--g);-webkit-background-clip:text;background-clip:text;color:transparent}
.plan2.star .amt{background:none;color:#fff}
/* — compris dans les trois formules — */
.inclbox{margin-top:34px;background:#fff;border:1px solid var(--line);border-radius:26px;
 padding:30px 32px;box-shadow:var(--s2)}
.inclbox .ih{display:flex;align-items:center;gap:14px;margin-bottom:22px;flex-wrap:wrap}
.inclbox .ih b{font-family:var(--f-d);font-size:20px;font-weight:800;letter-spacing:-.03em}
.inclbox .ih span{font-family:var(--f-m);font-size:10.5px;letter-spacing:.15em;text-transform:uppercase;
 font-weight:700;color:#0FA98F;background:rgba(15,169,143,.1);border-radius:99px;padding:6px 12px}
.inclgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.inclgrid div{display:flex;align-items:center;gap:11px;background:var(--wash);border-radius:14px;padding:13px 14px}
.inclgrid i{width:22px;height:22px;border-radius:50%;background:var(--g);color:#fff;font-style:normal;
 font-size:11px;display:grid;place-items:center;flex:0 0 auto}
.inclgrid b{font-family:var(--f-d);font-size:14px;font-weight:700;letter-spacing:-.015em;line-height:1.2}
@media (max-width:1040px){.inclgrid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px){
 .inclbox{padding:20px 16px;border-radius:20px;margin-top:24px}
 .inclbox .ih{margin-bottom:14px;gap:10px}
 .inclbox .ih b{font-size:17px}
 .inclgrid{gap:8px}
 .inclgrid div{padding:10px 11px;gap:9px}
 .inclgrid b{font-size:12.5px}
 .inclgrid i{width:19px;height:19px;font-size:10px}
 .amt{font-size:44px}
 .amt .cur{font-size:24px}
}

/* — exemples : une seule scène par application — */
.vitshow{min-height:0!important;gap:0!important;display:block!important;position:static!important}
.vitrail{width:100%!important;max-width:100%!important;height:auto!important;position:relative!important;
 display:block!important;flex:none!important}
.vitcapline,.vitdots,.vitarrow,.vmode{display:none!important}
.vitscene{position:relative;width:100%;max-width:100%;margin:0 auto;height:472px}
.vitscene .vitwin{width:100%;max-width:100%;height:400px;box-shadow:0 46px 92px -44px rgba(22,12,41,.5),0 0 0 1px rgba(22,12,41,.06)}
.vitscene .dev{position:absolute;right:-22px;bottom:0;width:196px;border-radius:34px;padding:7px;z-index:3;
 box-shadow:0 40px 70px -30px rgba(22,12,41,.55)}
.vitscene .dev .scr{height:392px;border-radius:28px;font-size:.72em}
.vitscene .dev .isl{top:13px;width:52px;height:15px}
.vitscene .dev .stt{height:26px;padding:0 13px 3px;font-size:9px}
.vitscene .dev .tbar{padding:3px 13px 11px}
.vitscene .dev .tbar b{font-size:13px}
.vitscene .dev .body{padding:10px;gap:8px}
.vitscene .dev .tabs{height:38px}
.vitscene .dev .tabs i{width:15px;height:15px;border-radius:6px}
.vitstage{grid-template-columns:minmax(0,1fr) 330px;align-items:center}
@media (max-width:1040px){
 .vitscene{height:392px}
 .vitscene .vitwin{height:330px}
 .vitscene .dev{right:-8px;width:164px;padding:6px}
 .vitscene .dev .scr{height:326px;border-radius:24px;font-size:.66em}
}
@media (max-width:560px){
 .vitscene{height:300px}
 .vitscene .vitwin{height:252px}
 .vitscene .dev{width:128px;padding:5px;right:-4px}
 .vitscene .dev .scr{height:254px;border-radius:19px;font-size:.55em}
 .vitscene .dev .isl{top:10px;width:38px;height:11px}
 .vitscene .dev .tabs{height:28px}
}

@media (max-width:760px){
 .countpill{font-size:12.5px;line-height:1.45;padding:11px 18px;border-radius:18px;
  display:inline-flex;align-items:center;gap:9px;text-align:left}
 .countpill b{white-space:nowrap}
}

/* ════════ Adaptations WordPress ════════
   Dans la maquette, certains éléments étaient des <button> ; sur le site ce sont
   de vrais liens. On leur retire la décoration par défaut pour un rendu identique. */
a.brand,a.brand:hover{text-decoration:none;color:inherit}
a.acct,a.acct2,a.btn,a.vfil,a.dfil{text-decoration:none}
.mnavlinks a,.barlinks a,footer a{text-decoration:none}
.wp-block-group{max-width:none}
main{display:block}

/* ════════ héros immersif : téléphone plein cadre ════════ */
/* le téléphone occupe toute la hauteur du héros et déborde sur la section suivante */
.hero.v2{overflow-x:clip;overflow-y:visible;z-index:3;padding-bottom:56px}
.hero.v2 .heroscene{top:-52px;right:-34px;width:470px}
.hero.v2 #hero-dev{
 transform:scale(1.55) rotate(-2deg);
 transform-origin:top right;
 -webkit-mask-image:none;mask-image:none;
 box-shadow:0 70px 120px -46px rgba(22,12,41,.55),0 22px 50px -26px rgba(22,12,41,.26),0 0 0 1px rgba(22,12,41,.08)}
/* cartes flottantes réparties sur toute la hauteur du téléphone */
.hero.v2 .hf1{left:-104px;top:126px}
.hero.v2 .hf2{left:-74px;top:452px}
.hero.v2 .hf3{left:-58px;top:772px}

@media (max-width:1300px){
 .hero.v2 .heroscene{right:-18px}
 .hero.v2 #hero-dev{transform:scale(1.50) rotate(-2deg)}
 .hero.v2 .hf1{top:116px}
 .hero.v2 .hf2{left:-96px;top:412px}
 .hero.v2 .hf3{left:-48px;top:704px}
}
@media (max-width:1200px){
 .hero.v2 .heroscene{right:-2px}
 .hero.v2 #hero-dev{transform:scale(1.44) rotate(-2deg)}
 .hero.v2 .in>div:first-child{max-width:560px}
 .hero.v2 .hf1{left:-80px;top:106px}
 .hero.v2 .hf2{left:-84px;top:372px}
 .hero.v2 .hf3{left:-40px;top:632px}
}
@media (max-width:1120px){
 .hero.v2 .heroscene{right:14px}
 .hero.v2 #hero-dev{transform:scale(1.36) rotate(-2deg)}
 .hero.v2 .in>div:first-child{max-width:520px}
 .hero.v2 .hf2,.hero.v2 .hf3{display:none}
}
@media (max-width:1040px){
 .hero.v2{overflow:hidden;padding-bottom:44px}
 .hero.v2 .in>div:first-child{max-width:640px}
 .hero.v2 .heroscene{position:relative;top:auto;right:auto;left:auto;width:100%;
  align-items:center;margin-top:26px}
 .hero.v2 #hero-dev{transform:none;
  box-shadow:0 50px 90px -40px rgba(22,12,41,.55),0 0 0 1px rgba(22,12,41,.08)}
}

/* ════════ zone de prix ════════ */
.prix{background:linear-gradient(150deg,#F7F3FD,#EFE9F9);border:1px solid #EAE1F6;
 border-radius:18px;padding:16px 18px 14px;margin:16px 0 4px}
.prix .per2{margin-bottom:8px}
.prix .amt{display:flex;align-items:baseline;gap:2px;margin:0;line-height:.92;
 font-family:var(--f-d);font-weight:800;letter-spacing:-.055em}
.prix .amt b{font-size:58px;font-weight:800;
 background:var(--g);-webkit-background-clip:text;background-clip:text;color:transparent}
.prix .amt .cur{font-size:30px;font-weight:800;
 background:var(--g);-webkit-background-clip:text;background-clip:text;color:transparent}
.prix .amt .par{font-family:var(--f-b);font-size:21px;font-weight:700;letter-spacing:-.02em;
 color:var(--ink);margin-left:3px}
.prix .prixan{font-size:13.5px;color:var(--mut);margin:7px 0 0}
.prix .libre{display:flex;align-items:center;gap:8px;margin:11px 0 0;padding-top:11px;
 border-top:1px dashed rgba(123,34,232,.22);
 font-size:13px;font-weight:700;color:#0B7F6C;letter-spacing:-.01em}
.prix .libre i{width:17px;height:17px;border-radius:50%;background:rgba(15,169,143,.16);
 display:grid;place-items:center;font-style:normal;font-size:9.5px;flex:0 0 auto}

/* sur la carte en dégradé */
.prixw{background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.3)}
.prixw .per2{color:rgba(255,255,255,.78)}
.prixw .amt b,.prixw .amt .cur{background:none;-webkit-text-fill-color:#fff;color:#fff}
.prixw .amt .par{color:#fff}
.prixw .prixan{color:rgba(255,255,255,.8)}
.prixw .libre{color:#fff;border-top-color:rgba(255,255,255,.3)}
.prixw .libre i{background:rgba(255,255,255,.24)}

/* sur la carte encre */
.prixd{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.14)}
.prixd .per2{color:rgba(255,255,255,.6)}
.prixd .amt b,.prixd .amt .cur{background:linear-gradient(115deg,#FFD36B,#FF9A1F);
 -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.prixd .amt .par{color:#fff}
.prixd .prixan{color:rgba(255,255,255,.66)}
.prixd .libre{color:#FFC97A;border-top-color:rgba(255,255,255,.18)}
.prixd .libre i{background:rgba(255,201,122,.18)}

/* ════════ trois paliers, trois traitements ════════ */
.plan2{padding:28px 26px}
.plan2.star{background:var(--g2)}
.plan2.life{background:linear-gradient(165deg,#231338,#150A28 60%,#241536);color:#fff;
 border-color:transparent;box-shadow:0 30px 70px -34px rgba(21,10,40,.6)}
.plan2.life h3,.plan2.life .checks li{color:#fff}
.plan2.life small{color:rgba(255,255,255,.7)}
.plan2.life .checks li::before{background:#FFC97A;opacity:.2}
.plan2.life .checks li::after{border-color:#FFC97A}
.plan2.life .btn.o{background:#fff;border-color:#fff;color:#150A28}

/* les deux rubans ne se ressemblent plus */
.rib{align-self:flex-start;font-family:var(--f-m);font-size:10px;letter-spacing:.14em;
 text-transform:uppercase;padding:6px 12px;border-radius:99px;margin-bottom:12px;font-weight:700;
 display:inline-flex;align-items:center;gap:6px}
.rib.choix{background:#fff;color:#3A2100;box-shadow:0 8px 20px -10px rgba(0,0,0,.4)}
.rib.choix::before{content:"★";font-size:11px;letter-spacing:0;color:#FF9A1F}
.rib.rente{background:linear-gradient(115deg,#FFD36B,#FF9A1F);color:#3A2100}
.rib.rente::before{content:"∞";font-size:13px;letter-spacing:0;font-weight:900}

/* ════════ bandeau d'appel à l'action, semé dans la page ════════ */
.ctaband{margin:64px auto 0;max-width:1104px;padding:0 28px}
.w .ctaband{padding:0;max-width:none}
.ctabox{display:flex;align-items:center;gap:26px;flex-wrap:wrap;
 background:linear-gradient(140deg,#1C0F33,#2A1550 46%,#3A1A52);color:#fff;
 border-radius:24px;padding:24px 28px;box-shadow:0 30px 70px -40px rgba(21,10,40,.6);
 position:relative;overflow:hidden}
.ctabox::after{content:"";position:absolute;inset:0;pointer-events:none;
 background:radial-gradient(46% 120% at 88% 20%,rgba(232,38,126,.34),transparent 70%),
            radial-gradient(40% 110% at 8% 90%,rgba(255,154,31,.22),transparent 70%)}
.ctabox>*{position:relative;z-index:2}
.ctatx{flex:1;min-width:240px}
.ctatx b{display:block;font-family:var(--f-d);font-size:21px;font-weight:800;letter-spacing:-.03em}
.ctatx span{display:block;font-size:14px;color:rgba(255,255,255,.72);margin-top:4px}
.ctapx{display:flex;align-items:baseline;gap:2px;font-family:var(--f-d);font-weight:800;
 letter-spacing:-.05em;line-height:1}
.ctapx b{font-size:38px;background:linear-gradient(115deg,#FF9EC7,#FFD36B);
 -webkit-background-clip:text;background-clip:text;color:transparent}
.ctapx .cur{font-size:22px;background:linear-gradient(115deg,#FF9EC7,#FFD36B);
 -webkit-background-clip:text;background-clip:text;color:transparent}
.ctapx .par{font-family:var(--f-b);font-size:16px;font-weight:700;color:#fff;margin-left:3px;
 letter-spacing:-.02em}
.ctabox .btn{flex:0 0 auto}
@media (max-width:760px){
 .ctabox{padding:20px;gap:16px}
 .ctatx b{font-size:18px}
 .ctabox .btn{width:100%;justify-content:center}
}

/* ════════ ce que le prix couvre ════════ */
.quifait{display:grid;grid-template-columns:1.15fr .85fr;gap:0;margin-top:22px;
 border:1.5px solid var(--line);border-radius:24px;overflow:hidden;background:#fff}
.quifait>div{padding:26px 28px}
.quifait .qf2{background:linear-gradient(160deg,#F8F4FE,#F1EAFB);border-left:1.5px solid var(--line)}
.qfk{display:block;font-family:var(--f-m);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;
 color:var(--mut);font-weight:700;margin-bottom:10px}
.quifait b{display:block;font-family:var(--f-d);font-size:20px;font-weight:800;letter-spacing:-.03em;
 color:var(--ink);line-height:1.2;margin-bottom:8px}
.quifait p{font-size:14.5px;line-height:1.6;color:var(--ink2);margin:0}
.qfl{display:inline-flex;align-items:center;gap:7px;margin-top:14px;text-decoration:none;
 font-size:14.5px;font-weight:700;color:var(--iris)}
.qfl em{font-style:normal;transition:transform .2s}
.qfl:hover em{transform:translateX(3px)}
@media (max-width:860px){
 .quifait{grid-template-columns:1fr}
 .quifait .qf2{border-left:0;border-top:1.5px solid var(--line)}
 .quifait>div{padding:22px}
}

/* ════════ corrections ════════ */
html,body{overflow-x:visible}
.hero,.pg,section,.ctaband{overflow-x:clip}
.bar{position:sticky;top:0;z-index:200}
@media (max-width:760px){body.home .stickycta{display:none!important}}

/* ════════ décor du héros ════════ */
.hdeco{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.hero.v2 .in{position:relative;z-index:2}
.hgrid{position:absolute;inset:-2px;
 background-image:
  linear-gradient(to right,rgba(123,34,232,.075) 1px,transparent 1px),
  linear-gradient(to bottom,rgba(123,34,232,.075) 1px,transparent 1px);
 background-size:72px 72px;
 -webkit-mask-image:radial-gradient(84% 76% at 46% 40%,#000 12%,rgba(0,0,0,.55) 52%,transparent 88%);
 mask-image:radial-gradient(84% 76% at 46% 40%,#000 12%,rgba(0,0,0,.55) 52%,transparent 88%)}
.horbe{position:absolute;border-radius:50%;filter:blur(70px);will-change:transform}
.o1{width:420px;height:420px;right:6%;top:-8%;background:radial-gradient(50% 50% at 50% 50%,rgba(255,255,255,.95),transparent 66%);animation:orbe1 19s ease-in-out infinite alternate}
.o2{width:600px;height:600px;right:22%;bottom:-24%;background:radial-gradient(50% 50% at 50% 50%,rgba(123,34,232,.24),transparent 72%);animation:orbe2 23s ease-in-out infinite alternate}
.o3{width:380px;height:380px;right:-4%;bottom:6%;background:radial-gradient(50% 50% at 50% 50%,rgba(255,154,31,.22),transparent 72%);animation:orbe3 16s ease-in-out infinite alternate}
@keyframes orbe1{to{transform:translate3d(-92px,104px,0) scale(1.2)}}
@keyframes orbe2{to{transform:translate3d(116px,-88px,0) scale(.86)}}
@keyframes orbe3{to{transform:translate3d(-70px,-76px,0) scale(1.26)}}
.hparts{position:absolute;inset:0}
.hp{position:absolute;left:var(--x);top:var(--y);width:var(--t);height:var(--t);
 opacity:var(--o);filter:blur(var(--b));will-change:transform;
 animation-duration:var(--d);animation-delay:var(--dl);animation-timing-function:linear;
 animation-iteration-count:infinite}
.hp.los{background:linear-gradient(150deg,var(--c),transparent 78%);border-radius:22%}
.hp.eto{background:
  radial-gradient(closest-side,var(--c),transparent 70%),
  conic-gradient(from 0deg,transparent 0 42deg,var(--c) 45deg,transparent 48deg 132deg,
   var(--c) 135deg,transparent 138deg 222deg,var(--c) 225deg,transparent 228deg 312deg,
   var(--c) 315deg,transparent 318deg);
 border-radius:50%;opacity:calc(var(--o) * .9)}
@keyframes nav0{
 0%{transform:translate3d(180.0px,-16.9px,0) rotate(calc(var(--r) + 0deg))}
 14.29%{transform:translate3d(157.2px,96.8px,0) rotate(calc(var(--r) + 46deg))}
 28.57%{transform:translate3d(-12.5px,99.6px,0) rotate(calc(var(--r) + 92deg))}
 42.86%{transform:translate3d(-192.5px,84.5px,0) rotate(calc(var(--r) + 138deg))}
 57.14%{transform:translate3d(-214.1px,-44.3px,0) rotate(calc(var(--r) + 184deg))}
 71.43%{transform:translate3d(-56.1px,-95.6px,0) rotate(calc(var(--r) + 230deg))}
 85.71%{transform:translate3d(61.2px,-68.2px,0) rotate(calc(var(--r) + 276deg))}
 100%{transform:translate3d(180.0px,-16.9px,0) rotate(calc(var(--r) + 322deg))}}
.hp.n0{animation-name:nav0}
@keyframes nav1{
 0%{transform:translate3d(-23.7px,96.7px,0) rotate(calc(var(--r) + -0deg))}
 14.29%{transform:translate3d(-77.8px,28.7px,0) rotate(calc(var(--r) + -50deg))}
 28.57%{transform:translate3d(-134.8px,-35.5px,0) rotate(calc(var(--r) + -101deg))}
 42.86%{transform:translate3d(-30.8px,-67.4px,0) rotate(calc(var(--r) + -151deg))}
 57.14%{transform:translate3d(42.0px,-39.5px,0) rotate(calc(var(--r) + -202deg))}
 71.43%{transform:translate3d(116.2px,-5.0px,0) rotate(calc(var(--r) + -252deg))}
 85.71%{transform:translate3d(87.4px,62.7px,0) rotate(calc(var(--r) + -303deg))}
 100%{transform:translate3d(-23.7px,96.7px,0) rotate(calc(var(--r) + -353deg))}}
.hp.n1{animation-name:nav1}
@keyframes nav2{
 0%{transform:translate3d(147.2px,-69.4px,0) rotate(calc(var(--r) + 0deg))}
 14.29%{transform:translate3d(195.7px,35.8px,0) rotate(calc(var(--r) + 52deg))}
 28.57%{transform:translate3d(66.6px,102.9px,0) rotate(calc(var(--r) + 105deg))}
 42.86%{transform:translate3d(-110.0px,132.6px,0) rotate(calc(var(--r) + 157deg))}
 57.14%{transform:translate3d(-186.8px,21.7px,0) rotate(calc(var(--r) + 209deg))}
 71.43%{transform:translate3d(-153.7px,-88.4px,0) rotate(calc(var(--r) + 262deg))}
 85.71%{transform:translate3d(10.4px,-139.8px,0) rotate(calc(var(--r) + 314deg))}
 100%{transform:translate3d(147.2px,-69.4px,0) rotate(calc(var(--r) + 366deg))}}
.hp.n2{animation-name:nav2}
@keyframes nav3{
 0%{transform:translate3d(-14.5px,-70.8px,0) rotate(calc(var(--r) + -0deg))}
 14.29%{transform:translate3d(69.6px,-47.4px,0) rotate(calc(var(--r) + -45deg))}
 28.57%{transform:translate3d(124.0px,7.4px,0) rotate(calc(var(--r) + -89deg))}
 42.86%{transform:translate3d(56.8px,56.4px,0) rotate(calc(var(--r) + -134deg))}
 57.14%{transform:translate3d(-26.3px,52.6px,0) rotate(calc(var(--r) + -179deg))}
 71.43%{transform:translate3d(-84.2px,20.6px,0) rotate(calc(var(--r) + -224deg))}
 85.71%{transform:translate3d(-106.9px,-41.9px,0) rotate(calc(var(--r) + -268deg))}
 100%{transform:translate3d(-14.5px,-70.8px,0) rotate(calc(var(--r) + -313deg))}}
.hp.n3{animation-name:nav3}
@keyframes nav4{
 0%{transform:translate3d(-65.2px,-12.3px,0) rotate(calc(var(--r) + -0deg))}
 14.29%{transform:translate3d(-31.3px,-49.4px,0) rotate(calc(var(--r) + -52deg))}
 28.57%{transform:translate3d(37.0px,-43.7px,0) rotate(calc(var(--r) + -104deg))}
 42.86%{transform:translate3d(57.1px,-6.3px,0) rotate(calc(var(--r) + -156deg))}
 57.14%{transform:translate3d(38.1px,22.3px,0) rotate(calc(var(--r) + -208deg))}
 71.43%{transform:translate3d(-4.2px,48.5px,0) rotate(calc(var(--r) + -260deg))}
 85.71%{transform:translate3d(-68.8px,31.9px,0) rotate(calc(var(--r) + -312deg))}
 100%{transform:translate3d(-65.2px,-12.3px,0) rotate(calc(var(--r) + -364deg))}}
.hp.n4{animation-name:nav4}
@keyframes nav5{
 0%{transform:translate3d(36.8px,-72.3px,0) rotate(calc(var(--r) + 0deg))}
 14.29%{transform:translate3d(103.7px,-24.9px,0) rotate(calc(var(--r) + 44deg))}
 28.57%{transform:translate3d(108.9px,43.2px,0) rotate(calc(var(--r) + 87deg))}
 42.86%{transform:translate3d(9.5px,48.4px,0) rotate(calc(var(--r) + 131deg))}
 57.14%{transform:translate3d(-79.7px,53.8px,0) rotate(calc(var(--r) + 174deg))}
 71.43%{transform:translate3d(-103.5px,-6.6px,0) rotate(calc(var(--r) + 218deg))}
 85.71%{transform:translate3d(-81.7px,-82.1px,0) rotate(calc(var(--r) + 261deg))}
 100%{transform:translate3d(36.8px,-72.3px,0) rotate(calc(var(--r) + 305deg))}}
.hp.n5{animation-name:nav5}
@keyframes nav6{
 0%{transform:translate3d(79.2px,53.1px,0) rotate(calc(var(--r) + 0deg))}
 14.29%{transform:translate3d(-18.4px,96.1px,0) rotate(calc(var(--r) + 39deg))}
 28.57%{transform:translate3d(-132.9px,53.1px,0) rotate(calc(var(--r) + 77deg))}
 42.86%{transform:translate3d(-110.3px,-26.2px,0) rotate(calc(var(--r) + 116deg))}
 57.14%{transform:translate3d(-32.8px,-63.8px,0) rotate(calc(var(--r) + 155deg))}
 71.43%{transform:translate3d(49.6px,-50.3px,0) rotate(calc(var(--r) + 194deg))}
 85.71%{transform:translate3d(129.5px,-8.5px,0) rotate(calc(var(--r) + 232deg))}
 100%{transform:translate3d(79.2px,53.1px,0) rotate(calc(var(--r) + 271deg))}}
.hp.n6{animation-name:nav6}
@keyframes nav7{
 0%{transform:translate3d(117.1px,11.0px,0) rotate(calc(var(--r) + -0deg))}
 14.29%{transform:translate3d(61.8px,69.0px,0) rotate(calc(var(--r) + -63deg))}
 28.57%{transform:translate3d(-63.2px,107.4px,0) rotate(calc(var(--r) + -127deg))}
 42.86%{transform:translate3d(-127.1px,26.2px,0) rotate(calc(var(--r) + -190deg))}
 57.14%{transform:translate3d(-113.9px,-50.1px,0) rotate(calc(var(--r) + -254deg))}
 71.43%{transform:translate3d(-13.6px,-109.6px,0) rotate(calc(var(--r) + -317deg))}
 85.71%{transform:translate3d(78.6px,-48.3px,0) rotate(calc(var(--r) + -381deg))}
 100%{transform:translate3d(117.1px,11.0px,0) rotate(calc(var(--r) + -444deg))}}
.hp.n7{animation-name:nav7}
@keyframes nav8{
 0%{transform:translate3d(-31.7px,-100.8px,0) rotate(calc(var(--r) + -0deg))}
 14.29%{transform:translate3d(112.5px,-88.3px,0) rotate(calc(var(--r) + -52deg))}
 28.57%{transform:translate3d(87.1px,1.2px,0) rotate(calc(var(--r) + -105deg))}
 42.86%{transform:translate3d(91.2px,78.1px,0) rotate(calc(var(--r) + -157deg))}
 57.14%{transform:translate3d(-41.4px,107.9px,0) rotate(calc(var(--r) + -210deg))}
 71.43%{transform:translate3d(-135.1px,40.2px,0) rotate(calc(var(--r) + -262deg))}
 85.71%{transform:translate3d(-125.2px,-41.6px,0) rotate(calc(var(--r) + -315deg))}
 100%{transform:translate3d(-31.7px,-100.8px,0) rotate(calc(var(--r) + -367deg))}}
.hp.n8{animation-name:nav8}
@keyframes nav9{
 0%{transform:translate3d(-157.4px,-87.0px,0) rotate(calc(var(--r) + -0deg))}
 14.29%{transform:translate3d(3.7px,-84.5px,0) rotate(calc(var(--r) + -42deg))}
 28.57%{transform:translate3d(153.4px,-75.4px,0) rotate(calc(var(--r) + -84deg))}
 42.86%{transform:translate3d(194.1px,32.8px,0) rotate(calc(var(--r) + -125deg))}
 57.14%{transform:translate3d(86.4px,126.5px,0) rotate(calc(var(--r) + -167deg))}
 71.43%{transform:translate3d(-64.1px,81.1px,0) rotate(calc(var(--r) + -209deg))}
 85.71%{transform:translate3d(-136.8px,17.7px,0) rotate(calc(var(--r) + -251deg))}
 100%{transform:translate3d(-157.4px,-87.0px,0) rotate(calc(var(--r) + -292deg))}}
.hp.n9{animation-name:nav9}
@keyframes nav10{
 0%{transform:translate3d(98.3px,-54.9px,0) rotate(calc(var(--r) + -0deg))}
 14.29%{transform:translate3d(140.9px,17.8px,0) rotate(calc(var(--r) + -41deg))}
 28.57%{transform:translate3d(97.2px,121.4px,0) rotate(calc(var(--r) + -82deg))}
 42.86%{transform:translate3d(-59.0px,87.5px,0) rotate(calc(var(--r) + -123deg))}
 57.14%{transform:translate3d(-120.1px,20.7px,0) rotate(calc(var(--r) + -165deg))}
 71.43%{transform:translate3d(-179.7px,-87.4px,0) rotate(calc(var(--r) + -206deg))}
 85.71%{transform:translate3d(-5.6px,-110.0px,0) rotate(calc(var(--r) + -247deg))}
 100%{transform:translate3d(98.3px,-54.9px,0) rotate(calc(var(--r) + -288deg))}}
.hp.n10{animation-name:nav10}
@keyframes nav11{
 0%{transform:translate3d(28.7px,-59.2px,0) rotate(calc(var(--r) + 0deg))}
 14.29%{transform:translate3d(134.7px,-33.8px,0) rotate(calc(var(--r) + 52deg))}
 28.57%{transform:translate3d(105.3px,40.5px,0) rotate(calc(var(--r) + 103deg))}
 42.86%{transform:translate3d(24.1px,110.3px,0) rotate(calc(var(--r) + 155deg))}
 57.14%{transform:translate3d(-84.1px,58.3px,0) rotate(calc(var(--r) + 206deg))}
 71.43%{transform:translate3d(-157.7px,-8.5px,0) rotate(calc(var(--r) + 258deg))}
 85.71%{transform:translate3d(-84.1px,-82.0px,0) rotate(calc(var(--r) + 309deg))}
 100%{transform:translate3d(28.7px,-59.2px,0) rotate(calc(var(--r) + 361deg))}}
.hp.n11{animation-name:nav11}
@keyframes nav12{
 0%{transform:translate3d(36.2px,58.7px,0) rotate(calc(var(--r) + -0deg))}
 14.29%{transform:translate3d(-49.5px,57.3px,0) rotate(calc(var(--r) + -38deg))}
 28.57%{transform:translate3d(-92.0px,9.6px,0) rotate(calc(var(--r) + -76deg))}
 42.86%{transform:translate3d(-110.3px,-65.7px,0) rotate(calc(var(--r) + -115deg))}
 57.14%{transform:translate3d(9.5px,-94.7px,0) rotate(calc(var(--r) + -153deg))}
 71.43%{transform:translate3d(124.0px,-56.4px,0) rotate(calc(var(--r) + -191deg))}
 85.71%{transform:translate3d(100.7px,19.6px,0) rotate(calc(var(--r) + -229deg))}
 100%{transform:translate3d(36.2px,58.7px,0) rotate(calc(var(--r) + -268deg))}}
.hp.n12{animation-name:nav12}
@keyframes nav13{
 0%{transform:translate3d(39.0px,39.1px,0) rotate(calc(var(--r) + 0deg))}
 14.29%{transform:translate3d(-30.4px,60.0px,0) rotate(calc(var(--r) + 50deg))}
 28.57%{transform:translate3d(-85.1px,20.5px,0) rotate(calc(var(--r) + 101deg))}
 42.86%{transform:translate3d(-52.9px,-20.9px,0) rotate(calc(var(--r) + 151deg))}
 57.14%{transform:translate3d(-12.5px,-63.0px,0) rotate(calc(var(--r) + 201deg))}
 71.43%{transform:translate3d(40.4px,-27.3px,0) rotate(calc(var(--r) + 251deg))}
 85.71%{transform:translate3d(59.1px,3.7px,0) rotate(calc(var(--r) + 302deg))}
 100%{transform:translate3d(39.0px,39.1px,0) rotate(calc(var(--r) + 352deg))}}
.hp.n13{animation-name:nav13}
@keyframes nav14{
 0%{transform:translate3d(-121.1px,37.2px,0) rotate(calc(var(--r) + 0deg))}
 14.29%{transform:translate3d(-70.3px,-22.7px,0) rotate(calc(var(--r) + 66deg))}
 28.57%{transform:translate3d(-30.5px,-91.5px,0) rotate(calc(var(--r) + 132deg))}
 42.86%{transform:translate3d(98.9px,-79.5px,0) rotate(calc(var(--r) + 198deg))}
 57.14%{transform:translate3d(94.2px,0.6px,0) rotate(calc(var(--r) + 264deg))}
 71.43%{transform:translate3d(73.9px,61.8px,0) rotate(calc(var(--r) + 329deg))}
 85.71%{transform:translate3d(-34.0px,93.4px,0) rotate(calc(var(--r) + 395deg))}
 100%{transform:translate3d(-121.1px,37.2px,0) rotate(calc(var(--r) + 461deg))}}
.hp.n14{animation-name:nav14}
@keyframes nav15{
 0%{transform:translate3d(135.9px,60.2px,0) rotate(calc(var(--r) + -0deg))}
 14.29%{transform:translate3d(9.0px,75.9px,0) rotate(calc(var(--r) + -52deg))}
 28.57%{transform:translate3d(-67.3px,41.1px,0) rotate(calc(var(--r) + -103deg))}
 42.86%{transform:translate3d(-167.4px,-16.2px,0) rotate(calc(var(--r) + -155deg))}
 57.14%{transform:translate3d(-86.8px,-97.6px,0) rotate(calc(var(--r) + -206deg))}
 71.43%{transform:translate3d(63.9px,-107.3px,0) rotate(calc(var(--r) + -258deg))}
 85.71%{transform:translate3d(171.1px,-34.8px,0) rotate(calc(var(--r) + -309deg))}
 100%{transform:translate3d(135.9px,60.2px,0) rotate(calc(var(--r) + -361deg))}}
.hp.n15{animation-name:nav15}
.hero.v2 .in>div:first-child{position:relative}
.hero.v2 .in>div:first-child::before{content:"";position:absolute;z-index:-1;
 inset:-56px -120px -46px -70px;pointer-events:none;
 background:radial-gradient(62% 58% at 34% 44%,rgba(255,255,255,.88),rgba(255,255,255,.5) 56%,transparent 82%)}
@media (prefers-reduced-motion:reduce){.horbe,.hp{animation:none!important}}
@media (max-width:1040px){.hparts,.horbe.o3{display:none}.hgrid{background-size:56px 56px;opacity:.7}}

/* ════════ écran du téléphone ════════ */
#hero-dev .tbar .nom{display:flex;align-items:center;gap:9px;font-size:16.5px;font-family:var(--f-d)}
#hero-dev .nlogo{width:26px;height:26px;border-radius:9px;background:rgba(255,255,255,.24);
 border:1px solid rgba(255,255,255,.38);display:grid;place-items:center;flex:0 0 auto;
 text-decoration:none;color:#fff}
#hero-dev .nlogo svg{width:18px;height:18px;display:block}

#hero-dev .nb{gap:12px;padding:14px 14px 12px}

/* — assistant IA — */
#hero-dev .nia{display:grid;grid-template-columns:34px 1fr;column-gap:11px;row-gap:6px;
 border-radius:16px;padding:12px 13px;position:relative;overflow:hidden;
 background:linear-gradient(128deg,#3B1D6E,#7B22E8 46%,#B5399C);color:#fff;
 box-shadow:0 12px 26px -14px rgba(96,60,170,.75)}
#hero-dev .nia::after{content:"";position:absolute;inset:0;pointer-events:none;
 background:radial-gradient(60% 120% at 84% 18%,rgba(255,255,255,.30),transparent 70%)}
#hero-dev .niai{grid-row:1/3;align-self:start;width:34px;height:34px;border-radius:11px;
 display:grid;place-items:center;font-size:16px;background:rgba(255,255,255,.2);
 border:1px solid rgba(255,255,255,.3)}
#hero-dev .niat{min-width:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#hero-dev .niat b{font-family:var(--f-d);font-size:13.5px;font-weight:800;letter-spacing:-.015em;
 white-space:nowrap}
#hero-dev .nias{grid-column:2;font-size:10.5px;opacity:.85;line-height:1.32;display:block;
 position:relative;z-index:2}
#hero-dev .nianew{font-style:normal;flex:0 0 auto;background:#FF9A1F;color:#2A1206;border-radius:99px;
 padding:3px 8px;font-size:8.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;
 position:relative;z-index:2}

/* — quatre thématiques, pas une liste de fonctions — */
#hero-dev .ngrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#hero-dev .nt{border-radius:15px;padding:13px 12px 12px;display:flex;flex-direction:column;gap:8px;
 background:#fff;border:1px solid #F0E9FA;box-shadow:0 6px 16px -10px rgba(96,60,170,.3)}
#hero-dev .nt i{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;
 font-style:normal;font-size:17px;line-height:1}
#hero-dev .nt b{font-family:var(--f-d);font-size:15px;font-weight:800;letter-spacing:-.025em;
 color:#2A1C46;line-height:1}
#hero-dev .nt u{text-decoration:none;display:block;font-size:10.5px;color:#8B7EA3;line-height:1.3;
 margin-top:-4px}
#hero-dev .t1 i{background:linear-gradient(140deg,#CBB6FF,#9BC4FF)}
#hero-dev .t2 i{background:linear-gradient(140deg,#FFC9DE,#FF9EC7)}
#hero-dev .t3 i{background:linear-gradient(140deg,#B7F2E2,#5BE8C4)}
#hero-dev .t4 i{background:linear-gradient(140deg,#FFE7A8,#FFD36B)}
#hero-dev .tabs i:first-child{background:linear-gradient(125deg,#B197E8,#F0AECB)}

/* — la notification arrive, reste, repart, et recommence — */
#hero-dev .push{top:52px;left:9px;right:9px;padding:10px 12px;gap:10px;align-items:center;
 background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.5);border-radius:20px;
 box-shadow:0 16px 36px -12px rgba(22,12,41,.4);z-index:8;
 opacity:0;transform:translateY(-26px) scale(.96);
 animation:pusharrive 11s cubic-bezier(.2,1.2,.35,1) 1.2s infinite}
@keyframes pusharrive{
  0%{opacity:0;transform:translateY(-26px) scale(.96)}
  5%{opacity:1;transform:translateY(0) scale(1)}
 55%{opacity:1;transform:translateY(0) scale(1)}
 62%{opacity:0;transform:translateY(-22px) scale(.97)}
100%{opacity:0;transform:translateY(-26px) scale(.96)}}
#hero-dev .push .pic{width:36px;height:36px;border-radius:11px;flex:0 0 auto;display:grid;
 place-items:center;color:#fff;background:linear-gradient(140deg,#9B6BFF,#E8267E);
 box-shadow:0 6px 14px -7px rgba(123,34,232,.8)}
#hero-dev .push .pic svg{width:22px;height:22px;display:block}
#hero-dev .push .ptx{min-width:0}
#hero-dev .push .pap{display:flex;align-items:baseline;justify-content:space-between;gap:10px;
 font-size:8.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#7E7095;
 margin-bottom:2px;white-space:nowrap}
#hero-dev .push .pap em{flex:0 0 auto}
#hero-dev .push .pap em{font-style:normal;letter-spacing:.05em;font-weight:700;opacity:.75}
#hero-dev .push b{display:block;font-size:12.5px;font-weight:700;color:#150C26;line-height:1.25}
#hero-dev .push small{display:block;font-size:11px;color:#4A3D62;margin-top:1px;line-height:1.3}
@media (prefers-reduced-motion:reduce){#hero-dev .push{animation:none;opacity:1;transform:none}}

/* ════════ cartes flottantes ════════ */
/* hf4 : le troisième encart, à droite du téléphone */
.hf4{flex-direction:column;align-items:flex-start;gap:9px;padding:14px 16px;max-width:236px;
 white-space:normal}
.hf4 .h4h{display:flex;align-items:center;gap:9px}
.hf4 .h4i{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;font-size:15px;
 background:linear-gradient(140deg,#CBB6FF,#7B22E8);color:#fff;flex:0 0 auto}
.hf4 b{font-family:var(--f-d);font-size:14.5px;font-weight:800;letter-spacing:-.025em;
 color:var(--ink);line-height:1.15}
.hf4 small{display:block;font-size:11.5px;color:var(--mut);line-height:1.4}
.hf4 .h4l{display:flex;align-items:center;gap:7px;font-size:11.5px;font-weight:700;color:#0B7F6C}
.hf4 .h4l i{width:15px;height:15px;border-radius:50%;background:rgba(15,169,143,.16);
 display:grid;place-items:center;font-style:normal;font-size:8.5px;flex:0 0 auto}

.hfloat{animation:hfin .8s cubic-bezier(.16,1,.3,1) both,flot var(--fd,15s) ease-in-out var(--fdl,0s) infinite alternate}
@keyframes flot{from{transform:translate3d(0,0,0)}to{transform:translate3d(var(--fx,7px),var(--fy,-11px),0)}}
.hf2{--fd:17s;--fdl:-4s;--fx:9px;--fy:9px}
.hf3{--fd:15s;--fdl:-8s;--fx:-6px;--fy:10px}
.hf4{--fd:19s;--fdl:-6s;--fx:8px;--fy:-9px}
@media (prefers-reduced-motion:reduce){.hfloat{animation:none}}

/* ════════ pastilles App Store / Google Play ════════ */
.hf3{gap:16px;padding:10px 16px}
.hf3 .hfs{flex-direction:row;align-items:center;gap:9px}
.hf3 .lg{width:19px;height:19px;flex:0 0 auto}
.hf3 .apl{color:#150A28;display:flex}
.hf3 .hfs .txt{display:flex;flex-direction:column;line-height:1.1}

/* ════════ corrections de détail ════════ */
/* la coche n'était pas centrée dans son carré */
.checks li{padding-left:34px;display:flex;align-items:center;min-height:23px}
.checks li::before{top:50%;transform:translateY(-50%);width:22px;height:22px;border-radius:7px}
.checks li::after{left:7.6px;top:50%;margin-top:-1px;transform:translateY(-50%) rotate(42deg);
 width:6px;height:9.5px}

/* l'en-tête : menu à gauche contre le logo, actions à droite */
.barlinks{margin-left:26px;margin-right:auto;gap:4px;align-items:center}
.barlinks a{padding:9px 12px;border-radius:10px;transition:background .16s,color .16s}
.barlinks a:hover{background:#F6F2FD;color:var(--ink)}

/* le téléphone du déroulement, nettement plus grand */
.flowgrid{grid-template-columns:1fr 430px;gap:56px}
#flow-dev{transform:scale(1.34);transform-origin:top center;margin-bottom:calc(598px * .34)}
@media (max-width:1040px){
 .flowgrid{grid-template-columns:1fr}
 #flow-dev{transform:none;margin-bottom:0}
}

/* ════════ en-tête : grand menu déroulant ════════ */
.bar .in{gap:0}
.barlinks{font-size:14.5px}
.barlinks a{font-size:14.5px;font-weight:600}
.acct{margin-right:12px}
.mmwrap{position:relative;display:inline-flex}
.mmbtn{background:none;border:0;padding:9px 12px;border-radius:10px;display:inline-flex;
 align-items:center;gap:6px;font-family:var(--f-b);font-size:14.5px;font-weight:600;
 color:var(--ink2);cursor:pointer;white-space:nowrap;transition:background .16s,color .16s}
.mmwrap:hover .mmbtn,.mmwrap.on .mmbtn{background:#F6F2FD}
.mmbtn svg{width:11px;height:11px;transition:transform .22s}
.mmwrap:hover .mmbtn,.mmwrap.on .mmbtn{color:var(--ink)}
.mmwrap:hover .mmbtn svg,.mmwrap.on .mmbtn svg{transform:rotate(180deg)}
.mmpanel{position:absolute;top:100%;left:-10px;margin-top:2px;z-index:300;
 background:#fff;border:1px solid var(--line);border-radius:22px;padding:14px;
 width:min(620px,88vw);display:grid;grid-template-columns:1fr 1fr;gap:2px;
 box-shadow:0 34px 70px -26px rgba(21,10,40,.34);
 opacity:0;visibility:hidden;transform:translateY(-8px);transition:.22s cubic-bezier(.2,1,.4,1)}
.mmwrap:hover .mmpanel,.mmwrap.on .mmpanel,.mmwrap:focus-within .mmpanel{
 opacity:1;visibility:visible;transform:none}
.mmi{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:14px;
 text-decoration:none;transition:background .16s}
.mmi:hover{background:#F7F3FD}
.mmic{width:38px;height:38px;border-radius:12px;flex:0 0 auto;display:grid;place-items:center;
 font-size:17px;background:linear-gradient(140deg,#F1EAFC,#E7DDF8)}
.mmit{min-width:0}
.mmit b{display:block;font-family:var(--f-d);font-size:14.5px;font-weight:700;letter-spacing:-.02em;
 color:var(--ink);line-height:1.2}
.mmit small{display:block;font-size:12.5px;color:var(--mut);line-height:1.35;margin-top:1px}
@media (max-width:1040px){.mmwrap{display:none}}

/* ════════ Constellation · T1 teinté ════════ */
.cst #hero-dev{
 --acc:#B197E8;--acc2:#F0AECB;
 -webkit-mask-image:radial-gradient(116% 104% at 86% 22%,#000 30%,rgba(0,0,0,.62) 62%,rgba(0,0,0,.18) 88%,transparent 100%);
 mask-image:radial-gradient(116% 104% at 86% 22%,#000 30%,rgba(0,0,0,.62) 62%,rgba(0,0,0,.18) 88%,transparent 100%)}
.t1 #hero-dev{opacity:.82;box-shadow:0 80px 150px -100px rgba(96,60,170,.2)}
.t1 #hero-dev.dev{background:linear-gradient(150deg,#EFEAF9,#D3C9E9 48%,#E6DEF4)}
.t1 #hero-dev .scr,.t1 #hero-dev .nb{background:#F3EFFB}
.t1 #hero-dev .nt{background:#FBF9FE;border-color:#EAE2F6;box-shadow:none}
.t1 #hero-dev .tabs{background:#F7F4FC;border-top-color:#EAE2F6}
.t1 #hero-dev .scr{filter:saturate(.5) contrast(.94) brightness(1.05)}
/* placement des quatre encarts autour du téléphone */
.hero.v2 .hf1{left:-176px;top:214px}
.hero.v2 .hf2{left:-186px;top:470px}
.hero.v2 .hf3{left:-92px;top:756px}
.hero.v2 .hf4{left:auto;right:-74px;top:792px}
@media (max-width:1340px){.hero.v2 .hf4{right:-40px;top:806px}}
@media (max-width:1200px){.hero.v2 .hf4{display:none}}

/* ════════ la notification : une ligne, logée dans l'en-tête ════════ */
#hero-dev .push{top:46px;left:10px;right:10px;padding:6px 9px 6px 7px;gap:8px;
 display:flex;align-items:center;
 background:rgba(255,255,255,.80);border:1px solid rgba(255,255,255,.55);border-radius:15px;
 box-shadow:0 10px 24px -10px rgba(22,12,41,.34);z-index:8;
 opacity:0;transform:translateY(-14px) scale(.97);
 animation:pusharrive 11s cubic-bezier(.2,1.2,.35,1) 1.2s infinite}
#hero-dev .push .pic{width:24px;height:24px;border-radius:8px;flex:0 0 auto;display:grid;
 place-items:center;color:#fff;background:linear-gradient(140deg,#9B6BFF,#E8267E)}
#hero-dev .push .pic svg{width:15px;height:15px;display:block}
#hero-dev .push .ptx{min-width:0;flex:1}
#hero-dev .push b{display:block;font-size:11px;font-weight:700;color:#150C26;line-height:1.2;
 white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}
#hero-dev .push .pnow{font-style:normal;flex:0 0 auto;font-size:8.5px;font-weight:700;
 letter-spacing:.01em;color:#9186A8;font-size:9px;text-transform:none;font-weight:600}
@keyframes pusharrive{
  0%{opacity:0;transform:translateY(-14px) scale(.97)}
  5%{opacity:1;transform:none}
 50%{opacity:1;transform:none}
 57%{opacity:0;transform:translateY(-12px) scale(.98)}
100%{opacity:0;transform:translateY(-14px) scale(.97)}}
@media (prefers-reduced-motion:reduce){#hero-dev .push{animation:none;opacity:1;transform:none}}

/* les tuiles ne doivent jamais élargir la grille : une sous-ligne qui refuse
   de se couper poussait la deuxième colonne hors de l'écran */
#hero-dev .ngrid{grid-template-columns:repeat(2,minmax(0,1fr))}
#hero-dev .nt{min-width:0}
#hero-dev .nt u{white-space:normal;overflow-wrap:anywhere}
#hero-dev .nt b{white-space:normal}
#hero-dev .nias{white-space:normal;overflow-wrap:anywhere}
#hero-dev .niat{flex-wrap:nowrap}

/* ════════ pastilles officielles App Store / Google Play ════════ */
.hf3{gap:12px;padding:11px 14px;align-items:center}
.stbadge{display:block;line-height:0;text-decoration:none;border-radius:7px}
.stbadge img{display:block;height:34px;width:auto}
.stbadge.gp img{height:40px;margin:-3px 0}

/* ════════ l'en-tête : plus de relief sur fond clair ════════ */
.bar{background:rgba(255,255,255,.82);-webkit-backdrop-filter:blur(18px) saturate(1.4);
 backdrop-filter:blur(18px) saturate(1.4);
 border-bottom:1px solid rgba(123,34,232,.09);
 box-shadow:0 1px 0 rgba(255,255,255,.7) inset,0 6px 22px -18px rgba(21,10,40,.5)}
.bar .in{height:76px}
.bar.stuck{background:rgba(255,255,255,.92);border-bottom-color:rgba(123,34,232,.14);
 box-shadow:0 1px 0 rgba(255,255,255,.8) inset,0 14px 34px -22px rgba(21,10,40,.55)}

/* ════════ le bouton du menu, recentré et redessiné ════════ */
.burger{width:46px;height:46px;border-radius:14px;border:1.5px solid var(--line);
 background:#fff;flex:0 0 auto;padding:0;box-shadow:var(--s1);transition:.2s;
 align-items:center;justify-content:center;flex-direction:column;gap:5px}
.burger span{display:block;width:19px;height:2.2px;border-radius:2px;background:var(--ink);
 transition:.28s cubic-bezier(.2,1.2,.4,1)}
.burger span:nth-child(2){width:13px;margin-right:6px;background:var(--iris)}
.burger:active{transform:scale(.95)}
body.mopen .burger span:nth-child(1){transform:translateY(7.2px) rotate(45deg)}
body.mopen .burger span:nth-child(2){opacity:0}
body.mopen .burger span:nth-child(3){transform:translateY(-7.2px) rotate(-45deg)}
@media (min-width:1041px){.burger{display:none}}
@media (max-width:1040px){.burger{display:flex;margin-left:auto}}

/* ════════ le panneau mobile suit le grand menu ════════ */
.mnsec{display:block;font-family:var(--f-m);font-size:10px;letter-spacing:.16em;text-transform:uppercase;
 color:var(--mut);font-weight:700;margin:22px 0 6px}
.mnsec:first-child{margin-top:4px}
.mnavlinks a{font-family:var(--f-b);font-size:16px;font-weight:600;letter-spacing:0;color:var(--ink);
 padding:13px 0;gap:13px;justify-content:flex-start;align-items:center}
.mnavlinks a i{width:38px;height:38px;border-radius:12px;flex:0 0 auto;display:grid;place-items:center;
 font-style:normal;font-size:17px;background:linear-gradient(140deg,#F1EAFC,#E7DDF8)}
.mnavlinks a>span{min-width:0}
.mnavlinks a b{display:block;font-family:var(--f-d);font-size:16.5px;font-weight:700;letter-spacing:-.02em;
 line-height:1.2}
.mnav .mnavlinks a small{display:block;font-size:12.5px;color:var(--mut);line-height:1.35;
 margin-top:1px;font-weight:500}
.mnav .mnavlinks a b{color:var(--ink)}
.mnav .mnavlinks a::after{margin-left:auto;color:var(--iris);flex:0 0 auto;font-size:17px}

/* ── Ultra à vie : l'argument qui compte passe devant ── */
.checks.vie li.fort{font-family:var(--f-d);font-size:16px;font-weight:800;letter-spacing:-.02em;
 color:#fff;padding-left:0;margin-bottom:14px;padding-bottom:14px;
 border-bottom:1px dashed rgba(255,201,122,.34);display:block;line-height:1.3}
.checks.vie li.fort::before,.checks.vie li.fort::after{display:none}
.checks.vie li.fort .cad{display:inline-flex;align-items:center;margin-right:9px;
 background:linear-gradient(115deg,#FFD36B,#FF9A1F);color:#3A2100;border-radius:99px;
 padding:4px 11px;font-family:var(--f-m);font-size:10px;font-weight:800;letter-spacing:.14em;
 text-transform:uppercase;vertical-align:middle;background-origin:border-box}

/* ════════ le liseré violet au bord des pastilles en dégradé ════════
   Un dégradé est dimensionné sur la boîte de padding mais peint sur la boîte
   de bordure : la bande d'1 px de la bordure transparente rejouait donc le
   début du dégradé — du violet à droite d'une pastille qui finit en orange.
   On dimensionne le dégradé sur la boîte de bordure. */
.sectab,.sectab.on,.btn,.rib,.cnt,.tag2,.ub{background-origin:border-box}
.sectab.on{border-color:transparent;background-origin:border-box;background-clip:border-box}

/* ════════ onglets secteurs : l'indice de défilement ════════ */
.secswipe{display:none;align-items:center;justify-content:center;gap:7px;
 padding:9px 0 8px;font-family:var(--f-m);font-size:10.5px;letter-spacing:.1em;
 text-transform:uppercase;font-weight:700;color:var(--iris);background:var(--wash);
 border-bottom:1px solid var(--line)}
.secswipe em{font-style:normal;font-size:14px;animation:swipehint 2.2s ease-in-out infinite}
@keyframes swipehint{0%,100%{transform:translateX(0)}50%{transform:translateX(6px)}}
.sectorwrap.deborde .secswipe{display:flex}
.sectorwrap.deborde.scrolled .secswipe{display:none}
.sectab:focus{outline:none}
.sectab:focus-visible{outline:2px solid var(--iris);outline-offset:3px}

/* ════════ le héros sur mobile : la composition du bureau, en réduit ════════ */
@media (max-width:760px){
 .hero.v2 .heroscene{position:relative;display:block;margin-top:14px!important;
  padding:0 0 66px}
 .hero.v2 #hero-dev{display:block;margin:0 auto;transform:scale(.94)!important;
  transform-origin:top center;margin-bottom:-36px!important}
 /* les encarts flottent autour du téléphone, comme sur ordinateur */
 .hero.v2 .hfloat{display:flex;position:absolute;z-index:6;white-space:normal;
  padding:9px 11px;gap:9px;border-radius:14px;
  box-shadow:0 16px 34px -18px rgba(22,12,41,.42),0 0 0 1px rgba(22,12,41,.05)}
 .hero.v2 .hf2{left:-10px;top:58px;max-width:150px;flex-direction:column;gap:0;align-items:flex-start}
 .hero.v2 .hf2 .hfn{font-size:21px}
 .hero.v2 .hf2 small{font-size:10px;line-height:1.25}
 .hero.v2 .hf4{right:-10px;top:404px;max-width:176px;padding:11px 12px;gap:6px}
 .hero.v2 .hf4 .h4i{width:26px;height:26px;border-radius:9px;font-size:13px}
 .hero.v2 .hf4 b{font-size:12.5px;line-height:1.15}
 .hero.v2 .hf4 small{font-size:10.5px;line-height:1.32}
 .hero.v2 .hf4 .h4l{font-size:10px;gap:5px}
 .hero.v2 .hf4 .h4l i{width:13px;height:13px;font-size:7.5px}
 .hero.v2 .hf3{left:50%;transform:translateX(-50%);bottom:0;top:auto;
  padding:8px 11px;gap:9px}
 .hero.v2 .hf3 .stbadge img{height:28px}
 .hero.v2 .hf3 .stbadge.gp img{height:33px;margin:-2.5px 0}
 /* la dérive reste, mais sans écraser le placement */
 .hero.v2 .hfloat{animation:hfin .8s cubic-bezier(.16,1,.3,1) both}
 .hero.v2 .hf3{animation:none}
 /* on resserre sous la mention légale */
 .hero .note{margin-bottom:0}
}
@media (max-width:400px){
 .hero.v2 #hero-dev{transform:scale(.86)!important;margin-bottom:-58px!important}
 .hero.v2 .hf2{top:44px;max-width:136px}
 .hero.v2 .hf4{top:368px;max-width:162px}
}

/* ════════ l'en-tête collant sous WordPress ════════
   Un élément « sticky » ne peut pas dépasser les limites de son parent.
   WordPress enferme la partie de gabarit dans un <div> qui fait exactement
   la hauteur de l'en-tête : la course disponible était donc nulle, et la
   barre repartait aussitôt. On efface cette boîte. */
.wp-block-template-part:has(> .bar){display:contents}
.bar{position:sticky;top:0;z-index:200}

/* ════════ les pastilles des stores : moins de contraste ════════ */
.hf3{background:rgba(255,255,255,.58);
 -webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3);
 border:1px solid rgba(255,255,255,.72);
 box-shadow:0 18px 40px -24px rgba(22,12,41,.3);
 padding:9px 12px;gap:11px}
.hf3 .stbadge img{height:30px}
.hf3 .stbadge.gp img{height:36px;margin:-3px 0}
.hf3 .stbadge{opacity:.92;transition:opacity .2s}
.hf3 .stbadge:hover{opacity:1}
/* sur ordinateur elles remontent au niveau de « Une seule app » */
.hero.v2 .hf3{top:566px;left:-118px}
@media (max-width:1340px){.hero.v2 .hf3{left:-84px;top:552px}}

/* ════════ le héros sur mobile ════════ */
@media (max-width:760px){
 .hero.v2 .heroscene{padding:34px 0 22px}
 /* « 2 min » se range dans l'angle haut gauche et ne masque plus la notification */
 .hero.v2 .hf2{left:-12px;top:-34px;max-width:126px;padding:8px 10px;
  flex-direction:column;gap:0;align-items:flex-start}
 .hero.v2 .hf2 .hfn{font-size:18px;line-height:1.05}
 .hero.v2 .hf2 small{font-size:9.5px;line-height:1.22;margin-top:2px}
 /* les pastilles remontent au niveau de « Une seule app », à gauche */
 .hero.v2 .hf3{left:-12px;right:auto;top:452px;bottom:auto;transform:none;
  flex-direction:column;gap:7px;padding:9px 10px}
 .hero.v2 .hf3 .stbadge img{height:26px}
 .hero.v2 .hf3 .stbadge.gp img{height:31px;margin:-2.5px 0}
 .hero.v2 .hf4{top:404px;right:-12px;max-width:172px}
}
@media (max-width:400px){
 .hero.v2 .hf2{top:-30px;max-width:118px}
 .hero.v2 .hf3{top:410px}
 .hero.v2 .hf4{top:366px;max-width:158px}
}