/* ============================================================
   become-partner-v2.css — Refonte SEO/CRO landing "Agenda en ligne pro"
   TOUT est scopé sous #lp2 → zéro collision avec Bootstrap 3
   (.container/.btn/.badge/.row) et avec become-partner.css (modale .kf-*).
   La modale signup et son style (.kf-*) ne sont PAS concernés.
   ============================================================ */
#lp2{
  --navy:#20285e; --navy-700:#2b3576; --coral:#f15e61; --coral-600:#e14a4d;
  --ink:#1f2340; --muted:#5b6079; --line:#e6e9f5;
  --bg:#ffffff; --bg-soft:#f0f4ff; --bg-soft-2:#f7f9ff;
  --radius:16px; --shadow:0 10px 40px rgba(32,40,94,.10); --shadow-sm:0 4px 18px rgba(32,40,94,.08);
  --maxw:1160px;
  font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:var(--ink); line-height:1.6; -webkit-font-smoothing:antialiased;
}
#lp2 *{box-sizing:border-box}
#lp2 h1,#lp2 h2,#lp2 h3{line-height:1.2;margin:0 0 .4em;color:var(--navy)}
#lp2 p{margin:0 0 1em}
#lp2 a{color:var(--coral-600);text-decoration:none}
#lp2 img{max-width:100%;height:auto}
#lp2 .container{max-width:var(--maxw);margin:0 auto;padding:0 20px;width:auto}
/* Neutralise le clearfix Bootstrap 3 (.container::before/::after) qui, sur un
   conteneur en display:grid/flex, devient des cellules parasites et casse la mise
   en page (hero, bande confiance). */
#lp2 .container::before,#lp2 .container::after{content:none;display:none}
#lp2 .container--narrow{max-width:800px}
#lp2 .eyebrow{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--coral);margin-bottom:12px}
#lp2 .section{padding:72px 0}
#lp2 .section--soft{background:var(--bg-soft)}
#lp2 .section-head{text-align:center;max-width:680px;margin:0 auto 44px}
#lp2 .section-head h2{font-size:clamp(26px,4vw,38px);font-weight:800}
#lp2 .section-head p{color:var(--muted);font-size:18px;margin:0}

/* Buttons */
#lp2 .btn{display:inline-flex;align-items:center;gap:9px;font-weight:700;font-size:16px;line-height:1.2;border-radius:12px;padding:15px 26px;border:2px solid transparent;cursor:pointer;transition:.18s;font-family:inherit;text-transform:none;white-space:normal}
#lp2 .btn--primary{background:var(--coral);color:#fff;box-shadow:0 8px 22px rgba(241,94,97,.32)}
#lp2 .btn--primary:hover{background:var(--coral-600);transform:translateY(-1px)}
#lp2 .btn--secondary{background:#fff;color:var(--navy);border-color:var(--line)}
#lp2 .btn--secondary:hover{border-color:var(--navy);color:var(--navy)}
#lp2 .btn--ghost-light{background:transparent;color:#fff;border-color:rgba(255,255,255,.5)}
#lp2 .btn--ghost-light:hover{background:rgba(255,255,255,.1)}
#lp2 .btn--block{width:100%;justify-content:center}
#lp2 .arrow{transition:transform .18s}
#lp2 .btn:hover .arrow{transform:translateX(3px)}

/* Hero */
#lp2 .hero{background:linear-gradient(180deg,#f7f9ff 0%,#ffffff 100%);padding:64px 0 56px}
#lp2 .hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center}
#lp2 .badge{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600;color:var(--navy);box-shadow:var(--shadow-sm);margin-bottom:22px}
#lp2 .badge .dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.2)}
#lp2 .hero h1{font-size:clamp(32px,5vw,52px);font-weight:800;letter-spacing:-.02em}
#lp2 .hero h1 .accent{color:var(--coral)}
#lp2 .hero-sub{font-size:19px;color:var(--muted);max-width:540px;margin-bottom:26px}
#lp2 .hero-ctas{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:20px}
#lp2 .hero-reassure{display:flex;gap:18px;flex-wrap:wrap;font-size:14px;color:var(--muted);font-weight:500}
#lp2 .hero-reassure span{display:inline-flex;align-items:center;gap:7px}
#lp2 .check{color:#22c55e;font-weight:800}

