/* ---------- preuves ---------- */
.bd-preuves { padding-top:clamp(8px,1.5vw,16px); padding-bottom:clamp(8px,1.5vw,16px); }
.bd-block-vert + .bd-preuves { margin-top:clamp(48px,6vw,80px); }
.bd-preuves__carte { position:relative; overflow:hidden; background:var(--blanc); border-radius:var(--r-lg); padding:clamp(28px,4vw,56px); display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); grid-template-areas:"tete chif" "res res"; gap:clamp(28px,4vw,56px) clamp(28px,5vw,72px); box-shadow:0 1px 0 rgba(0,36,27,.05), 0 40px 80px -50px rgba(0,36,27,.4); }
@media (max-width:860px) { .bd-preuves__carte { grid-template-columns:1fr; grid-template-areas:"tete" "chif" "res"; } }
.bd-preuves__deco { position:absolute; top:-120px; left:-120px; width:300px; height:300px; border-radius:50%; background:radial-gradient(circle at 60% 60%, rgba(0,240,181,.22), transparent 70%); pointer-events:none; }
.bd-preuves__tete { grid-area:tete; position:relative; align-self:center; }
.bd-preuves__tete .bd-eyebrow { margin:0 0 14px; }
.bd-preuves__titre { margin:0; font-family:'Bricolage Grotesque',Manrope,sans-serif; font-weight:600; font-size:clamp(26px,3.2vw,40px); line-height:1.06; letter-spacing:-.03em; color:var(--vert); text-wrap:balance; }
.bd-preuves__chiffres { grid-area:chif; list-style:none; margin:0; padding:0; display:flex; flex-direction:column; }
.bd-preuve { display:grid; grid-template-columns:clamp(120px,13vw,170px) minmax(0,1fr); align-items:center; gap:20px; padding:clamp(16px,2vw,22px) 0; }
.bd-preuve + .bd-preuve { border-top:1px solid var(--lavande); }
.bd-preuve__n { font-family:'Bricolage Grotesque',Manrope,sans-serif; font-weight:600; font-size:clamp(46px,5.6vw,72px); line-height:.9; letter-spacing:-.05em; color:var(--bleu); font-variant-numeric:tabular-nums; }
.bd-preuve__t { font-size:14.5px; line-height:1.5; color:var(--gris); text-wrap:pretty; }
.bd-preuve__t b { display:block; margin-bottom:2px; font-size:17px; font-weight:700; color:var(--vert); }
.bd-preuves__reseaux { grid-area:res; position:relative; display:flex; flex-wrap:wrap; align-items:center; gap:12px 18px; padding-top:clamp(22px,2.6vw,30px); border-top:1px solid var(--lavande); }
.bd-preuves__label { margin:0; font-size:12.5px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--bleu); }
.bd-preuves__reseaux ul { list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:8px; }
.bd-preuves__reseaux li { font-size:14px; font-weight:600; color:var(--vert); background:var(--lavande); border-radius:var(--r-pill); padding:8px 14px; }

