/* ==========================================================================
   Maxelik, page « Générer des ventes qualifiées » : reprend l'ossature de
   image-de-marque.css et n'ajoute que ses illustrations propres
   ========================================================================== */
.vt-hero-bg{object-position:72% 30%}

/* les demandes qui arrivent, une à une */
.vt-in{position:relative;justify-self:end;width:100%;max-width:400px;padding:18px;border-radius:var(--r);background:#fff;color:var(--ink);box-shadow:0 50px 100px -40px rgba(0,0,0,.85)}
.vt-in::before{content:"";position:absolute;inset:-2px;z-index:-1;border-radius:inherit;background:conic-gradient(from var(--ang,0deg),#0083FF,#00BAFF,transparent 40%,transparent 60%,#0083FF);animation:imSpin 6s linear infinite;filter:blur(12px);opacity:.65}
.vt-in-h{display:flex;align-items:center;gap:8px;font-weight:900;color:var(--slate)}
.vt-in-h span{width:10px;height:10px;border-radius:50%;background:#1f9d5a;box-shadow:0 0 0 0 rgba(31,157,90,.6);animation:vtPing 1.8s ease-out infinite}
@keyframes vtPing{to{box-shadow:0 0 0 10px rgba(31,157,90,0)}}
.vt-in ul{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px}
.vt-in li{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;padding:10px 12px;border-radius:var(--r);background:#f6f9fb;font-size:.82rem;color:var(--ink-2)}
.vt-in li b{color:var(--slate);font-size:.9rem}
.vt-in li small{grid-column:1}
.vt-in li em{grid-column:2;grid-row:1/3;align-self:center;font-style:normal;padding:3px 9px;border-radius:999px;background:var(--soft-b);color:var(--blue);font-size:.72rem;font-weight:900}
html.js .vt-in li{opacity:0;transform:translateX(20px);animation:vtArrive .7s var(--ease) .6s forwards}
html.js .vt-in li:nth-child(2){animation-delay:1.3s}
html.js .vt-in li:nth-child(3){animation-delay:2s}
html.js .vt-in li:nth-child(4){animation-delay:2.7s}
@keyframes vtArrive{to{opacity:1;transform:none}}
.vt-in-f{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding:10px 12px;border-radius:var(--r);background:linear-gradient(100deg,#e3f0ff,#e6f8ff);font-size:.8rem;font-weight:700;color:var(--slate)}
.vt-in-f b{padding:3px 9px;border-radius:999px;background:var(--grad);color:#fff;font-size:.72rem}
@media (prefers-reduced-motion:reduce){html.js .vt-in li{animation:none;opacity:1;transform:none}.vt-in::before,.vt-in-h span{animation:none}}

/* fiche de demande qualifiée */
.vt-fiche{padding:20px;border-radius:var(--r);background:#fff;color:var(--ink-2);box-shadow:0 40px 70px -36px rgba(0,0,0,.85)}
.vt-fiche-h{display:flex;align-items:center;justify-content:space-between}
.vt-fiche-h b{color:var(--slate);font-size:1.05rem}
.vt-fiche-h em{font-style:normal;padding:4px 11px;border-radius:999px;background:#e8f8ef;color:#13623a;font-size:.76rem;font-weight:900}
.vt-fiche dl{margin:12px 0 0;display:grid;gap:1px;border-radius:var(--r);overflow:hidden;background:#e6edf2}
.vt-fiche dl div{display:grid;grid-template-columns:80px minmax(0,1fr);gap:10px;padding:10px 12px;background:#f8fafc;font-size:.88rem}
.vt-fiche dt{font-weight:800;color:var(--gray)}
.vt-fiche dd{margin:0;font-weight:700;color:var(--slate)}
.vt-fiche-ok{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:.86rem;font-weight:800;color:#13623a}
.vt-fiche-ok span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#1f9d5a;color:#fff;font-size:.72rem}

@media (max-width:900px){.vt-in{justify-self:start}}
@media (max-width:640px){.vt-in{display:none}}

/* ---------- LEVIERS DES VENTES : la formule et ses quatre facteurs ---------- */
.vt-lev-s{position:relative;overflow:clip;isolation:isolate;background:linear-gradient(135deg,#0052ad 0%,#0070dd 55%,#0b8fff 100%)}
.vt-lev-s::before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(50% 60% at 85% 10%,rgba(127,216,255,.35),transparent 70%),radial-gradient(40% 50% at 5% 95%,rgba(0,40,100,.45),transparent 70%)}
.vt-lev-s::after{content:"";position:absolute;z-index:-1;inset:0;background-image:radial-gradient(rgba(255,255,255,.1) 1px,transparent 1.2px);background-size:26px 26px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 70%);mask-image:linear-gradient(180deg,#000,transparent 70%)}
.vt-lev-s .lead{color:#e3f1ff}
.vt-formule{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 14px;margin:0 0 clamp(28px,3vw,40px);padding:18px;border-radius:var(--r);background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.vt-formule span{padding:10px 16px;border-radius:999px;background:rgba(255,255,255,.14);color:#fff;font-weight:800;font-size:.98rem}
.vt-formule i{font-style:normal;font-size:1.5rem;font-weight:300;color:#bfe6ff}
.vt-formule b{padding:10px 20px;border-radius:999px;background:#fff;color:#0058b8;font-weight:900;font-size:1.05rem;box-shadow:0 14px 30px -14px rgba(0,0,0,.5)}
html.js .vt-formule.rv{opacity:1;transform:none}
html.js .vt-formule.rv>*{opacity:0;transform:translateY(10px) scale(.95);transition:opacity .5s var(--ease),transform .5s var(--ease)}
html.js .vt-formule.rv.is-in>*{opacity:1;transform:none}
html.js .vt-formule.rv.is-in>:nth-child(2){transition-delay:0.12s}
html.js .vt-formule.rv.is-in>:nth-child(3){transition-delay:0.24s}
html.js .vt-formule.rv.is-in>:nth-child(4){transition-delay:0.36s}
html.js .vt-formule.rv.is-in>:nth-child(5){transition-delay:0.48s}
html.js .vt-formule.rv.is-in>:nth-child(6){transition-delay:0.60s}
html.js .vt-formule.rv.is-in>:nth-child(7){transition-delay:0.72s}
html.js .vt-formule.rv.is-in>:nth-child(8){transition-delay:0.84s}
html.js .vt-formule.rv.is-in>:nth-child(9){transition-delay:0.96s}
.vt-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.vt-col{display:flex;flex-direction:column;padding:22px 18px 18px;border-radius:var(--r);background:#fff;color:var(--ink);box-shadow:0 40px 70px -40px rgba(0,20,60,.7);transition:transform .45s var(--ease),box-shadow .45s var(--ease)}
.vt-col:hover{transform:translateY(-8px);box-shadow:0 50px 80px -40px rgba(0,20,60,.8)}
.vt-col-n{align-self:flex-start;padding:3px 10px;border-radius:999px;background:var(--grad);color:#fff;font-size:.72rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.vt-col h3{margin-top:10px;font-size:1.14rem;line-height:1.3}
.vt-col-s{margin-top:6px;color:var(--ink-2);font-size:.9rem;line-height:1.5}
.vt-col ul{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:8px}
.vt-col li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:start;padding:12px;border-radius:var(--r);background:var(--soft);transition:background-color .3s}
.vt-col li:hover{background:#e6f1fd}
.vt-col li .ico{width:32px;height:32px;color:var(--slate)}
.vt-col h4{font-size:.95rem;font-weight:900;color:var(--slate);line-height:1.3}
.vt-col li p{margin-top:3px;color:var(--ink-2);font-size:.85rem;line-height:1.5}
.vt-col a{display:inline-block;margin-top:2px;font-weight:800}
.vt-mesure{display:flex;align-items:center;gap:16px;margin-top:16px;padding:18px 22px;border-radius:var(--r);background:#141d22;color:#cfdbe1;font-size:.96rem;box-shadow:0 30px 60px -36px rgba(0,0,0,.8)}
.vt-mesure .ico{flex:none;width:44px;height:44px}
.vt-mesure .ico .s,.vt-mesure .ico .a{stroke:#fff}.vt-mesure .ico .fs{fill:rgba(255,255,255,.12)}.vt-mesure .ico .f{fill:#7fd8ff}
.vt-mesure strong{color:#fff}
.vt-mesure a{color:#7fd8ff;font-weight:800;white-space:nowrap}
@media (prefers-reduced-motion:reduce){html.js .vt-formule.rv>*{opacity:1;transform:none;transition:none}}
@media (max-width:1100px){.vt-cols{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.vt-cols{grid-template-columns:1fr}.vt-formule{justify-content:flex-start}.vt-mesure{flex-direction:column;align-items:flex-start}}
.vt-col h3{color:var(--slate)}

/* le socle : le site internet, sous les quatre facteurs */
.vt-socle{position:relative;display:grid;grid-template-columns:88px minmax(0,1fr);gap:22px;align-items:start;margin-top:16px;padding:26px 28px;border-radius:var(--r);background:#fff;color:var(--ink);box-shadow:0 40px 70px -40px rgba(0,20,60,.7)}
.vt-socle::before{content:"";position:absolute;left:28px;right:28px;top:-16px;height:16px;background:repeating-linear-gradient(90deg,transparent 0 calc(12.5% - 2px),rgba(255,255,255,.55) calc(12.5% - 2px) 12.5%)}
.vt-socle-ic{display:grid;place-items:center;width:88px;height:88px;border-radius:var(--r);background:var(--grad);box-shadow:0 16px 30px -12px rgba(0,131,255,.8)}
.vt-socle-ic .ico{width:52px;height:52px}
.vt-socle-ic .ico .s,.vt-socle-ic .ico .a{stroke:#fff}.vt-socle-ic .ico .f{fill:#fff}.vt-socle-ic .ico .fs{fill:rgba(255,255,255,.2)}
.vt-socle-k{font-size:.76rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}
.vt-socle h3{margin-top:4px;color:var(--slate);font-size:1.4rem}
.vt-socle-t>p:not(.vt-socle-k){margin-top:8px;color:var(--ink-2);font-size:.98rem}
.vt-socle-l{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.vt-socle-l a{display:block;padding:8px 14px;border-radius:999px;background:var(--soft);color:var(--slate);font-weight:800;font-size:.9rem;text-decoration:none;transition:background .25s,color .25s,transform .25s var(--ease)}
.vt-socle-l a:hover{background:var(--grad);color:#fff;transform:translateY(-2px)}
@media (max-width:640px){.vt-socle{grid-template-columns:1fr}.vt-socle-ic{width:64px;height:64px;border-radius:var(--r)}}

.im-cas-defi{margin-top:16px;padding:14px 16px;border-radius:var(--r);background:#fff;box-shadow:0 22px 46px -34px rgba(19,40,60,.42);color:var(--ink-2);font-size:.94rem}
.im-cas-defi strong{color:var(--slate)}
.im-cas-defi+.im-cas-k{margin-top:22px}
.im-cas-res li.wide.hi{background:radial-gradient(120% 140% at 100% 0%,#0a4a91 0%,#112a40 55%,#141d22 100%);color:#cfdbe1;box-shadow:0 30px 50px -36px rgba(10,40,80,.8)}
.im-cas-res li.wide.hi strong{color:#fff}
.im-cas-res li.wide.hi .ico .s,.im-cas-res li.wide.hi .ico .a{stroke:#fff}.im-cas-res li.wide.hi .ico .f{fill:#7fd8ff}.im-cas-res li.wide.hi .ico .fs{fill:rgba(255,255,255,.12)}

/* entonnoir : barres en trapèze qui se resserrent, explications alignées sur un filet */
.vt-tu{list-style:none;margin:0;padding:0;display:grid}
.vt-tu li{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(18px,3vw,44px);align-items:center;padding:5px 0}
.vt-tu-l{position:relative}
.vt-tu-bar{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;margin-inline:auto;width:var(--w);min-height:62px;padding:0 24px;white-space:nowrap;background:var(--c,#2577ca);color:#fff;font-size:.9rem;font-weight:800;clip-path:polygon(0 0,100% 0,calc(100% - 16px) 100%,16px 100%);transition:filter .3s}
.vt-tu-bar .pt{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.2);color:#fff;font-weight:900;font-size:.8rem}
.vt-tu-bar.me{width:fit-content;padding:0 30px;background:var(--grad);clip-path:none;border-radius:999px;box-shadow:0 18px 34px -12px rgba(0,131,255,.85),0 0 0 6px rgba(0,186,255,.15)}
.vt-tu-bar.me .pt{background:#fff;color:var(--blue);box-shadow:none}
.vt-tu li{position:relative}
.vt-tu-out{position:absolute;left:calc(50% + var(--w)/2 + 14px);top:50%;display:flex;align-items:center;gap:2px;font-size:.72rem;font-weight:800;color:#9aabb5;white-space:nowrap}
.vt-tu-out svg{width:20px;height:20px;color:#b8c7d2}
.vt-tu-txt{padding:12px 0 12px 22px;border-left:2px solid #e1ebf4;transition:border-color .3s}
.vt-tu li:last-child .vt-tu-txt{border-left-color:var(--blue)}
.vt-tu li:hover .vt-tu-txt{border-left-color:#7cc4ff}
.vt-tu li:hover .vt-tu-bar{filter:brightness(1.1)}
.vt-tu-txt h3{font-size:1.06rem}
.vt-tu-txt p{margin-top:3px;color:var(--ink-2);font-size:.94rem;line-height:1.55}
html.js .vt-tu li.rv .vt-tu-bar{transform:scaleX(.6);transition:transform .8s var(--ease) .1s,filter .3s}
html.js .vt-tu li.rv.is-in .vt-tu-bar{transform:none}
@media (prefers-reduced-motion:reduce){html.js .vt-tu li.rv .vt-tu-bar{transform:none}}
@media (max-width:760px){.vt-tu li{grid-template-columns:1fr;gap:8px;padding:10px 0}.vt-tu-bar{margin-inline:0;width:100%}.vt-tu-out{display:none}.vt-tu-txt{padding:4px 0 4px 16px}}

/* glossaire du jargon, mêmes règles que les pages villes */
.vl-gl{display:grid;gap:clamp(36px,4vw,56px)}
.vl-gl-h{display:flex;align-items:center;gap:14px;margin-bottom:16px;color:var(--slate);font-size:1.15rem}
.vl-gl-h .ico{width:40px;height:40px;flex:none}
.vl-gl-h b{font-weight:900}
.vl-gl-h small{margin-left:auto;padding:4px 12px;border-radius:999px;background:#fff;box-shadow:0 22px 46px -34px rgba(19,40,60,.42);font-size:.8rem;font-weight:800;color:var(--ink-2)}
.vl-gl-dl{margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.vl-gl-c{position:relative;display:flex;flex-direction:column;gap:8px;padding:22px 20px 24px;border-radius:var(--r);background:#fff;box-shadow:0 22px 46px -34px rgba(19,40,60,.42);overflow:hidden;isolation:isolate;transition:transform .45s var(--ease),box-shadow .45s var(--ease),background-color .45s}
.vl-gl-c::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(120% 120% at 100% 0%,#14456f 0%,#1b2a33 55%,#141d22 100%);opacity:0;transition:opacity .45s var(--ease)}
.vl-gl-n{font-size:2.6rem;font-weight:900;line-height:1;color:transparent;-webkit-text-stroke:1.5px #b9cbd8;transition:-webkit-text-stroke-color .45s}
.vl-gl-c dt{font-weight:900;font-size:1.08rem;color:var(--slate);transition:color .45s}
.vl-gl-c dd{margin:0;font-size:.93rem;line-height:1.55;color:var(--ink-2);transition:color .45s}
.vl-gl-c dd a{font-weight:700}
.vl-gl-c:hover,.vl-gl-c:focus-within{transform:translateY(-6px);box-shadow:0 30px 50px -28px rgba(19,40,60,.75)}
.vl-gl-c:hover::before,.vl-gl-c:focus-within::before{opacity:1}
.vl-gl-c:hover .vl-gl-n,.vl-gl-c:focus-within .vl-gl-n{-webkit-text-stroke-color:transparent;background:linear-gradient(90deg,#7fd8ff,#fff);-webkit-background-clip:text;background-clip:text}
.vl-gl-c:hover dt,.vl-gl-c:focus-within dt{color:#fff}
.vl-gl-c:hover dd,.vl-gl-c:focus-within dd{color:#dbe4e8}
.vl-gl-c:hover dd a,.vl-gl-c:focus-within dd a{color:#7fd8ff}
@media (prefers-reduced-motion:reduce){.vl-gl-c,.vl-gl-c::before{transition:none}.vl-gl-c:hover{transform:none}}
.vt-gl5{grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:1100px){.vt-gl5{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.vt-gl5{grid-template-columns:1fr}.vl-gl-h small{display:none}}

/* symbole Maxelik en filigrane dans la section méthode */
.im-meth-s::after{content:"";position:absolute;z-index:-1;right:-4%;top:50%;width:min(620px,48vw);aspect-ratio:1;translate:0 -50%;background:url("img/maxelik-symbole.svg") no-repeat center/contain;opacity:.07;pointer-events:none;animation:vtFil 26s ease-in-out infinite alternate}
@keyframes vtFil{to{transform:rotate(-8deg) scale(1.05)}}
@media (prefers-reduced-motion:reduce){.im-meth-s::after{animation:none}}
@media (max-width:760px){.im-meth-s::after{width:80vw;right:-30%;opacity:.05}}

/* symbole Maxelik en filigrane derrière le texte de la section locale */
.im-loc-s::after{content:"";position:absolute;z-index:-1;left:-6%;top:55%;width:min(560px,44vw);aspect-ratio:1;translate:0 -50%;background:url("img/maxelik-symbole.svg") no-repeat center/contain;opacity:.06;pointer-events:none;animation:vtFil 26s ease-in-out infinite alternate}
@media (prefers-reduced-motion:reduce){.im-loc-s::after{animation:none}}
@media (max-width:760px){.im-loc-s::after{width:80vw;left:-30%;opacity:.05}}