/* Hero mockup */
#lp2 .mock{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:20px;transform:rotate(.5deg)}
#lp2 .mock-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}
#lp2 .mock-label{font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--muted)}
#lp2 .mock-date{font-size:17px;font-weight:700;color:var(--navy)}
#lp2 .mock-tabs{display:flex;gap:6px}
#lp2 .mock-tab{font-size:12px;padding:5px 11px;border-radius:8px;background:var(--bg-soft);color:var(--muted);font-weight:600}
#lp2 .mock-tab.is-active{background:var(--navy);color:#fff}
#lp2 .slot{border-radius:12px;padding:12px 14px;margin-bottom:10px}
#lp2 .slot--blue{background:#eef2ff;border-left:3px solid var(--navy)}
#lp2 .slot--coral{background:#fef0f0;border-left:3px solid var(--coral)}
#lp2 .slot--empty{border:1.5px dashed var(--line);color:var(--muted);text-align:center;font-weight:600;font-size:14px}
#lp2 .slot-time{font-size:12px;color:var(--muted);font-weight:600}
#lp2 .slot-name{font-size:14px;font-weight:600;color:var(--ink)}
#lp2 .mock-foot{display:flex;justify-content:space-between;font-size:13px;font-weight:600;color:var(--muted);padding-top:6px;border-top:1px solid var(--line)}
#lp2 .mock-rev{color:#16a34a}

/* Trust strip */
#lp2 .trust{background:var(--navy);color:#fff;padding:22px 0}
#lp2 .trust-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 34px;align-items:center}
#lp2 .trust-item{display:inline-flex;align-items:center;gap:9px;font-size:14.5px;font-weight:500;color:#e7e9fb}
#lp2 .trust-item svg{flex:0 0 auto}

/* Cards grid */
#lp2 .grid{display:grid;gap:22px}
#lp2 .grid-4{grid-template-columns:repeat(4,1fr)}
#lp2 .grid-3{grid-template-columns:repeat(3,1fr)}
#lp2 .grid-2{grid-template-columns:repeat(2,1fr)}
#lp2 .card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow-sm);transition:.18s}
#lp2 .card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
#lp2 .card h3{font-size:19px;font-weight:700}
#lp2 .card p{color:var(--muted);font-size:15px;margin:0}
#lp2 .ic{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}
#lp2 .ic--navy{background:#eef2ff;color:var(--navy)}
#lp2 .ic--coral{background:#fef0f0;color:var(--coral)}

/* Cashback highlight */
#lp2 .cashback{background:linear-gradient(135deg,var(--navy) 0%,#2c357a 100%);color:#fff;border-radius:24px;padding:48px;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;box-shadow:var(--shadow)}
#lp2 .cashback .eyebrow{color:#ffd0d1}
#lp2 .cashback h2{color:#fff;font-size:clamp(24px,3.4vw,34px);font-weight:800}
#lp2 .cashback p{color:#d7daf3;font-size:17px}
#lp2 .cashback .pill{display:inline-block;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:6px 14px;font-size:13px;font-weight:700;margin-bottom:18px}
#lp2 .cashback-visual{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);border-radius:18px;padding:26px;text-align:center}
#lp2 .cashback-amount{font-size:52px;font-weight:800;color:#fff;line-height:1}
#lp2 .cashback-amount small{font-size:20px;color:#ffd0d1}
#lp2 .cashback-flow{display:flex;flex-direction:column;gap:12px;margin-top:20px;text-align:left}
#lp2 .cashback-step{display:flex;gap:12px;align-items:flex-start;font-size:14px;color:#e7e9fb}
#lp2 .cashback-step b{color:#fff}
#lp2 .cashback-num{flex:0 0 auto;width:24px;height:24px;border-radius:50%;background:var(--coral);color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center}

/* Steps */
#lp2 .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
#lp2 .step{text-align:center;padding:10px}
#lp2 .step-num{width:52px;height:52px;border-radius:50%;background:var(--bg-soft);color:var(--navy);font-size:22px;font-weight:800;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}
#lp2 .step:nth-child(3) .step-num{background:var(--coral);color:#fff}
#lp2 .step h3{font-size:18px}
#lp2 .step p{color:var(--muted);font-size:15px;margin:0}