/* ---------- bloc blanc (trame par objectif) ---------- */
.bd-block-bleu { position:relative; background:var(--blanc); border-radius:var(--r-lg); margin:clamp(48px,6vw,80px) clamp(0px,1.6vw,20px) 0; box-shadow:0 1px 0 rgba(0,36,27,.05); }
.bd-block-bleu .bd-trame__onglet { background:var(--lavande); border-color:transparent; }
.bd-block-bleu .bd-trame__onglet[aria-selected="true"] { background:var(--bleu); border-color:var(--bleu); color:#fff; }
.bd-block-bleu .bd-trame__panneau { background:#F5F6FE; box-shadow:inset 0 0 0 1px rgba(64,86,244,.08); }
.bd-block-bleu .bd-trame__liste li { border-bottom-color:rgba(64,86,244,.12); }
.bd-block-bleu .bd-trame__compte { border-top-color:rgba(64,86,244,.12); }
.bd-preuves + .bd-block-bleu > .bd-section { padding-top:clamp(52px,7vw,88px); }
/* ---------- démo produit ---------- */
.bd-block-vert .bd-demo__etapes li { color:rgba(236,238,254,.62); }
.bd-block-vert .bd-demo__etapes li::before { color:rgba(236,238,254,.5); }
.bd-block-vert .bd-demo__etapes b { color:var(--lavande); }
.bd-block-vert .bd-demo__etapes li.est-active { background:rgba(236,238,254,.08); color:rgba(236,238,254,.8); }
.bd-block-vert .bd-demo__etapes li.est-active::before { color:var(--mint); }
.bd-block-vert .bd-demo__etapes i { background:var(--mint); }
.bd-block-vert .bd-demo__fenetre { color:var(--vert); box-shadow:0 40px 80px -40px rgba(0,0,0,.6); }

.bd-demo { display:grid; grid-template-columns:300px minmax(0,1fr); gap:clamp(22px,3vw,44px); align-items:center; }
@media (max-width:900px) { .bd-demo { grid-template-columns:1fr; } }
.bd-demo__etapes { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:6px; counter-reset:bdd; }
.bd-demo__etapes li { counter-increment:bdd; position:relative; overflow:hidden; padding:16px 18px 16px 58px; border-radius:18px; color:var(--gris); transition:background 250ms ease,color 250ms ease; }
.bd-demo__etapes li::before { content:counter(bdd, decimal-leading-zero); position:absolute; left:18px; top:16px; font-size:13px; font-weight:700; color:var(--gris); }
.bd-demo__etapes b { display:block; font-size:15.5px; color:inherit; }
.bd-demo__etapes span { display:block; margin-top:2px; font-size:13.5px; }
.bd-demo__etapes li.est-active { background:var(--blanc); color:var(--vert); }
.bd-demo__etapes li.est-active::before { color:var(--bleu); }
.bd-demo__etapes i { position:absolute; left:0; bottom:0; height:3px; width:0; background:var(--bleu); }
.bd-demo__etapes li.est-active i { animation:bdDemoBar var(--d,5s) linear forwards; }
@keyframes bdDemoBar { to { width:100%; } }
.bd-demo__fenetre { background:var(--blanc); border-radius:22px; overflow:hidden; box-shadow:0 1px 0 rgba(0,36,27,.06), 0 40px 70px -40px rgba(0,36,27,.5); }
.bd-demo__barre { display:flex; align-items:center; gap:8px; padding:12px 18px; border-bottom:1px solid var(--lavande); font-size:13px; font-weight:700; }
.bd-demo__logo { width:14px; height:14px; border-radius:50%; background:var(--mint); }
.bd-demo__titre { margin-left:auto; font-weight:500; color:var(--gris); }
.bd-demo__cadre { position:relative; aspect-ratio:16/10; overflow:hidden; background:#F7F8FE; }
.bd-demo__scene-wrap { position:absolute; left:0; top:0; width:720px; height:450px; transform-origin:0 0; }
.bd-demo__scene { position:absolute; inset:0; padding:30px 34px; opacity:0; transform:translateY(10px); transition:opacity 450ms ease,transform 450ms ease; pointer-events:none; }
.bd-demo__scene.est-active { opacity:1; transform:none; }
.bd-d-label { margin:0 0 12px; font-size:13px; font-weight:700; color:var(--gris); }
.bd-d-champ { min-height:92px; padding:16px 18px; background:var(--blanc); border:1px solid rgba(64,86,244,.25); border-radius:16px; font-size:22px; line-height:1.4; color:var(--vert); }
.bd-d-curseur { display:inline-block; width:2px; height:24px; background:var(--bleu); vertical-align:-4px; margin-left:2px; animation:bdBlink 1s steps(1) infinite; }
@keyframes bdBlink { 50% { opacity:0; } }
.bd-d-bulles { display:flex; flex-wrap:nowrap; align-items:center; gap:6px; margin-top:22px; }
.bd-d-bulles span { font-size:13px; color:var(--gris); margin-right:2px; white-space:nowrap; flex:0 0 auto; }
.bd-d-bulles b { white-space:nowrap; flex:0 0 auto; font-size:12.5px; font-weight:600; padding:8px 12px; border-radius:var(--r-pill); background:var(--blanc); border:1px solid rgba(0,36,27,.12); transition:all 250ms ease; }
.bd-d-bulles b.est-on { background:#EEF0FF; border-color:var(--bleu); color:var(--bleu); }
.bd-d-pied { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:26px; padding-top:20px; border-top:1px solid rgba(0,36,27,.08); }
.bd-d-pied p { margin:0; font-size:14.5px; color:var(--gris); opacity:0; transition:opacity 300ms ease; }
.bd-d-pied.est-on p { opacity:1; }
.bd-d-cta { font-size:15px; padding:14px 22px; border-radius:var(--r-pill); background:#E4E7F4; color:#8A91B0; transition:all 250ms ease; }
.bd-d-pied.est-on .bd-d-cta { background:var(--bleu); color:#fff; }
.bd-d-q { margin-bottom:12px; }
.bd-d-q p { margin:0 0 7px; font-size:15px; font-weight:700; }
.bd-d-q div { min-height:52px; padding:11px 14px; background:var(--blanc); border:1px solid rgba(0,36,27,.1); border-radius:12px; font-size:15.5px; line-height:1.5; }
.bd-d-note { display:flex; align-items:center; gap:9px; margin:20px 0 0; font-size:13.5px; color:var(--gris); }
.bd-d-note span { width:8px; height:8px; border-radius:50%; background:var(--bleu); }
.bd-d-tete { display:flex; align-items:center; justify-content:space-between; margin-bottom:6px; }
.bd-d-ok { font-size:13px; font-weight:700; color:var(--mint-texte); background:rgba(0,240,181,.16); padding:5px 12px; border-radius:var(--r-pill); }
.bd-d-grille { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:8px; }
.bd-d-grille img { width:100%; aspect-ratio:16/9; object-fit:cover; border-radius:8px; box-shadow:0 0 0 1px rgba(0,36,27,.08), 0 10px 22px -16px rgba(0,36,27,.5); opacity:0; transform:scale(.94); transition:opacity 350ms ease,transform 350ms ease; }
.bd-d-grille img.est-on { opacity:1; transform:none; }
.bd-d-editeur { display:grid; grid-template-columns:minmax(0,1fr) 150px; gap:22px; height:100%; align-items:center; }
.bd-d-slide { position:relative; aspect-ratio:16/9; border-radius:10px; overflow:hidden; box-shadow:0 0 0 1px rgba(0,36,27,.08), 0 24px 44px -26px rgba(0,36,27,.55); }
.bd-d-slide img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; transition:opacity 500ms ease; }
.bd-d-slide img.est-active { opacity:1; }
.bd-d-panneau { align-self:stretch; background:var(--blanc); border-radius:14px; padding:18px 14px; display:flex; flex-direction:column; gap:6px; }
.bd-d-panneau b { font-size:14px; font-weight:600; padding:9px 12px; border-radius:10px; border:1px solid transparent; transition:all 250ms ease; }
.bd-d-panneau b.est-active { border-color:var(--bleu); background:#EEF0FF; color:var(--bleu); }
.bd-d-pals { display:flex; gap:8px; }
.bd-d-pals i { width:22px; height:22px; border-radius:50%; box-shadow:0 0 0 2px #fff, 0 0 0 3px rgba(0,36,27,.1); }
.bd-d-pals i:first-child { box-shadow:0 0 0 2px #fff, 0 0 0 3.5px var(--bleu); }