/* ---------- avantage parrainage ---------- */
.av{max-width:1040px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);border-radius:40px;overflow:hidden;background:#fff;box-shadow:0 0 0 1px var(--ln),0 40px 70px -50px rgba(23,23,26,.45)}
.av-l{position:relative;overflow:hidden;background:var(--ink);color:#fff;padding:clamp(34px,5vw,60px);display:flex;flex-direction:column;gap:18px}
.av-l::before{content:"";position:absolute;right:-90px;top:-110px;width:300px;height:300px;border-radius:50%;background:rgba(255,255,255,.05)}
.av-l::after{content:"";position:absolute;right:60px;bottom:-140px;width:220px;height:220px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.av-l>*{position:relative}
.av-l .eyebrow{color:var(--acc-2)}.av-l .eyebrow i{background:var(--acc-2)}
.av-l h2.h2{color:#fff;font-size:clamp(2.1rem,4vw,3.2rem)}.av-l h2.h2 em{color:var(--acc-2)}
.av-l p{color:rgba(255,255,255,.8);font-size:.98rem;line-height:1.65;max-width:46ch;text-wrap:pretty}.av-l p b{color:#fff;font-weight:700}
.av-ck{list-style:none;display:flex;flex-direction:column;gap:12px;margin-top:4px}
.av-ck li{display:flex;align-items:center;gap:12px;font-size:.92rem;font-weight:500;color:#fff}
.av-ck li b{font-weight:700}
.av-ck svg{width:26px;height:26px;flex:none;padding:6px;border-radius:50%;background:rgba(255,255,255,.1);color:var(--acc-2)}
.av-r{padding:clamp(30px,4.4vw,54px);display:flex;flex-direction:column;gap:18px;justify-content:center}
.av-r .eyebrow{color:var(--mut)}.av-r .eyebrow i{background:var(--mut)}
.av-tk{position:relative;display:flex;align-items:center;gap:18px;padding:22px 28px;border-radius:26px;background:var(--lav);box-shadow:inset 0 0 0 1px var(--ln)}
.av-tk::before,.av-tk::after{content:"";position:absolute;top:50%;width:22px;height:22px;margin-top:-11px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px var(--ln)}
.av-tk::before{left:-11px;clip-path:inset(0 0 0 50%)}.av-tk::after{right:-11px;clip-path:inset(0 50% 0 0)}
.av-pct{font:400 clamp(3rem,5.4vw,4rem)/.9 var(--fd);letter-spacing:-.02em;white-space:nowrap}
.av-pct sup{font-size:.55em;vertical-align:.5em;margin-left:2px}
.av-r p{color:var(--ink2);font-size:.95rem;line-height:1.65;text-wrap:pretty}
.av-r small{font-size:.78rem;color:var(--mut);line-height:1.5}
.av-r .btn{width:100%;margin-top:4px}
/* ---------- fonctionnalités ---------- */
.ft-grid{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}
.ft{position:relative;grid-column:span 2;display:flex;flex-direction:column;gap:12px;padding:28px 26px 30px;border-radius:32px;background:#fff;box-shadow:0 0 0 1px var(--ln);transition:box-shadow .4s,transform var(--sp-box-d) var(--sp-box)}
.ft.big{grid-column:span 3;background:var(--lav)}
.ft:hover{transform:translateY(-4px);box-shadow:0 0 0 1px color-mix(in oklch,var(--acc) 30%,transparent),0 26px 44px -30px rgba(23,23,26,.4)}
.ft-ic{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:var(--acc-soft);color:var(--acc)}
.ft.big .ft-ic{background:#fff}
.ft-ic svg{width:22px;height:22px}
.ft h3{font-size:1.08rem;font-weight:600;line-height:1.3;margin-top:6px}
.ft p{font-size:.9rem;color:var(--mut);line-height:1.6;text-wrap:pretty}
.ft-tag{align-self:flex-start;line-height:28px;padding:0 12px;border-radius:999px;background:var(--ink);color:#fff;font-size:.74rem;font-weight:700}
.ft-ui{margin-top:auto;padding-top:10px;display:flex;flex-direction:column;gap:8px}
.ft-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px;padding:0 18px;border-radius:999px;background:#fff;box-shadow:0 0 0 1px var(--ln);font-size:.86rem;color:var(--ink2)}
.ft-row b{font-weight:700;color:var(--ink)}.ft-row b.z{color:var(--acc)}
.ft-sms{align-self:flex-start;max-width:330px;padding:14px 18px;border-radius:22px 22px 22px 8px;background:#fff;box-shadow:0 0 0 1px var(--ln)}
.ft-sms span{display:block;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--mut);margin-bottom:4px}
.ft-sms p{color:var(--ink);font-size:.88rem}
/* ---------- étapes ---------- */
#etapes .stp{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;max-width:1040px;margin:0 auto}
.stp-line{position:absolute;left:12.5%;right:12.5%;top:21px;height:4px;border-radius:999px;background:var(--lav2);overflow:hidden}
.stp-line i{display:block;height:100%;border-radius:inherit;background:var(--ink);transform-origin:0 50%;transform:scaleX(var(--p,0))}
.stp-it{position:relative;display:flex;flex-direction:column;gap:18px;min-width:0}
.stp-n{align-self:center;width:46px;height:46px;border-radius:50%;background:#fff;box-shadow:0 0 0 1.5px var(--ln);display:grid;place-items:center;font:700 1rem/1 var(--fb);color:var(--vio);transition:background .4s,color .4s,transform var(--sp-ui-d) var(--sp-ui)}
.stp-it.on .stp-n{background:var(--ink);color:#fff;transform:scale(1.08)}
.stp-c{flex:1;display:flex;flex-direction:column;gap:10px;padding:24px 22px 26px;border-radius:28px;background:#fff;box-shadow:0 0 0 1px var(--ln);transition:box-shadow .5s,transform var(--sp-box-d) var(--sp-box)}
.stp-it.on .stp-c{transform:translateY(-4px);box-shadow:0 0 0 1px color-mix(in oklch,var(--ink) 18%,transparent),0 26px 44px -32px rgba(23,23,26,.42)}
.stp-ic{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:var(--lav);color:var(--mut);transition:background .4s,color .4s}
.stp-it.on .stp-ic{background:var(--acc-soft);color:var(--acc)}
.stp-ic svg{width:20px;height:20px}
.stp-c h3{font-size:1.02rem;font-weight:600;line-height:1.35;margin-top:6px}
.stp-c p{font-size:.9rem;color:var(--mut);line-height:1.6;text-wrap:pretty}
.stp-cta{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:clamp(36px,5vw,52px)}
.stp-cta .btn.ghost svg.ic{width:18px;height:18px}
.stp-trust{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 26px;margin-top:22px;font-size:.82rem;font-weight:500;color:var(--mut)}
.stp-trust span{display:inline-flex;align-items:center;gap:7px}
.stp-trust svg{width:15px;height:15px;color:var(--ink2)}
@media(max-width:940px){
.av{grid-template-columns:minmax(0,1fr);border-radius:34px}
.ft-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ft,.ft.big{grid-column:span 1}.ft.big{grid-column:span 2}.ft:last-child{grid-column:span 2}
#etapes .stp{grid-template-columns:minmax(0,1fr);gap:16px;max-width:480px}
.stp-line{left:21px;right:auto;top:24px;bottom:24px;width:4px;height:auto}
.stp-line i{transform-origin:50% 0;transform:scaleY(var(--p,0))}
.stp-it{flex-direction:row;align-items:flex-start;gap:14px}
.stp-n{align-self:flex-start;margin-top:22px}
}
@media(max-width:600px){
.ft-grid{grid-template-columns:minmax(0,1fr)}.ft,.ft.big,.ft:last-child{grid-column:span 1}
.ft-grid{gap:12px}.ft{padding:22px 20px 24px;border-radius:26px}.ft:not(.big){display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:14px;row-gap:4px;padding:18px 18px 20px}.ft:not(.big) .ft-ic{grid-row:span 2;width:44px;height:44px;border-radius:14px}.ft:not(.big) h3{margin-top:0;font-size:1rem}.ft:not(.big) p{font-size:.86rem}.ft-row{min-height:42px;padding:0 16px;font-size:.82rem}.ft-sms{max-width:none}
.av-tk{padding:18px 20px;gap:14px}.av-tk span{padding-left:14px}
.stp-cta .btn{width:100%}
.stp-c{padding:20px 20px 22px;border-radius:24px}
}

#enaction .lv-vis{flex-direction:column;align-items:center;gap:28px}
#enaction .lv-vis .btn{align-self:center}

.av-r{gap:20px}
.av-tk{flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:clamp(30px,4vw,44px) 24px;border-radius:32px;text-align:center;background:var(--lav);overflow:hidden}
.av-tk::before,.av-tk::after{display:none}
.av-tk .av-lb{font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--vio);padding:0;border:0}
.av-tk .av-pct{font:400 clamp(5.4rem,11vw,8.4rem)/.82 var(--fd);letter-spacing:-.03em;color:var(--ink);margin:6px 0 2px}
.av-tk .av-pct sup{font-size:.4em;vertical-align:.95em;margin-left:4px;color:var(--vio)}
.av-tk .av-sb{font-size:1rem;font-weight:600;color:var(--ink);padding:0;border:0}
.av-tk .av-chip{display:inline-flex;align-items:center;min-height:32px;margin-top:12px;padding:0 16px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--ln);font-size:.78rem;font-weight:600;color:var(--ink2)}

/* Bouton « Voir son site » masqué quand capture_site.site_url est vide */
.see-site[hidden],#stpSee[hidden]{display:none}
/* Logos sur fond blanc : le blanc se fond dans la pastille */
.cb-dot img,.ld-c img{mix-blend-mode:multiply}