/* ==========================================================================
   LA BANQUE POSTALE CONSUMER FINANCE — Design system "Direction B"
   Moderne & chaleureux · bleus du logo + accent jaune
   Namespacé .lbp-* / body.lbpcf pour cohabiter avec l'ancien template.
   ========================================================================== */

body.lbpcf{
  --lbp-blue:#164194; --lbp-blue-d:#122f66; --lbp-mid:#0097D6; --lbp-light:#39A8E5;
  --lbp-sun:#FFC61A; --lbp-sun-d:#F2A900; --lbp-sun-ink:#3a2a00;
  --lbp-ink:#14203a; --lbp-muted:#5f6b82; --lbp-line:#e8ecf3; --lbp-bg:#f4f7fc; --lbp-white:#fff;
  --lbp-r:22px; --lbp-r-sm:15px;
  --lbp-shadow:0 24px 60px -30px rgba(20,32,58,.4);
  --lbp-shadow-sm:0 12px 30px -18px rgba(20,32,58,.35);

  font-family:'DM Sans',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  color:var(--lbp-ink); background:var(--lbp-white);
  line-height:1.6; -webkit-font-smoothing:antialiased; margin:0;
}
body.lbpcf *{box-sizing:border-box;}
body.lbpcf h1,body.lbpcf h2,body.lbpcf h3,body.lbpcf h4{
  font-family:'Space Grotesk',sans-serif;font-weight:600;line-height:1.12;letter-spacing:-.02em;margin:0;color:var(--lbp-ink);
}
body.lbpcf a{color:inherit;text-decoration:none;}
body.lbpcf p{margin:0;}
body.lbpcf img{max-width:100%;}

/* Titres blancs sur fonds colorés/sombres — surcharge la couleur globale des titres
   (corrige un conflit de spécificité avec `body.lbpcf h1..h4`). */
body.lbpcf .lbp-pagehead h1,
body.lbpcf .lbp-band h2,
body.lbpcf .lbp-b--tall h3,
body.lbpcf .lbp-auth__aside h2,
body.lbpcf .lbp-quote .big{color:#fff;}

.lbp-wrap{max-width:1200px;margin:0 auto;padding:0 26px;}
.lbp-icon{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto;}

/* smooth anchor scroll + offset for sticky nav */
html{scroll-behavior:smooth;}
body.lbpcf [id]{scroll-margin-top:104px;}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}

/* scroll-reveal (appliqué en JS via .lbp-reveal ; sans JS le contenu reste visible) */
.has-js .lbp-reveal{opacity:0;transform:translateY(26px);
  transition:opacity .7s cubic-bezier(.22,.61,.36,1),transform .7s cubic-bezier(.22,.61,.36,1);will-change:opacity,transform;}
.has-js .lbp-reveal.is-in{opacity:1;transform:none;}
@media (prefers-reduced-motion:reduce){.has-js .lbp-reveal{opacity:1!important;transform:none!important;transition:none!important;}}

/* ---- buttons ---- */
.lbp-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:600;font-size:15px;
  padding:14px 26px;border-radius:99px;cursor:pointer;border:0;transition:.2s;font-family:inherit;line-height:1;text-align:center;}