/* Pricing */
#lp2 .pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch}
#lp2 .price-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px;display:flex;flex-direction:column;box-shadow:var(--shadow-sm)}
#lp2 .price-card.is-featured{border:2px solid var(--coral);box-shadow:var(--shadow);position:relative}
#lp2 .price-tag{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--coral);color:#fff;font-size:12px;font-weight:700;padding:5px 14px;border-radius:999px}
#lp2 .price-name{font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
#lp2 .price-amount{font-size:42px;font-weight:800;color:var(--navy);margin:8px 0 2px}
#lp2 .price-amount small{font-size:16px;color:var(--muted);font-weight:600}
#lp2 .price-note{font-size:13px;color:var(--muted);margin-bottom:18px}
#lp2 .price-feats{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-direction:column;gap:11px;flex:1}
#lp2 .price-feats li{display:flex;gap:9px;font-size:14.5px;color:var(--ink)}
#lp2 .price-feats svg{flex:0 0 auto;color:#22c55e;margin-top:3px}
#lp2 .price-callout{max-width:740px;margin:0 auto 26px;background:#fff;border:1px solid var(--line);border-left:4px solid var(--coral);border-radius:12px;padding:15px 22px;font-size:15px;color:var(--ink);box-shadow:var(--shadow-sm);text-align:center}
#lp2 .price-callout strong{color:var(--coral);font-weight:800}
#lp2 .hl-commission{color:var(--coral)!important;font-weight:700}
#lp2 .price-toggle{display:flex;justify-content:center;gap:0;margin:0 auto 30px;background:var(--bg-soft);border-radius:999px;padding:4px;width:max-content}
#lp2 .price-toggle button{border:0;background:transparent;font-family:inherit;font-weight:700;font-size:14px;padding:9px 20px;border-radius:999px;cursor:pointer;color:var(--muted)}
#lp2 .price-toggle button.is-active{background:#fff;color:var(--navy);box-shadow:var(--shadow-sm)}
/* Toggle mensuel/annuel 100% CSS (aucun JS → pas de risque minifieur). */
#lp2 .kf-annual-cb{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
#lp2 .price-toggle .pt-btn{border:0;background:transparent;font-family:inherit;font-weight:700;font-size:14px;padding:9px 20px;border-radius:999px;cursor:pointer;color:var(--muted);user-select:none}
#lp2 .price-toggle .pt-m{background:#fff;color:var(--navy);box-shadow:var(--shadow-sm)}
#lp2 .price-toggle .pt-a span{color:var(--coral);font-size:11px;font-weight:700}
#lp2 .kf-annual-cb:checked ~ .price-toggle .pt-m{background:transparent;color:var(--muted);box-shadow:none}
#lp2 .kf-annual-cb:checked ~ .price-toggle .pt-a{background:#fff;color:var(--navy);box-shadow:var(--shadow-sm)}
#lp2 .price-amount .amt-year{display:none}
#lp2 .kf-annual-cb:checked ~ .pricing .amt-month{display:none}
#lp2 .kf-annual-cb:checked ~ .pricing .amt-year{display:inline}

/* Comparatif */
#lp2 .compare{overflow-x:auto}
#lp2 .compare table{width:100%;border-collapse:collapse;min-width:560px;background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-sm)}
#lp2 .compare th,#lp2 .compare td{padding:15px 18px;text-align:left;border-bottom:1px solid var(--line);font-size:15px}
#lp2 .compare thead th{background:var(--navy);color:#fff;font-weight:700}
#lp2 .compare thead th.kf-col{background:var(--coral)}
#lp2 .compare td.yes{color:#16a34a;font-weight:700}
#lp2 .compare td.no{color:#c0c4d6}
#lp2 .compare tbody tr:last-child td{border-bottom:0}

/* Professions */
#lp2 .prof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
#lp2 .prof{display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px;transition:.18s}
#lp2 .prof:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:transparent}
#lp2 .prof-ic{font-size:30px}
#lp2 .prof-name{font-weight:700;color:var(--navy);font-size:16px}
#lp2 .prof-link{font-size:13px;font-weight:600;color:var(--coral);display:inline-flex;gap:6px;align-items:center}

/* FAQ */
#lp2 .faq-list{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:10px}
#lp2 .faq-item{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}
#lp2 .faq-item summary{cursor:pointer;padding:18px 22px;font-weight:600;font-size:16px;color:var(--navy);list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px}
#lp2 .faq-item summary::-webkit-details-marker{display:none}
#lp2 .faq-item summary::after{content:"+";font-size:24px;color:var(--coral);font-weight:400;transition:.2s}
#lp2 .faq-item[open] summary::after{transform:rotate(45deg)}
#lp2 .faq-item p{padding:0 22px 20px;margin:0;color:var(--muted);font-size:15px}
#lp2 .faq-help{text-align:center;margin-top:32px}
#lp2 .faq-help p{color:var(--muted);margin-bottom:12px}

