/* Page du livre blanc (lead magnet) : complète esn.css (haut de page, bulles, panneau de fin), préfixe lb- */

/* 1. Haut de page : le texte et la maquette à gauche, le formulaire à droite */
.lb-hero{padding-bottom:72px}
.lb-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:start}
.lb-hero h1{max-width:none;font-size:clamp(32px,3.3vw,46px)}
.lb-inclus{font-weight:700;font-size:15px;color:var(--ink);margin:4px 0 10px}
.lb-liste{list-style:none;padding:0;margin:0 0 34px;display:flex;flex-direction:column;gap:9px}
.lb-liste li{display:flex;gap:10px;align-items:flex-start;font-size:15.5px;line-height:1.5;color:var(--text-soft)}
.lb-liste svg{flex:none;width:20px;height:20px;margin-top:1px;color:#25ACC0}

/* la maquette : la couverture devant, quatre pages en éventail derrière */
.lb-fan{position:relative;height:330px;max-width:560px}
.lb-fan img{position:absolute;bottom:0;width:178px;height:auto;border-radius:4px;box-shadow:0 2px 4px rgba(11,16,32,.10),0 18px 36px rgba(11,16,32,.18)}
.lb-fan .p1{left:0;transform:rotate(-9deg);bottom:6px}
.lb-fan .p2{left:84px;transform:rotate(-4deg);bottom:22px}
.lb-fan .p3{right:84px;transform:rotate(4deg);bottom:22px}
.lb-fan .p4{right:0;transform:rotate(9deg);bottom:6px}
.lb-fan .cv{left:50%;width:212px;transform:translateX(-50%);bottom:0;z-index:2;box-shadow:0 4px 8px rgba(11,16,32,.14),0 28px 54px rgba(11,16,32,.28)}
.lb-pages{position:absolute;z-index:3;right:118px;bottom:14px;display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 14px;font-size:13.5px;font-weight:700;color:var(--ink);box-shadow:0 8px 20px rgba(11,16,32,.14)}
.lb-pages::before{content:"";width:8px;height:8px;border-radius:50%;background:#25ACC0}

/* le formulaire */
.lb-colform{position:sticky;top:110px}
.lb-form{background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px 30px 24px;box-shadow:0 2px 4px rgba(11,16,32,.04),0 24px 56px rgba(11,16,32,.10)}
.lb-form h2{font-size:24px;letter-spacing:-.025em;margin:0 0 6px}
.lb-form-sous{font-size:14.5px;color:var(--muted);margin:0 0 20px}
.lb-2{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
.lb-champ{margin-bottom:14px}
.lb-champ label{display:block;font-size:13.5px;font-weight:600;color:var(--ink);margin-bottom:6px}
.lb-champ label span{color:#C2410C}
.lb-champ input,.lb-champ select{width:100%;height:46px;border:1px solid #D9DFE8;border-radius:12px;background:#F8FAFC;padding:0 14px;font-size:15px;color:var(--ink);outline:none;transition:border-color .2s,box-shadow .2s,background .2s}
.lb-champ input:focus,.lb-champ select:focus{background:#fff;border-color:#25ACC0;box-shadow:0 0 0 4px rgba(37,172,192,.16)}
.lb-champ.err input,.lb-champ.err select{border-color:#E11D48;background:#FFF7F8}
.lb-champ.err label::after{content:" : à remplir";font-weight:500;color:#E11D48}
.lb-envoyer{width:100%;justify-content:center;margin-top:6px}
.lb-rgpd{font-size:12.5px;line-height:1.5;color:var(--muted);margin:14px 0 0}
.lb-rgpd a,.lb-plutot a{color:var(--flux-600);font-weight:600}
.lb-plutot{font-size:14.5px;color:var(--text-soft);margin:16px 6px 0;text-align:center}
.lb-merci{text-align:center;padding:20px 6px}
.lb-ok{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#E5F6F9;color:#127482;font-size:24px;font-weight:800;margin-bottom:14px}
.lb-merci h2{font-size:22px;margin:0 0 10px}
.lb-merci p{font-size:15px;color:var(--text-soft);margin:0 0 20px}
.lb-merci p a{color:var(--flux-600);font-weight:600}

/* 2. Les chiffres : un panneau bleu nuit, quatre colonnes séparées par un trait fin */
.lb-chiffres-s{padding:8px 0 24px}
.lb-chiffres{display:grid;grid-template-columns:repeat(4,1fr);background:var(--ink);border-radius:26px;padding:38px 20px}
.lb-chiffres div{text-align:center;padding:0 18px}
.lb-chiffres div + div{border-left:1px solid rgba(255,255,255,.12)}
.lb-chiffres b{display:block;font-size:40px;font-weight:800;letter-spacing:-.04em;color:#fff;line-height:1.05}
.lb-chiffres span{display:block;font-size:15px;line-height:1.45;color:#7FD3DF;margin:10px 0 8px;font-weight:600}
.lb-chiffres small{font-size:12px;color:#8C94A8}

/* 3. Pourquoi : le texte, et deux pages du livre blanc */
.lb-pourquoi{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center}
.lb-pourquoi h2{font-size:clamp(28px,3.4vw,40px);line-height:1.1;margin:0 0 18px}
.lb-pourquoi p{font-size:17px;line-height:1.7;color:var(--text-soft);margin:0 0 16px}
.lb-pourquoi .btn{margin-top:10px}
.lb-duo{position:relative;height:420px}
.lb-duo img{position:absolute;width:250px;height:auto;border-radius:5px;box-shadow:0 4px 8px rgba(11,16,32,.12),0 28px 54px rgba(11,16,32,.22)}
.lb-duo .d1{left:6%;top:24px;transform:rotate(-5deg)}
.lb-duo .d2{right:6%;top:0;transform:rotate(4deg)}

/* 4. Le sommaire : trois cartes, une par temps */
.lb-temps-g{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.lb-temps{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:0 1px 2px rgba(11,16,32,.04),0 14px 34px rgba(11,16,32,.06);transition:transform .25s ease,box-shadow .25s ease}
.lb-temps:hover{transform:translateY(-3px);box-shadow:0 2px 4px rgba(11,16,32,.04),0 20px 44px rgba(11,16,32,.10)}
.lb-temps img{display:block;width:44px;height:44px;margin-bottom:16px}
.lb-t{font-size:13px;font-weight:600;color:var(--muted)}
.lb-temps h3{font-size:20px;letter-spacing:-.02em;margin:4px 0 16px}
.lb-temps ol{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}
.lb-temps li{display:flex;gap:12px;align-items:flex-start;font-size:15px;line-height:1.45;color:var(--text)}
.lb-temps li b{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#F2F5F9;border:1px solid #E4E9F0;font-size:12.5px;color:var(--ink)}

/* 5. Les sources et l'auteur */
.lb-sources{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.lb-sources article{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;text-align:center;box-shadow:0 1px 2px rgba(11,16,32,.04),0 14px 34px rgba(11,16,32,.06)}
.lb-sources img{display:block;width:52px;height:52px;margin:0 auto 14px}
.lb-sources .lb-auteur img{width:64px;height:64px;border-radius:50%;object-fit:cover}
.lb-sources h3{font-size:18px;margin:0 0 8px}
.lb-sources p{font-size:15px;line-height:1.6;color:var(--text-soft);margin:0}

@media (prefers-reduced-motion:reduce){.lb-temps{transition:none}.lb-temps:hover{transform:none}}
@media (max-width:1080px){
  .lb-hero-grid{grid-template-columns:1fr;gap:40px}
  .lb-colform{position:static}
  .lb-pourquoi{grid-template-columns:1fr;gap:30px}
  .lb-temps-g,.lb-sources{grid-template-columns:1fr}
  .lb-chiffres{grid-template-columns:repeat(2,1fr);row-gap:28px}
  .lb-chiffres div:nth-child(3){border-left:0}
}
@media (max-width:720px){
  .lb-fan{height:250px}
  .lb-fan img{width:120px}
  .lb-fan .cv{width:150px}
  .lb-fan .p2{left:50px}.lb-fan .p3{right:50px}
  .lb-pages{right:12px}
  .lb-form{padding:22px 18px}
  .lb-2{grid-template-columns:1fr}
  .lb-chiffres{grid-template-columns:1fr}
  .lb-chiffres div + div{border-left:0;border-top:1px solid rgba(255,255,255,.12);padding-top:22px}
  .lb-duo{height:300px}
  .lb-duo img{width:170px}
}

/* Pages de ressources (checklist, guide, parcours) : le contenu en quatre cartes */
.lb-quatre{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.lb-carte{background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px 24px;box-shadow:0 1px 2px rgba(11,16,32,.04),0 14px 34px rgba(11,16,32,.06);transition:transform .25s ease,box-shadow .25s ease}
.lb-carte:hover{transform:translateY(-3px);box-shadow:0 2px 4px rgba(11,16,32,.04),0 20px 44px rgba(11,16,32,.10)}
.lb-carte img{display:block;width:44px;height:44px;margin-bottom:16px}
.lb-carte h3{font-size:18px;letter-spacing:-.02em;margin:0 0 8px}
.lb-carte p{font-size:15px;line-height:1.55;color:var(--text-soft);margin:0}
.lb-faits b{font-size:34px}
@media (max-width:1080px){.lb-quatre{grid-template-columns:repeat(2,1fr)}}
@media (max-width:720px){.lb-quatre{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.lb-carte{transition:none}.lb-carte:hover{transform:none}}