/* ==========================================================================
   Maxelik, page fille LinkedIn Ads (classes lk-) : s'appuie sur contenus.css
   (cn-ek, cn-top, cn-def, cn-px, cn-lx).
   Hero clair : une audience B2B qui se construit critère par critère.
   ========================================================================== */

/* ---------- hero ---------- */
.lk-hero{position:relative;overflow:clip;isolation:isolate;padding-block:clamp(22px,3.6vh,48px) clamp(26px,4vh,60px);background:linear-gradient(110deg,#f4f8fd 0%,#f4f8fd 52%,#dcebfb 100%)}
.lk-hero::after{content:"";position:absolute;z-index:-1;right:-120px;top:-140px;width:460px;aspect-ratio:1;background:url("img/maxelik-symbole.svg") no-repeat center/contain;opacity:.06}
.lk-hero-g{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(28px,4.5vw,72px);align-items:center}
.lk-k{display:inline-flex;align-items:center;gap:10px;font-size:.86rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:var(--blue)}
.lk-k .ico{width:24px;height:24px}
.lk-hero h1{margin-top:12px}
.lk-lead{margin-top:16px;font-size:1.08rem;line-height:1.65;color:var(--ink-2)}
.lk-acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.lk-acts .btn-line{background:#fff;box-shadow:none}
.lk-acts .btn-line:hover{box-shadow:none;background:var(--soft-b)}
.lk-proofs{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.lk-proofs li{padding:8px 14px;border-radius:999px;background:#fff;font-size:.9rem;color:var(--ink-2);box-shadow:0 10px 24px -18px rgba(10,40,80,.45)}
.lk-proofs b{color:var(--slate)}

/* carte d'audience */
.lk-au{display:grid;gap:12px;padding:clamp(20px,2.4vw,28px);border-radius:var(--r);background:var(--slate);color:#c8d3d9;box-shadow:0 40px 80px -40px rgba(10,40,80,.75)}
.lk-au-h{display:flex;justify-content:space-between;align-items:baseline;font-size:1rem;color:#fff}
.lk-au-h span{font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#7fd8ff}
.lk-au ol{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.lk-au li{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px;align-items:center;padding:8px 12px;border-radius:6px;background:rgba(255,255,255,.06);font-size:.86rem}
.lk-au li span{font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#9fb0b8}
.lk-au li b{color:#fff}
.lk-au-f{display:grid;gap:6px;font-size:.78rem;font-weight:800;color:#9fb0b8}
.lk-au-f i{display:block;height:8px;border-radius:999px;background:rgba(255,255,255,.1);overflow:clip}
.lk-au-f b{display:block;width:34%;height:100%;border-radius:999px;background:var(--grad)}
.lk-au-ad{display:grid;gap:6px;padding:12px 14px;border-radius:var(--r);background:#fff;color:var(--ink-2)}
.lk-au-p{display:grid;grid-template-columns:24px 1fr;gap:0 8px;align-items:center;font-size:.8rem;color:var(--slate)}
.lk-au-p span{grid-row:1/3;width:24px;height:24px;border-radius:5px;background:var(--grad)}
.lk-au-p em{font-style:normal;font-size:.68rem;color:#6b777d}
.lk-au-t{font-size:.9rem;font-weight:800;line-height:1.35;color:var(--slate)}
.lk-au-c{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:.76rem}
.lk-au-c b{padding:5px 12px;border-radius:999px;background:var(--blue);color:#fff}
@media (prefers-reduced-motion:no-preference){
  .lk-au li{animation:lk-in .5s var(--ease) both}
  .lk-au li:nth-child(1){animation-delay:.2s}.lk-au li:nth-child(2){animation-delay:.35s}.lk-au li:nth-child(3){animation-delay:.5s}.lk-au li:nth-child(4){animation-delay:.65s}.lk-au li:nth-child(5){animation-delay:.8s}
  .lk-au-f b{animation:lk-bar 1.4s var(--ease) .9s both}
}
@keyframes lk-in{from{transform:translateX(-10px)}to{transform:none}}
@keyframes lk-bar{from{width:100%}to{width:34%}}

/* ---------- pourquoi LinkedIn ---------- */
.lk-def{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(32px,5vw,80px);align-items:center}
.lk-def-t{display:grid;gap:16px}
.lk-def-t>p:not(.cn-ek){font-size:1.04rem;line-height:1.75;color:var(--ink-2)}
.lk-fit{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.lk-fit li{position:relative;display:grid;gap:4px;padding:18px 20px 18px 62px;border-radius:var(--r);background:var(--soft)}
.lk-fit li::before{content:"";position:absolute;left:20px;top:20px;width:26px;height:26px;border-radius:50%}
.lk-fit li.ok::before{background:var(--grad)}
.lk-fit li.ok::after{content:"";position:absolute;left:30px;top:26px;width:6px;height:11px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.lk-fit li.no{background:var(--slate)}
.lk-fit li.no::before{background:rgba(255,255,255,.14)}
.lk-fit li.no::after{content:"";position:absolute;left:27px;top:32px;width:12px;height:2px;background:#fff}
.lk-fit b{font-size:.76rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--blue)}
.lk-fit span{font-size:.98rem;line-height:1.6;color:var(--slate)}
.lk-fit li.no b{color:#7fd8ff}
.lk-fit li.no span{color:#dbe4e8}
.lk-fit li.no a{font-weight:800;color:#7fd8ff}

/* ---------- critères ---------- */
.lk-ci{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.8vw,22px)}
.lk-ci li{display:grid;grid-template-columns:56px minmax(0,1fr);gap:6px 16px;align-content:start;padding:clamp(22px,2.4vw,28px);border-radius:var(--r);background:#fff;box-shadow:0 20px 44px -36px rgba(19,40,60,.5)}
.lk-ci-i{grid-row:1/3;display:grid;place-items:center;width:56px;height:56px;border-radius:var(--r);background:var(--soft-b)}
.lk-ci-i .ico{width:32px;height:32px}
.lk-ci h3{font-size:1.15rem;align-self:end}
.lk-ci p{font-size:.94rem;line-height:1.6;color:var(--ink-2)}

/* ---------- comptes ciblés ---------- */
.lk-ab-s{position:relative;overflow:clip;isolation:isolate;background:radial-gradient(60% 80% at 100% 0%,rgba(0,131,255,.24),transparent 70%),#0f1a22}
.lk-ab-s::after{content:"";position:absolute;z-index:-1;left:-110px;bottom:-120px;width:420px;aspect-ratio:1;background:url("img/maxelik-symbole.svg") no-repeat center/contain;opacity:.05;filter:brightness(3)}
.lk-ab-s .cn-ek{color:#7fd8ff}
.lk-ab{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(32px,5vw,80px);align-items:center}
.lk-ab-t{display:grid;gap:16px}
.lk-ab-t>p:not(.cn-ek){font-size:1.04rem;line-height:1.7;color:#c8d3d9}
.lk-ab-l{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.lk-ab-l li{display:grid;grid-template-columns:48px minmax(0,1fr);gap:18px;align-items:start;padding:22px 24px;border-radius:var(--r);background:rgba(255,255,255,.05)}
.lk-ab-l li:nth-child(2){background:rgba(0,131,255,.16)}
.lk-ab-l li>span{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--grad);font-size:1.15rem;font-weight:900;color:#fff}
.lk-ab-l h3{font-size:1.15rem}
.lk-ab-l p{margin-top:4px;font-size:.95rem;line-height:1.6;color:#b8c5cc}

/* ---------- formats ---------- */
.lk-fo{list-style:none;margin:clamp(32px,4vw,52px) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.8vw,22px)}
.lk-fo li{display:grid;align-content:start;gap:10px;padding:clamp(22px,2.4vw,28px);border-radius:var(--r);background:var(--soft)}
.lk-fo-k{justify-self:start;padding:5px 12px;border-radius:999px;background:#fff;font-size:.76rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--blue)}
.lk-fo h3{font-size:1.18rem}
.lk-fo li>p:not(.lk-fo-k){font-size:.94rem;line-height:1.6;color:var(--ink-2)}
.lk-fo li.is-key{background:var(--slate)}
.lk-fo li.is-key h3{color:#fff}
.lk-fo li.is-key>p:not(.lk-fo-k){color:#c8d3d9}
.lk-fo li.is-key .lk-fo-k{background:var(--grad);color:#fff}

/* ---------- du clic au rendez-vous ---------- */
.lk-pi{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(32px,5vw,80px);align-items:center}
.lk-pi-t{display:grid;gap:16px}
.lk-pi-t>p:not(.cn-ek){font-size:1.04rem;line-height:1.75;color:var(--ink-2)}
.lk-pi-l{list-style:none;margin:0;padding:clamp(22px,2.8vw,34px);display:grid;gap:10px;justify-items:center;border-radius:var(--r);background:#fff;box-shadow:0 30px 60px -40px rgba(19,40,60,.55)}
.lk-pi-l li{display:grid;gap:2px;justify-items:center;width:var(--w);min-width:200px;padding:12px 16px;border-radius:var(--r);background:var(--soft-b);text-align:center}
.lk-pi-l b{font-size:1rem;font-weight:900;color:var(--slate)}
.lk-pi-l span{font-size:.82rem;line-height:1.4;color:var(--ink-2)}
.lk-pi-l li.is-end{background:var(--grad)}
.lk-pi-l li.is-end b,.lk-pi-l li.is-end span{color:#fff}

/* ---------- responsive ---------- */
@media (max-width:1100px){.lk-ci,.lk-fo{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:1000px){.lk-hero-g,.lk-def,.lk-ab,.lk-pi{grid-template-columns:1fr}}
@media (max-width:700px){
  .lk-ci,.lk-fo{grid-template-columns:1fr}
  .lk-au li{grid-template-columns:84px minmax(0,1fr)}
  .lk-pi-l li{min-width:0;width:100%}
}

/* 04/11/2026 : section de zone */
.lk-zn-s .cn-zn-c li:has(a){padding:0}
.lk-zn-s .cn-zn-c li a{display:block;padding:7px 14px;border-radius:999px;color:#fff;text-decoration:none}
.lk-zn-s .cn-zn-c li a:hover{background:rgba(0,131,255,.45)}
.lk-zn-s .cn-zn-t a{font-weight:700;color:#7fd8ff}