/* Editorial */
#lp2 .editorial h2{font-size:clamp(24px,3.4vw,32px);font-weight:800;margin-bottom:22px}
#lp2 .editorial h3{font-size:21px;font-weight:700;margin:32px 0 10px}
#lp2 .editorial p,#lp2 .editorial li{color:#3a3f5c;font-size:16.5px}
#lp2 .editorial ul{padding-left:22px}
#lp2 .editorial li{margin-bottom:8px}
#lp2 .editorial-links{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 8px}
#lp2 .editorial-links a{background:var(--bg-soft);border:1px solid var(--line);border-radius:10px;padding:10px 15px;font-size:14px;font-weight:600;color:var(--navy);display:inline-flex;gap:7px;align-items:center}

/* Final CTA */
#lp2 .final{background:linear-gradient(135deg,var(--navy) 0%,#2c357a 100%);color:#fff;text-align:center}
#lp2 .final h2{color:#fff;font-size:clamp(26px,4vw,38px);font-weight:800}
#lp2 .final p{color:#d7daf3;font-size:18px;max-width:560px;margin:0 auto 26px}
#lp2 .final-ctas{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
#lp2 .final-note{margin-top:20px;font-size:14px;color:#b9bee0}

/* Footer mini */
#lp2 .mini-foot{background:#161b3d;color:#aab0d6;text-align:center;padding:30px 0;font-size:14px}

/* Sticky mobile CTA */
#lp2 .sticky-cta{display:none;position:fixed;bottom:0;left:0;right:0;z-index:50;background:#fff;border-top:1px solid var(--line);padding:12px 16px;box-shadow:0 -6px 20px rgba(32,40,94,.1)}

/* Lightbox démo YouTube — 100% CSS via :target (aucun JS) */
#lp2 .demo-lightbox{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:20px}
#lp2 .demo-lightbox:target{display:flex}
#lp2 .demo-backdrop{position:absolute;inset:0;background:rgba(15,18,40,.82)}
#lp2 .demo-frame{position:relative;width:min(900px,100%);aspect-ratio:16/9;background:#000;border-radius:14px;box-shadow:0 20px 60px rgba(0,0,0,.5)}
#lp2 .demo-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:14px}
#lp2 .demo-close{position:absolute;top:-42px;right:0;color:#fff;font-size:34px;line-height:1;text-decoration:none;z-index:2}

/* ============================================================
   Autocomplétion adresse (BAN) DANS LA MODALE signup.
   La modale est HORS de #lp2 → règles NON scopées #lp2, mais scopées .kf-modal
   pour battre en spécificité le CSS CDN de la librairie (chargé après). Design
   premium : premier contact prospect, il doit être irréprochable.
   ============================================================ */
.kf-modal .auto-search-wrapper{position:relative;width:100%}
.kf-modal .auto-results-wrapper{
  position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:30;
  background:#fff;border:1px solid #e6e9f5;border-radius:12px;
  box-shadow:0 14px 38px rgba(32,40,94,.18);overflow:hidden;max-height:288px;overflow-y:auto;
}
.kf-modal .auto-results-wrapper ul{list-style:none!important;margin:0;padding:6px}
.kf-modal .auto-results-wrapper ul li{
  list-style:none!important;display:block;padding:11px 14px;margin:0;border-radius:9px;cursor:pointer;
  font-size:14.5px;color:#1f2340;line-height:1.35;background-image:none!important;transition:background .12s,color .12s;
}
.kf-modal .auto-results-wrapper ul li::marker{content:""}
.kf-modal .auto-results-wrapper ul li::before{display:none!important;content:none!important}
.kf-modal .auto-results-wrapper ul li p{margin:0;padding:0}
.kf-modal .auto-results-wrapper ul li:hover,
.kf-modal .auto-results-wrapper ul li.auto-selected{background:#f0f4ff;color:#20285e}
/* scrollbar discrète */
.kf-modal .auto-results-wrapper::-webkit-scrollbar{width:10px}
.kf-modal .auto-results-wrapper::-webkit-scrollbar-thumb{background:#d7dcf0;border-radius:8px;border:3px solid #fff}

/* Responsive */
@media(max-width:960px){
  #lp2 .hero-grid{grid-template-columns:1fr;gap:34px}
  #lp2 .grid-4{grid-template-columns:repeat(2,1fr)}
  #lp2 .cashback{grid-template-columns:1fr;padding:34px}
  #lp2 .pricing{grid-template-columns:1fr}
  #lp2 .prof-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:620px){
  #lp2 .section{padding:52px 0}
  #lp2 .grid-4,#lp2 .grid-3,#lp2 .grid-2,#lp2 .steps,#lp2 .prof-grid{grid-template-columns:1fr}
  #lp2 .sticky-cta{display:block}
}