.lbp-btn svg{width:19px;height:19px;stroke-width:2;}
.lbp-btn--primary{background:var(--lbp-blue);color:#fff;}
.lbp-btn--primary:hover{transform:translateY(-2px);box-shadow:0 14px 28px -14px var(--lbp-blue);color:#fff;}
.lbp-btn--sun{background:var(--lbp-sun);color:var(--lbp-sun-ink);}
.lbp-btn--sun:hover{background:var(--lbp-sun-d);transform:translateY(-2px);color:var(--lbp-sun-ink);}
.lbp-btn--ghost{background:#fff;color:var(--lbp-blue);border:1.5px solid var(--lbp-line);}
.lbp-btn--ghost:hover{border-color:var(--lbp-light);color:var(--lbp-blue);}
.lbp-btn--onblue{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.35);}
.lbp-btn--onblue:hover{background:rgba(255,255,255,.12);color:#fff;}
.lbp-btn--block{width:100%;}
.lbp-btn:active{transform:translateY(0) scale(.98);}
.lbp-btn:focus-visible{outline:3px solid rgba(22,65,148,.35);outline-offset:2px;}

.lbp-pill{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;padding:7px 14px;border-radius:99px;background:#eaf7ff;color:var(--lbp-mid);}
.lbp-pill svg{width:16px;height:16px;stroke:var(--lbp-mid);}

/* ---- header / nav ---- */
.lbp-nav{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.88);backdrop-filter:blur(12px);border-bottom:1px solid var(--lbp-line);transition:box-shadow .25s ease,background .25s ease;}
.lbp-nav.is-stuck{background:rgba(255,255,255,.95);box-shadow:0 8px 26px -14px rgba(20,32,58,.28);}
.lbp-nav__in{display:flex;align-items:center;justify-content:space-between;height:82px;gap:20px;}
.lbp-logo{display:flex;align-items:center;height:56px;}
.lbp-logo img,.lbp-logo svg{height:56px;width:auto;}
.lbp-menu{display:flex;gap:26px;font-size:15px;font-weight:500;color:#3a465e;list-style:none;margin:0;padding:0;}
.lbp-menu a{padding:6px 2px;transition:.15s;white-space:nowrap;}
.lbp-menu a:hover,.lbp-menu a.is-active{color:var(--lbp-blue);}
.lbp-menu a.is-active{font-weight:600;}
.lbp-nav__cta{display:flex;gap:12px;align-items:center;}
.lbp-burger{display:none;background:none;border:0;cursor:pointer;color:var(--lbp-ink);}
.lbp-burger svg{width:28px;height:28px;}

/* ---- hero ---- */
.lbp-hero{position:relative;overflow:hidden;background:
  radial-gradient(700px 500px at 88% -10%,rgba(255,198,26,.22),transparent 60%),
  radial-gradient(760px 620px at 8% 115%,rgba(57,168,229,.20),transparent 55%),
  linear-gradient(180deg,#fbfdff,#fff);}
.lbp-hero__grid{display:grid;grid-template-columns:1.02fr .98fr;gap:50px;align-items:center;padding:70px 0 84px;}
.lbp-hero h1{font-size:clamp(34px,5vw,60px);margin:20px 0 20px;}
.lbp-hero h1 mark{background:var(--lbp-sun);color:var(--lbp-ink);padding:0 8px;border-radius:8px;box-decoration-break:clone;-webkit-box-decoration-break:clone;}
.lbp-hero h1{overflow-wrap:break-word;}
@media (max-width:430px){ .lbp-hero h1 mark{padding:0 5px;} }
.lbp-lead{font-size:19px;color:var(--lbp-muted);max-width:520px;}
.lbp-hero__cta{display:flex;gap:14px;margin:32px 0 24px;flex-wrap:wrap;}
.lbp-mini{display:flex;align-items:center;gap:14px;color:var(--lbp-muted);font-size:14px;}
.lbp-avs{display:flex;}
.lbp-avs span{width:34px;height:34px;border-radius:50%;border:2px solid #fff;margin-left:-10px;background:linear-gradient(135deg,var(--lbp-light),var(--lbp-blue));}
.lbp-avs span:first-child{margin-left:0;}

/* ---- simulator / project picker card ---- */
.lbp-picker{background:#fff;border-radius:28px;box-shadow:var(--lbp-shadow);padding:28px;position:relative;border:1px solid var(--lbp-line);}
.lbp-picker h3{font-size:19px;margin-bottom:16px;display:flex;align-items:center;gap:10px;}
.lbp-chips{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px;}
.lbp-chip{display:flex;align-items:center;gap:10px;padding:13px 14px;border-radius:15px;border:1.5px solid var(--lbp-line);font-weight:600;font-size:14px;cursor:pointer;background:#fff;transition:.15s;}
.lbp-chip:hover{border-color:var(--lbp-light);}
.lbp-chip.is-on{border-color:var(--lbp-blue);background:#f0f5ff;color:var(--lbp-blue);}
.lbp-chip .d{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#eaf2fb;color:var(--lbp-blue);}
.lbp-chip.is-on .d{background:var(--lbp-blue);color:#fff;}
.lbp-chip .d svg{width:19px;height:19px;}
.lbp-amt{background:var(--lbp-bg);border-radius:16px;padding:16px 18px;margin-bottom:16px;}
.lbp-amt .row{display:flex;justify-content:space-between;align-items:baseline;}
.lbp-amt .lab{font-size:13px;color:var(--lbp-muted);}
.lbp-amt .big{font-family:'Space Grotesk';font-size:30px;font-weight:700;color:var(--lbp-ink);}
.lbp-track{height:8px;border-radius:99px;background:#e2e8f2;position:relative;margin-top:14px;}
.lbp-track .fill{position:absolute;left:0;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--lbp-blue),var(--lbp-mid));}
.lbp-track .knob{position:absolute;top:50%;width:22px;height:22px;border-radius:50%;background:#fff;border:4px solid var(--lbp-blue);transform:translate(-50%,-50%);box-shadow:0 4px 10px rgba(22,65,148,.3);}

/* chip = bouton interactif */
.lbp-chip{font-family:inherit;width:100%;text-align:left;}
.lbp-chip:active{transform:scale(.98);}

/* range slider natif stylé (simulateur) */
.lbp-simrow{display:flex;justify-content:space-between;align-items:baseline;gap:12px;}
.lbp-range{-webkit-appearance:none;appearance:none;width:100%;height:8px;border-radius:99px;
  background:linear-gradient(90deg,#164194 0%,#0097D6 50%,#e2e8f2 50%);outline:none;margin:14px 0 6px;cursor:pointer;}
.lbp-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;
  background:#fff;border:5px solid var(--lbp-blue);box-shadow:0 4px 10px rgba(22,65,148,.35);cursor:pointer;transition:transform .12s;}
.lbp-range::-webkit-slider-thumb:hover{transform:scale(1.1);}
.lbp-range::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;border:5px solid var(--lbp-blue);
  box-shadow:0 4px 10px rgba(22,65,148,.35);cursor:pointer;}
.lbp-range:focus-visible{box-shadow:0 0 0 4px rgba(22,65,148,.18);}

/* ---- trust badges strip ---- */
.lbp-badges{display:flex;gap:26px;flex-wrap:wrap;justify-content:center;padding:26px 0;color:var(--lbp-muted);font-size:13.5px;border-top:1px solid var(--lbp-line);border-bottom:1px solid var(--lbp-line);}
.lbp-badges b{color:var(--lbp-ink);}
.lbp-badges span{display:flex;align-items:center;gap:8px;}
.lbp-badges svg{width:17px;height:17px;stroke:var(--lbp-mid);fill:none;stroke-width:2;}

/* ---- sections ---- */
.lbp-section{padding:90px 0;}
.lbp-section--tight{padding:64px 0;}
.lbp-section--bg{background:var(--lbp-bg);}
.lbp-head{text-align:center;max-width:680px;margin:0 auto 50px;}
.lbp-head--left{text-align:left;margin-left:0;}
.lbp-head h2{font-size:clamp(28px,3.6vw,42px);margin:16px 0 12px;}
.lbp-head p{color:var(--lbp-muted);font-size:18px;}

/* ---- bento grid (credits/services) ---- */
.lbp-bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:190px;gap:18px;}
.lbp-b{border-radius:var(--lbp-r);padding:26px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--lbp-line);background:#fff;transition:.2s;}
.lbp-b:hover{transform:translateY(-4px);box-shadow:var(--lbp-shadow);}
.lbp-b .ic{width:50px;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#eaf2fb;color:var(--lbp-blue);}
.lbp-b h3{font-size:21px;}
.lbp-b p{color:var(--lbp-muted);font-size:14px;margin-top:4px;}
.lbp-b .go{position:absolute;top:26px;right:26px;color:var(--lbp-blue);}
.lbp-b--tall{grid-row:span 2;background:linear-gradient(160deg,var(--lbp-blue),var(--lbp-blue-d));color:#fff;}
.lbp-b--tall .ic{background:rgba(255,255,255,.16);color:#fff;}
.lbp-b--tall p{color:rgba(255,255,255,.8);}
.lbp-b--tall h3{color:#fff;font-size:26px;}
.lbp-b--wide{grid-column:span 2;}
.lbp-b--sun{background:linear-gradient(150deg,#fff6da,#ffeeb0);}
.lbp-b--sun .ic{background:var(--lbp-sun);color:var(--lbp-sun-ink);}
.lbp-b--sun .go{color:var(--lbp-sun-ink);}

/* ---- simple card grid (fallback for 3-col) ---- */
.lbp-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.lbp-card{background:#fff;border:1px solid var(--lbp-line);border-radius:var(--lbp-r);padding:28px;transition:.2s;}
.lbp-card:hover{transform:translateY(-4px);box-shadow:var(--lbp-shadow);}
.lbp-card .ic{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#eaf2fb;color:var(--lbp-blue);margin-bottom:18px;}
.lbp-card h3{font-size:20px;margin-bottom:8px;}
.lbp-card p{color:var(--lbp-muted);font-size:14.5px;margin-bottom:14px;}
.lbp-more{color:var(--lbp-blue);font-weight:600;font-size:14px;display:inline-flex;align-items:center;gap:6px;}

/* ---- steps ---- */
.lbp-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.lbp-step{background:#fff;border-radius:var(--lbp-r);padding:32px;text-align:center;border:1px solid var(--lbp-line);}
.lbp-step .n{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--lbp-light),var(--lbp-blue));color:#fff;font-family:'Space Grotesk';font-weight:700;font-size:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;}
.lbp-step h3{font-size:20px;margin-bottom:8px;}
.lbp-step p{color:var(--lbp-muted);font-size:14.5px;}

/* ---- testimonial + metrics ---- */
.lbp-testi{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:stretch;}
.lbp-quote{background:linear-gradient(150deg,var(--lbp-blue),var(--lbp-mid));color:#fff;border-radius:var(--lbp-r);padding:44px;display:flex;flex-direction:column;justify-content:space-between;}
.lbp-quote .big{font-family:'Space Grotesk';font-size:24px;line-height:1.35;}
.lbp-quote .who{display:flex;align-items:center;gap:12px;margin-top:26px;}
.lbp-quote .who span{width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.2);}
.lbp-mgrid{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.lbp-metric{background:#fff;border:1px solid var(--lbp-line);border-radius:18px;padding:26px;}
.lbp-metric b{font-family:'Space Grotesk';font-size:38px;color:var(--lbp-blue);display:block;line-height:1;}
.lbp-metric span{color:var(--lbp-muted);font-size:14px;}
.lbp-metric--sun{background:linear-gradient(150deg,#fff6da,#ffeeb0);border:0;}
.lbp-metric--sun b{color:var(--lbp-sun-ink);}

/* ---- reassure (split visual + list) ---- */
.lbp-split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;}
.lbp-vis{background:linear-gradient(150deg,var(--lbp-blue),var(--lbp-mid));border-radius:24px;min-height:380px;position:relative;overflow:hidden;box-shadow:var(--lbp-shadow);}
.lbp-vis .float{position:absolute;background:#fff;border-radius:16px;padding:16px 18px;box-shadow:0 20px 40px -20px rgba(0,0,0,.4);font-size:13px;}
.lbp-vis .float.f1{top:44px;left:44px;width:220px;}
.lbp-vis .float.f2{bottom:52px;right:40px;width:210px;}
.lbp-vis .float .big{font-family:'Space Grotesk';font-size:26px;color:var(--lbp-blue);}
.lbp-rlist{list-style:none;display:grid;gap:18px;margin:26px 0 0;padding:0;}
.lbp-rlist li{display:flex;gap:14px;align-items:flex-start;}
.lbp-rlist .chk{flex:0 0 auto;width:30px;height:30px;border-radius:9px;background:#e7f6ee;color:#159a5b;display:flex;align-items:center;justify-content:center;}
.lbp-rlist .chk svg{width:18px;height:18px;stroke-width:2.4;}
.lbp-rlist b{display:block;font-size:15.5px;font-family:'Space Grotesk';}
.lbp-rlist span{color:var(--lbp-muted);font-size:14px;}

/* ---- CTA band ---- */
.lbp-band{background:var(--lbp-ink);color:#fff;border-radius:30px;padding:64px;text-align:center;position:relative;overflow:hidden;}
.lbp-band::before{content:"";position:absolute;top:-170px;left:50%;transform:translateX(-50%);width:560px;height:300px;background:radial-gradient(circle,rgba(255,198,26,.20),transparent 68%);z-index:0;}
.lbp-band h2{font-size:clamp(26px,3.4vw,40px);position:relative;z-index:1;margin-bottom:12px;color:#fff;}
.lbp-band p{color:#aeb9d4;position:relative;margin-bottom:26px;font-size:17px;}
.lbp-band .btns{display:flex;gap:14px;justify-content:center;position:relative;flex-wrap:wrap;}

/* ---- inner page title header ---- */
.lbp-pagehead{background:
  radial-gradient(600px 380px at 85% -30%,rgba(255,198,26,.20),transparent 60%),
  linear-gradient(160deg,var(--lbp-blue),var(--lbp-blue-d));color:#fff;padding:66px 0 60px;position:relative;overflow:hidden;}
.lbp-pagehead h1{color:#fff;font-size:clamp(30px,4vw,46px);}
.lbp-crumbs{display:flex;gap:8px;align-items:center;color:rgba(255,255,255,.75);font-size:14px;margin-top:14px;}
.lbp-crumbs a:hover{color:#fff;}
.lbp-crumbs .sep{opacity:.5;}

/* ---- content / legal typography ---- */
.lbp-prose{max-width:820px;margin:0 auto;}
.lbp-prose h2{font-size:26px;margin:38px 0 14px;color:var(--lbp-blue);}
.lbp-prose h2:first-child{margin-top:0;}
.lbp-prose p{color:#3f4a5f;font-size:16px;margin-bottom:16px;}
.lbp-prose ul{margin:0 0 18px;padding-left:0;list-style:none;display:grid;gap:12px;}
.lbp-prose ul li{position:relative;padding-left:30px;color:#3f4a5f;font-size:15.5px;}
.lbp-prose ul li::before{content:"";position:absolute;left:0;top:8px;width:16px;height:16px;border-radius:5px;background:#eaf2fb;}
.lbp-prose ul li::after{content:"";position:absolute;left:5px;top:12px;width:6px;height:6px;border-radius:50%;background:var(--lbp-blue);}
.lbp-prose a{color:var(--lbp-blue);font-weight:600;text-decoration:underline;}
.lbp-infocard{background:var(--lbp-bg);border:1px solid var(--lbp-line);border-radius:var(--lbp-r);padding:26px 30px;}

/* ---- accordion (FAQ) ---- */
.lbp-acc{max-width:820px;margin:0 auto;display:grid;gap:14px;}
.lbp-acc__item{border:1px solid var(--lbp-line);border-radius:var(--lbp-r-sm);background:#fff;overflow:hidden;transition:.2s;}
.lbp-acc__item[open]{border-color:var(--lbp-light);box-shadow:var(--lbp-shadow-sm);}
.lbp-acc__q{list-style:none;cursor:pointer;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-family:'Space Grotesk';font-weight:600;font-size:17px;color:var(--lbp-ink);}
.lbp-acc__q::-webkit-details-marker{display:none;}
.lbp-acc__q .plus{flex:0 0 auto;width:30px;height:30px;border-radius:50%;background:#eaf2fb;color:var(--lbp-blue);display:flex;align-items:center;justify-content:center;transition:.2s;}
.lbp-acc__item[open] .plus{background:var(--lbp-blue);color:#fff;transform:rotate(45deg);}
.lbp-acc__a{padding:0 24px 22px;color:#3f4a5f;font-size:15.5px;}

/* ---- forms (contact + auth reskin) ---- */
.lbp-form{display:grid;gap:18px;}
.lbp-field{display:grid;gap:7px;}
.lbp-field label{font-size:14px;font-weight:600;color:var(--lbp-ink);}
.lbp-input,.lbp-form input[type=text],.lbp-form input[type=email],.lbp-form input[type=tel],
.lbp-form input[type=password],.lbp-form input[type=number],.lbp-form input[type=date],
.lbp-form select,.lbp-form textarea{
  width:100%;font-family:inherit;font-size:15px;color:var(--lbp-ink);background:#fff;
  border:1.5px solid var(--lbp-line);border-radius:13px;padding:13px 15px;transition:.15s;min-height:48px;}
.lbp-form textarea{min-height:130px;resize:vertical;}
.lbp-form input:focus,.lbp-form select:focus,.lbp-form textarea:focus{outline:none;border-color:var(--lbp-blue);box-shadow:0 0 0 4px rgba(22,65,148,.12);}
.lbp-form input::placeholder,.lbp-form textarea::placeholder{color:#9aa4b5;}
.lbp-form .row2{display:grid;grid-template-columns:1fr 1fr;gap:18px;}

/* ---- auth layout (split) ---- */
.lbp-auth{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;}
.lbp-auth__aside{background:
  radial-gradient(600px 400px at 20% 10%,rgba(255,198,26,.22),transparent 60%),
  linear-gradient(160deg,var(--lbp-blue),var(--lbp-blue-d));color:#fff;padding:56px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;}
.lbp-auth__aside .logo img,.lbp-auth__aside .logo svg{height:56px;}
.lbp-auth__aside h2{color:#fff;font-size:34px;margin:0 0 14px;max-width:420px;}
.lbp-auth__aside p{color:rgba(255,255,255,.82);max-width:380px;}
.lbp-auth__aside .pts{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:14px;}
.lbp-auth__aside .pts li{display:flex;gap:12px;align-items:center;color:#eaf1ff;font-size:15px;}
.lbp-auth__aside .pts svg{width:20px;height:20px;stroke:var(--lbp-sun);stroke-width:2.4;fill:none;}
.lbp-auth__main{display:flex;align-items:center;justify-content:center;padding:48px 40px;background:#fff;}
.lbp-auth__card{width:100%;max-width:430px;}
.lbp-auth__card h1{font-size:30px;margin-bottom:6px;}
.lbp-auth__card .sub{color:var(--lbp-muted);margin-bottom:28px;}

/* ---- wide / centered auth card (register + forgot) ---- */
.lbp-authwide{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:44px 20px;background:
  radial-gradient(700px 500px at 90% -10%,rgba(255,198,26,.16),transparent 60%),
  radial-gradient(700px 500px at 5% 112%,rgba(57,168,229,.18),transparent 55%),
  linear-gradient(180deg,#fbfdff,#eef4fc);}
.lbp-authwide__card{width:100%;max-width:840px;background:#fff;border:1px solid var(--lbp-line);border-radius:26px;box-shadow:var(--lbp-shadow);padding:38px 44px 44px;}
.lbp-authwide--sm .lbp-authwide__card{max-width:460px;}
.lbp-authwide__top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:26px;padding-bottom:22px;border-bottom:1px solid var(--lbp-line);}
.lbp-authwide__top .lbp-logo img{height:46px;width:auto;}
.lbp-authwide h1{font-size:28px;margin-bottom:6px;}
.lbp-authwide .sub{color:var(--lbp-muted);margin-bottom:26px;font-size:15.5px;}
.lbp-backlink{display:inline-flex;align-items:center;gap:7px;color:var(--lbp-muted);font-size:14px;font-weight:500;}
.lbp-backlink:hover{color:var(--lbp-blue);}
.lbp-backlink svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;transform:rotate(180deg);}
.lbp-check{display:flex;gap:11px;align-items:flex-start;font-size:14px;color:var(--lbp-muted);line-height:1.5;}
.lbp-check input{margin-top:2px;width:18px;height:18px;flex:0 0 auto;accent-color:var(--lbp-blue);}
.lbp-check a{color:var(--lbp-blue);font-weight:600;}
.lbp-swap{text-align:center;margin-top:22px;color:var(--lbp-muted);font-size:14.5px;}
.lbp-swap a{color:var(--lbp-blue);font-weight:600;}

/* ---- alerts ---- */
.lbp-alert{border-radius:13px;padding:13px 16px;font-size:14.5px;font-weight:500;margin-bottom:20px;display:flex;gap:10px;align-items:flex-start;line-height:1.5;}
.lbp-alert svg{width:19px;height:19px;flex:0 0 auto;margin-top:1px;stroke-width:2;fill:none;}
.lbp-alert .alert,.lbp-alert>div{margin:0;}
.lbp-alert--danger{background:#fdecec;color:#a11; border-left:4px solid #d40000;}
.lbp-alert--info{background:#eaf4fd;color:#0b4c86;border-left:4px solid var(--lbp-mid);}
.lbp-alert--success{background:#e9f7ef;color:#0e7a43;border-left:4px solid #16a34a;}

/* ---- step indicator (forgot) ---- */
.lbp-steps3{display:flex;align-items:center;gap:0;margin-bottom:28px;}
.lbp-steps3 .s{display:flex;align-items:center;gap:9px;color:var(--lbp-muted);font-size:13.5px;font-weight:600;}
.lbp-steps3 .s .num{width:30px;height:30px;border-radius:50%;background:#eef2f8;color:var(--lbp-muted);display:flex;align-items:center;justify-content:center;font-family:'Space Grotesk';}
.lbp-steps3 .s.is-on .num{background:var(--lbp-blue);color:#fff;}
.lbp-steps3 .s.is-done .num{background:#e7f6ee;color:#159a5b;}
.lbp-steps3 .bar{flex:1;height:2px;background:var(--lbp-line);margin:0 12px;}
@media (max-width:430px){
  .lbp-steps3 .s{font-size:11.5px;gap:6px;}
  .lbp-steps3 .s .num{width:26px;height:26px;font-size:12px;}
  .lbp-steps3 .bar{margin:0 6px;}
}

/* ---- footer ---- */
.lbp-footer{background:#0c1830;color:#aeb9cc;padding:64px 0 30px;}
.lbp-footer__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:34px;padding-bottom:36px;border-bottom:1px solid rgba(255,255,255,.1);}
.lbp-footer .lbp-logo img,.lbp-footer .lbp-logo svg{height:52px;}
.lbp-footer__grid p{font-size:14px;margin-top:16px;max-width:290px;}
.lbp-footer__grid h4{color:#fff;font-family:'DM Sans';font-size:13px;letter-spacing:.05em;text-transform:uppercase;margin-bottom:14px;}
.lbp-footer__grid ul{list-style:none;display:grid;gap:10px;font-size:14.5px;padding:0;margin:0;}
.lbp-footer__grid a:hover{color:#fff;}
.lbp-footer__social{display:flex;gap:10px;margin-top:18px;}
.lbp-footer__social a{width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;transition:.2s;}
.lbp-footer__social a:hover{background:var(--lbp-blue);color:#fff;}
.lbp-footer__social svg{width:18px;height:18px;}
.lbp-disclaimer{font-size:12px;color:#8b96ab;background:rgba(255,255,255,.04);border-radius:12px;padding:14px 18px;margin-top:22px;line-height:1.6;}
.lbp-legal{font-size:12.5px;color:#78849b;padding-top:18px;line-height:1.7;}

/* ---- responsive ---- */
@media (max-width:960px){
  .lbp-hero__grid,.lbp-split,.lbp-testi,.lbp-auth{grid-template-columns:1fr;}
  .lbp-bento{grid-template-columns:repeat(2,1fr);grid-auto-rows:auto;}
  .lbp-b,.lbp-b--tall,.lbp-b--wide{grid-column:auto;grid-row:auto;min-height:170px;}
  .lbp-cards,.lbp-steps{grid-template-columns:1fr;}
  .lbp-footer__grid{grid-template-columns:1fr 1fr;gap:26px;}
  .lbp-auth__aside{display:none;}
  .lbp-menu,.lbp-nav__cta .lbp-btn--ghost{display:none;}
  .lbp-burger{display:inline-flex;}
  .lbp-section{padding:60px 0;}
  .lbp-band{padding:44px 26px;}
}
@media (max-width:520px){
  .lbp-chips{grid-template-columns:1fr;}
  .lbp-mgrid,.lbp-form .row2{grid-template-columns:1fr;}
  .lbp-footer__grid{grid-template-columns:1fr;}
  .lbp-hero__cta .lbp-btn{width:100%;}
}

/* ---- mobile drawer ---- */
.lbp-drawer{position:fixed;inset:0;z-index:1100;display:none;}
.lbp-drawer.is-open{display:block;}
.lbp-drawer__bg{position:absolute;inset:0;background:rgba(12,24,48,.5);}
.lbp-drawer__panel{position:absolute;top:0;right:0;height:100%;width:min(320px,84vw);background:#fff;padding:26px;display:flex;flex-direction:column;gap:8px;box-shadow:var(--lbp-shadow);}
.lbp-drawer__panel a{padding:14px 6px;font-weight:600;border-bottom:1px solid var(--lbp-line);color:var(--lbp-ink);}
.lbp-drawer__panel .lbp-btn{margin-top:14px;}
.lbp-drawer__close{align-self:flex-end;background:none;border:0;cursor:pointer;color:var(--lbp-ink);}
.lbp-drawer__close svg{width:26px;height:26px;}

@media (prefers-reduced-motion:reduce){
  body.lbpcf *{transition:none!important;animation:none!important;}
}

/* ==========================================================================
   APERÇU DE LA PLATEFORME — fenêtre navigateur + mobile (remplace le simulateur)
   Reproduit fidèlement l'espace client (données de démonstration, sans PII).
   ========================================================================== */

/* --- fenêtre navigateur --- */
.lbp-window{background:#fff;border:1px solid var(--lbp-line);border-radius:18px;box-shadow:var(--lbp-shadow);overflow:hidden;width:100%;}
.lbp-window__bar{display:flex;align-items:center;gap:12px;padding:11px 15px;background:#f7f9fd;border-bottom:1px solid var(--lbp-line);}
.lbp-window__dots{display:flex;gap:7px;flex:0 0 auto;}
.lbp-window__dots i{width:11px;height:11px;border-radius:50%;background:#dbe2ee;}
.lbp-window__dots i:nth-child(1){background:#ff5f57;}
.lbp-window__dots i:nth-child(2){background:#febc2e;}
.lbp-window__dots i:nth-child(3){background:#28c840;}
.lbp-window__url{flex:1;min-width:0;background:#fff;border:1px solid var(--lbp-line);border-radius:8px;padding:6px 12px;font-size:12px;color:var(--lbp-muted);display:flex;align-items:center;gap:7px;}
.lbp-window__url svg{width:13px;height:13px;stroke:#16a34a;fill:none;stroke-width:2.2;flex:0 0 auto;}
.lbp-window__url span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/* --- tableau de bord (mock) --- */
.lbp-dash{padding:18px;display:grid;gap:14px;background:linear-gradient(180deg,#f6faff,#fff);}
.lbp-dash__top{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.lbp-dash__hi{display:flex;align-items:center;gap:11px;min-width:0;}
.lbp-dash__ava{width:38px;height:38px;border-radius:50%;flex:0 0 auto;background:linear-gradient(135deg,var(--lbp-light),var(--lbp-blue));color:#fff;display:flex;align-items:center;justify-content:center;font-family:'Space Grotesk';font-weight:700;font-size:15px;}
.lbp-dash__hi b{font-family:'Space Grotesk';font-size:15px;display:block;line-height:1.2;color:var(--lbp-ink);}
.lbp-dash__hi small{font-size:12px;color:var(--lbp-muted);}
.lbp-dash__bell{width:34px;height:34px;border-radius:10px;flex:0 0 auto;background:#eef3fb;color:var(--lbp-blue);display:flex;align-items:center;justify-content:center;position:relative;}
.lbp-dash__bell svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.9;}
.lbp-dash__bell::after{content:"";position:absolute;top:7px;right:8px;width:7px;height:7px;border-radius:50%;background:var(--lbp-sun);border:2px solid #eef3fb;}

.lbp-dash__row{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.lbp-dtile{background:#fff;border:1px solid var(--lbp-line);border-radius:14px;padding:13px 14px;min-width:0;}
.lbp-dtile .lab{font-size:11.5px;color:var(--lbp-muted);display:flex;align-items:center;gap:7px;}
.lbp-dtile .ic{width:26px;height:26px;border-radius:8px;flex:0 0 auto;background:#eaf2fb;color:var(--lbp-blue);display:inline-flex;align-items:center;justify-content:center;}
.lbp-dtile .ic svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2;}
.lbp-dtile .num{font-family:'Space Grotesk';font-weight:700;font-size:19px;margin-top:8px;color:var(--lbp-ink);white-space:nowrap;}
.lbp-dtile--green .ic{background:#e7f6ee;color:#159a5b;}
.lbp-dtile--green .num{color:#159a5b;}

/* --- carte bancaire (mock) --- */
.lbp-bcard{border-radius:16px;padding:17px 18px;color:#fff;position:relative;overflow:hidden;
  background:radial-gradient(130% 130% at 100% 0,rgba(255,198,26,.28),transparent 46%),linear-gradient(135deg,var(--lbp-blue),var(--lbp-mid));
  box-shadow:0 16px 30px -18px rgba(22,65,148,.65);}
.lbp-bcard__top{display:flex;justify-content:space-between;align-items:center;}
.lbp-bcard__chip{width:34px;height:25px;border-radius:6px;background:linear-gradient(135deg,#ffe293,#e6b647);}
.lbp-bcard__brand{font-family:'Space Grotesk';font-weight:700;font-size:13px;letter-spacing:.03em;}
.lbp-bcard__num{font-family:'Space Grotesk';font-size:17px;letter-spacing:.16em;margin:15px 0 12px;}
.lbp-bcard__foot{display:flex;justify-content:space-between;align-items:flex-end;font-size:10.5px;color:rgba(255,255,255,.82);text-transform:uppercase;letter-spacing:.04em;}
.lbp-bcard__foot b{display:block;font-size:12.5px;color:#fff;font-family:'Space Grotesk';text-transform:none;letter-spacing:0;margin-top:2px;}

/* --- liste des opérations (mock) --- */
.lbp-ops{background:#fff;border:1px solid var(--lbp-line);border-radius:14px;padding:4px 14px;}
.lbp-op{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--lbp-line);}
.lbp-op:last-child{border-bottom:0;}
.lbp-op__ic{width:32px;height:32px;border-radius:9px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;}
.lbp-op__ic svg{width:16px;height:16px;stroke-width:2.2;fill:none;stroke:currentColor;}
.lbp-op--in .lbp-op__ic{background:#e7f6ee;color:#159a5b;}
.lbp-op--out .lbp-op__ic{background:#eef3fb;color:var(--lbp-blue);}
.lbp-op__t{flex:1;min-width:0;}
.lbp-op__t b{font-size:13px;font-weight:600;display:block;color:var(--lbp-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.lbp-op__t small{font-size:11.5px;color:var(--lbp-muted);}
.lbp-op__amt{font-family:'Space Grotesk';font-weight:700;font-size:14px;flex:0 0 auto;color:var(--lbp-ink);}
.lbp-op--in .lbp-op__amt{color:#159a5b;}

/* --- section showcase (fenêtre + mobile superposés + puces flottantes) --- */
.lbp-showcase{display:grid;grid-template-columns:.95fr 1.05fr;gap:56px;align-items:center;}
.lbp-showcase__stage{position:relative;min-width:0;}
.lbp-showcase__stage .lbp-window{position:relative;z-index:1;}
.lbp-fchip{position:absolute;z-index:4;background:#fff;border:1px solid var(--lbp-line);border-radius:14px;box-shadow:var(--lbp-shadow-sm);padding:10px 13px;display:flex;align-items:center;gap:10px;font-size:12.5px;font-weight:600;color:var(--lbp-ink);}
.lbp-fchip .d{width:30px;height:30px;border-radius:9px;flex:0 0 auto;display:flex;align-items:center;justify-content:center;}
.lbp-fchip .d svg{width:16px;height:16px;stroke-width:2.2;fill:none;stroke:currentColor;}
.lbp-fchip small{display:block;font-weight:500;color:var(--lbp-muted);font-size:11px;}
.lbp-fchip--green .d{background:#e7f6ee;color:#159a5b;}
.lbp-fchip--blue .d{background:#eaf2fb;color:var(--lbp-blue);}
.lbp-fchip--tl{top:-22px;left:-20px;}
.lbp-fchip--br{bottom:-24px;right:-18px;}

/* --- mobile "app" superposé --- */
.lbp-phone{position:absolute;z-index:3;right:-22px;bottom:-34px;width:172px;border-radius:30px;background:#0c1830;padding:7px;
  box-shadow:0 34px 60px -26px rgba(12,24,48,.6);border:1px solid rgba(255,255,255,.12);}
.lbp-phone__screen{background:linear-gradient(180deg,#eef4ff,#fff);border-radius:24px;overflow:hidden;position:relative;}
.lbp-phone__bar{height:22px;display:flex;justify-content:center;align-items:flex-start;}
.lbp-phone__bar::before{content:"";width:56px;height:14px;background:#0c1830;border-radius:0 0 11px 11px;}
.lbp-phone__body{padding:10px 12px 14px;display:grid;gap:10px;}
.lbp-phone__hero{background:linear-gradient(135deg,var(--lbp-blue),var(--lbp-mid));border-radius:16px;padding:13px 14px;color:#fff;}
.lbp-phone__hero small{font-size:10.5px;color:rgba(255,255,255,.82);}
.lbp-phone__hero b{display:block;font-family:'Space Grotesk';font-size:21px;margin-top:3px;}
.lbp-phone__acts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;}
.lbp-phone__act{background:#fff;border:1px solid var(--lbp-line);border-radius:12px;padding:9px 0;display:grid;justify-items:center;gap:5px;font-size:9.5px;color:var(--lbp-muted);font-weight:600;}
.lbp-phone__act .d{width:26px;height:26px;border-radius:8px;background:#eaf2fb;color:var(--lbp-blue);display:flex;align-items:center;justify-content:center;}
.lbp-phone__act .d svg{width:14px;height:14px;stroke-width:2;fill:none;stroke:currentColor;}

/* --- responsive showcase --- */
@media (max-width:960px){
  .lbp-showcase{grid-template-columns:1fr;gap:34px;}
  .lbp-showcase__stage{max-width:560px;margin:0 auto;}
  .lbp-phone{display:none;}
  .lbp-fchip--tl{top:-16px;left:0;}
  .lbp-fchip--br{bottom:-18px;right:0;}
}
@media (max-width:560px){
  .lbp-fchip{display:none;}
  .lbp-dtile .num{font-size:18px;}
}

/* ---- Correctif responsive : métriques "à propos" (remplace l'inline repeat(4,1fr)) ---- */
.lbp-metric{min-width:0;}
.lbp-mgrid--4{grid-template-columns:repeat(4,1fr);}
@media (max-width:920px){ .lbp-mgrid--4{grid-template-columns:repeat(2,1fr);} }
@media (max-width:520px){ .lbp-mgrid--4{grid-template-columns:1fr;} }