/* ============================================================================
   BIBLEO DESIGN SYSTEM v3  (premium marketing + SEO)
   Fichier UNIQUE de styles. Tout est scopé .bv (préfixe bv-)
   Inspiration : SaaS haut de gamme (nav flottante, hero aurora, bento).
   Classes 100 % Bibleo.
   ============================================================================ */

/* ============================================================================
   "PALETTE" TOUTES LES COULEURS MODIFIABLES ICI (un seul endroit)
   Change une valeur ci-dessous → tout le site v3 se met à jour.
   ============================================================================ */
:root{
  /* ----- Texte ----- */
  --bv-ink:#0d211d;        /* titres / texte principal (noir-vert Heysimon) */
  --bv-ink-2:#1c332e;      /* texte secondaire foncé */
  --bv-soft:#46554f;       /* paragraphes */
  --bv-muted:#7b8a83;      /* texte discret / légendes */

  /* ----- Fonds & lignes ----- */
  --bv-bg:#f7f7f7;         /* fond de page (JAMAIS sombre) */
  --bv-bg-soft:#eef4f1;    /* fond des sections douces */
  --bv-card:#ffffff;       /* fond des cartes */
  --bv-line:#e7ece8;       /* bordures */
  --bv-line-2:#eef2ef;     /* bordures  */

  /* ----- Couleurs de marque (menthe / teal) ----- */
  /* --bv-c1:#2bb6a6;      teal-menthe (icones) */
  /* --bv-c2:#119cad;      teal profond (texte/liens) */
  /* --bv-c3:#79dec9;      menthe claire (surlignage) */
  /* --bv-c4:#8fe9d6;      menthe très claire (degrade surlignage) */
  /* --bv-c5:#fff;          icon Vision Bibleo index*/
  --bv-gold:#ffc94f;   /* accent doré (étoiles) */

  /* ----- Surlignage menthe (.bv-mark / .bv-grad-tx) ----- */
  --bv-mark-ink:#06302b;                    /* texte sur surlignage */
  --bv-mark-grad:linear-gradient(120deg,var(--bv-c4),var(--bv-c3));

  /* ----- Dégradés ----- */
  --bv-grad:linear-gradient(125deg,#2bc4af 0%,#6bdbc5 55%,#9fe8d8 100%); /* tuiles d'icônes */
  --bv-grad-soft:linear-gradient(118deg,rgba(43,182,166,.10),rgba(121,222,201,.16));
  --bv-grad-ink:linear-gradient(135deg,#0d211d,#15433a);

  /* ----- Maquette dashboard (barres de progression) ----- */
  --bv-bar-blue:#2f6df6;   --bv-bar-blue-2:#5b8cff;
  --bv-bar-orange:#f59e0b; --bv-bar-orange-2:#fbbf24; --bv-bar-orange-tx:#ea8a0b;
  --bv-bar-track:#eef2f6;

  /* ----- Orchestration (anneaux + coeur) ----- */
  --bv-orb-ring:rgba(43,182,166,.20);      /* lignes des cercles */
  --bv-orb-ring-2:rgba(43,182,166,.28);    /* cercle externe (pointillés) */
  --bv-orb-halo:rgba(43,182,166,.4);       /* halo du logo central */

  /* ----- stats ----- */
  --bv-ok:#16a34a;         /* succès / "diffusé" */
  --bv-ok-soft:rgba(121,222,201,.2);
  --bv-soon:#946100;       /* "bientôt" */
  --bv-soon-soft:rgba(244,183,64,.18);

  /* ----- Couleurs d'identité des agents (carrousel) ----- */
  --bv-ag-jean:#2f8cff; --bv-ag-luc:#ff6a5f; --bv-ag-matthieu:#23c55e; --bv-ag-marie:#9f79ff;
  --bv-ag-pierre:#ff9f43; --bv-ag-marthe:#df4efd; --bv-ag-magdala:#10b981; --bv-ag-marc:#eab308;

  /* ----- Rayons / ombres / typo (non couleur) ----- */
  --bv-r-sm:12px; --bv-r:18px; --bv-r-lg:26px; --bv-r-xl:34px; --bv-r-pill:999px;
  --bv-sh-1:0 2px 10px rgba(13,33,61,.05);
  --bv-sh-2:0 14px 40px rgba(13,33,61,.10);
  --bv-sh-3:0 30px 80px rgba(13,33,61,.16);
  --bv-glow:0 18px 50px rgba(0,180,216,.30);

  --bv-fz-h1:clamp(3rem,6.8vw,5.6rem);
  --bv-fz-h2:clamp(2rem,3.6vw,3.2rem);
  --bv-fz-h3:clamp(1.2rem,1.7vw,1.5rem);
  --bv-display:"Sora","Plus Jakarta Sans",Inter,system-ui,sans-serif;
  --bv-body:Inter,"Segoe UI",system-ui,sans-serif;
  --bv-font-gloria:"Gloria Hallelujah",cursive;   /* libellés "Étape X" manuscrits (style modèle) */
  --bv-max:1320px;   /* largeur max de toute la page (≈ 82.5em) */
}
h4.text-video {text-align:center;font-size:1rem;padding:12px;
}

/* ---------- Reset (scopé) ---------- */
.bv *, .bv *::before, .bv *::after{ box-sizing:border-box; }
.bv{ font-family:var(--bv-body); color:var(--bv-ink); background:var(--bv-bg);
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; line-height:1.55; letter-spacing:-.011em; }
.bv img,.bv svg{ max-width:100%; display:block; }
.bv a{ color:inherit; text-decoration:none; }
.bv h1,.bv h2,.bv h3,.bv h4{ font-family:var(--bv-display); font-weight:700; letter-spacing:-.03em; margin:0; line-height:1.04; }
.bv p{ margin:0; }
.bv-wrap{ width:100%; max-width:var(--bv-max); margin:0 auto;  }
.bv-grad-tx{ display:inline-block; color:var(--bv-mark-ink); background:var(--bv-mark-grad); padding:.02em .26em; border-radius:.2em; box-shadow:0 10px 24px rgb(152 209 255);border:4px solid #fff; transform: rotate(-1.4deg);}

/* ---------- Boutons ---------- */
.bv-btn{ display:inline-flex; align-items:center; gap:9px; font-family:var(--bv-display);
  font-weight:700; font-size:.97rem; letter-spacing:-.01em; border-radius:var(--bv-r-pill);
  padding:.95rem 1.5rem; border:1px solid transparent; cursor:pointer; transition:transform .25s cubic-bezier(.2,1,.3,1),box-shadow .25s,background .25s,color .2s; white-space:nowrap; }
.bv-btn i{ font-size:1.05em; }
.bv-btn.bv-btn--main{ color:#fff; background:var(--bv-ink); box-shadow:0 16px 36px rgba(13,33,29,.22); }
.bv-btn.bv-btn--main:hover{ transform:translateY(-3px); box-shadow:0 22px 50px rgba(13,33,29,.3); }
.bv-btn.bv-btn--mint{ color:#06302b; background:linear-gradient(120deg,#8fe9d6,#79dec9); box-shadow:0 14px 34px rgba(121,222,201,.45); }
.bv-btn.bv-btn--mint:hover{ transform:translateY(-3px); }
.bv-btn.bv-btn--ink{ color:#fff; background:var(--bv-ink); box-shadow:0 16px 36px rgba(10,22,38,.22); }
.bv-btn.bv-btn--ink:hover{ transform:translateY(-3px); }
.bv-btn.bv-btn--ghost{ color:var(--bv-ink); background:#fff; border-color:var(--bv-line); box-shadow:var(--bv-sh-1); }
.bv-btn.bv-btn--ghost:hover{ border-color:rgba(43,182,166,.5); transform:translateY(-3px); box-shadow:var(--bv-sh-2); }
.bv-btn--lg{ padding:1.1rem 1.8rem; font-size:1.04rem; }

/* ============================================================================
   NAV — flottante, centrée, façon premium SaaS
   ============================================================================ */
.bv-nav{ position:fixed; inset:14px 0 auto 0; z-index:1000; pointer-events:none; }
.bv-nav-in{ width:min(1180px,calc(100% - 28px)); margin:0 auto; pointer-events:auto;
  display:flex; align-items:center; gap:14px; padding:10px 10px 10px 18px;
  background:rgba(255,255,255,.72); backdrop-filter:blur(18px) saturate(1.4); -webkit-backdrop-filter:blur(18px) saturate(1.4);
  border:1px solid rgba(255,255,255,.7); border-radius:var(--bv-r-pill);
  box-shadow:0 10px 40px rgba(13,33,61,.10), inset 0 0 0 1px rgba(13,33,61,.03);
  transition:box-shadow .3s, background .3s, transform .3s; }
.bv-nav.is-stuck .bv-nav-in{ box-shadow:0 16px 50px rgba(13,33,61,.16); background:rgba(255,255,255,.88); }
.bv-brand{ display:flex; align-items:center; flex:0 0 auto; }
.bv-brand img{ width:158px; max-width:42vw; height:auto; }

.bv-navpill{ display:flex; align-items:center; gap:2px; margin:0 auto; }
.bv-navlink{ display:inline-flex; align-items:center; gap:6px; font-family:var(--bv-display);
  font-weight:600; font-size:.93rem; color:var(--bv-soft); padding:.55rem .9rem; border-radius:var(--bv-r-pill);
  border:1px solid transparent; background:transparent; cursor:pointer; transition:.16s; white-space:nowrap; }
.bv-navlink:hover{ color:var(--bv-ink); background:rgba(10,22,38,.04); }
.bv-navlink .bi-chevron-down{ font-size:.66rem; opacity:.55; transition:.25s; }
.bv-nav-act{ display:flex; align-items:center; gap:10px; flex:0 0 auto; }

/* ---- Méga-menu Solutions ---- */
.bv-mega-host{ position:static; }
.bv-mega{ position:absolute; left:50%; top:72px; transform:translateX(-50%) translateY(10px);
  width:min(940px,calc(100vw - 32px)); background:#fff; border:1px solid var(--bv-line);
  border-radius:var(--bv-r-lg); box-shadow:var(--bv-sh-3); padding:14px; opacity:0; visibility:hidden;
  pointer-events:none; transition:opacity .22s ease, transform .22s cubic-bezier(.2,1,.3,1); z-index:1001; }
.bv-mega::before{ content:""; position:absolute; left:0; right:0; top:-20px; height:24px; } /* pont anti-trou */
.bv-mega-host:hover .bv-mega,.bv-mega-host:focus-within .bv-mega{ opacity:1; visibility:visible; pointer-events:auto; transform:translateX(-50%) translateY(0); }
.bv-mega-host:hover .bv-navlink .bi-chevron-down{ transform:rotate(180deg); }
.bv-mega-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:6px; }
.bv-megaitem{ display:flex; gap:13px; align-items:flex-start; padding:13px; border-radius:var(--bv-r); border:1px solid transparent; transition:.16s; }
.bv-megaitem:hover{ background:#f6fbfe; border-color:rgba(0,180,216,.16); transform:translateY(-1px); }
.bv-megaitem-ic{ width:44px; height:44px; flex:0 0 auto; border-radius:13px; display:grid; place-items:center;
  font-size:1.18rem; color:#fff; background:var(--bv-grad); box-shadow:0 10px 22px rgba(0,180,216,.26); }
.bv-megaitem b{ display:block; font-family:var(--bv-display); font-weight:700; font-size:.95rem; color:var(--bv-ink); }
.bv-megaitem span{ display:block; font-size:.79rem; color:var(--bv-muted); margin-top:2px; line-height:1.4; }
.bv-megaitem-av{ width:24px; height:24px; border-radius:50%; object-fit:cover; margin-left:auto; align-self:center; box-shadow:0 0 0 2px #fff,0 4px 10px rgba(13,33,61,.18); flex:0 0 auto; }
.bv-megaitem.is-star{ background:linear-gradient(120deg,rgba(0,180,216,.07),rgba(121,222,201,.10)); border-color:rgba(0,180,216,.22); }
.bv-megaitem.is-star b::after{ content:"★"; color:var(--bv-gold); font-size:.74em; margin-left:7px; }
.bv-mega-foot{ display:flex; align-items:center; justify-content:space-between; gap:14px; margin-top:10px;
  padding:14px 16px; border-radius:var(--bv-r); background:var(--bv-grad-ink); color:#fff; }
.bv-mega-foot b{ font-family:var(--bv-display); }
.bv-mega-foot small{ color:rgba(255,255,255,.72); }
.bv-mega-foot a{ background:#fff; color:var(--bv-ink); border-radius:var(--bv-r-pill); padding:.5rem .95rem; font-weight:700; font-size:.82rem; white-space:nowrap; }

/* ---- crédits / user / langue ---- */
.bv-credit{ display:inline-flex; align-items:center; gap:6px; height:38px; padding:0 .8rem; border-radius:var(--bv-r-pill);
  font-weight:700; font-size:.85rem; background:rgba(0,180,216,.1); color:#0277a0; border:1px solid rgba(0,180,216,.18); }
.bv-credit.is-admin{ background:rgba(244,183,64,.18); color:#946100; border-color:rgba(244,183,64,.3); }
.bv-user{ display:flex; align-items:center; gap:.5rem; height:44px; padding:.2rem .55rem; border-radius:var(--bv-r-pill); background:rgba(255,255,255,.7); border:1px solid var(--bv-line); cursor:pointer; }
.bv-user img{ width:34px; height:34px; border-radius:50%; object-fit:cover; box-shadow:0 0 0 2px var(--bv-c1); }
.bv-uname{ max-width:130px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:700; font-size:.85rem; }
.bv-lang{ display:inline-flex; align-items:center; }
.bv-burger{ display:none; width:46px; height:46px; align-items:center; justify-content:center; border-radius:14px;
  background:#fff; border:1px solid var(--bv-line); font-size:1.2rem; color:var(--bv-ink); cursor:pointer; }

/* ---- mobile drawer ---- */
.bv-drawer{ position:fixed; inset:0; z-index:1100; display:none; }
.bv-drawer.open{ display:block; }
.bv-drawer-sc{ position:absolute; inset:0; background:rgba(10,22,38,.5); backdrop-filter:blur(3px); opacity:0; transition:.3s; }
.bv-drawer.open .bv-drawer-sc{ opacity:1; }
.bv-drawer-pan{ position:absolute; top:0; left:0; bottom:0; width:min(90vw,400px); background:#fff; padding:20px;
  transform:translateX(-104%); transition:transform .34s cubic-bezier(.2,1,.3,1); overflow-y:auto; display:flex; flex-direction:column; }
.bv-drawer.open .bv-drawer-pan{ transform:translateX(0); }
.bv-drawer-head{ display:flex; align-items:center; justify-content:space-between; margin-bottom:16px; }
.bv-drawer h6{ font-family:var(--bv-display); font-size:.72rem; letter-spacing:.08em; text-transform:uppercase; color:var(--bv-muted); margin:18px 0 8px; }
.bv-drawer-link{ display:flex; align-items:center; gap:12px; padding:12px 14px; border-radius:var(--bv-r); background:#f7fafd; border:1px solid var(--bv-line-2); margin-bottom:7px; font-weight:600; }
.bv-drawer-link i{ color:var(--bv-c1); font-size:1.1rem; }
.bv-drawer-link.is-star{ background:var(--bv-grad-soft); border-color:rgba(0,180,216,.25); }
.bv-drawer-link small{ display:block; color:var(--bv-muted); font-weight:500; font-size:.74rem; }

/* ============================================================================
   HERO
   ============================================================================ */
.bv-hero{ position:relative; overflow:hidden; padding:clamp(130px,16vh,180px) 0 clamp(60px,7vw,50px);
  background:radial-gradient(120% 80% at 50% -10%,#ffffff 0%,var(--bv-bg) 60%);padding: 130px 10px; }
.bv-aurora{ position:absolute; inset:-20% -10% auto -10%; height:120%; z-index:0; filter:blur(60px); opacity:.9; pointer-events:none; }
.bv-aurora span{ position:absolute; border-radius:50%; mix-blend-mode:multiply; animation:bvFloat 16s ease-in-out infinite; }
.bv-aurora .a1{ width:46vw; height:46vw; left:-6%; top:-10%; background:radial-gradient(circle,color-mix(in srgb,var(--bv-c2) 50%,transparent),transparent 65%); }
.bv-aurora .a2{ width:42vw; height:42vw; right:-8%; top:-4%; background:radial-gradient(circle,color-mix(in srgb,var(--bv-c3) 55%,transparent),transparent 65%); animation-delay:-5s; }
.bv-aurora .a3{ width:38vw; height:38vw; left:30%; top:8%; background:radial-gradient(circle,color-mix(in srgb,var(--bv-c1) 42%,transparent),transparent 65%); animation-delay:-9s; }
@keyframes bvFloat{ 0%,100%{ transform:translate(0,0) scale(1);} 33%{ transform:translate(3%,4%) scale(1.06);} 66%{ transform:translate(-3%,-2%) scale(.96);} }
/* Poisson ichthus — RÉPLIQUE EXACTE de l'original (index-version-2) */
.bv-draw{ pointer-events:none; position:absolute; z-index:0; left:50%; top:-18vh; width:138vw; height:118vh;
  opacity:1; overflow:visible; transform:translateX(-50%) rotate(-1.5deg) translateZ(0);
  -webkit-mask-image:linear-gradient(to bottom,#000 0,#000 62%,transparent 92%); mask-image:linear-gradient(to bottom,#000 0,#000 62%,transparent 92%); }
.bv-draw svg{ width:100%; height:100%; display:block; overflow:visible; }
.bv-draw .bv-ich-tk{ display:none; }
.bv-draw .bv-ich-ln{ fill:none; stroke:var(--bv-c3) !important; stroke-width:160; stroke-linecap:round; stroke-linejoin:round;
  vector-effect:non-scaling-stroke; opacity:.18; will-change:stroke-dashoffset; }
.bv-draw .bv-ich-ln.is-ready{ animation:bvDraw 4.6s cubic-bezier(.18,.92,.22,1) forwards; }
@keyframes bvDraw{ to{ stroke-dashoffset:0; } }
.bv-grain{ position:absolute; inset:0; z-index:1; pointer-events:none; opacity:.04;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); }

.bv-hero-in{ position:relative; z-index:2; text-align:center; max-width:1320px; margin:0 auto; }

/* ===== HERO TITLE — repris de index-version-2 (équipe d'agents + « 100 % biblique ») ===== */
.bv .hs-title.hero_heading{ display:flex; flex-flow:row wrap; justify-content:center; align-items:center; column-gap:.18em; row-gap:.04em;
  font-family:var(--bv-display); font-weight:700; font-size:clamp(2.7rem,6vw,5rem); letter-spacing:-.04em; line-height:.98; max-width:none; color:var(--bv-ink); margin:0 auto; }
.bv .heading_img_wrap{ z-index:1; display:inline-flex; justify-content:center; align-items:center; width:88px; min-width:88px; height:72px; min-height:72px; position:relative; transform:translate(0,.06em); animation:bvHeadFloat 5.5s ease-in-out infinite; }
.bv .heading_img_container{ width:75%; height:72%; position:relative; }
.bv .heading_img{ z-index:1; border:4px solid #fff; background:#ffe4e9; border-radius:26%; display:flex; justify-content:center; align-items:center; width:78.79%; height:100%; position:absolute; bottom:0; left:0; overflow:hidden; box-shadow:var(--bv-sh-2); }
.bv .heading_img img{ width:100%; height:100%; object-fit:cover; }
.bv .heading_img:nth-child(2){ top:-5px; left:auto; right:0; bottom:5px; z-index:0; transform:rotate(8deg); opacity:.9; background:#83c7ff; }
.bv .heading_img_bar_wrap{ z-index:0; position:absolute; inset:0; }
.bv .bibleo-highlight{ font-size:.92em; color:var(--bv-mark-ink); padding:.06em .26em; line-height:1.1; display:inline-block; border-radius:.34em; background:var(--bv-mark-grad); border:.08em solid #fff; box-shadow:var(--bv-sh-2); transform:rotate(-2deg); }
.bv .hs-subtitle{ max-width:43.5em; margin:1.25em auto 0; color:var(--bv-soft); font-size:1.06rem; font-weight:500; line-height:1.55; }
@keyframes bvHeadFloat{ 50%{ transform:translate(0,-.18em); } }
@media (prefers-reduced-motion:reduce){ .bv .heading_img_wrap{ animation:none; } }

/* ===== Cartes flottantes hero (repris de index-version-2) ===== */
.bv-hero-art{ position:relative; }
.bv .hs-floating-card{ position:absolute; z-index:5; display:flex; align-items:center; gap:10px; padding:10px 14px 10px 10px; background:#fff; border:1px solid var(--bv-line); border-radius:16px; box-shadow:var(--bv-sh-2); }
.bv .hs-floating-card .left{ text-align:left; line-height:1.15; }
.bv .hs-floating-card strong{ display:block; font-family:var(--bv-display); font-size:.92rem; color:var(--bv-ink); }
.bv .hs-floating-card .left span{ font-size:.74rem; color:var(--bv-muted); }
.bv .hs-card-avatar{ width:40px; height:40px; border-radius:12px; overflow:hidden; border:2px solid #fff; box-shadow:0 6px 14px rgba(13,33,29,.14); flex:0 0 40px; }
.bv .hs-card-avatar img{ width:100%; height:100%; object-fit:cover; }
.bv .hs-card-left{ left:-150px; top:20%; animation:bvFloatA 5.5s ease-in-out infinite; }
.bv .hs-card-right{ right:-150px; bottom:14%; animation:bvFloatB 6s ease-in-out infinite; }
@media (max-width:1240px){ .bv .hs-card-left{ left:-96px; } .bv .hs-card-right{ right:-96px; } }
.bv .hs-floating-card .cursor,.bv .hs-floating-card .cursor2{ position:absolute; width:28px; }
.bv .hs-floating-card .cursor{ right:-14px; bottom:48px;} .bv .hs-floating-card .cursor2{ left:-14px; top:-18px;}
@keyframes bvFloatA{ 0%,100%{ transform:translateY(0) rotate(-4deg); } 50%{ transform:translateY(-9px) rotate(-4deg); } }
@keyframes bvFloatB{ 0%,100%{ transform:translateY(0) rotate(5deg); } 50%{ transform:translateY(-11px) rotate(5deg); } }
@media (max-width:1080px){ .bv .hs-floating-card{ display:none; } }
@media (prefers-reduced-motion:reduce){ .bv .hs-card-left,.bv .hs-card-right{ animation:none; } }

/* ===== Section VISION (bande style heysimon « Comme eux… ») ===== */
.bv-vision{ display:grid; grid-template-columns:1.05fr .95fr; gap:48px; align-items:center; background:linear-gradient(150deg,#fff,var(--bv-bg-soft)); border:1px solid var(--bv-line); border-radius:var(--bv-r-xl); padding:clamp(28px,4vw,56px); box-shadow:var(--bv-sh-2); }
.bv-vision-tx .bv-h2{ margin:8px 0 14px; }
.bv-vision-layers{ display:flex; flex-direction:column; gap:12px; background:var(--bv-card); border:1px solid var(--bv-line); border-radius:var(--bv-r-lg); padding:22px; box-shadow:var(--bv-sh-1); }
.bv-vlay-title{ font-family:var(--bv-display); font-weight:700; font-size:.92rem; color:var(--bv-c2); margin-bottom:4px; }
.bv-vlay{ display:flex; align-items:center; gap:14px; padding:12px 14px; border-radius:14px; background:var(--bv-bg); border:1px solid var(--bv-line-2); }
.bv-vlay-n{ flex:0 0 34px; width:34px; height:34px; border-radius:11px; display:grid; place-items:center; font-family:var(--bv-display); font-weight:800; color:#fff; background:var(--bv-grad); box-shadow:0 8px 18px rgba(43,182,166,.30); }
.bv-vlay b{ display:block; font-size:.95rem; color:var(--bv-ink); } .bv-vlay small{ color:var(--bv-muted); font-size:.8rem; }
@media (max-width:860px){ .bv-vision{ grid-template-columns:1fr; gap:28px; } }
/* Vision en BANDE PLEINE PAGE, couleur profonde (façon footer) */
.bv-vision-sec{ color:#fff; background:radial-gradient(circle at 5% 0,rgba(16,191,242,.28),transparent 35%),radial-gradient(circle at 100% 100%,rgba(230,169,54,.14),transparent 30%),#07172f; }
.bv-vision-sec .bv-vision{ background:transparent; border:0; box-shadow:none; padding:0; }
.bv-vision-sec .bv-h2{ color:#fff; }
.bv-vision-sec .bv-lead{ color:rgba(255,255,255,.82); }
.bv-vision-sec .bv-kicker{ color:#fff; background:rgba(255,255,255,.12); border-color:rgba(255,255,255,.24); }
.bv-vision-sec .bv-vision-layers{ background:rgba(255,255,255,.06); border-color:rgba(255,255,255,.14); }
.bv-vision-sec .bv-vlay{ background:rgba(255,255,255,.05); border-color:rgba(255,255,255,.12); }
.bv-vision-sec .bv-vlay b{ color:#fff; } .bv-vision-sec .bv-vlay small{ color:rgba(255,255,255,.6); }
.bv-vision-sec .bv-vlay-title{ color:var(--bv-c3); }
.bv-vision-sec .bv-btn--ghost{ color:#fff; border-color:rgba(255,255,255,.4); background:transparent; }
.bv-vision-sec .bv-btn--ghost:hover{ background:rgba(255,255,255,.1); }

/* ===== Avis (témoignages BDD) ===== */
.bv-reviews{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.bv-review{ display:flex; flex-direction:column; gap:12px; background:var(--bv-card); border:1px solid var(--bv-line); border-radius:var(--bv-r-lg); padding:22px; box-shadow:var(--bv-sh-1); transition:transform .3s, box-shadow .3s; }
.bv-review:hover{ transform:translateY(-4px); box-shadow:var(--bv-sh-2); }
.bv-review-stars{ display:flex; gap:3px; color:var(--bv-gold); font-size:.92rem; }
.bv-review>p{ color:var(--bv-soft); font-size:.95rem; line-height:1.6; flex:1; }
.bv-review-by{ display:flex; align-items:center; gap:11px; margin-top:auto; }
.bv-review-by img{ width:42px; height:42px; border-radius:50%; object-fit:cover; flex:0 0 42px; border:2px solid #fff; box-shadow:var(--bv-sh-1); }
.bv-review-by b{ display:block; font-family:var(--bv-display); font-size:.9rem; } .bv-review-by small{ color:var(--bv-muted); font-size:.78rem; }
.bv-reviews-cta{ text-align:center; margin-top:32px; }
.bv-reviews-cta small{ display:block; margin-top:10px; color:var(--bv-muted); font-size:.8rem; }
@media (max-width:900px){ .bv-reviews{ grid-template-columns:1fr 1fr; } }
@media (max-width:600px){ .bv-reviews{ grid-template-columns:1fr; } }

/* ===== Sélecteur de couleurs PROVISOIRE ===== */
.bv-palette{ position:fixed; left:14px; bottom:84px; z-index:4000; font-family:var(--bv-body); }
.bv-palette-toggle{ width:48px; height:48px; border-radius:50%; border:1px solid var(--bv-line); background:#fff; color:var(--bv-c2); font-size:1.2rem; box-shadow:var(--bv-sh-2); cursor:pointer; display:grid; place-items:center; }
.bv-palette-toggle:hover{ transform:translateY(-2px); }
.bv-palette-panel{ position:absolute; left:0; bottom:58px; width:248px; background:#fff; border:1px solid var(--bv-line); border-radius:18px; box-shadow:var(--bv-sh-3); padding:14px; opacity:0; transform:translateY(8px) scale(.97); pointer-events:none; transition:.22s; }
.bv-palette.open .bv-palette-panel{ opacity:1; transform:none; pointer-events:auto; }
.bv-palette-head{ display:flex; align-items:baseline; justify-content:space-between; margin-bottom:10px; }
.bv-palette-head b{ font-family:var(--bv-display); font-size:.92rem; } .bv-palette-head span{ font-size:.66rem; color:var(--bv-muted); text-transform:uppercase; letter-spacing:.06em; }
.bv-palette-grid{ display:flex; flex-direction:column; gap:7px; }
.bv-sw{ display:flex; align-items:center; gap:10px; padding:8px 10px; border-radius:12px; border:1px solid var(--bv-line); background:#fff; cursor:pointer; font-size:.85rem; font-weight:600; color:var(--bv-ink); text-align:left; transition:.15s; }
.bv-sw:hover{ background:var(--bv-bg); }
.bv-sw.on{ border-color:var(--bv-c1); box-shadow:0 0 0 2px color-mix(in srgb,var(--bv-c1) 25%,transparent); }
.bv-sw-dot{ width:26px; height:26px; border-radius:8px; flex:0 0 26px; box-shadow:inset 0 0 0 2px #fff; }
.bv-palette-foot{ margin-top:12px; display:flex; flex-direction:column; gap:8px; }
.bv-palette-foot .bv-btn{ justify-content:center; font-size:.85rem; padding:.6rem 1rem; }
.bv-palette-reset{ background:none; border:0; color:var(--bv-muted); font-size:.78rem; cursor:pointer; text-decoration:underline; }
.bv-eyebrow{ display:inline-flex; align-items:center; gap:9px; padding:.5rem .9rem; border-radius:var(--bv-r-pill);
  background:#fff; border:1px solid var(--bv-line); box-shadow:var(--bv-sh-1); font-weight:600; font-size:.85rem; color:var(--bv-soft);margin-bottom: 1.5rem; }
.bv-eyebrow .dot{ width:8px; height:8px; border-radius:50%; background:var(--bv-c1); box-shadow:0 0 0 5px color-mix(in srgb,var(--bv-c1) 18%,transparent); animation:bvPulse 2.2s ease-in-out infinite; }
@keyframes bvPulse{ 50%{ box-shadow:0 0 0 9px rgba(0,180,216,0);} }
.bv-h1{ font-size:var(--bv-fz-h1); font-weight:800; letter-spacing:-.04em; color:var(--bv-ink); margin:24px auto 0; max-width:15ch; }
.bv-mark{ position:relative; white-space:nowrap; color:#06302b; font-weight:800; padding:.04em .3em; border-radius:.2em;
  background:linear-gradient(120deg,#8fe9d6,#79dec9); box-shadow:0 14px 34px rgba(121,222,201,.5); display:inline-block; transform:rotate(-1.8deg); }
.bv-sub{ font-size:clamp(1.1rem,1.45vw,1.3rem); color:#3a475c; font-weight:500; max-width:58ch; margin:24px auto 0; line-height:1.6; }
.bv-cta-row{ display:flex; gap:12px; justify-content:center; flex-wrap:wrap; margin-top:30px; }
.bv-proof{ display:inline-flex; align-items:center; gap:12px; margin-top:26px; padding:8px 16px 8px 8px; border-radius:var(--bv-r-pill); background:#fff; border:1px solid var(--bv-line); box-shadow:var(--bv-sh-1); }
.bv-proof-avs{ display:flex; }
.bv-proof-avs img{ width:32px; height:32px; border-radius:50%; object-fit:cover; margin-left:-9px; border:2px solid #fff; }
.bv-proof-avs img:first-child{ margin-left:0; }
.bv-proof-tx{ font-size:.85rem; color:var(--bv-soft); font-weight:600; text-align:left; }
.bv-proof-tx b{ color:var(--bv-ink); }
.bv-stars{ color:var(--bv-gold); font-size:.8rem; letter-spacing:1px; }
span.bv-mark {border:4px solid #fff;padding:12px 24px 12px 24px;}

/* hero art : carte centrale + chips flottantes */
/* Aperçu hero : hauteur RÉSERVÉE (constante) → le fond (poisson/aurora) ne bouge pas ;
   SEULE LA LARGEUR s'élargit PROGRESSIVEMENT au scroll via --p (0→1), révélant la vidéo en fondu. */
.bv-hero-art{ position:relative; z-index:2; margin:54px auto 0; width:min(1320px, calc(720px + var(--p,0) * 600px)); max-width:92vw; aspect-ratio:16 / 9; }
/* bv-app REMPLIT tout le bloc (pleine largeur/hauteur), pas de carte miniature centrée */
.bv-hero-art .bv-app{ position:absolute; inset:0; width:auto; max-width:none; margin:0; display:flex; flex-direction:column; opacity:calc(1 - var(--p,0)); transform:scale(calc(1 - var(--p,0) * .02)); }
.bv-hero-art .bv-app-body{ flex:1; min-height:0; }
.bv-appvid{ position:absolute; inset:0; z-index:2; opacity:var(--p,0); pointer-events:none; border-radius:24px; }
/* aurora figée en unités viewport (scopée) → ne grandit plus au scroll, MÊME taille que les autres pages
   (les-agents-v3 = 120% d'un hero ~106vh → équivalent 127vh / top -21vh, mesuré identique) */
.bv-hero--vid .bv-aurora{ inset:-21vh -10% auto -10% !important; height:127vh !important; }
/* Calque de fond à HAUTEUR FIXE (viewport) : le hero grandit au scroll (bloc 16:9 qui s'ouvre) mais
   ce calque NON → le poisson/aurora garde EXACTEMENT sa taille, la croissance ne révèle plus rien en bas. */
.bv-hero--vid .bv-hero-bg{ position:absolute; top:0; left:0; right:0; height:112vh; overflow:hidden; z-index:0; pointer-events:none; }
.bv-appvid video{ display:block; width:100%; height:100%; object-fit:cover; border-radius:24px; box-shadow:0 30px 80px rgba(7,23,47,.22); background:#0b1526; }
.bv-appvid-glow{ position:absolute; inset:0; border-radius:24px; padding:2.5px; background:conic-gradient(from var(--bvg,0deg), color-mix(in srgb,var(--bv-c1) 22%,transparent) 0deg, color-mix(in srgb,var(--bv-c1) 22%,transparent) 230deg, var(--bv-c1) 296deg, #eaf6ff 326deg, var(--bv-c2) 352deg, color-mix(in srgb,var(--bv-c1) 22%,transparent) 360deg); -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask-composite:exclude; animation:bvGlowSpin 4.5s linear infinite; z-index:3; pointer-events:none; filter:drop-shadow(0 0 6px color-mix(in srgb,var(--bv-c1) 45%,transparent)); }
@property --bvg{ syntax:'<angle>'; inherits:false; initial-value:0deg; }
@keyframes bvGlowSpin{ to{ --bvg:360deg; } }
.bv-hero-art.is-open .bv-appvid{ pointer-events:auto;padding: 20px; }
.bv-appvid-sound{ position:absolute; bottom:16px; right:16px; z-index:4; width:44px; height:44px; border-radius:50%; border:1px solid rgba(255,255,255,.18); background:rgba(0,0,0,.55); color:#fff; display:grid; place-items:center; font-size:18px; cursor:pointer; backdrop-filter:blur(8px); transition:transform .18s ease, background .18s ease; }
.bv-appvid-sound:hover{ transform:scale(1.06); background:rgba(0,0,0,.72); }
.bv-appvid-sound.is-on{ background:var(--bv-c2); border-color:var(--bv-c2); }
@media(max-width:900px){ .bv-hero-art{ width:calc(100% + var(--p,0) * 400px); max-width:94vw; height:clamp(280px,44vw,380px); } }
.bv-pcard{ position:absolute; left:50%; top:0; transform:translateX(-50%) rotate(-1deg); width:min(440px,80vw); aspect-ratio:16/10;
  background:#fff; border:1px solid var(--bv-line); border-radius:var(--bv-r-lg); box-shadow:var(--bv-sh-3); overflow:hidden; }
.bv-pcard-bar{ height:38px; background:linear-gradient(90deg,#f1fbfd,#fff); border-bottom:1px solid var(--bv-line-2); display:flex; align-items:center; gap:6px; padding:0 14px; }
.bv-pcard-bar i{ width:9px; height:9px; border-radius:50%; background:#dbe6f0; }
.bv-pcard-body{ position:absolute; inset:38px 0 0 0; padding:18px; display:flex; gap:14px; }
.bv-pcard-media{ flex:0 0 44%; border-radius:14px; background:radial-gradient(circle at 32% 26%,#d8fff2 0 16%,transparent 17%),linear-gradient(135deg,#e4f7f6,#eef2fb 55%,#fff); display:grid; place-items:center; }
.bv-pcard-media i{ font-size:1.8rem; color:var(--bv-c2); }
.bv-pcard-lines{ flex:1; display:flex; flex-direction:column; gap:9px; padding-top:4px; }
.bv-pcard-lines span{ height:9px; border-radius:99px; background:#eef3f8; }
.bv-pcard-lines span:nth-child(1){ width:80%; background:linear-gradient(90deg,var(--bv-c1),var(--bv-c3)); }
.bv-pcard-lines span:nth-child(3){ width:60%; } .bv-pcard-lines span:nth-child(4){ width:88%; } .bv-pcard-lines span:nth-child(5){ width:46%; }
.bv-chip{ position:absolute; display:flex; align-items:center; gap:9px; padding:10px 14px; background:#fff; border:1px solid var(--bv-line);
  border-radius:16px; box-shadow:var(--bv-sh-2); will-change:transform; }
.bv-chip img{ width:34px; height:34px; border-radius:11px; object-fit:cover; }
.bv-chip b{ font-family:var(--bv-display); font-size:.88rem; display:block; line-height:1.05; }
.bv-chip small{ font-size:.72rem; color:var(--bv-muted); }
.bv-chip.c1{ left:-2%; top:96px; } .bv-chip.c2{ right:-2%; top:54px; } .bv-chip.c3{ right:8%; bottom:-6px; }
span.chip {transform: rotate(-6deg) !important;}

/* ============================================================================
   SECTIONS
   ============================================================================ */
.bv-sec{ position:relative; padding:clamp(64px,8vw,50px) 0;}
.bv-sec--soft{ background:linear-gradient(180deg,#fff,var(--bv-bg)); }
.bv-head{ text-align:center; max-width:1320px; margin:0 auto clamp(38px,5vw,64px); }
.bv-kicker{ display:inline-flex; align-items:center; gap:8px; font-family:var(--bv-display); font-weight:700; font-size:.78rem;
  letter-spacing:.12em; text-transform:uppercase; color:var(--bv-c2); padding:.4rem .85rem; border-radius:var(--bv-r-pill);
  background:color-mix(in srgb,var(--bv-c3) 24%,#fff); border:1px solid color-mix(in srgb,var(--bv-c1) 34%,transparent); }
.bv-kicker i{ color:var(--bv-c1); }
.bv-h2{ font-size:clamp(2.1rem,4.6vw,3.8rem); font-weight:600; letter-spacing:-.05em; line-height:1.16; margin:18px 0 0; }
h2.bv-h2 {margin-bottom:20px;}
/* surlignage en boîte : ne chevauche pas la ligne du dessus sur titres multi-lignes */
.bv-h2 .bv-grad-tx{ line-height:1.05; margin-top:.12em; }
/* puce-logo dans les titres de section (logique index-version-2 .hs-h2 .chip) */
.bv-h2 .chip{ display:inline-grid; place-items:center; width:.92em; height:.92em; vertical-align:.12em;transform: rotate(-2deg);border: 4px solid #fff; margin:0 .06em; border-radius:.26em; background:var(--bv-grad); color:#fff; box-shadow:0 .25em .7em color-mix(in srgb,var(--bv-c1) 35%,transparent); }
.bv-h2 .chip i{ font-size:.5em; }
/* surlignage TEXTE en dégradé (index-version-2 .hs-h2 .hl) — pour les longs titres */
.bv-h2 .hl{ background:var(--bv-grad); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent; }
/* En-tête 2 colonnes (titre à gauche, accroche à droite) — façon index-version-gpt */
.bv-head--split{ display:grid; grid-template-columns:1.15fr .85fr; gap:44px; align-items:center; text-align:left; max-width:1320px; }
.bv-head--split .bv-lead{ margin:0; }
@media (max-width:860px){ .bv-head--split{ grid-template-columns:1fr; gap:18px; } }
.bv-lead{ font-size:1.1rem; color:var(--bv-soft); margin:16px auto 0; max-width:60ch; line-height:1.6; text-align:center; }

/* trust band */
.bv-trust{ display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:14px 40px;
  padding:22px; border-radius:var(--bv-r-lg); background:#fff; border:1px solid var(--bv-line); box-shadow:var(--bv-sh-1); }
.bv-trust .it{ display:flex; flex-direction:column; align-items:center; min-width:120px; }
.bv-trust .it b{ font-family:var(--bv-display); font-size:clamp(1.6rem,2.6vw,2.2rem); background:var(--bv-grad); -webkit-background-clip:text; background-clip:text; color:transparent; }
.bv-trust .it span{ font-size:.82rem; color:var(--bv-muted); font-weight:600; }
.bv-trust .sep{ width:1px; height:38px; background:var(--bv-line); }

/* ---- BENTO solutions ---- */
.bv-bento{ display:grid; grid-template-columns:repeat(6,1fr); gap:18px; }
.bv-sol{ position:relative; grid-column:span 2; display:flex; flex-direction:column; background:var(--bv-card);
  border:1px solid var(--bv-line); border-radius:var(--bv-r-lg); padding:26px; box-shadow:var(--bv-sh-1);
  transition:transform .3s cubic-bezier(.2,1,.3,1),box-shadow .3s,border-color .3s; overflow:hidden; scroll-margin-top:110px; }
.bv-sol::after{ content:""; position:absolute; inset:auto -40% -60% auto; width:60%; height:60%; background:var(--bv-grad-soft); filter:blur(40px); opacity:0; transition:.4s; }
.bv-sol:hover{ transform:translateY(-6px); box-shadow:var(--bv-sh-3); border-color:rgba(0,180,216,.28); }
.bv-sol:hover::after{ opacity:1; }
.bv-sol-top{ display:flex; align-items:center; justify-content:space-between; gap:10px; }
.bv-sol-ic{ width:52px; height:52px; border-radius:15px; display:grid; place-items:center; font-size:1.4rem; color:#fff; background:var(--bv-grad); box-shadow:0 12px 26px rgba(0,180,216,.28); }
.bv-sol h3{ font-size:var(--bv-fz-h3); margin:16px 0 0; }
.bv-sol p{ color:var(--bv-soft); margin-top:8px; font-size:.94rem; line-height:1.6; }
.bv-sol ul{ list-style:none; padding:0; margin:14px 0 0; display:flex; flex-direction:column; gap:8px; }
.bv-sol li{ display:flex; gap:9px; align-items:flex-start; font-size:.88rem; color:var(--bv-ink-2); }
.bv-sol li i{ color:var(--bv-c1); margin-top:2px; }
.bv-sol-foot{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:auto; padding-top:18px; }
.bv-sol-link{ display:inline-flex; align-items:center; gap:7px; font-family:var(--bv-display); font-weight:700; font-size:.9rem; color:var(--bv-c2); }
.bv-sol-link i{ transition:.2s; } .bv-sol:hover .bv-sol-link i{ transform:translateX(4px); }
.bv-sol-av{ width:34px; height:34px; border-radius:50%; object-fit:cover; box-shadow:0 0 0 2px #fff,0 6px 14px rgba(13,33,61,.16); }
.bv-sol.span3{ grid-column:span 3; }
.bv-sol.is-star{ grid-column:span 6; flex-direction:row; align-items:stretch; gap:26px; border-color:rgba(0,180,216,.3);
  background:linear-gradient(120deg,#ffffff 0%,#f3fbfe 60%,#f0fdf9 100%); }
.bv-sol.is-star .bv-sol-main{ flex:1; display:flex; flex-direction:column; }
.bv-sol-tag{ display:inline-flex; align-items:center; gap:6px; font-family:var(--bv-display); font-weight:700; font-size:.72rem;
  letter-spacing:.06em; text-transform:uppercase; color:#946100; background:rgba(244,183,64,.16); border:1px solid rgba(244,183,64,.3); padding:4px 10px; border-radius:var(--bv-r-pill); }
.bv-sol-visual{ flex:0 0 38%; border-radius:var(--bv-r); background:#fff; border:1px solid var(--bv-line); box-shadow:var(--bv-sh-2); padding:16px; display:flex; flex-direction:column; gap:10px; justify-content:center; }
.bv-sv-row{ display:flex; align-items:center; gap:10px; padding:10px 12px; border-radius:12px; background:#f7fafd; border:1px solid var(--bv-line-2); }
.bv-sv-row i{ color:var(--bv-c1); } .bv-sv-row b{ font-size:.84rem; } .bv-sv-row small{ display:block; font-size:.72rem; color:var(--bv-muted); }
.bv-sv-row .chk{ margin-left:auto; color:#16a34a; }

/* ---- steps (style "3 étapes" Leadsconnect, couleurs Bibleo) ---- */
.bv-steps{ display:grid; grid-template-columns:repeat(3,1fr); gap:24px; position:relative; padding-top:14px; }
.bv-step{ position:relative; background:#fff; border:1px solid var(--bv-line); border-radius:var(--bv-r-xl); padding:14px; box-shadow:var(--bv-sh-2); display:flex; flex-direction:column; transition:transform .3s, box-shadow .3s; }
.bv-step:hover{ transform:translateY(-4px); box-shadow:var(--bv-sh-3); }
/* badge numéro : déborde le coin supérieur gauche */
.bv-step-n{ position:absolute; top:-14px; left:-10px; z-index:3; width:46px; height:46px; border-radius:14px; display:grid; place-items:center; font-family:var(--bv-display); font-weight:800; font-size:1.2rem; color:#fff; background:var(--bv-grad); box-shadow:0 12px 26px rgba(43,182,166,.4); }
/* zone demo (fonctionnalite) : les 3 cartes restent alignees */
.bv-step-demo{ position:relative; height:250px; border-radius:var(--bv-r-lg); padding:14px; display:flex; flex-direction:column; justify-content:center;
  background:radial-gradient(120% 120% at 0% 0%,rgba(33,150,243,.15),transparent 58%),linear-gradient(160deg,#f8fbff,#eef7ff); border:1px solid var(--bv-line-2); overflow:hidden; }
.bv-step-demo::before{ content:""; position:absolute; inset:auto -18% -45% 28%; height:120px; background:linear-gradient(90deg,rgba(37,99,235,.12),rgba(125,211,252,.2)); filter:blur(24px); transform:rotate(-6deg); }
.bv-step-demo > *{ position:relative; z-index:1; }
.bv-step-txt{ padding:18px 12px 10px; }
.bv-step-txt .tag{ font-family:var(--bv-font-gloria); font-size:1rem; font-weight:400; color:var(--bv-ink-2); }
.bv-step-txt h3{ font-size:1.18rem; margin:6px 0 8px; }
.bv-step-txt p{ color:var(--bv-soft); font-size:.92rem; line-height:1.6; }

.bv-sd-window,.bv-sd-campaign,.bv-sd-deliverables{ width:100%; border-radius:18px; background:rgba(255,255,255,.94); border:1px solid rgba(193,214,232,.9); box-shadow:0 16px 38px rgba(15,40,70,.10); overflow:hidden; }
.bv-sd-window-top{ display:grid; grid-template-columns:68px 1fr 30px; align-items:center; gap:10px; padding:11px 12px; border-bottom:1px solid var(--bv-line); }
.bv-sd-window-top strong{ font-family:var(--bv-display); font-size:.86rem; }
.bv-sd-progress{ display:flex; gap:5px; }
.bv-sd-progress i{ width:18px; height:4px; border-radius:99px; background:#dbeafe; }
.bv-sd-progress i:first-child{ background:var(--bv-c1); }
.bv-sd-close{ width:26px; height:26px; border-radius:999px; display:grid; place-items:center; color:var(--bv-muted); border:1px solid var(--bv-line); background:#fff; font-size:.72rem; }
.bv-sd-window-body{ padding:12px; }
.bv-sd-title{ margin:0 0 10px; font-family:var(--bv-display); font-size:.94rem; font-weight:800; color:var(--bv-ink); }
.bv-sd-choice-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px; }
.bv-sd-choice-grid span{ display:flex; align-items:center; gap:7px; min-height:38px; padding:8px 9px; border-radius:12px; border:1px solid var(--bv-line); background:#fff; color:var(--bv-ink); font-size:.76rem; font-weight:700; box-shadow:0 6px 14px rgba(15,40,70,.04); }
.bv-sd-choice-grid i{ width:24px; height:24px; border-radius:8px; display:grid; place-items:center; background:var(--bv-grad); color:#fff; font-size:.76rem; flex:0 0 24px; }
.bv-sd-window-foot{ display:flex; align-items:center; justify-content:space-between; gap:8px; padding:10px 12px; border-top:1px solid var(--bv-line); color:var(--bv-muted); font-size:.72rem; }
.bv-sd-window-foot b{ display:inline-flex; align-items:center; gap:6px; padding:7px 10px; border-radius:99px; background:var(--bv-grad); color:#fff; font-family:var(--bv-display); font-size:.74rem; white-space:nowrap; }

.bv-sd-campaign{ padding:13px; }
.bv-sd-campaign-head{ display:grid; grid-template-columns:42px 1fr auto; align-items:center; gap:10px; }
.bv-sd-thumb{ width:42px; height:42px; border-radius:14px; display:grid; place-items:center; background:#eaf6ff; border:1px solid var(--bv-line); overflow:hidden; }
.bv-sd-thumb img{ width:100%; height:100%; object-fit:cover; }
.bv-sd-campaign-head strong{ display:block; font-family:var(--bv-display); font-size:.88rem; line-height:1.15; }
.bv-sd-campaign-head small{ display:block; color:var(--bv-muted); font-size:.72rem; margin-top:2px; }
.bv-sd-campaign-head em{ padding:4px 8px; border-radius:99px; background:#fff7ed; color:#c2410c; border:1px solid #fed7aa; font-style:normal; font-size:.63rem; font-weight:800; text-transform:uppercase; letter-spacing:.04em; }
.bv-sd-summary{ margin:10px 0; padding:7px 10px; border-radius:10px; background:#f1f7ff; color:#34516d; font-size:.72rem; line-height:1.35; }
.bv-sd-flow{ display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:6px; }
.bv-sd-flow span{ position:relative; min-width:0; padding:7px 4px 6px; border-radius:12px; background:#fff; border:1px solid var(--bv-line); text-align:center; box-shadow:0 5px 12px rgba(15,40,70,.04); }
.bv-sd-flow span::after{ content:""; position:absolute; left:10px; right:10px; bottom:-1px; height:3px; border-radius:99px 99px 0 0; background:var(--agent); }
.bv-sd-flow img{ width:28px; height:28px; border-radius:9px; object-fit:cover; display:block; margin:0 auto 4px; }
.bv-sd-flow b{ display:block; font-size:.64rem; line-height:1; color:var(--bv-ink); overflow:hidden; text-overflow:ellipsis; }
.bv-sd-progress-list{ display:flex; flex-direction:column; gap:6px; margin-top:11px; }
.bv-sd-progress-list span{ position:relative; display:grid; grid-template-columns:1fr auto; gap:8px; align-items:center; padding-top:7px; color:var(--bv-soft); font-size:.7rem; font-weight:700; }
.bv-sd-progress-list span::before{ content:""; position:absolute; left:0; right:0; top:0; height:4px; border-radius:99px; background:#eaf0f7; }
.bv-sd-progress-list i{ position:absolute; left:0; top:0; height:4px; width:var(--p); border-radius:99px; background:var(--bv-grad); }
.bv-sd-progress-list b{ color:var(--bv-c2); font-size:.68rem; }

.bv-sd-deliverables{ padding:13px; }
.bv-sd-deliver-head{ display:flex; align-items:center; gap:10px; padding-bottom:10px; border-bottom:1px solid var(--bv-line); }
.bv-sd-deliver-head > i{ width:32px; height:32px; border-radius:11px; display:grid; place-items:center; color:#16a34a; background:#dcfce7; font-size:1rem; }
.bv-sd-deliver-head strong{ display:block; font-family:var(--bv-display); font-size:.9rem; }
.bv-sd-deliver-head small{ display:block; color:var(--bv-muted); font-size:.7rem; margin-top:2px; }
.bv-sd-output{ display:grid; grid-template-columns:84px 1fr; gap:10px; margin-top:11px; }
.bv-sd-output-media{ min-height:78px; border-radius:15px; display:grid; place-items:center; text-align:center; background:linear-gradient(145deg,#dff7ff,#fff5dc); color:var(--bv-c2); border:1px solid rgba(79,193,227,.35); overflow:hidden; }
.bv-sd-output-media i{ display:block; font-size:1.35rem; margin-bottom:3px; }
.bv-sd-output-media span{ display:block; font-size:.65rem; font-weight:800; text-transform:uppercase; letter-spacing:.05em; }
.bv-sd-output-copy{ border:1px solid var(--bv-line); border-radius:15px; padding:10px; background:#fff; }
.bv-sd-output-copy b{ display:block; font-family:var(--bv-display); font-size:.82rem; margin-bottom:4px; }
.bv-sd-output-copy p{ margin:0; color:var(--bv-soft); font-size:.72rem; line-height:1.35; }
.bv-sd-actions{ display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:10px; }
.bv-sd-actions span{ display:flex; align-items:center; justify-content:center; gap:6px; min-height:32px; border-radius:11px; background:#f8fafc; border:1px solid var(--bv-line); color:var(--bv-ink); font-size:.72rem; font-weight:800; }
.bv-sd-actions span:last-child{ background:#dcfce7; border-color:#bbf7d0; color:#15803d; }

@media(max-width:520px){
  .bv-step-demo{ height:auto; min-height:250px; }
  .bv-sd-flow{ grid-template-columns:repeat(3,minmax(0,1fr)); }
  .bv-sd-output{ grid-template-columns:1fr; }
}
/* ---- agents marquee ---- */
.bv-marq{ overflow:hidden; -webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent); mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent); }
.bv-marq-track{ display:flex; gap:14px; width:max-content; animation:bvMarq 38s linear infinite; }
.bv-marq:hover .bv-marq-track{ animation-play-state:paused; }
@keyframes bvMarq{ to{ transform:translateX(-50%); } }
.bv-agent{ display:flex; align-items:center; gap:12px; padding:12px 18px 12px 12px; background:#fff; border:1px solid var(--bv-line); border-radius:var(--bv-r-pill); box-shadow:var(--bv-sh-1); }
.bv-agent img{ width:42px; height:42px; border-radius:50%; object-fit:cover; }
.bv-agent b{ font-family:var(--bv-display); font-size:.95rem; }
.bv-agent small{ display:block; color:var(--bv-muted); font-size:.76rem; }

/* ---- testimonial ---- */
.bv-quote{ max-width:840px; margin:0 auto; text-align:center; }
.bv-quote .mk{ font-family:var(--bv-display); font-size:3rem; color:var(--bv-c3); line-height:0; }
.bv-quote p{ font-family:var(--bv-display); font-size:clamp(1.3rem,2.4vw,1.9rem); line-height:1.4; letter-spacing:-.02em; color:var(--bv-ink); margin-top:18px; }
.bv-quote .by{ display:inline-flex; align-items:center; gap:12px; margin-top:24px; }
.bv-quote .by img{ width:46px; height:46px; border-radius:50%; object-fit:cover; }
.bv-quote .by b{ font-family:var(--bv-display); } .bv-quote .by span{ display:block; color:var(--bv-muted); font-size:.85rem; }

/* ---- FAQ ---- */
.bv-faq{ max-width:100%; margin:0 auto; display:flex; flex-direction:column; gap:12px; }
.bv-faq details{ background:#fff; border:1px solid var(--bv-line); border-radius:var(--bv-r); padding:4px 20px; box-shadow:var(--bv-sh-1); transition:.2s; }
.bv-faq details[open]{ border-color:rgba(0,180,216,.3); box-shadow:var(--bv-sh-2); }
.bv-faq summary{ list-style:none; cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px 0; font-family:var(--bv-display); font-weight:700; font-size:1.02rem; }
.bv-faq summary::-webkit-details-marker{ display:none; }
.bv-faq summary i{ transition:.25s; color:var(--bv-c1); flex:0 0 auto; }
.bv-faq details[open] summary i{ transform:rotate(180deg); }
.bv-faq p{ color:var(--bv-soft); padding:0 0 18px; line-height:1.65; }

/* ---- final CTA ---- */
.bv-final{ position:relative; overflow:hidden; text-align:center; border-radius:var(--bv-r-xl);
  padding:clamp(48px,7vw,86px) 24px; color:#fff; box-shadow:0 34px 82px rgba(7,23,47,.24);
  background:radial-gradient(circle at 5% 0,rgba(16,191,242,.28),transparent 35%),radial-gradient(circle at 100% 100%,rgba(230,169,54,.14),transparent 30%),#07172f; }
.bv-final::before{ content:none; }
.bv-final > *{ position:relative; z-index:1; }
.bv-final h2{ font-size:var(--bv-fz-h2); }
.bv-final p{ color:rgba(255,255,255,.82); max-width:54ch; margin:16px auto 0; font-size:1.08rem; }
.bv-final .bv-cta-row{ margin-top:30px; }
.bv-final .bv-btn--ghost{ background:rgba(255,255,255,.1); color:#fff; border-color:rgba(255,255,255,.28); box-shadow:none; }

/* ============================================================================
   Reveal au scroll
   ============================================================================ */
.bv-anim [data-rv]{ opacity:0; transform:translateY(26px); transition:opacity .7s cubic-bezier(.2,1,.3,1),transform .7s cubic-bezier(.2,1,.3,1); transition-delay:calc(var(--d,0) * 70ms);
  /* filet de sécurité CSS : rien ne reste « voilé » même si l'observateur JS ne se déclenche pas */
  animation:bvRvSafe .4s ease 2.4s forwards; }
.bv-anim [data-rv].in{ opacity:1; transform:none; }
@keyframes bvRvSafe{ to{ opacity:1; transform:none; } }
@media (prefers-reduced-motion:reduce){ .bv [data-rv]{ opacity:1; transform:none; animation:none; } .bv-aurora span,.bv-marq-track{ animation:none; } }
/* Titres de section JAMAIS voilés (suppression de l'« overlay » signalé) : le bloc d'en-tête
   ne participe pas au reveal — il reste toujours visible. Seul le contenu (cartes) anime. */
.bv-anim .bv-head[data-rv]{ opacity:1 !important; transform:none !important; animation:none !important; }
/* Sous-titres : centrage cohérent (centré par défaut, à gauche en en-tête 2 colonnes) */
.bv-head .bv-lead{ text-align:center; }
.bv-head--split{ text-align:left; }
.bv-head--split .bv-lead{ text-align:left; margin-left:0; margin-right:0; max-width:none; }

/* ============================================================================
   Responsive
   ============================================================================ */
@media (max-width:1080px){
  .bv-navpill{ display:none; }
  .bv-burger{ display:inline-flex; }
  .bv-uname{ display:none; }
  .bv-sol{ grid-column:span 3; }
  .bv-sol.span3{ grid-column:span 3; }
  .bv-sol.is-star{ grid-column:span 6; flex-direction:column; }
  .bv-sol.is-star .bv-sol-visual{ flex:auto; }
}
@media (max-width:760px){
  .bv-bento{ grid-template-columns:repeat(2,1fr); gap:14px; }
  .bv-sol,.bv-sol.span3,.bv-sol.is-star{ grid-column:span 2; }
  .bv-steps{ grid-template-columns:1fr; }
  .bv-hero-art{ height:auto; padding-bottom:120px; }
  .bv-chip{ transform:none !important; }
  .bv-chip.c1{ left:0; top:auto; bottom:40px; } .bv-chip.c2{ right:0; top:auto; bottom:0; } .bv-chip.c3{ display:none; }
  .bv-trust .sep{ display:none; }
}
@media (max-width:520px){
  .bv-nav{ inset:8px 0 auto 0; }
  .bv-nav-in{ padding:8px 8px 8px 14px; }
  .bv-credit{ display:none; }
  .bv-cta-row .bv-btn{ width:100%; justify-content:center; }
  .sf-store-btn {min-width: 180px;}
}

/* ============================================================================
   Méga-menu : ouverture au CLIC (touch/tablette) en plus du hover
   ============================================================================ */
.bv-mega-host.mega-open .bv-mega{ opacity:1; visibility:visible; pointer-events:auto; transform:translateX(-50%) translateY(0); }
.bv-mega-host.mega-open .bv-navlink .bi-chevron-down{ transform:rotate(180deg); }

/* ============================================================================
   MOCK DASHBOARD ANIMÉ (hero) — reproduit l'UI réelle qui "produit"
   ============================================================================ */
.bv-app{ width:min(580px,90vw); margin:0 auto; background:#fff; border:1px solid #dbe6f0;
  border-radius:22px; box-shadow:0 40px 90px rgba(13,33,61,.20), 0 8px 24px rgba(13,33,61,.10); overflow:hidden; }
.bv-app-bar{ height:42px; display:flex; align-items:center; gap:7px; padding:0 14px; background:linear-gradient(90deg,#f1fbfd,#fff); border-bottom:1px solid var(--bv-line-2); }
.bv-app-bar i{ width:10px; height:10px; border-radius:50%; background:#dde7f0; }
.bv-app-bar i:nth-child(1){ background:#ff7a85; } .bv-app-bar i:nth-child(2){ background:#ffce6b; } .bv-app-bar i:nth-child(3){ background:#79dec9; }
.bv-app-url{ margin-left:10px; font-size:.72rem; color:var(--bv-muted); background:#fff; border:1px solid var(--bv-line-2); border-radius:8px; padding:3px 11px; }
.bv-app-body{ display:flex; min-height:236px; }
.bv-app-rail{ width:52px; flex:0 0 auto; background:#f7fafd; border-right:1px solid var(--bv-line-2); display:flex; flex-direction:column; align-items:center; gap:9px; padding:12px 0; }
.bv-app-rail .lg{ width:30px; height:30px; border-radius:9px; background:var(--bv-grad); box-shadow:0 6px 14px rgba(0,180,216,.3); }
.bv-app-rail img{ width:30px; height:30px; border-radius:50%; object-fit:cover; opacity:.55; transition:.3s; }
.bv-app-rail img.on{ opacity:1; box-shadow:0 0 0 2px #fff, 0 0 0 3px var(--bv-c1); }
.bv-app-main{ flex:1; min-width:0; padding:15px 17px; }
.bv-app-head{ display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:12px; }
.bv-app-head .t{ font-family:var(--bv-display); font-weight:700; font-size:.96rem; color:var(--bv-ink); }
.bv-app-head .sub{ font-size:.7rem; color:var(--bv-muted); }
.bv-app-badge{ font-size:.64rem; font-weight:800; letter-spacing:.04em; color:#0277a0; background:rgba(0,180,216,.1); border:1px solid rgba(0,180,216,.22); padding:3px 9px; border-radius:99px; display:inline-flex; align-items:center; gap:5px; }
.bv-app-badge .bv-live{ width:6px; height:6px; border-radius:50%; background:var(--bv-c1); animation:bvBlink 1.4s ease-in-out infinite; }
@keyframes bvBlink{ 50%{ opacity:.25; } }
.bv-app-rows{ display:flex; flex-direction:column; gap:3px; }
.bv-app-row{ display:flex; align-items:center; gap:10px; padding:8px 0; }
.bv-app-row > img{ width:26px; height:26px; border-radius:50%; object-fit:cover; flex:0 0 auto; box-shadow:0 0 0 2px #fff,0 3px 8px rgba(13,33,61,.14); }
.bv-app-row .nm{ font-size:.81rem; font-weight:600; color:var(--bv-ink-2); flex:0 0 34%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.bv-app-row .prog{ flex:1; height:7px; border-radius:99px; background:#eef3f8; overflow:hidden; position:relative; }
.bv-app-row .prog i{ position:absolute; inset:0 auto 0 0; width:0; background:var(--bv-grad); border-radius:99px; animation:bvFill 9s ease-in-out infinite; }
.bv-app-row .prog i::after{ content:""; position:absolute; inset:0; background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent); transform:translateX(-100%); animation:bvShine 1.6s linear infinite; }
.bv-app-row .st{ position:relative; width:74px; flex:0 0 auto; text-align:right; font-size:.68rem; font-weight:800; }
.bv-app-row .st .g{ color:var(--bv-muted); animation:bvGen 9s ease-in-out infinite; }
.bv-app-row .st .d{ position:absolute; right:0; top:0; color:#16a34a; opacity:0; white-space:nowrap; animation:bvDone 9s ease-in-out infinite; }
/* cascade : 5 lignes décalées */
.bv-app-row:nth-child(1) .prog i,.bv-app-row:nth-child(1) .st .g,.bv-app-row:nth-child(1) .st .d{ animation-delay:0s; }
.bv-app-row:nth-child(2) .prog i,.bv-app-row:nth-child(2) .st .g,.bv-app-row:nth-child(2) .st .d{ animation-delay:1s; }
.bv-app-row:nth-child(3) .prog i,.bv-app-row:nth-child(3) .st .g,.bv-app-row:nth-child(3) .st .d{ animation-delay:2s; }
.bv-app-row:nth-child(4) .prog i,.bv-app-row:nth-child(4) .st .g,.bv-app-row:nth-child(4) .st .d{ animation-delay:3s; }
.bv-app-row:nth-child(5) .prog i,.bv-app-row:nth-child(5) .st .g,.bv-app-row:nth-child(5) .st .d{ animation-delay:4s; }
@keyframes bvFill{ 0%{width:0} 3%{width:6%} 20%{width:100%} 93%{width:100%} 96%{width:100%} 100%{width:0} }
@keyframes bvShine{ to{ transform:translateX(100%); } }
@keyframes bvGen{ 0%,18%{opacity:1} 21%,100%{opacity:0} }
@keyframes bvDone{ 0%,18%{opacity:0} 22%,95%{opacity:1} 100%{opacity:0} }
@media (prefers-reduced-motion:reduce){
  .bv-app-row .prog i{ width:100%; animation:none; } .bv-app-row .prog i::after{ animation:none; display:none; }
  .bv-app-row .st .g{ display:none; } .bv-app-row .st .d{ opacity:1; animation:none; } .bv-app-badge .bv-live{ animation:none; }
}

/* ============================================================================
   SHOWCASE — blocs ANIMÉS dans les sections (style heysimon)
   ============================================================================ */
.bv-show{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.bv-showcard{ background:#fff; border:1px solid var(--bv-line); border-radius:var(--bv-r-lg); box-shadow:var(--bv-sh-1); overflow:hidden; display:flex; flex-direction:column; transition:transform .3s cubic-bezier(.2,1,.3,1),box-shadow .3s,border-color .3s; }
.bv-showcard:hover{ transform:translateY(-6px); box-shadow:var(--bv-sh-3); border-color:rgba(0,180,216,.25); }
.bv-showstage{ height:206px; background:radial-gradient(120% 100% at 50% 0%,#f3fbfd,#fff); border-bottom:1px solid var(--bv-line-2); position:relative; overflow:hidden; display:grid; place-items:center; padding:18px; }
.bv-showfoot{ padding:20px 22px; }
.bv-showfoot h3{ font-size:1.1rem; } .bv-showfoot p{ color:var(--bv-soft); font-size:.9rem; margin-top:7px; line-height:1.55; }

/* — bloc 1 : réseau d'agents (connecteurs menthe qui "circulent" + nœuds qui respirent) — */
.bv-net{ position:relative; width:100%; height:100%; }
.bv-net svg{ position:absolute; inset:0; width:100%; height:100%; }
.bv-net .ln{ fill:none; stroke:rgba(43,182,166,.55); stroke-width:1.4; stroke-linecap:round; stroke-dasharray:3 6; animation:bvDash 1.4s linear infinite; }
@keyframes bvDash{ to{ stroke-dashoffset:-18; } }
.bv-net-c{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:3; display:inline-flex; align-items:center; gap:6px;
  background:var(--bv-grad-ink); color:#fff; font-weight:700; font-family:var(--bv-display); font-size:.78rem; padding:8px 13px; border-radius:99px; box-shadow:var(--bv-sh-2); animation:bvBreathe 3s ease-in-out infinite; }
.bv-net-c::before{ content:""; position:absolute; inset:-6px; border-radius:99px; background:radial-gradient(circle,rgba(43,182,166,.4),transparent 70%); z-index:-1; animation:bvHalo 3s ease-in-out infinite; }
.bv-net-c i{ color:var(--bv-c3); }
@keyframes bvBreathe{ 50%{ transform:translate(-50%,-50%) scale(1.05); } }
@keyframes bvHalo{ 0%,100%{ opacity:.5; transform:scale(1); } 50%{ opacity:1; transform:scale(1.25); } }
.bv-net-n{ position:absolute; transform:translate(-50%,-50%); display:flex; flex-direction:column; align-items:center; gap:3px; z-index:2; animation:bvNode 3.4s ease-in-out infinite; }
.bv-net-n img{ width:36px; height:36px; border-radius:50%; object-fit:cover; box-shadow:0 0 0 2px #fff, 0 0 0 4px rgba(121,222,201,.45), var(--bv-sh-1); }
.bv-net-n b{ font-size:.6rem; color:var(--bv-soft); font-weight:700; background:#fff; padding:0 5px; border-radius:5px; box-shadow:var(--bv-sh-1); }
@keyframes bvNode{ 50%{ transform:translate(-50%,-60%); } }

/* — bloc 2 : plan de prédication qui s'écrit — */
.bv-tpl{ width:100%; max-width:280px; background:#fff; border:1px solid var(--bv-line); border-radius:14px; box-shadow:var(--bv-sh-2); padding:15px; }
.bv-tpl-h{ display:flex; align-items:center; gap:7px; font-size:.72rem; color:var(--bv-muted); font-weight:600; }
.bv-tpl-h .rf{ margin-left:auto; color:#fff; background:var(--bv-c2); border-radius:6px; padding:1px 7px; font-weight:700; font-size:.68rem; }
.bv-tpl-v{ font-size:.82rem; color:var(--bv-ink); margin:9px 0; line-height:1.45; font-style:italic; }
.bv-tpl-v::after{ content:""; display:inline-block; width:2px; height:1em; margin-left:1px; background:var(--bv-c2); vertical-align:-2px; animation:bvCaret 1s step-end infinite; }
@keyframes bvCaret{ 50%{ opacity:0; } }
.bv-tpl-sep{ height:1px; background:var(--bv-line-2); margin:9px 0; }
.bv-tpl-t{ font-family:var(--bv-display); font-weight:700; font-size:.78rem; margin-bottom:6px; }
.bv-tpl-pt{ display:flex; gap:8px; align-items:center; font-size:.79rem; color:var(--bv-ink-2); margin:7px 0; opacity:0; transform:translateY(6px); animation:bvPt 7s ease-in-out infinite; }
.bv-tpl-pt i{ width:19px; height:19px; flex:0 0 auto; border-radius:6px; display:grid; place-items:center; background:var(--bv-grad); color:#06302b; font-size:.62rem; font-style:normal; font-weight:800; box-shadow:0 4px 10px rgba(121,222,201,.45); }
.bv-tpl-pt:nth-of-type(1){ animation-delay:.3s } .bv-tpl-pt:nth-of-type(2){ animation-delay:1.1s } .bv-tpl-pt:nth-of-type(3){ animation-delay:1.9s }
@keyframes bvPt{ 0%,4%{opacity:0;transform:translateY(6px)} 14%,90%{opacity:1;transform:none} 97%,100%{opacity:0;transform:translateY(6px)} }

/* — bloc 3 : mini-production (réutilise .bv-app-row) — */
.bv-miniapp{ width:100%; max-width:300px; background:#fff; border:1px solid var(--bv-line); border-radius:14px; box-shadow:var(--bv-sh-2); padding:8px 14px; }
.bv-miniapp .bv-app-row{ padding:7px 0; } .bv-miniapp .bv-app-row .nm{ flex:0 0 40%; font-size:.78rem; }
.bv-miniapp .bv-app-row .st{ width:62px; font-size:.64rem; }

@media (max-width:900px){ .bv-show{ grid-template-columns:1fr; } .bv-showstage{ height:200px; } }

/* ============================================================================
   MAQUETTE DASHBOARD "CAMPAGNES" — fidèle au vrai produit (en-tête + barres)
   ============================================================================ */
.bv-app-pad{ padding:15px 17px 18px; }
.bv-app-camp{ display:flex; align-items:center; gap:11px; margin-bottom:14px; }
.bv-app-thumb{ width:46px; height:46px; flex:0 0 auto; border-radius:13px; background:linear-gradient(135deg,#0d211d,#1f6f63); position:relative; overflow:hidden; box-shadow:0 8px 18px rgba(13,33,29,.2); }
.bv-app-thumb::after{ content:"\F89B"; font-family:"bootstrap-icons"; position:absolute; inset:0; display:grid; place-items:center; color:rgba(255,255,255,.92); font-size:1.1rem; } /* bi-person-down */
.bv-app-ct{ flex:1; min-width:0; }
.bv-app-ct b{ display:block; font-family:var(--bv-display); font-weight:700; font-size:.96rem; color:var(--bv-ink); line-height:1.15; }
.bv-app-ct small{ display:flex; align-items:center; gap:5px; font-size:.74rem; color:var(--bv-muted); margin-top:2px; }
.bv-app-st{ display:inline-flex; align-items:center; gap:5px; font-style:normal; font-weight:700; color:#0c7d72; background:rgba(121,222,201,.2); border:1px solid rgba(43,182,166,.3); padding:1px 8px; border-radius:99px; }
.bv-app-st .bv-live{ width:6px; height:6px; border-radius:50%; background:#16a34a; animation:bvBlink 1.4s ease-in-out infinite; }
.bv-app-avs{ display:flex; flex:0 0 auto; }
.bv-app-avs img{ width:24px; height:24px; border-radius:50%; object-fit:cover; margin-left:-7px; border:2px solid #fff; }
.bv-app-avs img:first-child{ margin-left:0; }
.bv-app-bars{ display:grid; grid-template-columns:1fr 1fr; gap:11px 16px; }
.bv-bar-h{ display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:5px; }
.bv-bar-h span{ font-size:.74rem; font-weight:600; color:var(--bv-ink-2); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.bv-bar-h b{ font-size:.72rem; font-weight:800; }
.bv-bar-t{ height:7px; border-radius:99px; background:var(--bv-bar-track); overflow:hidden; }
.bv-bar-t i{ display:block; height:100%; width:0; border-radius:99px; animation:bvFill2 7s ease-in-out infinite; }
.bv-bar.blue b{ color:var(--bv-bar-blue); } .bv-bar.blue .bv-bar-t i{ background:linear-gradient(90deg,var(--bv-bar-blue),var(--bv-bar-blue-2)); }
.bv-bar.orange b{ color:var(--bv-bar-orange-tx); } .bv-bar.orange .bv-bar-t i{ background:linear-gradient(90deg,var(--bv-bar-orange),var(--bv-bar-orange-2)); }
/* barres colorées selon la couleur de l'agent (var --bar en inline) */
.bv-bar[style*="--bar"] .bv-bar-t i{ background:linear-gradient(90deg,var(--bar),color-mix(in srgb,var(--bar) 55%,#fff)); }
.bv-bar[style*="--bar"] .bv-bar-h b{ color:var(--bar); }
.bv-app-bars .bv-bar:nth-child(1) .bv-bar-t i{ animation-delay:0s; }
.bv-app-bars .bv-bar:nth-child(2) .bv-bar-t i{ animation-delay:.5s; }
.bv-app-bars .bv-bar:nth-child(3) .bv-bar-t i{ animation-delay:1s; }
.bv-app-bars .bv-bar:nth-child(4) .bv-bar-t i{ animation-delay:1.5s; }
.bv-app-bars .bv-bar:nth-child(5) .bv-bar-t i{ animation-delay:2s; }
.bv-app-bars .bv-bar:nth-child(6) .bv-bar-t i{ animation-delay:2.5s; }
.bv-app-bars .bv-bar:nth-child(7) .bv-bar-t i{ animation-delay:3s; }
.bv-app-bars .bv-bar:nth-child(8) .bv-bar-t i{ animation-delay:3.5s; }
@keyframes bvFill2{ 0%{width:4%} 26%{width:100%} 92%{width:100%} 100%{width:4%} }
@media (prefers-reduced-motion:reduce){ .bv-bar-t i{ width:100%; animation:none; } }

/* ============================================================================
   ORCHESTRATION — stepper synchronisé à un aperçu CLAIR (jamais sombre)
   Inspiration Limova/Leadsconnect, structure de ton bpv-process, style mint.
   ============================================================================ */
.bv-orch{ display:grid; grid-template-columns:.82fr 1.18fr; gap:34px; align-items:center; }
.bv-steps2{ display:flex; flex-direction:column; justify-content:center; gap:12px; min-height:540px; } /* hauteur réservée = même que l'aperçu → ouvrir un onglet ne fait plus sauter la section */
.bv-stp{ border:1px solid var(--bv-line); border-radius:var(--bv-r-lg); padding:18px 20px; cursor:pointer; background:#fff; transition:border-color .25s, box-shadow .25s, transform .25s; }
.bv-stp:hover{ border-color:rgba(43,182,166,.3); transform:translateY(-2px); }
.bv-stp.on{ border-color:rgba(43,182,166,.55); box-shadow:var(--bv-sh-2); }
.bv-stp-h{ display:flex; align-items:center; gap:13px; }
.bv-stp-n{ width:36px; height:36px; flex:0 0 auto; border-radius:12px; display:grid; place-items:center; font-family:var(--bv-display); font-weight:800; font-size:1.02rem; background:#f0f5f3; color:var(--bv-muted); transition:.25s; }
.bv-stp.on .bv-stp-n{ background:var(--bv-grad); color:#fff; box-shadow:0 8px 18px rgba(121,222,201,.45); }
.bv-stp-t{ font-family:var(--bv-display); font-weight:700; font-size:1.04rem; color:var(--bv-ink); }
.bv-stp-body{ max-height:0; overflow:hidden; opacity:0; transition:max-height .4s ease, opacity .3s ease, margin .3s; }
.bv-stp.on .bv-stp-body{ max-height:180px; opacity:1; margin-top:11px; }
.bv-stp-body p{ color:var(--bv-soft); font-size:.92rem; line-height:1.55; }
.bv-stp-chips{ display:flex; gap:6px; flex-wrap:wrap; margin-top:11px; }
.bv-stp-chips span{ font-size:.72rem; font-weight:700; color:#0c7d72; background:rgba(121,222,201,.18); border:1px solid rgba(43,182,166,.25); padding:3px 9px; border-radius:99px; }
.bv-stp-bar{ height:3px; background:var(--bv-line-2); border-radius:3px; margin-top:13px; overflow:hidden; }
.bv-stp-bar i{ display:block; height:100%; width:0; background:var(--bv-grad); border-radius:3px; }
.bv-stp.on .bv-stp-bar i{ animation:bvStpBar 4s linear forwards; }
@keyframes bvStpBar{ to{ width:100%; } }

.bv-orch-prev{ position:relative; background:#fff; border:1px solid var(--bv-line); border-radius:var(--bv-r-lg); box-shadow:var(--bv-sh-3); overflow:hidden;/* height:540px !important; min-height:540px !important; max-height:540px !important; */}
.bv-orch-chrome{ height:42px; display:flex; align-items:center; gap:7px; padding:0 16px; background:linear-gradient(90deg,#f1fbf8,#fff); border-bottom:1px solid var(--bv-line-2); }
.bv-orch-chrome i{ width:10px; height:10px; border-radius:50%; background:#dde7e2; } .bv-orch-chrome i:nth-child(1){background:#ff7a85}.bv-orch-chrome i:nth-child(2){background:#ffce6b}.bv-orch-chrome i:nth-child(3){background:#79dec9}
.bv-orch-chrome b{ font-family:var(--bv-display); font-size:.82rem; color:var(--bv-ink); margin-left:6px; }
.bv-pane{ display:none; /*padding:18px 20px;*/padding:0px; }
.bv-pane.on{ display:block; animation:bvPaneIn .45s cubic-bezier(.2,1,.3,1); }
@keyframes bvPaneIn{ from{ opacity:0; transform:translateY(12px); } to{ opacity:1; transform:none; } }
.bv-pp-prompt{ display:flex; align-items:center; gap:10px; padding:12px 14px; border-radius:13px; background:#f5faf8; border:1px solid var(--bv-line-2); font-size:.86rem; color:var(--bv-ink); }
.bv-pp-prompt i{ color:var(--bv-c2); }
.bv-pp-open{ display:flex; align-items:center; gap:9px; margin-top:12px; font-size:.82rem; color:var(--bv-muted); }
.bv-spin{ width:15px; height:15px; border-radius:50%; border:2px solid rgba(43,182,166,.3); border-top-color:var(--bv-c1); animation:bvSpin .8s linear infinite; }
@keyframes bvSpin{ to{ transform:rotate(360deg); } }
.bv-pp-hero{ display:flex; align-items:center; gap:14px; margin-top:14px; padding:15px; border-radius:15px; background:linear-gradient(120deg,#f3fbf9,#f0fdf7); border:1px solid rgba(43,182,166,.18); }
.bv-pp-avs{ display:flex; } .bv-pp-avs img{ width:38px; height:38px; border-radius:50%; object-fit:cover; margin-left:-10px; border:2px solid #fff; } .bv-pp-avs img:first-child{ margin-left:0; }
.bv-pp-hero b{ font-family:var(--bv-display); display:block; font-size:.92rem; } .bv-pp-hero small{ color:var(--bv-muted); font-size:.78rem; }
.bv-pp-hero .go{ margin-left:auto; font-size:.76rem; font-weight:700; color:#06302b; background:linear-gradient(120deg,#8fe9d6,#79dec9); padding:6px 12px; border-radius:99px; white-space:nowrap; }
/* livrables */
.bv-deliv{ display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:14px; }
.bv-dlv{ border:1px solid var(--bv-line); border-radius:14px; padding:13px; background:#fff; opacity:0; transform:translateY(10px); }
.bv-pane.on .bv-dlv{ animation:bvDlvIn .5s cubic-bezier(.2,1,.3,1) forwards; animation-delay:var(--dd,0ms); }
@keyframes bvDlvIn{ to{ opacity:1; transform:none; } }
.bv-dlv-ic{ width:34px; height:34px; border-radius:10px; display:grid; place-items:center; color:#06302b; background:linear-gradient(120deg,#9fe8d8,#79dec9); font-size:1rem; }
.bv-dlv b{ display:block; font-family:var(--bv-display); font-size:.84rem; margin-top:9px; } .bv-dlv small{ color:var(--bv-muted); font-size:.72rem; }
.bv-dlv.ruth{ background:linear-gradient(120deg,#0d211d,#15433a); border-color:transparent; } .bv-dlv.ruth b{ color:#fff; } .bv-dlv.ruth small{ color:rgba(255,255,255,.7); } .bv-dlv.ruth .bv-dlv-ic{ background:rgba(255,255,255,.16); color:#9fe8d8; }
/* diffusion */
.bv-diff{ display:flex; flex-direction:column; gap:9px; margin-top:14px; }
.bv-diff-row{ display:flex; align-items:center; gap:11px; padding:12px 14px; border-radius:13px; border:1px solid var(--bv-line); background:#fff; opacity:0; transform:translateX(-10px); }
.bv-pane.on .bv-diff-row{ animation:bvDiffIn .5s cubic-bezier(.2,1,.3,1) forwards; animation-delay:var(--dd,0ms); }
@keyframes bvDiffIn{ to{ opacity:1; transform:none; } }
.bv-diff-row .ic{ width:32px; height:32px; border-radius:10px; display:grid; place-items:center; background:#f0f5f3; color:var(--bv-c2); }
.bv-diff-row b{ font-size:.84rem; } .bv-diff-row small{ display:block; color:var(--bv-muted); font-size:.72rem; }
.bv-diff-row .st{ margin-left:auto; display:inline-flex; align-items:center; gap:5px; font-size:.72rem; font-weight:700; color:#0c7d72; background:rgba(121,222,201,.2); padding:3px 9px; border-radius:99px; }
.bv-diff-row.soon .st{ color:#946100; background:rgba(244,183,64,.18); }
@media(max-width:880px){ .bv-orch{ grid-template-columns:1fr; gap:22px; } .bv-deliv{ grid-template-columns:repeat(3,1fr); } }
@media(max-width:560px){ .bv-deliv{ grid-template-columns:1fr 1fr; } }

/* ============================================================================
   ORCHESTRATION — panes RICHES (récupérés de bpv-process), clair + menthe
   ============================================================================ */
.bv-orch-prev{ min-height:472px !important; }
/* Pane 0 : vrai dashboard (rail + accueil + assistants + discussions/créations) */
.bv-dash{ display:grid; grid-template-columns:50px 1fr; min-height:430px; background:#f7faf8; }
.bv-dash-side{ display:flex; flex-direction:column; align-items:center; gap:9px; padding:13px 7px; background:#fff; border-right:1px solid var(--bv-line-2); }
.bv-dash-side span{ width:34px; height:34px; display:grid; place-items:center; border-radius:11px; color:#8a978f; font-size:1rem; }
.bv-dash-side span.on{ color:#06302b; background:var(--bv-grad); box-shadow:0 8px 18px rgba(43,182,166,.3); }
.bv-dash-main{ min-width:0; padding:18px; display:flex; flex-direction:column; gap:13px; }
.bv-dash-head{ display:flex; align-items:center; justify-content:space-between; gap:10px; }
.bv-dash-head small{ display:block; color:var(--bv-muted); font-size:.66rem; }
.bv-dash-head strong{ font-family:var(--bv-display); font-size:1.1rem; }
.bv-dash-badge{ display:inline-flex; align-items:center; gap:5px; padding:5px 10px; color:#0c7d72; font-size:.66rem; font-weight:800; border-radius:99px; background:rgba(121,222,201,.2); border:1px solid rgba(43,182,166,.28); }
.bv-dash-prompt{ display:flex; align-items:center; gap:9px; padding:11px 13px; border-radius:13px; background:#fff; border:1px solid var(--bv-line); font-size:.8rem; font-weight:600; }
.bv-dash-prompt i{ color:var(--bv-c2); } .bv-dash-prompt em{ margin-left:auto; font-style:normal; color:var(--bv-muted); font-size:.72rem; }
.bv-dash-hero{ display:grid; grid-template-columns:auto 1fr auto; gap:13px; align-items:center; padding:15px; border-radius:17px; border:1px solid rgba(43,182,166,.18); background:linear-gradient(135deg,#fff,#eefdf8); }
.bv-dash-avs{ display:flex; } .bv-dash-avs img{ width:40px; height:40px; object-fit:cover; border:3px solid #fff; border-radius:13px; box-shadow:0 7px 16px rgba(13,33,29,.12); } .bv-dash-avs img+img{ margin-left:-12px; }
.bv-dash-hero strong{ font-family:var(--bv-display); font-size:.9rem; } .bv-dash-hero p{ margin-top:2px; color:var(--bv-soft); font-size:.72rem; }
.bv-dash-btn{ padding:8px 12px; color:#06302b; font-size:.66rem; font-weight:800; border-radius:11px; background:var(--bv-grad); white-space:nowrap; }
.bv-dash-grid{ display:grid; grid-template-columns:1.25fr .75fr; gap:11px; }
.bv-dash-card{ padding:13px; display:flex; flex-direction:column; gap:8px; border:1px solid var(--bv-line); border-radius:16px; background:#fff; }
.bv-dash-card>small{ color:var(--bv-muted); font-size:.62rem; font-weight:900; text-transform:uppercase; letter-spacing:.06em; }
.bv-conv{ display:flex; align-items:center; gap:8px; padding:7px; border-radius:10px; background:#f6faf8; opacity:0; transform:translateY(8px); }
.bv-pane.on .bv-conv{ animation:bvConvIn .45s ease forwards; animation-delay:calc(.2s + var(--dd,0ms)); }
@keyframes bvConvIn{ to{ opacity:1; transform:none; } }
.bv-conv img{ width:28px; height:28px; border-radius:9px; object-fit:cover; } .bv-conv span{ flex:1; min-width:0; display:flex; flex-direction:column; }
.bv-conv strong{ font-size:.74rem; } .bv-conv small{ color:var(--bv-muted); font-size:.62rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .bv-conv>i{ color:#aab4ad; font-size:.7rem; }
.bv-dash-card.act span{ display:flex; align-items:center; gap:8px; padding:9px; font-size:.7rem; font-weight:700; color:#445; border-radius:10px; background:#f6faf8; }
.bv-dash-card.act i{ color:var(--bv-c1); }
/* Pane 1 : mission-pack (livrables) */
.bv-mpack{ padding:4px 0 2px; }
.bv-mpack-prompt{ display:flex; align-items:flex-start; gap:10px; padding:13px 15px; border-radius:16px; border:1px solid rgba(43,182,166,.18); background:#fff; box-shadow:var(--bv-sh-1); font-size:.82rem; font-weight:700; }
.bv-mpack-prompt i{ color:var(--bv-c1); font-size:1.05rem; }
.bv-mpack-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:11px; margin-top:13px; }
.bv-mpack-card{ min-height:104px; padding:13px; border-radius:16px; border:1px solid var(--bv-line); background:#fff; box-shadow:var(--bv-sh-1); display:flex; flex-direction:column; gap:8px; justify-content:space-between; opacity:0; transform:translateY(10px); }
.bv-pane.on .bv-mpack-card{ animation:bvDlvIn .5s cubic-bezier(.2,1,.3,1) forwards; animation-delay:var(--dd,0ms); }
.bv-mpack-card i{ font-size:1.1rem; color:var(--bv-c1); }
.bv-mpack-card strong{ font-family:var(--bv-display); font-size:.86rem; } .bv-mpack-card small{ font-size:.7rem; color:var(--bv-muted); }
.bv-mpack-card.ruth{ background:linear-gradient(180deg,rgba(121,222,201,.16),#fff); border-color:rgba(43,182,166,.25); }
.bv-mpack-foot{ margin-top:13px; padding:13px 15px; display:flex; align-items:center; justify-content:space-between; gap:12px; border-radius:16px; background:#fff; border:1px solid var(--bv-line); font-size:.78rem; font-weight:800; }
.bv-mpack-foot span{ display:inline-flex; align-items:center; gap:8px; color:var(--bv-soft); } .bv-mpack-foot strong{ color:var(--bv-c2); }
@media(max-width:560px){ .bv-mpack-grid{ grid-template-columns:1fr 1fr; } .bv-dash{ grid-template-columns:1fr; } .bv-dash-side{ display:none; } }

/* — Dashboard v2 (orchestration harmonisée) : logo rail + statuts agents + verset/lexique — */
.bv-dash-logo{ width:34px; height:34px; border-radius:11px; display:grid; place-items:center; background:var(--bv-grad); box-shadow:0 8px 18px rgba(31,123,255,.32); margin-bottom:5px; overflow:hidden; }
.bv-dash-logo img{ width:23px; height:23px; object-fit:contain; }
.bv-cst{ margin-left:auto; font-style:normal; font-size:.66rem; font-weight:800; padding:3px 9px; border-radius:99px; white-space:nowrap; }
.bv-cst.busy{ color:var(--bv-c2); background:color-mix(in srgb,var(--bv-c1) 14%,#fff); }
.bv-cst.done{ color:#0c7d3f; background:#e7f8ee; }
.bv-dash-verse{ background:#fff; border:1px solid var(--bv-line); border-radius:14px; padding:11px 14px; box-shadow:var(--bv-sh-1); }
.bv-dash-verse .ref{ display:inline-block; font-size:.64rem; font-weight:900; letter-spacing:.04em; color:var(--bv-c2); background:color-mix(in srgb,var(--bv-c1) 12%,#fff); padding:2px 9px; border-radius:99px; margin-bottom:6px; }
.bv-dash-verse p{ margin:0; font-family:var(--bv-display); font-size:.9rem; line-height:1.35; color:var(--bv-ink); }
.bv-lex{ display:flex; align-items:center; gap:12px; padding:9px 2px; border-top:1px solid var(--bv-line-2); }
.bv-lex:first-of-type{ border-top:0; padding-top:2px; }
.bv-lex-ic{ flex:0 0 60px; width:60px; text-align:center; padding:8px 4px; border-radius:11px; font-size:.64rem; font-weight:900; letter-spacing:.02em; line-height:1; text-transform:uppercase; }
.bv-lex-ic.gr{ background:color-mix(in srgb,#1f7bff 12%,#fff); color:#1f7bff; }
.bv-lex-ic.he{ background:color-mix(in srgb,#b45309 15%,#fff); color:#b45309; }
.bv-lex-ic.rf{ background:color-mix(in srgb,var(--bv-c1) 12%,#fff); color:var(--bv-c2); }
.bv-lex-tx{ flex:1; min-width:0; display:flex; flex-direction:column; gap:1px; }
.bv-lex-tx strong{ font-size:.82rem; line-height:1.25; }
.bv-lex-tx strong .w{ font-size:1.08rem; margin-right:6px; vertical-align:-1px; }
.bv-lex-tx strong .w.gr{ color:#1f7bff; } .bv-lex-tx strong .w.he{ color:#b45309; }
.bv-lex-tx small{ color:var(--bv-soft); font-size:.72rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.bv-lex-st{ margin-left:auto; flex:0 0 auto; font-size:.64rem; font-weight:800; color:var(--bv-soft); background:#f2f5f9; padding:4px 10px; border-radius:99px; white-space:nowrap; }
/* — Onglet 1 : chat DANS le dashboard (en-tête dashboard conservé, bulle agent pâle / utilisateur transparente+bordure) — */
.bv-dchat{ flex:1; min-height:0; display:flex; flex-direction:column; gap:12px; }
.bv-dchat-body{ flex:1; display:flex; flex-direction:column; gap:12px; }
.bv-dchat-row{ display:flex; align-items:flex-end; gap:9px; max-width:90%; opacity:0; transform:translateY(8px); }
.bv-pane.on .bv-dchat-row{ animation:bvConvIn .45s ease forwards; animation-delay:calc(.15s + var(--dd,0ms)); }
.bv-dchat-row.agent{ align-self:flex-start; }
.bv-dchat-row.user{ align-self:flex-end; }
.bv-dchat-row>img{ width:30px; height:30px; border-radius:50%; object-fit:cover; flex:0 0 auto; box-shadow:var(--bv-sh-1); }
.bv-dbub{ padding:10px 13px; border-radius:16px; font-size:.83rem; line-height:1.4; }
.bv-dbub.ag{ background:color-mix(in srgb,var(--bv-c1) 8%,#fff); border:1px solid color-mix(in srgb,var(--bv-c1) 15%,var(--bv-line)); border-bottom-left-radius:5px; color:var(--bv-ink); }
.bv-dbub.us{ background:transparent; border:1.5px solid var(--bv-line); border-bottom-right-radius:5px; color:var(--bv-ink); }
.bv-dchat-ok{ display:inline-flex; align-items:center; gap:6px; font-size:.84rem; color:#0c7d3f; }
.bv-dchat-ok i{ font-size:.95rem; }
.bv-dchat-acts{ display:flex; flex-wrap:wrap; gap:8px; margin-top:10px; }
.bv-dchat-btn{ display:inline-flex; align-items:center; gap:6px; padding:7px 12px; border-radius:10px; font-size:.74rem; font-weight:700; border:1px solid color-mix(in srgb,var(--bv-c1) 30%,var(--bv-line)); color:var(--bv-c2); background:#fff; cursor:pointer; transition:.15s; }
.bv-dchat-btn:hover{ background:color-mix(in srgb,var(--bv-c1) 8%,#fff); color:var(--bv-c2); transform:translateY(-1px); }
.bv-dchat-btn i{ font-size:.9rem; }
.bv-dchat-input{ display:flex; align-items:center; gap:10px; padding:12px 14px; border:1px solid var(--bv-line); border-radius:14px; background:#fff; color:var(--bv-muted); font-size:.82rem; }
.bv-dchat-input i{ margin-left:auto; color:var(--bv-c1); font-size:1rem; }

/* ============================================================================
   Pane "experts s'activent" : orchestration avec LOGO Bibleo au centre
   ============================================================================ */
.bv-orb{ position:relative; min-height:480px; display:grid; place-items:center; background:radial-gradient(circle at 50% 46%,#f1fbf8,#fff); overflow:hidden; }
.bv-orb svg{ position:absolute; inset:0; width:100%; height:100%; z-index:1; }
.bv-orb .ln{ fill:none; stroke:rgba(43,182,166,.5); stroke-width:1.4; stroke-linecap:round; stroke-dasharray:3 6; animation:bvDash 1.4s linear infinite; }
.bv-orb-logo{ position:relative; z-index:3; width:98px; height:98px; border-radius:26px; background:#fff; border:1px solid var(--bv-line); box-shadow:0 18px 44px rgba(13,33,29,.16); display:grid; place-items:center; animation:bvScaleP 3s ease-in-out infinite; }
.bv-orb-logo::before{ content:""; position:absolute; inset:-12px; border-radius:34px; background:radial-gradient(circle,rgba(43,182,166,.4),transparent 70%); z-index:-1; animation:bvHalo 3s ease-in-out infinite; }
.bv-orb-logo img{ width:76px; height:auto; }
@keyframes bvScaleP{ 50%{ transform:scale(1.06); } }

/* ============================================================================
   Pane "Ruth diffuse" : bulles de conversation PUIS réflexions (vraies icônes)
   ============================================================================ */
.bv-ruth{ padding:6px 2px; }
.bv-ruth-chat{ display:flex; flex-direction:column; gap:9px; margin-bottom:15px; }
.bv-rb{ max-width:82%; padding:10px 13px; border-radius:15px; font-size:.83rem; line-height:1.4; opacity:0; transform:translateY(8px); }
.bv-pane.on .bv-rb{ animation:bvConvIn .45s ease forwards; animation-delay:var(--dd,0ms); }
.bv-rb.user{ align-self:flex-end; background:var(--bv-ink); color:#fff; border-bottom-right-radius:5px; }
.bv-rb.ruth{ align-self:flex-start; background:#f3faf8; border:1px solid var(--bv-line); border-bottom-left-radius:5px; }
.bv-rb.ruth b{ display:flex; align-items:center; gap:6px; font-size:.7rem; color:var(--bv-c2); margin-bottom:3px; font-weight:800; }
.bv-rb.ruth b img{ width:18px; height:18px; border-radius:50%; object-fit:cover; }
.bv-ruth-think{ display:flex; align-items:center; gap:8px; margin-bottom:11px; font-size:.76rem; color:var(--bv-muted); opacity:0; }
.bv-pane.on .bv-ruth-think{ animation:bvConvIn .4s ease forwards; animation-delay:var(--dd,0ms); }
.bv-ruth-acts{ display:flex; flex-direction:column; gap:8px; }
.bv-ract{ display:flex; align-items:center; gap:11px; padding:11px 13px; border-radius:13px; border:1px solid var(--bv-line); background:#fff; opacity:0; transform:translateX(-10px); }
.bv-pane.on .bv-ract{ animation:bvDiffIn .5s cubic-bezier(.2,1,.3,1) forwards; animation-delay:var(--dd,0ms); }
.bv-ract img{ width:32px; height:32px; flex:0 0 auto; border-radius:9px; object-fit:contain; background:#f6faf8; padding:5px; border:1px solid var(--bv-line-2); }
.bv-ract b{ font-size:.83rem; } .bv-ract small{ display:block; color:var(--bv-muted); font-size:.72rem; }
.bv-ract .st{ margin-left:auto; display:inline-flex; align-items:center; gap:5px; font-size:.7rem; font-weight:700; color:#0c7d72; background:rgba(121,222,201,.2); padding:3px 9px; border-radius:99px; white-space:nowrap; }
.bv-ract.soon .st{ color:#946100; background:rgba(244,183,64,.18); }

/* ============================================================================
   ORCHESTRATION — 3 anneaux concentriques. Chaque anneau TOURNE (sens alterné) :
   1 agent sur l'anneau 1 (horaire), 2 sur l'anneau 2 (anti-horaire), 3 sur l'anneau 3 (horaire).
   L'avatar contre-tourne pour rester droit. Avatars = carrés blancs arrondis.
   (reproduit index-version-gpt b10-orbit)
   ============================================================================ */
.bv-orb .ring{ position:absolute; top:50%; left:50%; width:calc(var(--r) * 2); height:calc(var(--r) * 2);
  margin:calc(var(--r) * -1) 0 0 calc(var(--r) * -1); border:1px solid var(--bv-orb-ring); border-radius:50%; z-index:1; }
.bv-orb .ring.r3{ border-style:dashed; border-color:var(--bv-orb-ring-2); }
.bv-orb .ring.spin{ animation:bvOrbSpin var(--d,30s) linear infinite; }
.bv-orb .ring.rev{ animation-direction:reverse; }
@keyframes bvOrbSpin{ to{ transform:rotate(360deg); } }
/* avatar posé SUR la ligne du cercle, à l'angle --a */
.bv-orb-n{ position:absolute; top:50%; left:50%; z-index:2;
  transform:translate(-50%,-50%) rotate(var(--a,0deg)) translateY(calc(var(--r) * -1)) rotate(calc(var(--a,0deg) * -1)); }
.bv-orb-av{ display:block; animation:bvOrbSpin var(--d,30s) linear infinite reverse; }
.bv-orb .ring.rev .bv-orb-av{ animation-direction:normal; }
.bv-orb-av img{ width:56px; height:56px; border-radius:16px; object-fit:cover; background:#fff; padding:3px;
  border:1px solid var(--bv-line); box-shadow:0 10px 24px rgba(13,33,29,.16); }
@media (prefers-reduced-motion:reduce){ .bv-orb .ring.spin,.bv-orb-av{ animation:none; } }
.bv-orb-core{ position:relative; z-index:3; width:96px; height:96px; border-radius:26px; background:#fff; border:1px solid var(--bv-line);
  box-shadow:0 18px 44px rgba(13,33,29,.16); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px; animation:bvScaleP 3.2s ease-in-out infinite; }
.bv-orb-core::before{ content:""; position:absolute; inset:-12px; border-radius:34px; background:radial-gradient(circle,rgba(43,182,166,.4),transparent 70%); z-index:-1; animation:bvHalo 3.2s ease-in-out infinite; }
.bv-orb-core i{ font-size:1.55rem; background:var(--bv-grad); -webkit-background-clip:text; background-clip:text; color:transparent; }
.bv-orb-core b{ font-family:var(--bv-display); font-size:.82rem; color:var(--bv-ink); }

/* ============================================================================
   CARROUSEL AGENTS — reproduction FIDÈLE de index-version-2.php (nvx/bpv coverflow)
   Auto-contenu : variables --bp2-* + keyframes locales (palette Bibleo menthe).
   ============================================================================ */
#bp2{
  --bp2-ink:#0d211d; --bp2-ink-2:#46554f; --bp2-ink-3:#7b8a83;
  --bp2-line:rgba(13,33,29,.10); --bp2-line-2:rgba(13,33,29,.16);
  --bp2-brand:var(--bv-c1); --bp2-brand-2:var(--bv-c2);
  --bp2-grad:linear-gradient(135deg,#2bc4af,#119cad);
  --bp2-grad-soft:linear-gradient(135deg,rgba(43,182,166,.12),rgba(17,156,173,.12));
  color:var(--bp2-ink);
}
/* ── onglets ── */
#bp2 .nvx-agents{ width:100%; display:flex; flex-direction:column; gap:28px }
#bp2 .nvx-nav{ display:flex; flex-wrap:wrap; justify-content:center; gap:10px; max-width:1320px; margin:0 auto; padding:0 16px }
#bp2 .nvx-tab{ display:inline-flex; align-items:center; gap:10px; padding:9px 16px 9px 9px; border-radius:10px; background:#fff; border:1px solid var(--bp2-line); box-shadow:0 6px 18px rgba(15,23,42,.05); transition:.2s; color:var(--bp2-ink); cursor:pointer }
#bp2 .nvx-tab:hover{ transform:translateY(-1px); border-color:color-mix(in srgb,var(--agent-accent) 55%,#fff) }
#bp2 .nvx-tab.is-active{ background:color-mix(in srgb,var(--agent-accent) 12%,#fff); border-color:var(--agent-accent) }
#bp2 .nvx-tab__av{ width:34px;height:34px;border-radius:10px;overflow:hidden;flex:0 0 34px;border:2px solid color-mix(in srgb,var(--agent-accent) 60%,#fff) }
#bp2 .nvx-tab__av img{ width:100%;height:100%;object-fit:cover }
#bp2 .nvx-tab__txt{ display:flex;flex-direction:column;line-height:1.12;text-align:left }
#bp2 .nvx-tab__txt strong{ font-size:13.5px;font-weight:800 }
#bp2 .nvx-tab__txt span{ font-size:11px;color:var(--bp2-ink-2) }
#bp2 .nvx-arrow{ position:absolute;top:50%;transform:translateY(-50%);z-index:6;width:46px;height:46px;border-radius:50%;border:1px solid var(--bp2-line);background:#fff;color:var(--bp2-ink);display:grid;place-items:center;font-size:18px;box-shadow:0 10px 26px rgba(15,23,42,.12);cursor:pointer;transition:.2s }
#bp2 .nvx-arrow:hover{ color:#fff;background:var(--bp2-brand);border-color:var(--bp2-brand) }
#bp2 .nvx-arrow{ display:none } /* navigation = clic maintenu / glisser (voir initNvx) */
#bp2 .nvx-stage{ cursor:grab } #bp2 .nvx-stage.nvx-grab{ cursor:grabbing }
/* ── carte agent (base : 2 colonnes chat + démo) ── */
#bp2 .nvx-stage{ width:100%;max-width:680px;margin:0 auto;padding:18px 16px 26px;position:relative;overflow:hidden }
#bp2 .nvx-track{ position:relative;display:block;width:100% }
#bp2 .bpv-agent-card{
  min-height:540px;padding:0;display:grid;grid-template-columns:minmax(300px,.84fr) minmax(380px,1.16fr);gap:0;overflow:hidden;
  border:1px solid var(--bp2-line);border-radius:26px;background:#fff;box-shadow:0 30px 80px rgba(13,33,61,.16);
}
#bp2 .bpv-agent-chat{ min-width:0;padding:28px;display:flex;flex-direction:column;color:var(--bp2-ink);border-right:1px solid var(--bp2-line);
  background:radial-gradient(circle at 8% 6%,color-mix(in srgb,var(--agent-accent) 14%,transparent),transparent 38%),linear-gradient(180deg,color-mix(in srgb,var(--agent-accent) 9%,#fff),#fff 38%,#fbfffe) }
#bp2 .bpv-agent-chat__head{ display:flex;align-items:center;gap:12px;padding-bottom:20px;border-bottom:1px solid var(--bp2-line) }
#bp2 .bpv-agent-chat__avatar{ width:48px;height:48px;flex:0 0 48px;overflow:hidden;border-radius:16px;border:2px solid color-mix(in srgb,var(--agent-accent) 38%,#fff);background:#fff;box-shadow:0 10px 24px color-mix(in srgb,var(--agent-accent) 10%,transparent) }
#bp2 .bpv-agent-chat__avatar img{ width:100%;height:100%;object-fit:cover }
#bp2 .bpv-agent-chat__identity{ min-width:0;flex:1;display:flex;flex-direction:column }
#bp2 .bpv-agent-chat__identity strong{ font-size:16px }
#bp2 .bpv-agent-chat__identity small{ color:var(--bp2-ink-3);font-size:11.5px }
#bp2 .bpv-agent-chat__status{ width:10px;height:10px;border-radius:50%;background:var(--agent-accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--agent-accent) 16%,transparent) }
#bp2 .bpv-agent-chat__body{ flex:1;padding:26px 0;display:flex;flex-direction:column;gap:14px }
#bp2 .bpv-chat-line{ max-width:92%;opacity:0;transform:translateY(10px) }
#bp2 .bpv-chat-line>span{ display:block;margin-bottom:5px;color:var(--bp2-ink-3);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em }
#bp2 .bpv-chat-line p{ margin:0;padding:13px 15px;font-size:13px;line-height:1.5;color:var(--bp2-ink);border:1px solid var(--bp2-line);border-radius:17px;background:#fff }
#bp2 .bpv-chat-line--user{ align-self:flex-start }
#bp2 .bpv-chat-line--user p{ background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--agent-accent) 6%,#fff));border-bottom-left-radius:5px }
#bp2 .bpv-chat-line--agent{ align-self:flex-end; position:relative; opacity:1; transform:none }
#bp2 .bpv-chat-line--agent>span,#bp2 .bpv-chat-line--agent>p{ opacity:0; transform:translateY(8px) }
#bp2 .bpv-chat-line--agent p{ background:color-mix(in srgb,var(--agent-accent) 11%,#fff);border-color:color-mix(in srgb,var(--agent-accent) 24%,#fff);border-bottom-right-radius:5px }
/* "réflexion" : SUPERPOSÉE à la bulle de réponse → ne réserve aucune place dans le flux (la réponse ne descend pas, pas de décalage) */
/* specificité renforcée (2 classes) : bat la règle label .bpv-chat-line>span{display:block} qui écrasait le flex */
#bp2 .bpv-chat-line .bpv-chat-thinking{ display:inline-flex; align-items:center; gap:4px; padding:10px 13px; border-radius:15px; border-bottom-right-radius:5px; text-transform:none; letter-spacing:normal; margin-bottom:0; background:color-mix(in srgb,var(--agent-accent) 11%,#fff); border:1px solid color-mix(in srgb,var(--agent-accent) 24%,#fff) }
/* nom de l'agent dans la bulle, en PETIT (premium) */
#bp2 .bpv-chat-line .bpv-chat-thinking>b{ font-size:.72rem; font-weight:700; color:var(--agent-accent); margin-right:4px; text-transform:none; letter-spacing:normal; }
/* dots en inline-block (taille appliquée même si parent non flex), petits */
#bp2 .bpv-chat-thinking>span{ display:inline-block; width:5px; height:5px; border-radius:50%; background:var(--agent-accent); margin:0 1px; vertical-align:middle }
/* bouton "Ouvrir X" : plein, dans la couleur de l'agent */
#bp2 .bpv-agent-chat__link{ display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:12px 15px;font-size:13px;font-weight:800;border-radius:13px;color:#fff;border:1px solid var(--agent-accent);background:var(--agent-accent);box-shadow:0 10px 24px color-mix(in srgb,var(--agent-accent) 28%,transparent);transition:.2s }
#bp2 .bpv-agent-chat__link:hover{ filter:brightness(.94);transform:translateY(-1px) }
#bp2 .bpv-agent-demo{ min-width:0;padding:28px;display:flex;background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--agent-accent) 18%,transparent),transparent 46%),linear-gradient(180deg,#fff,#f8fffd) }
#bp2 .bpv-scene{ width:100%;display:flex;flex-direction:column;gap:18px }
#bp2 .bpv-scene__head{ display:flex;flex-direction:column;gap:6px }
#bp2 .bpv-scene__eyebrow{ display:inline-flex;align-self:flex-start;padding:6px 10px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--agent-accent);background:color-mix(in srgb,var(--agent-accent) 10%,#fff);border:1px solid color-mix(in srgb,var(--agent-accent) 18%,#fff) }
#bp2 .bpv-scene__head strong{ font-size:18px;line-height:1.15 }
#bp2 .bpv-scene__head small{ font-size:12px;line-height:1.5;color:var(--bp2-ink-2) }
#bp2 .bpv-scene__chips{ display:flex;flex-wrap:wrap;gap:8px;margin-top:auto }
#bp2 .bpv-scene__chips span{ padding:7px 11px;border-radius:999px;font-size:11px;font-weight:800;color:var(--bp2-brand-2);background:var(--bp2-grad-soft);border:1px solid rgba(43,182,166,.10) }
#bp2 .bpv-anim{ opacity:0;transform:translateY(12px);transition:opacity .45s ease,transform .45s ease }
#bp2 .bpv-agent-card.is-active .bpv-anim{ opacity:1;transform:none }
/* Jean */
#bp2 .bpv-jean-stack{ display:grid;gap:14px }
#bp2 .bpv-jean-card{ padding:18px;border-radius:22px;border:1px solid var(--bp2-line);background:#fff;box-shadow:0 18px 44px rgba(15,23,42,.08) }
#bp2 .bpv-jean-card small{ display:block;margin-bottom:8px;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--agent-accent) }
#bp2 .bpv-jean-card strong{ display:block;font-size:20px;line-height:1.2 }
#bp2 .bpv-jean-card span{ display:block;margin-top:8px;font-size:12px;color:var(--bp2-ink-2) }
#bp2 .bpv-jean-card--quote,#bp2 .bpv-jean-card--story{ display:flex;align-items:center;gap:10px;font-weight:800;font-size:14px;background:color-mix(in srgb,var(--agent-accent) 8%,#fff) }
#bp2 .bpv-jean-card--quote i,#bp2 .bpv-jean-card--story i{ color:var(--agent-accent);font-size:18px }
#bp2 .bpv-agent-card.is-active .bpv-jean-card{ animation:bpvFloat 5.4s ease-in-out infinite }
#bp2 .bpv-agent-card.is-active .bpv-jean-card--quote{ animation-delay:.2s } #bp2 .bpv-agent-card.is-active .bpv-jean-card--story{ animation-delay:.4s }
/* Luc */
#bp2 .bpv-luc-preview{ position:relative;min-height:200px;border-radius:24px;overflow:hidden;border:1px solid rgba(255,106,95,.18);background:linear-gradient(135deg,rgba(255,106,95,.18),rgba(255,255,255,.3)),linear-gradient(180deg,#1f2937,#475569) }
#bp2 .bpv-luc-preview__screen{ position:absolute;inset:18px;border-radius:18px;background:radial-gradient(circle at 50% 20%,rgba(255,255,255,.65),transparent 34%),linear-gradient(160deg,#0f172a,#1e293b 58%,#475569) }
#bp2 .bpv-luc-preview__tag{ position:absolute;top:16px;left:16px;z-index:2;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.9);font-size:11px;font-weight:800;color:#b91c1c }
#bp2 .bpv-luc-timeline{ display:grid;grid-template-columns:1.15fr 1fr .8fr;gap:10px }
#bp2 .bpv-luc-timeline span{ height:8px;border-radius:999px;background:#e6ebf3;overflow:hidden;position:relative }
#bp2 .bpv-luc-timeline span::after{ content:"";position:absolute;inset:0 auto 0 0;width:0;border-radius:999px;background:linear-gradient(90deg,var(--agent-accent),#ffb4ac) }
#bp2 .bpv-agent-card.is-active .bpv-luc-timeline span::after{ animation:bpvFill 1.2s ease forwards }
#bp2 .bpv-agent-card.is-active .bpv-luc-timeline span:nth-child(2)::after{ animation-delay:.18s }
#bp2 .bpv-agent-card.is-active .bpv-luc-timeline span:nth-child(3)::after{ animation-delay:.3s }
#bp2 .bpv-luc-cuts{ display:grid;grid-template-columns:repeat(3,1fr);gap:12px }
#bp2 .bpv-luc-cut{ padding:14px;border:1px solid var(--bp2-line);border-radius:18px;background:#fff;box-shadow:0 16px 34px rgba(15,23,42,.06) }
#bp2 .bpv-luc-cut strong{ display:block;font-size:14px } #bp2 .bpv-luc-cut small{ display:block;margin-top:4px;color:var(--bp2-ink-3);font-size:11px }
/* Matthieu */
#bp2 .bpv-study-verse{ padding:18px 18px 20px;border-radius:24px;background:linear-gradient(180deg,rgba(34,197,94,.12),rgba(255,255,255,.92));border:1px solid rgba(34,197,94,.16);box-shadow:0 18px 40px rgba(34,197,94,.08) }
#bp2 .bpv-study-verse small{ display:block;margin-bottom:8px;color:#15803d;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase }
#bp2 .bpv-study-verse strong{ display:block;font-size:19px;line-height:1.35 }
#bp2 .bpv-study-grid{ display:grid;grid-template-columns:repeat(3,1fr);gap:12px }
#bp2 .bpv-study-card{ min-height:102px;padding:14px;border-radius:18px;border:1px solid var(--bp2-line);background:#fff;display:flex;flex-direction:column;gap:10px;justify-content:space-between;box-shadow:0 14px 30px rgba(15,23,42,.06) }
#bp2 .bpv-study-card i{ color:#16a34a;font-size:18px } #bp2 .bpv-study-card span{ font-size:13px;font-weight:800;line-height:1.35 }
/* Marie */
#bp2 .bpv-marie-book{ display:grid;grid-template-columns:1.05fr .95fr .95fr;gap:14px;align-items:stretch }
#bp2 .bpv-marie-page{ min-height:180px;padding:18px;border-radius:22px;border:1px solid var(--bp2-line);background:#fff;box-shadow:0 18px 42px rgba(15,23,42,.08);display:flex;flex-direction:column;gap:8px;justify-content:space-between }
#bp2 .bpv-marie-page small{ color:#8b5cf6;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase }
#bp2 .bpv-marie-page strong,#bp2 .bpv-marie-page span{ font-size:16px;font-weight:800;line-height:1.25 }
#bp2 .bpv-marie-page span{ font-size:13px;color:var(--bp2-ink-2);font-weight:700 }
#bp2 .bpv-marie-page--cover{ background:linear-gradient(160deg,rgba(139,92,246,.16),rgba(255,255,255,.96));transform:rotate(-4deg) }
#bp2 .bpv-agent-card.is-active .bpv-marie-page--cover{ animation:bpvFloat 5s ease-in-out infinite }
/* Pierre */
#bp2 .bpv-pierre-outline{ display:grid;grid-template-columns:repeat(2,1fr);gap:12px }
#bp2 .bpv-pierre-block{ padding:16px;border-radius:18px;border:1px solid var(--bp2-line);background:#fff;box-shadow:0 16px 34px rgba(15,23,42,.06);display:flex;flex-direction:column;gap:8px;min-height:100px }
#bp2 .bpv-pierre-block small{ color:#f97316;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase }
#bp2 .bpv-pierre-block strong{ font-size:15px;line-height:1.3 }
#bp2 .bpv-pierre-block--cta{ grid-column:1/-1;flex-direction:row;align-items:center;min-height:0;background:linear-gradient(180deg,rgba(249,115,22,.1),rgba(255,255,255,.96)) }
#bp2 .bpv-pierre-block--cta i{ font-size:18px;color:#f97316 }
/* Marthe */
#bp2 .bpv-marthe-platforms{ display:flex;flex-wrap:wrap;gap:10px }
#bp2 .bpv-marthe-platforms span{ display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border-radius:999px;background:#fff;border:1px solid var(--bp2-line);box-shadow:0 12px 26px rgba(15,23,42,.06);font-size:12px;font-weight:800 }
#bp2 .bpv-marthe-platforms img{ width:18px;height:18px;object-fit:contain }
#bp2 .bpv-marthe-posts{ display:grid;gap:12px }
#bp2 .bpv-marthe-post{ padding:15px 16px;border-radius:18px;border:1px solid rgba(217,70,239,.16);background:linear-gradient(180deg,rgba(217,70,239,.08),rgba(255,255,255,.96));box-shadow:0 16px 34px rgba(217,70,239,.08) }
#bp2 .bpv-marthe-post strong{ display:block;font-size:14px } #bp2 .bpv-marthe-post small{ display:block;margin-top:5px;font-size:11px;color:var(--bp2-ink-3) }
/* Magdala */
#bp2 .bpv-magdala-top{ display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start }
#bp2 .bpv-magdala-score{ width:92px;height:92px;border-radius:24px;display:grid;place-items:center;text-align:center;background:linear-gradient(180deg,rgba(16,185,129,.12),rgba(255,255,255,.94));border:1px solid rgba(16,185,129,.18);box-shadow:0 16px 34px rgba(16,185,129,.08) }
#bp2 .bpv-magdala-score strong{ display:block;font-size:28px;line-height:1 } #bp2 .bpv-magdala-score span{ display:block;margin-top:4px;font-size:11px;font-weight:800;color:#0f766e }
#bp2 .bpv-magdala-keywords{ display:flex;flex-wrap:wrap;gap:10px }
#bp2 .bpv-magdala-keywords span{ padding:9px 11px;border-radius:999px;background:#fff;border:1px solid var(--bp2-line);font-size:12px;font-weight:800;box-shadow:0 12px 24px rgba(15,23,42,.05) }
#bp2 .bpv-magdala-bars{ display:grid;gap:12px }
#bp2 .bpv-magdala-bar{ display:grid;grid-template-columns:86px 1fr;gap:12px;align-items:center;padding:12px 14px;border-radius:18px;border:1px solid var(--bp2-line);background:#fff;box-shadow:0 14px 28px rgba(15,23,42,.05) }
#bp2 .bpv-magdala-bar small{ font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#047857 }
#bp2 .bpv-magdala-bar i{ display:block;height:8px;border-radius:999px;background:#e7edf5;position:relative;overflow:hidden }
#bp2 .bpv-magdala-bar i::after{ content:"";position:absolute;inset:0 auto 0 0;width:0;border-radius:999px;background:linear-gradient(90deg,#10b981,#34d399) }
#bp2 .bpv-agent-card.is-active .bpv-magdala-bar i::after{ animation:bpvFill 1.1s ease forwards }
#bp2 .bpv-agent-card.is-active .bpv-magdala-bar:nth-child(2) i::after{ animation-delay:.16s }
#bp2 .bpv-agent-card.is-active .bpv-magdala-bar:nth-child(3) i::after{ animation-delay:.28s }
/* Marc */
#bp2 .bpv-marc-mail{ padding:16px 18px;border-radius:20px;border:1px solid var(--bp2-line);background:#fff;box-shadow:0 18px 38px rgba(15,23,42,.06) }
#bp2 .bpv-marc-mail small{ display:block;margin-bottom:7px;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#ca8a04 }
#bp2 .bpv-marc-mail strong{ display:block;font-size:17px;line-height:1.28 } #bp2 .bpv-marc-mail span{ display:block;font-size:13px;color:var(--bp2-ink-2);line-height:1.45 }
#bp2 .bpv-marc-actions{ display:flex;flex-wrap:wrap;gap:10px }
#bp2 .bpv-marc-actions span{ display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:14px;font-size:12px;font-weight:800;background:linear-gradient(180deg,rgba(234,179,8,.1),rgba(255,255,255,.96));border:1px solid rgba(234,179,8,.18) }
#bp2 .bpv-marc-actions i{ color:#ca8a04 }
/* keyframes + séquence d'apparition du chat */
@keyframes bpvEnter{ to{opacity:1;transform:none} }
@keyframes bpvFill{ to{width:100%} }
@keyframes bpvDot{ 0%,60%,100%{transform:translateY(0);opacity:.45}30%{transform:translateY(-4px);opacity:1} }
@keyframes bpvFloat{ 0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)} }
/* la réflexion apparaît APRÈS la question, PUIS disparaît quand la réponse arrive (1 question → 1 réflexion → 1 réponse) */
@keyframes bpvThink{ 0%{opacity:0;transform:translateY(8px)} 22%{opacity:1;transform:none} 80%{opacity:1} 100%{opacity:0} }
#bp2 .bpv-agent-card.is-active .bpv-chat-line--user{ animation:bpvEnter .45s .12s ease forwards }
#bp2 .bpv-agent-card.is-active .bpv-chat-line--agent>span{ animation:bpvEnter .4s .5s ease forwards }
#bp2 .bpv-agent-card.is-active .bpv-chat-thinking{ animation:bpvThink 1.3s .55s ease forwards }
#bp2 .bpv-agent-card.is-active .bpv-chat-thinking>span{ animation:bpvDot 1s infinite ease-in-out }
#bp2 .bpv-agent-card.is-active .bpv-chat-thinking>span:nth-child(2){ animation-delay:.14s }
#bp2 .bpv-agent-card.is-active .bpv-chat-thinking>span:nth-child(3){ animation-delay:.28s }
#bp2 .bpv-agent-card.is-active .bpv-chat-line--agent>p{ animation:bpvEnter .45s 1.7s ease forwards }
/* ── COVERFLOW desktop : carte active centrée + voisins en aperçu ── */
@media (min-width:1081px){
  #bp2 .nvx-stage{ width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:34px 0 46px;min-height:660px;overflow:hidden;position:relative }
  #bp2 .nvx-track{ position:relative;display:block;width:100%;min-height:600px;transform:none }
  #bp2 .nvx-card{ position:absolute;top:0;left:50%;width:min(940px,calc(100vw - 380px));margin:0;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,0) scale(.8);transition:transform .55s cubic-bezier(.22,.61,.36,1),opacity .45s ease;z-index:1 }
  #bp2 .nvx-card.is-active{ opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0) scale(1);z-index:3;box-shadow:0 44px 96px rgba(15,23,42,.16) }
  #bp2 .nvx-card:has(+ .nvx-card.is-active){ opacity:.4;visibility:visible;z-index:2;transform:translate(-96%,0) scale(.84) }
  #bp2 .nvx-card.is-active + .nvx-card{ opacity:.4;visibility:visible;z-index:2;transform:translate(-4%,0) scale(.84) }
  #bp2 .nvx-arrow--prev{ left:max(18px,calc(50vw - 640px)) }
  #bp2 .nvx-arrow--next{ right:max(18px,calc(50vw - 640px)) }
}
/* ── mobile/tablette : une seule carte centrée, zéro vide latéral ── */
@media (max-width:1080px){
  #bp2 .bpv-agent-card{ grid-template-columns:1fr }
  #bp2 .bpv-agent-chat{ border-right:0;border-bottom:1px solid var(--bp2-line) }
  #bp2 .nvx-card{ position:absolute;top:0;left:50%;width:calc(100% - 24px);margin:0;opacity:0;visibility:hidden;pointer-events:none;transform:translateX(-50%) scale(.98) }
  #bp2 .nvx-card.is-active{ position:relative;left:auto;opacity:1;visibility:visible;pointer-events:auto;transform:none }
  #bp2 .nvx-arrow{ width:40px;height:40px;font-size:16px } #bp2 .nvx-arrow--prev{ left:4px } #bp2 .nvx-arrow--next{ right:4px }
}
@media (prefers-reduced-motion:reduce){ #bp2 .bpv-agent-card.is-active .bpv-anim,#bp2 .bpv-chat-line,#bp2 .bpv-chat-line--agent>span,#bp2 .bpv-chat-line--agent>p{ animation:none;opacity:1;transform:none } #bp2 .bpv-chat-thinking{ display:none } }
/* Cœur orchestration = LOGO Bibleo (image), pas une icône */
.bv-orb-core img{ width:50px; height:auto; display:block; }
.bv-orb-core i{ display:none; }


/* ============================================================================
   PAGES SOLUTION -v3 (template includes/pages-v3/solution-body.php)
   ============================================================================ */
.v3-feats{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.v3-feat{ background:var(--bv-card); border:1px solid var(--bv-line); border-radius:var(--bv-r-lg); padding:24px; box-shadow:var(--bv-sh-1); transition:transform .3s, box-shadow .3s; }
.v3-feat:hover{ transform:translateY(-4px); box-shadow:var(--bv-sh-2); }
.v3-feat-ic{ width:50px; height:50px; border-radius:15px; display:grid; place-items:center; color:#fff; font-size:1.3rem; background:var(--bv-grad); /*box-shadow:0 10px 22px color-mix(in srgb,var(--bv-c1) 28%,transparent)*/; }
.v3-feat h3{ font-family:var(--bv-display); font-size:1.12rem; margin:16px 0 8px; }
.v3-feat p{ color:var(--bv-soft); font-size:.92rem; line-height:1.6; }
@media(max-width:900px){ .v3-feats{ grid-template-columns:1fr 1fr; } }
@media(max-width:600px){ .v3-feats{ grid-template-columns:1fr; } }

.v3-checks{ list-style:none; margin:0; padding:0; display:grid; gap:11px; }
.v3-checks li{ display:flex; align-items:flex-start; gap:10px; font-size:.95rem; color:var(--bv-ink-2); line-height:1.5; }
.v3-checks li i{ color:var(--bv-c1); font-size:1.1rem; flex:0 0 auto; margin-top:1px; }

.v3-steps{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.v3-step{ position:relative; background:var(--bv-card); border:1px solid var(--bv-line); border-radius:var(--bv-r-lg); padding:28px; box-shadow:var(--bv-sh-1); }
.v3-step-n{ width:46px; height:46px; border-radius:14px; display:grid; place-items:center; font-family:var(--bv-display); font-weight:800; font-size:1.2rem; color:#fff; background:var(--bv-grad); box-shadow:0 10px 22px color-mix(in srgb,var(--bv-c1) 26%,transparent); }
.v3-step h3{ font-family:var(--bv-display); font-size:1.15rem; margin:16px 0 8px; }
.v3-step p{ color:var(--bv-soft); font-size:.92rem; line-height:1.6; }
@media(max-width:820px){ .v3-steps{ grid-template-columns:1fr; } }

/* Sélecteur de police (dans le widget palette) */
.bv-palette-sub{ margin:12px 0 7px; font-size:.7rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase; color:var(--bv-muted); }
.bv-sw-ab{ width:26px; height:26px; border-radius:8px; flex:0 0 26px; display:grid; place-items:center; font-weight:800; font-size:.9rem; background:var(--bv-bg); border:1px solid var(--bv-line); color:var(--bv-ink); }

/* ============================================================================
   PAGES SOLUTION -v3 : hero SPLIT + modules DÉMO uniques (1 animation par page)
   ============================================================================ */
.bv-hero-split{ display:grid; grid-template-columns:1.05fr .95fr; gap:48px; align-items:center; text-align:left; }
.bv-hero-split .bv-h1{ font-size:clamp(2rem,3.5vw,3.2rem); line-height:1.06; }
.bv-hero-split .bv-sub{ margin-left:0; margin-right:0; }
.bv-hero-split .bv-cta-row,.bv-hero-split .bv-proof{ justify-content:flex-start; }
.bv-hero-art--side{ margin:0 !important; max-width:none !important; height:auto !important; }
@media(max-width:920px){ .bv-hero-split{ grid-template-columns:1fr; gap:28px; text-align:center; } .bv-hero-split .bv-cta-row,.bv-hero-split .bv-proof{ justify-content:center; } }

@keyframes bvDemoIn{ from{ opacity:0; transform:translateY(14px); } to{ opacity:1; transform:none; } }
.bv-demo{ background:var(--bv-card); border:1px solid var(--bv-line); border-radius:var(--bv-r-lg); box-shadow:var(--bv-sh-3); padding:16px; }
.bv-demo-bar{ display:flex; align-items:center; gap:6px; padding:2px 4px 12px; border-bottom:1px solid var(--bv-line-2); margin-bottom:14px; }
.bv-demo-bar i{ width:9px; height:9px; border-radius:50%; background:#dfe6ec; } .bv-demo-bar i:nth-child(1){background:#ff5f57}.bv-demo-bar i:nth-child(2){background:#febc2e}.bv-demo-bar i:nth-child(3){background:#28c840}
.bv-demo-bar b{ margin-left:8px; font-family:var(--bv-display); font-size:.82rem; }

/* Outline (sermons) */
.bv-outline{ display:flex; flex-direction:column; gap:9px; }
.bv-ol-row{ display:flex; align-items:center; gap:12px; padding:11px 13px; border-radius:13px; border:1px solid var(--bv-line); background:var(--bv-bg); animation:bvDemoIn .5s ease both; animation-delay:calc(var(--i) * .12s); }
.bv-ol-n{ flex:0 0 30px; width:30px; height:30px; border-radius:9px; display:grid; place-items:center; font-family:var(--bv-display); font-weight:800; font-size:.85rem; color:#fff; background:var(--bv-grad); }
.bv-ol-row b{ display:block; font-size:.9rem; } .bv-ol-row small{ color:var(--bv-muted); font-size:.78rem; }
.bv-ol-foot{ display:flex; gap:8px; margin-top:4px; }
.bv-ol-foot span{ display:inline-flex; align-items:center; gap:6px; font-size:.78rem; font-weight:700; color:var(--bv-c2); background:color-mix(in srgb,var(--bv-c3) 20%,#fff); padding:6px 11px; border-radius:99px; }

/* Interlinéaire (étude) */
.bv-il{ width:100%; border-collapse:separate; border-spacing:0; font-size:.84rem; }
.bv-il th{ text-align:left; font-size:.66rem; text-transform:uppercase; letter-spacing:.04em; color:var(--bv-muted); padding:6px 10px; }
.bv-il td{ padding:9px 10px; border-top:1px solid var(--bv-line-2); }
.bv-il tbody tr{ animation:bvDemoIn .5s ease both; animation-delay:calc(var(--i) * .14s); }
.bv-il td:first-child{ font-weight:700; }
.bv-il td.o{ font-family:Georgia,serif; font-weight:700; color:#3730a3; background:#eef0ff; border-radius:7px; }
.bv-il td.p{ font-family:ui-monospace,Menlo,monospace; color:#6d28d9; font-size:.8em; }
.bv-il td.s{ font-family:ui-monospace,Menlo,monospace; color:var(--bv-muted); font-size:.8em; }
.bv-il-leg{ display:flex; gap:14px; margin-top:12px; padding-top:11px; border-top:1px solid var(--bv-line-2); font-size:.74rem; font-weight:600; color:var(--bv-soft); }
.bv-il-leg span{ display:inline-flex; align-items:center; gap:6px; } .bv-il-leg .d{ width:11px; height:11px; border-radius:4px; } .bv-il-leg .d.g{ background:#e0e7ff; } .bv-il-leg .d.p{ background:#ede9fe; } .bv-il-leg .d.s{ background:#e7edf5; }

/* Gallery (visuels) */
.bv-demo--gallery{ position:relative; min-height:320px; background:transparent; border:0; box-shadow:none; padding:0; }
.bv-gal-card{ position:absolute; border-radius:20px; box-shadow:var(--bv-sh-3); display:flex; flex-direction:column; justify-content:space-between; padding:16px; color:#fff; animation:bvDemoIn .6s ease both; animation-delay:calc(var(--i) * .15s); }
.bv-gal-card.f-11{ left:6%; top:8%; width:54%; aspect-ratio:1/1; background:linear-gradient(150deg,var(--bv-c2),var(--bv-c1)); z-index:2; }
.bv-gal-card.f-916{ right:4%; top:0; width:30%; aspect-ratio:9/16; background:linear-gradient(150deg,#7c3aed,#a78bfa); z-index:3; }
.bv-gal-card.f-169{ left:18%; bottom:2%; width:64%; aspect-ratio:16/9; background:linear-gradient(150deg,#f59e0b,#f97316); z-index:1; }
.bv-gal-tag{ align-self:flex-start; font-size:.7rem; font-weight:800; background:rgba(255,255,255,.25); padding:3px 9px; border-radius:99px; }
.bv-gal-v{ font-family:var(--bv-display); font-weight:700; font-size:.95rem; }
/* Image réelle dans la carte (remplit, coins hérités) ; scrim + z-index pour garder tag/verset lisibles */
.bv-gal-card > img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; border-radius:inherit; z-index:0; }
.bv-gal-card:has(> img)::after{ content:""; position:absolute; inset:0; border-radius:inherit; background: linear-gradient(180deg, rgba(10, 20, 40, .05), rgb(8 26 62 / 13%)); z-index:1; pointer-events:none; }
.bv-gal-card .bv-gal-tag,.bv-gal-card .bv-gal-v{ position:relative; z-index:2; text-shadow:0 1px 6px rgba(0,0,0,.35); }

/* HERO Visuels uniquement : 3 formats alignés horizontalement, même hauteur (9:16 · 1:1 · 3:4).
   Scopé à .bv-hero-art → la démo d'étape (bv-demo--gallery hors hero) garde son style superposé. */
.bv-hero-art:has(.bv-demo--gallery){ aspect-ratio:auto; height:auto; width:min(900px,96vw); }
.bv-hero-art .bv-demo--gallery{ min-height:0; display:flex; align-items:center; justify-content:center; gap:clamp(10px,1.6vw,18px); }
.bv-hero-art .bv-gal-card{ position:relative; inset:auto; left:auto; right:auto; top:auto; bottom:auto; width:auto; height:clamp(150px,36vw,340px); z-index:1; overflow:hidden; padding:14px; animation-delay:calc(var(--i) * .12s); }
.bv-hero-art .bv-gal-card.f-916{ aspect-ratio:9/16; }
.bv-hero-art .bv-gal-card.f-11{ aspect-ratio:1/1; }
.bv-hero-art .bv-gal-card.f-34{ aspect-ratio:3/4; background:linear-gradient(150deg,#f59e0b,#f97316); }

/* Storyboard (vidéos) */
.bv-demo--storyboard{ display:grid; grid-template-columns:auto 1fr; gap:16px; align-items:center; }
.bv-sb-phone{ position:relative; width:150px; aspect-ratio:9/16; border-radius:22px;background: linear-gradient(160deg, #ffffff40, #cacacb69); padding:12px; box-shadow:var(--bv-sh-2);border: 1px solid #c9c9c9;}
.bv-sb-hook{ position:absolute; top:14px; left:14px; z-index:2; font-size:.66rem; font-weight:800; color:#b91c1c; background:#fff; padding:4px 9px; border-radius:99px; }
.bv-sb-screen{ position:absolute; inset:12px; border-radius:16px; overflow:hidden; background:radial-gradient(circle at 50% 30%,rgba(255,255,255,.5),transparent 40%),linear-gradient(160deg,#1e293b,#475569); }
.bv-sb-screen video{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; border-radius:inherit; }
.bv-sb-cc{ position:absolute; bottom:18px; left:12px; right:12px; z-index:2; text-align:center; font-size:.66rem; font-weight:700; color:#fff; background:rgba(0,0,0,.4); padding:4px; border-radius:8px; }
.bv-sb-side{ display:flex; flex-direction:column; gap:9px; }
.bv-sb-timeline{ display:grid; grid-template-columns:1.2fr 1fr .8fr; gap:8px; margin-bottom:4px; }
.bv-sb-timeline span{ height:8px; border-radius:99px; background:var(--bv-line); overflow:hidden; position:relative; }
.bv-sb-timeline span::after{ content:""; position:absolute; inset:0 auto 0 0; width:0; border-radius:99px; background:var(--bv-grad); animation:bvFill 1.1s ease forwards; animation-delay:calc(var(--i) * .2s + .3s); }
.bv-sb-cut{ padding:11px 13px; border-radius:13px; border:1px solid var(--bv-line); background:var(--bv-bg); animation:bvDemoIn .5s ease both; animation-delay:calc(var(--i) * .14s); }
.bv-sb-cut b{ display:block; font-size:.85rem; } .bv-sb-cut small{ color:var(--bv-muted); font-size:.76rem; }

/* Q&A (apologétique) */
.bv-demo--qa{ display:flex; flex-direction:column; gap:11px; }
.bv-qa-head{ display:flex; align-items:center; gap:11px; padding-bottom:12px; border-bottom:1px solid var(--bv-line-2); }
.bv-qa-head img{ width:42px; height:42px; border-radius:12px; object-fit:cover; }
.bv-qa-head b{ display:block; font-family:var(--bv-display); } .bv-qa-head small{ color:var(--bv-muted); font-size:.76rem; }
.bv-qa-head .dot{ margin-left:auto; width:10px; height:10px; border-radius:50%; background:#16a34a; box-shadow:0 0 0 4px rgba(22,163,74,.14); }
.bv-qa-bub{ max-width:90%; padding:12px 15px; border-radius:15px; font-size:.88rem; line-height:1.5; animation:bvDemoIn .5s ease both; animation-delay:calc(var(--i) * .22s); }
.bv-qa-bub.user{ align-self:flex-start; background:var(--bv-bg); border:1px solid var(--bv-line-2); }
.bv-qa-bub.agent{ align-self:flex-end; background:color-mix(in srgb,var(--bv-c3) 16%,#fff); border:1px solid color-mix(in srgb,var(--bv-c1) 26%,transparent); }
.bv-qa-chips{ display:flex; gap:8px; flex-wrap:wrap; animation:bvDemoIn .5s ease both; animation-delay:calc(var(--i) * .22s); }
.bv-qa-chips span{ display:inline-flex; align-items:center; gap:6px; font-size:.78rem; font-weight:700; color:var(--bv-c2); background:color-mix(in srgb,var(--bv-c3) 18%,#fff); padding:7px 12px; border-radius:99px; }
@media (prefers-reduced-motion:reduce){ .bv-ol-row,.bv-il tbody tr,.bv-gal-card,.bv-sb-cut,.bv-qa-bub,.bv-qa-chips{ animation:none; } .bv-sb-timeline span::after{ animation:none; width:100%; } }

/* ===== Carrousel glissable (illustrations / vidéos / animations) — style heysimon ===== */
.bv-carou3{ position:relative; }
.bv-carou3-track{ display:flex; gap:20px; overflow-x:auto; scroll-snap-type:x mandatory; padding:6px max(24px,calc((100vw - var(--bv-max))/2 + 24px)) 26px; scrollbar-width:none; cursor:grab; }
.bv-carou3-track::-webkit-scrollbar{ display:none; }
.bv-carou3-track.drag{ cursor:grabbing; scroll-snap-type:none; }
.bv-carou3-card{ flex:0 0 min(340px,82vw); scroll-snap-align:center; background:var(--bv-card); border:1px solid var(--bv-line); border-radius:var(--bv-r-lg); box-shadow:var(--bv-sh-1); overflow:hidden; transition:transform .3s, box-shadow .3s; }
.bv-carou3-card:hover{ transform:translateY(-4px); box-shadow:var(--bv-sh-2); }
.bv-carou3-media{ position:relative; height:200px; display:grid; place-items:center; color:#fff; font-size:2.6rem; background:linear-gradient(150deg,var(--accent),color-mix(in srgb,var(--accent) 55%,#fff)); }
.bv-carou3-media img,.bv-carou3-media video{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; -webkit-user-drag:none; }
.bv-carou3-badge{ position:absolute; top:12px; left:12px; font-size:.66rem; font-weight:800; background:rgba(255,255,255,.28); padding:4px 10px; border-radius:99px; }
.bv-carou3-tx{ padding:16px 18px; } .bv-carou3-tx b{ display:block; font-family:var(--bv-display); font-size:1rem; } .bv-carou3-tx small{ color:var(--bv-muted); font-size:.82rem; }
.bv-carou3-arrow{ position:absolute; top:42%; z-index:5; width:46px; height:46px; border-radius:50%; background:#fff; border:1px solid var(--bv-line); box-shadow:var(--bv-sh-2); display:grid; place-items:center; cursor:pointer; font-size:1.1rem; color:var(--bv-ink); transition:.2s; }
.bv-carou3-arrow:hover{ background:var(--bv-ink); color:#fff; } .bv-carou3-arrow.prev{ left:14px; } .bv-carou3-arrow.next{ right:14px; }
@media(max-width:760px){ .bv-carou3-arrow{ display:none; } }

/* ===== Démos des "3 étapes" des pages solution (classes propres, non partagées avec index-v3) ===== */
.bv-step-demo .v3sd-prompt{ display:flex; align-items:center; gap:9px; padding:12px 14px; border-radius:13px; background:#fff; border:1px solid var(--bv-line); box-shadow:var(--bv-sh-1); font-weight:600; font-size:.86rem; }
.bv-step-demo .v3sd-prompt i{ color:var(--bv-c1); }
.bv-step-demo .v3sd-chips{ display:flex; flex-wrap:wrap; gap:8px; margin-top:11px; }
.bv-step-demo .v3sd-chips span{ display:inline-flex; align-items:center; gap:6px; padding:5px 11px; border-radius:99px; background:color-mix(in srgb,var(--bv-c3) 20%,#fff); color:var(--bv-c2); font-size:.72rem; font-weight:700; }
.bv-step-demo .v3sd-go{ align-self:flex-start; display:inline-flex; align-items:center; gap:8px; margin-top:13px; padding:10px 16px; border-radius:99px; background:var(--bv-ink); color:#fff; font-family:var(--bv-display); font-weight:700; font-size:.84rem; }
.bv-step-demo .v3sd-brand{ display:inline-flex; align-items:center; gap:9px; align-self:center; padding:9px 16px; border-radius:99px; background:#fff; border:1px solid var(--bv-line); box-shadow:var(--bv-sh-1); font-family:var(--bv-display); font-weight:800; }
.bv-step-demo .v3sd-brand img{ width:22px; height:22px; }
.bv-step-demo .v3sd-state{ display:inline-flex; align-items:center; gap:8px; align-self:center; margin-top:11px; padding:7px 13px; border-radius:99px; background:#fff; border:1px solid var(--bv-line-2); color:var(--bv-soft); font-size:.8rem; font-weight:600; }
.bv-step-demo .v3sd-agents{ display:flex; justify-content:center; margin-top:13px; }
.bv-step-demo .v3sd-agents img{ width:42px; height:42px; border-radius:12px; object-fit:cover; border:3px solid #fff; box-shadow:0 6px 14px rgba(13,33,29,.12); }
.bv-step-demo .v3sd-agents img + img{ margin-left:-12px; }
.bv-step-demo .v3sd-check{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px; width:100%; }
.bv-step-demo .v3sd-check li{ display:flex; align-items:center; gap:10px; padding:9px 13px; border-radius:11px; background:#fff; border:1px solid var(--bv-line); font-size:.84rem; font-weight:600; color:var(--bv-soft); }
.bv-step-demo .v3sd-check li i{ width:20px; height:20px; flex:0 0 20px; display:grid; place-items:center; border-radius:6px; font-size:.7rem; background:#eef2ef; color:#b9c4bf; }
.bv-step-demo .v3sd-check li.ok{ color:var(--bv-ink); } .bv-step-demo .v3sd-check li.ok i{ background:var(--bv-grad); color:#fff; }

/* ===== Sermons v3 : demos etapes ===== */
#bvf-etapes .bv-step-demo--custom{height:300px;padding:10px;justify-content:center}
#bvf-etapes .bvf-sermon-demo{width:100%;height:100%;position:relative;display:grid;place-items:center;color:var(--bv-ink)}
#bvf-etapes .bvf-start-modal{width:min(100%,520px);background:rgba(255,255,255,.96);border:1px solid var(--bv-line);border-radius:22px;box-shadow:0 18px 44px rgba(15,23,42,.13);overflow:hidden;transform:scale(.88);transform-origin:center}
#bvf-etapes .bvf-start-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--bv-line)}
#bvf-etapes .bvf-start-head>span:last-of-type{display:grid;gap:1px}
#bvf-etapes .bvf-start-head b{font-family:var(--bv-display);font-size:1rem}
#bvf-etapes .bvf-start-head small{color:var(--bv-soft);font-size:.78rem}
#bvf-etapes .bvf-start-head em{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--bv-line);color:var(--bv-soft);font-style:normal}
#bvf-etapes .bvf-start-bars{display:flex;gap:5px}
#bvf-etapes .bvf-start-bars i{width:22px;height:4px;border-radius:99px;background:#dbeafe}
#bvf-etapes .bvf-start-bars i:first-child{background:var(--bv-c1)}
#bvf-etapes .bvf-start-body{padding:18px}
#bvf-etapes .bvf-start-body h4{margin:0;font-family:var(--bv-display);font-size:1.14rem}
#bvf-etapes .bvf-start-body p{margin:4px 0 14px;color:var(--bv-soft);font-size:.82rem}
#bvf-etapes .bvf-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#bvf-etapes .bvf-choice-grid span{min-height:54px;display:grid;grid-template-columns:32px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:8px 10px;border-radius:13px;background:#fff;border:1px solid var(--bv-line)}
#bvf-etapes .bvf-choice-grid span i{grid-row:1/3;width:32px;height:32px;display:grid;place-items:center;border-radius:10px;color:#fff;background:linear-gradient(135deg,var(--bv-c1),var(--bv-c2))}
#bvf-etapes .bvf-choice-grid span b{font-size:.8rem;line-height:1.1}
#bvf-etapes .bvf-choice-grid span small{color:var(--bv-soft);font-size:.68rem;line-height:1.2}
#bvf-etapes .bvf-choice-grid .is-active{border-color:rgba(37,99,235,.35);background:rgba(37,99,235,.06)}
#bvf-etapes .bvf-start-foot{padding:12px 18px 16px;display:flex;justify-content:flex-end;border-top:1px solid var(--bv-line)}
#bvf-etapes .bvf-start-foot button{border:0;border-radius:14px;padding:11px 18px;color:#fff;font-weight:800;background:linear-gradient(135deg,var(--bv-c1),var(--bv-c2))}
#bvf-etapes .bvf-agent-hub span{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;color:#fff;font-weight:800;background:linear-gradient(135deg,#f97316,#fb923c);box-shadow:0 16px 34px rgba(249,115,22,.24)}
#bvf-etapes .bvf-agent-line{position:absolute;top:62px;left:50%;width:1px;height:34px;background:linear-gradient(#f97316,rgba(249,115,22,.08))}
#bvf-etapes .bvf-agent-cards{width:100%;max-width:520px;margin-top:42px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
#bvf-etapes .bvf-agent-cards article{position:relative;display:flex;align-items:center;gap:10px;min-height:48px;padding:8px 12px;border:1px solid var(--bv-line);border-radius:14px;background:rgba(255,255,255,.95);box-shadow:0 10px 22px rgba(15,23,42,.08)}
#bvf-etapes .bvf-agent-cards article img{width:34px;height:34px;border-radius:10px;object-fit:cover;background:#fff}
#bvf-etapes .bvf-agent-cards article b{display:block;font-size:.82rem;line-height:1}
#bvf-etapes .bvf-agent-cards article small{color:var(--bv-soft);font-size:.68rem}
#bvf-etapes .bvf-agent-cards article>span{margin-left:auto;width:8px;height:8px;border-radius:999px;background:var(--a);box-shadow:0 0 0 4px rgba(34,197,94,.1)}
#bvf-etapes .bvf-agent-cards article.is-selected{border-color:rgba(249,115,22,.45);background:linear-gradient(135deg,rgba(249,115,22,.11),#fff);animation:bvfCardSelect 2.8s ease-in-out infinite}
#bvf-etapes .bvf-agent-cards article.is-selected .bi-cursor-fill{position:absolute;right:14px;bottom:-10px;color:#f97316;transform:rotate(-14deg);filter:drop-shadow(0 6px 8px rgba(15,23,42,.18))}
#bvf-etapes .bvf-flow-status{margin-top:12px;display:flex;justify-content:center;gap:8px}
#bvf-etapes .bvf-flow-status span{padding:6px 11px;border-radius:99px;background:#fff;border:1px solid var(--bv-line);color:var(--bv-soft);font-size:.72rem;font-weight:700}
#bvf-etapes .bvf-flow-status .is-active{color:#9a3412;border-color:rgba(249,115,22,.28);background:#fff7ed}
#bvf-etapes .bvf-sermon-demo--output{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:12px;align-items:center}
#bvf-etapes .bvf-output-card{position:relative;width:100%;height:100%;min-height:220px;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.72);box-shadow:0 18px 38px rgba(15,23,42,.14);background:#fff}
#bvf-etapes .bvf-output-card img{width:100%;height:100%;object-fit:cover;display:block}
#bvf-etapes .bvf-output-card span{position:absolute;left:12px;bottom:12px;padding:7px 12px;border-radius:999px;background:rgba(15,23,42,.72);color:#fff;font-size:.74rem;font-weight:800;backdrop-filter:blur(8px)}
#bvf-etapes .bvf-output-panel{width:100%;border:1px solid var(--bv-line);border-radius:18px;padding:15px;background:rgba(255,255,255,.94);box-shadow:0 14px 30px rgba(15,23,42,.1)}
#bvf-etapes .bvf-output-panel b{font-family:var(--bv-display);font-size:1rem}
#bvf-etapes .bvf-output-panel ul{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px}
#bvf-etapes .bvf-output-panel li{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:12px;background:#f8fbff;border:1px solid var(--bv-line);font-size:.78rem;font-weight:700}
#bvf-etapes .bvf-output-panel li i{width:21px;height:21px;display:grid;place-items:center;border-radius:7px;color:#fff;background:#22c55e}
@keyframes bvfCardSelect{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@media(max-width:720px){
  #bvf-etapes .bv-step-demo--custom{height:auto;min-height:300px}
  #bvf-etapes .bvf-start-modal{transform:none}
  #bvf-etapes .bvf-choice-grid,
  #bvf-etapes .bvf-agent-cards,
  #bvf-etapes .bvf-sermon-demo--output{grid-template-columns:1fr}
  #bvf-etapes .bvf-output-card{min-height:240px}
}
/* ============================================================================
   🌙 MODE SOMBRE (opt-in via switch — html[data-bv-dark="1"])
   ============================================================================ */
html[data-bv-dark="1"] body,html[data-bv-dark="1"]{ background:#0a1526 !important; }
html[data-bv-dark="1"] .bv{
  --bv-ink:#eef4fb; --bv-ink-2:#d5e0ec; --bv-soft:#a8b8c9; --bv-muted:#7c8da0;
  --bv-bg:#0a1526; --bv-bg-soft:#0e1c31; --bv-card:#12233b;
  --bv-line:rgba(255,255,255,.10); --bv-line-2:rgba(255,255,255,.07);
  --bv-mark-ink:#06283d;
  background:var(--bv-bg); color:var(--bv-ink);
}
html[data-bv-dark="1"] .bv .bv-hero{ background:linear-gradient(180deg,#0c1a30,#0a1526); }
html[data-bv-dark="1"] .bv .bv-aurora{ opacity:.35; }
html[data-bv-dark="1"] .bv .bv-sec--soft{ background:linear-gradient(180deg,#0a1526,#0e1c31); }
html[data-bv-dark="1"] .bv .bv-app,html[data-bv-dark="1"] .bv .bv-demo,
html[data-bv-dark="1"] .bv .bv-trust,html[data-bv-dark="1"] .bv .v3-feat,
html[data-bv-dark="1"] .bv .bv-step,html[data-bv-dark="1"] .bv .bv-review,
html[data-bv-dark="1"] .bv .bv-faq details,html[data-bv-dark="1"] .bv .bv-carou3-card{ background:var(--bv-card); border-color:var(--bv-line); }
html[data-bv-dark="1"] .bv .bv-step-demo{ background:#0e1c31; border-color:var(--bv-line-2); }
html[data-bv-dark="1"] .bv .bv-eyebrow,html[data-bv-dark="1"] .bv .v3sd-prompt,
html[data-bv-dark="1"] .bv .v3sd-brand,html[data-bv-dark="1"] .bv .v3sd-state,
html[data-bv-dark="1"] .bv .v3sd-check li,html[data-bv-dark="1"] .bv .bv-ol-row,
html[data-bv-dark="1"] .bv .bv-sb-cut,html[data-bv-dark="1"] .bv .bv-qa-bub.user{ background:#16283f; border-color:var(--bv-line); color:var(--bv-ink-2); }
html[data-bv-dark="1"] .bv .bv-btn--ghost{ background:#12233b; color:var(--bv-ink); border-color:var(--bv-line); }
html[data-bv-dark="1"] .bv .bv-carou3-tx b,html[data-bv-dark="1"] .bv h1,html[data-bv-dark="1"] .bv h2,html[data-bv-dark="1"] .bv h3,html[data-bv-dark="1"] .bv h4{ color:var(--bv-ink); }
/* le menu (nc-navbar) reste clair volontairement pour rester lisible : c'est le duplicata exact de menu.php */

/* ===== Annotations manuscrites + flèches (police .tag Gloria) ===== */
.bv-note{ position:relative; display:inline-flex; align-items:center; gap:8px; font-family:var(--bv-font-gloria); font-size:1.02rem; color:var(--bv-c2); transform:rotate(-2deg); }
.bv-note .bv-note-arrow{ font-size:1.4rem; line-height:1; display:inline-block; }
.bv-note--down .bv-note-arrow{ transform:rotate(90deg); }
.bv-note--up .bv-note-arrow{ transform:rotate(-90deg); }
.bv-note--left{ flex-direction:row-reverse; } .bv-note--left .bv-note-arrow{ transform:scaleX(-1); }
.bv-note--float{ position:absolute; z-index:4; }
html[data-bv-dark="1"] .bv .bv-note{ color:var(--bv-c3); }

/* ===== Page LES AGENTS (bva-) ===== */
.bva-heroline{ position:relative; display:flex; justify-content:center; margin-top:44px; }
.bva-heroline img{ width:58px; height:58px; border-radius:18px; object-fit:cover; border:3px solid #fff; box-shadow:0 10px 24px rgba(7,23,47,.16); margin-left:-10px; animation:bvDemoIn .5s ease both; animation-delay:calc(var(--i) * 60ms); }
.bva-heroline img:first-child{ margin-left:0; }
.bva-heroline img:hover{ transform:translateY(-6px); transition:.25s; }
.bva-heroline-note{ position:absolute; right:max(12px,calc(50% - 560px)); top:-8px; }
@media(max-width:900px){ .bva-heroline img{ width:44px; height:44px; border-radius:14px; } .bva-heroline-note{ display:none; } }
.bva-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
@media(max-width:1000px){ .bva-grid{ grid-template-columns:1fr 1fr; } }
@media(max-width:640px){ .bva-grid{ grid-template-columns:1fr; } }
.bva-card{ display:flex; flex-direction:column; gap:13px; background:var(--bv-card); border:1px solid var(--bv-line); border-radius:var(--bv-r-lg); padding:22px; box-shadow:var(--bv-sh-1); border-top:3px solid var(--acc); transition:transform .3s, box-shadow .3s; }
.bva-card:hover{ transform:translateY(-5px); box-shadow:var(--bv-sh-2); }
.bva-card-head{ display:flex; align-items:center; gap:13px; }
.bva-card-head img{ width:54px; height:54px; border-radius:16px; object-fit:cover; border:2px solid #fff; box-shadow:0 0 0 2px color-mix(in srgb,var(--acc) 45%,transparent); }
.bva-card-head b{ display:block; font-family:var(--bv-display); font-size:1.08rem; }
.bva-card-head small{ display:block; color:var(--acc); font-weight:700; font-size:.82rem; }
.bva-dot{ margin-left:auto; width:10px; height:10px; border-radius:50%; background:#16a34a; box-shadow:0 0 0 4px rgba(22,163,74,.14); }
.bva-pitch{ color:var(--bv-soft); font-size:.9rem; line-height:1.55; }
.bva-livr{ list-style:none; margin:0; padding:0; display:grid; gap:7px; }
.bva-livr li{ display:flex; align-items:center; gap:9px; font-size:.85rem; font-weight:600; color:var(--bv-ink-2); }
.bva-livr li i{ color:var(--acc); font-size:.95rem; }
.bva-open{ margin-top:auto; display:flex; align-items:center; justify-content:center; gap:8px; padding:11px; border-radius:13px; font-family:var(--bv-display); font-weight:700; font-size:.88rem; color:#fff; background:var(--acc); box-shadow:0 10px 22px color-mix(in srgb,var(--acc) 30%,transparent); transition:.2s; }
.bva-open:hover{ filter:brightness(.94); transform:translateY(-1px); color:#fff; }
.bv-vlay-n i{ font-size:1rem; }
html[data-bv-dark="1"] .bv .bva-card{ background:var(--bv-card); }

/* ===== Page TARIFS (bvt-) ===== */
.bvt-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; align-items:stretch; }
@media(max-width:1100px){ .bvt-grid{ grid-template-columns:1fr 1fr; } }
@media(max-width:620px){ .bvt-grid{ grid-template-columns:1fr; } }
.bvt-card{ position:relative; display:flex; flex-direction:column; gap:10px; background:var(--bv-card); border:1px solid var(--bv-line); border-radius:var(--bv-r-lg); padding:26px 22px; box-shadow:var(--bv-sh-1); border-top:3px solid var(--acc); }
.bvt-card.is-star{ box-shadow:var(--bv-sh-3); transform:scale(1.03); border-color:color-mix(in srgb,var(--acc) 40%,var(--bv-line)); z-index:2; }
.bvt-badge{ position:absolute; top:-12px; left:50%; transform:translateX(-50%); white-space:nowrap; font-size:.7rem; font-weight:800; color:#fff; background:var(--acc); padding:4px 13px; border-radius:99px; box-shadow:0 8px 18px color-mix(in srgb,var(--acc) 35%,transparent); }
.bvt-card h3{ font-family:var(--bv-display); font-size:1.25rem; }
.bvt-tag{ color:var(--bv-muted); font-size:.82rem; min-height:2.4em; }
.bvt-price{ display:flex; align-items:baseline; gap:3px; }
.bvt-price sup{ font-size:1rem; font-weight:800; color:var(--acc); }
.bvt-price b{ font-family:var(--bv-display); font-size:2.6rem; letter-spacing:-.03em; }
.bvt-price small{ color:var(--bv-muted); font-weight:600; }
.bvt-annual{ font-size:.74rem; color:var(--bv-muted); }
.bvt-feats{ list-style:none; margin:12px 0 0; padding:14px 0 0; border-top:1px solid var(--bv-line-2); display:grid; gap:9px; flex:1; }
.bvt-feats li{ display:flex; align-items:flex-start; gap:9px; font-size:.86rem; font-weight:600; color:var(--bv-ink-2); }
.bvt-feats li i{ color:var(--acc); }
.bvt-cta{ margin-top:16px; display:flex; align-items:center; justify-content:center; gap:8px; padding:12px; border-radius:13px; font-family:var(--bv-display); font-weight:700; font-size:.9rem; color:#fff; background:var(--acc); transition:.2s; }
.bvt-cta:hover{ filter:brightness(.94); transform:translateY(-1px); color:#fff; }
.bvt-note{ text-align:center; margin-top:26px; }
html[data-bv-dark="1"] .bv .bvt-card{ background:var(--bv-card); }

/* ===== Page FAQ (bvq-) ===== */
.bvq-tabs{ display:flex; flex-wrap:wrap; justify-content:center; gap:9px; margin-bottom:30px; }
.bvq-tab{ display:inline-flex; align-items:center; gap:8px; padding:9px 16px; border-radius:99px; background:var(--bv-card); border:1px solid var(--bv-line); box-shadow:var(--bv-sh-1); cursor:pointer; font-weight:700; font-size:.86rem; color:var(--bv-ink-2); transition:.2s; }
.bvq-tab i{ color:var(--bv-c1); }
.bvq-tab:hover{ transform:translateY(-2px); }
.bvq-tab.on{ background:var(--bv-grad); color:#fff; border-color:transparent; box-shadow:0 10px 24px color-mix(in srgb,var(--bv-c1) 30%,transparent); }
.bvq-tab.on i{ color:#fff; }
.bvq-pane{ display:none; } .bvq-pane.on{ display:block; }

/* ===== Page ROADMAP (bvr-) ===== */
.bvr-phases{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
@media(max-width:960px){ .bvr-phases{ grid-template-columns:1fr; } }
.bvr-phase{ background:var(--bv-card); border:1px solid var(--bv-line); border-radius:var(--bv-r-lg); padding:24px; box-shadow:var(--bv-sh-1); }
.bvr-phase.is-done{ border-top:3px solid #16a34a; } .bvr-phase.is-now{ border-top:3px solid var(--bv-c1); box-shadow:var(--bv-sh-3); } .bvr-phase.is-next{ border-top:3px solid #f59e0b; }
.bvr-phase-head{ display:flex; align-items:center; gap:13px; margin-bottom:14px; }
.bvr-phase-badge{ width:42px; height:42px; flex:0 0 42px; border-radius:13px; display:grid; place-items:center; font-size:1.15rem; font-weight:800; color:#fff; background:var(--bv-grad); }
.bvr-phase.is-done .bvr-phase-badge{ background:linear-gradient(135deg,#16a34a,#4ade80); }
.bvr-phase.is-next .bvr-phase-badge{ background:linear-gradient(135deg,#f59e0b,#fbbf24); }
.bvr-phase-head b{ display:block; font-family:var(--bv-display); font-size:1.08rem; }
.bvr-phase-head small{ color:var(--bv-muted); font-size:.8rem; }
.bvr-prog{ position:relative; height:9px; border-radius:99px; background:var(--bv-line-2); margin-bottom:16px; }
.bvr-prog i{ position:absolute; inset:0 auto 0 0; width:var(--w,0%); border-radius:99px; background:var(--bv-grad); }
.bvr-phase.is-done .bvr-prog i{ background:linear-gradient(90deg,#16a34a,#4ade80); }
.bvr-phase.is-next .bvr-prog i{ background:linear-gradient(90deg,#f59e0b,#fbbf24); }
.bvr-prog span{ position:absolute; right:0; top:-22px; font-size:.72rem; font-weight:800; color:var(--bv-muted); }
.bvr-phase ul{ list-style:none; margin:0; padding:0; display:grid; gap:11px; }
.bvr-phase li b{ display:block; font-size:.92rem; } .bvr-phase li small{ color:var(--bv-muted); font-size:.79rem; }
html[data-bv-dark="1"] .bv .bvr-phase{ background:var(--bv-card); }
/* v3-checks : variante avec libellé gras inline */
.v3-checks li b{ color:var(--bv-ink); }

/* ===== TARIFS v2 : toggle + crédits + recharges ===== */
.bvt-hero{ padding-bottom:clamp(28px,4vw,52px); }
.bvt-toggle{ display:inline-flex; align-items:center; gap:12px; margin-top:26px; padding:10px 18px; border-radius:99px; background:var(--bv-card); border:1px solid var(--bv-line); box-shadow:var(--bv-sh-1); font-weight:700; font-size:.9rem; color:var(--bv-muted); }
.bvt-toggle span.on{ color:var(--bv-ink); }
.bvt-sw{ position:relative; width:52px; height:28px; border-radius:99px; border:0; cursor:pointer; background:var(--bv-grad); }
.bvt-sw i{ position:absolute; top:3px; left:3px; width:22px; height:22px; border-radius:50%; background:#fff; transition:.25s; box-shadow:0 2px 6px rgba(7,23,47,.25); }
.bvt-sw.y i{ left:27px; }
.bvt-save{ font-style:normal; font-size:.7rem; font-weight:800; color:#0c7d72; background:color-mix(in srgb,var(--bv-c3) 25%,#fff); padding:4px 10px; border-radius:99px; }
.bvt-credits{ display:inline-flex; align-items:center; gap:7px; margin-top:4px; padding:7px 12px; border-radius:10px; background:color-mix(in srgb,var(--acc) 10%,#fff); color:var(--acc); font-weight:800; font-size:.82rem; }
.bvt-feats li.is-strong{ font-weight:800; color:var(--bv-ink); }
.bvt-topups{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; max-width:860px; margin:0 auto; }
@media(max-width:760px){ .bvt-topups{ grid-template-columns:1fr; } }
.bvt-topup{ position:relative; display:flex; flex-direction:column; align-items:center; gap:5px; padding:26px 20px 20px; background:var(--bv-card); border:1px solid var(--bv-line); border-radius:var(--bv-r-lg); box-shadow:var(--bv-sh-1); text-align:center; }
.bvt-topup.is-best{ box-shadow:var(--bv-sh-3); border-color:color-mix(in srgb,var(--bv-c1) 35%,var(--bv-line)); }
.bvt-topup b{ font-family:var(--bv-display); font-size:2rem; }
.bvt-topup span{ font-weight:700; color:var(--bv-c2); }
.bvt-topup small{ color:var(--bv-muted); font-size:.78rem; margin-bottom:10px; }
.bvt-topup .bvt-cta{ width:100%; background:var(--bv-ink); }
html[data-bv-dark="1"] .bv .bvt-topup,html[data-bv-dark="1"] .bv .bvt-toggle{ background:var(--bv-card); }

/* ===== FIX poisson coupé (DÉFINITIF) : le dessin est ANCRÉ au bas du hero
   (bottom:0 → il ne peut plus dépasser) et le masque devient transparent
   AVANT chaque bord de coupe (bas du hero + bords du viewport à ±50vw < 63vw). */
.bv-draw{ height:auto; bottom:0;
  -webkit-mask-image:radial-gradient(46% 66% at 50% 32%,#000 0,#000 52%,transparent 76%);
  mask-image:radial-gradient(46% 66% at 50% 32%,#000 0,#000 52%,transparent 76%);
  -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; }

/* ===== Marquee heysimon : bande défilante infinie ===== */
.bv-marq3{ overflow:hidden; padding:18px 0; border-block:1px solid var(--bv-line); background:var(--bv-card); }
.bv-marq3-track{ display:flex; gap:44px; width:max-content; animation:bvMarq3 30s linear infinite; }
.bv-marq3 span{ display:inline-flex; align-items:center; gap:44px; white-space:nowrap; font-family:var(--bv-display); font-weight:700; font-size:1.15rem; color:var(--bv-ink-2); }
.bv-marq3 i{ color:var(--bv-c1); font-size:.8em; }
@keyframes bvMarq3{ to{ transform:translateX(-50%); } }
.bv-marq3:hover .bv-marq3-track{ animation-play-state:paused; }
@media(prefers-reduced-motion:reduce){ .bv-marq3-track{ animation:none; } }

/* ===== Avatars heroline : fond pastel PAR AGENT (comme le dashboard) ===== */
.bva-heroline img{ background:var(--ab,#eef4fb); padding:4px; }

/* ===== VARIANTES DE HERO (chaque page a la sienne) ===== */
/* Manifesto (ia-selon) : déclaration sobre, filet + grandes guillemets, sans poisson */
.bv-hero--manifesto .bv-draw,.bv-hero--manifesto .bv-aurora{ display:none; }
.bv-hero--manifesto{ background:linear-gradient(180deg,#fff,var(--bv-bg)); }
.bv-hero--manifesto .bv-hero-in::after{ content:""; display:block; width:88px; height:4px; border-radius:99px; background:var(--bv-grad); margin:34px auto 0; }
/* Ink (investir) : bande sombre couleur footer, texte blanc */
.bv-hero--ink{ color:#fff; background:radial-gradient(circle at 5% 0,rgba(16,191,242,.28),transparent 35%),radial-gradient(circle at 100% 100%,rgba(230,169,54,.14),transparent 30%),#07172f; }
.bv-hero--ink .bv-aurora{ opacity:.25; }
.bv-hero--ink .bv-draw{ opacity:.5; }
.bv-hero--ink .bv-h1,.bv-hero--ink .hs-title{ color:#fff; }
.bv-hero--ink .bv-sub{ color:rgba(255,255,255,.82); }
.bv-hero--ink .bv-eyebrow{ background:rgba(255,255,255,.1); border-color:rgba(255,255,255,.22); color:#fff; }
.bv-hero--ink .bv-btn--ghost{ color:#fff; border-color:rgba(255,255,255,.4); background:transparent; }
/* Grid (roadmap) : trame de construction en fond */
.bv-hero--grid .bv-draw{ display:none; }
.bv-hero--grid{ background-image:linear-gradient(color-mix(in srgb,var(--bv-c1) 7%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--bv-c1) 7%,transparent) 1px,transparent 1px); background-size:44px 44px; }
.bv-hero--grid .bv-hero-in{ position:relative; }
/* Min (faq) : compact, filigrane « ? » géant */
.bv-hero--min .bv-draw,.bv-hero--min .bv-aurora{ display:none; }
.bv-hero--min{ position:relative; background:linear-gradient(180deg,color-mix(in srgb,var(--bv-c3) 14%,#fff),var(--bv-bg)); }
.bv-hero--min::after{ content:"?"; position:absolute; right:4%; bottom:-10%; font-family:var(--bv-display); font-weight:800; font-size:clamp(12rem,26vw,24rem); line-height:1; color:color-mix(in srgb,var(--bv-c1) 9%,transparent); pointer-events:none; }
html[data-bv-dark="1"] .bv .bv-hero--manifesto,html[data-bv-dark="1"] .bv .bv-hero--min,html[data-bv-dark="1"] .bv .bv-hero--grid{ background:var(--bv-bg); }

/* ============================================================================
   HS3 — composants signature heysimon (adaptés au thème BLEU Bibleo)
   ============================================================================ */
/* — Avatar inline dans le H1 (« Ajoutez un ⬤ designer… ») — */
.hs3-h1av{ display:inline-block; width:.92em; height:.92em; border-radius:50%; object-fit:cover; vertical-align:-.1em; border:3px solid #fff; box-shadow:0 8px 22px rgba(7,23,47,.22); background:var(--ab,#dbeafe); margin:0 .04em; }
/* — Pill marqueur (mot surligné en « étiquette » arrondie) — */
.hs3-pill{ font-size: 0.92em;
    color: var(--bv-mark-ink);
    line-height: 1.1;
    display: inline-block;
    box-shadow: var(--bv-sh-2);
    transform: rotate(-2deg);
    padding: 0.06em 0.26em;
    border-radius: 0.34em;
    background: var(--bv-mark-grad);
    border-width: 0.08em;
    border-style: solid;
    border-color: rgb(255, 255, 255);
    border-image: initial; }
.hs3-pill--light{ background:#fff; color:var(--bv-c2) !important; box-shadow:0 16px 38px rgba(7,23,47,.16); }
/* — Chips flottants avec nom d'agent (Piotr / Juliette) — */
.hs3-chip{ position:absolute; z-index:6; display:inline-flex; align-items:center; gap:9px; padding:7px 16px 7px 8px; border-radius:18px; background:var(--chipbg,#eaf6ff); border:2px solid #fff; box-shadow:0 14px 30px rgba(7,23,47,.16); font-family:var(--bv-display); font-weight:800; font-size:.95rem; color:#0b1526; animation:hs3Float 5.5s ease-in-out infinite; animation-delay:var(--fd,0s); }
.hs3-chip img{ width:34px; height:34px; border-radius:50%; object-fit:cover; background:#fff; }
.hs3-chip::before{ content:""; position:absolute; top:-10px; left:-4px; width:0; height:0; border:9px solid transparent; border-bottom-color:var(--chipbg,#eaf6ff); transform:rotate(24deg); }
.hs3-chip--r::before{ left:auto; right:-4px; transform:rotate(-24deg) scaleX(-1); }
@keyframes hs3Float{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(-9px); } }
@media(max-width:1100px){ .hs3-chip{ display:none; } }
/* — Étapes inline « 1. Briefez | 2. Recevez | 3. Recommencez » — */
.hs3-steps{ display:flex; justify-content:center; margin:28px auto 0; flex-wrap:wrap; row-gap:8px; }
.hs3-steps span{ display:inline-flex; align-items:center; gap:9px; padding:6px 22px; font-family:var(--bv-display); font-weight:800; font-size:1rem; }
.hs3-steps span + span{ border-left:1.5px solid var(--bv-line); }
.hs3-steps i{ display:grid; place-items:center; width:26px; height:26px; border-radius:8px; background:color-mix(in srgb,var(--bv-c1) 12%,#fff); color:var(--bv-c1); font-size:.9rem; }
.hs3-steps small{ font-weight:600; color:var(--bv-muted); font-size:.92em; }
/* — Rangée de preuves « 4167 contenus livrés | 98% » — */
.hs3-proof{ display:flex; justify-content:center; gap:30px; margin-top:24px; flex-wrap:wrap; font-weight:700; color:var(--bv-ink-2); }
.hs3-proof span{ display:inline-flex; align-items:center; gap:9px; }
.hs3-proof i{ color:var(--bv-c1); }
/* — Trio de grandes cartes pastel (« Concrètement… ») — */
.hs3-trio{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
@media(max-width:960px){ .hs3-trio{ grid-template-columns:1fr; } }
.hs3-trio article{ border-radius:28px; padding:24px 24px 26px; background:var(--tbg,#eaf3ff); color:#0b1526; display:flex; flex-direction:column; gap:8px; min-height:330px; }
.hs3-trio .hs3-art{ flex:1; display:grid; place-items:center; min-height:170px; margin-bottom:12px; }
.hs3-trio h3{ font-family:var(--bv-display); font-size:1.12rem; color:#0b1526; }
.hs3-trio p{ font-size:.92rem; line-height:1.55; color:rgba(11,21,38,.72); }
/* — 4 mini-cartes blanches — */
.hs3-minis{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-top:18px; }
@media(max-width:960px){ .hs3-minis{ grid-template-columns:1fr 1fr; } }
@media(max-width:560px){ .hs3-minis{ grid-template-columns:1fr; } }
.hs3-minis article{ background:var(--bv-card); border:1px solid var(--bv-line); border-radius:18px; padding:17px 18px; box-shadow:var(--bv-sh-1); }
.hs3-minis b{ display:flex; align-items:center; gap:9px; font-family:var(--bv-display); font-size:.96rem; margin-bottom:5px; }
.hs3-minis b i{ color:var(--bv-c1); }
.hs3-minis p{ color:var(--bv-soft); font-size:.85rem; line-height:1.5; }
/* — Chips services + badge délai (« Branding 4-5 jours ») — */
.hs3-serv{ display:flex; flex-wrap:wrap; justify-content:center; gap:12px; max-width:1320px; margin:0 auto; }
.hs3-serv span{ display:inline-flex; align-items:center; gap:10px; padding:8px 9px 8px 15px; border-radius:15px; background:var(--bv-card); border:1px solid var(--bv-line); box-shadow:var(--bv-sh-1); font-family:var(--bv-display); font-weight:800; font-size:.92rem; transition:transform .2s; }
.hs3-serv span:hover{ transform:translateY(-3px); }
.hs3-serv span>i{ color:var(--sc,var(--bv-c1)); }
.hs3-serv em{ font-style:normal; font-size:.72rem; font-weight:800; padding:5px 10px; border-radius:9px; background:color-mix(in srgb,var(--sc,var(--bv-c1)) 13%,#fff); color:color-mix(in srgb,var(--sc,var(--bv-c1)) 78%,#000); white-space:nowrap; }
.hs3-serv .hs3-serv-more{ background:var(--bv-ink); color:#fff; border-color:transparent; }
/* — Démo animée du dashboard (file de demandes → livraison) — */
.hs3-app{ display:grid; grid-template-columns:1.02fr .98fr; gap:22px; align-items:stretch; max-width:1320px; margin:0 auto; }
@media(max-width:900px){ .hs3-app{ grid-template-columns:1fr; } }
.hs3-app-card{ background:var(--bv-card); border:1px solid var(--bv-line); border-radius:24px; box-shadow:var(--bv-sh-2); padding:18px; display:flex; flex-direction:column; gap:11px; }
.hs3-q-head{ display:flex; align-items:center; gap:10px; font-family:var(--bv-display); font-weight:800; padding-bottom:11px; border-bottom:1px solid var(--bv-line-2); }
.hs3-q-head i{ color:var(--bv-c1); }
.hs3-q-head em{ font-style:normal; margin-left:auto; font-size:.72rem; font-weight:800; color:#fff; background:var(--bv-grad); padding:4px 11px; border-radius:99px; }
.hs3-q-item{ display:flex; align-items:center; gap:12px; padding:11px 13px; border-radius:15px; border:1px solid var(--bv-line); background:var(--bv-bg); animation:bvDemoIn .5s ease both; animation-delay:calc(var(--i) * .16s); }
.hs3-q-item img{ width:38px; height:38px; border-radius:11px; object-fit:cover; background:var(--ab,#dbeafe); padding:2px; }
.hs3-q-item .tx{ flex:1; min-width:0; } .hs3-q-item b{ display:block; font-size:.88rem; } .hs3-q-item small{ color:var(--bv-muted); font-size:.74rem; }
.hs3-q-bar{ position:relative; flex:0 0 74px; height:8px; border-radius:99px; background:var(--bv-line-2); overflow:hidden; }
.hs3-q-bar i{ position:absolute; inset:0 auto 0 0; border-radius:99px; background:var(--bv-grad); animation:hs3Fill 3.4s ease-in-out infinite; animation-delay:var(--bd,0s); }
@keyframes hs3Fill{ 0%{ width:10%; } 62%{ width:var(--w,80%); } 100%{ width:var(--w,80%); } }
.hs3-q-done{ flex:0 0 auto; display:inline-flex; align-items:center; gap:6px; font-size:.72rem; font-weight:800; color:#0c7d3f; background:#e7f8ee; padding:5px 11px; border-radius:99px; }
.hs3-liv-bub{ max-width:94%; padding:12px 15px; border-radius:16px; font-size:.88rem; line-height:1.5; background:color-mix(in srgb,var(--bv-c3) 15%,#fff); border:1px solid color-mix(in srgb,var(--bv-c1) 22%,transparent); animation:bvDemoIn .5s ease both; animation-delay:.3s; }
.hs3-liv-file{ display:flex; align-items:center; gap:10px; padding:11px 13px; border-radius:14px; border:1px dashed color-mix(in srgb,var(--bv-c1) 40%,transparent); background:var(--bv-bg); font-weight:700; font-size:.85rem; animation:bvDemoIn .5s ease both; animation-delay:.55s; }
.hs3-liv-file i{ color:var(--bv-c1); font-size:1.2rem; }
.hs3-liv-file small{ margin-left:auto; color:var(--bv-muted); font-weight:600; }
.hs3-liv-btn{ display:flex; align-items:center; justify-content:center; gap:9px; padding:12px; border-radius:14px; font-family:var(--bv-display); font-weight:800; color:#fff; background:var(--bv-grad); box-shadow:0 12px 26px color-mix(in srgb,var(--bv-c1) 30%,transparent); animation:hs3Pulse 2.6s ease-in-out infinite; }
@keyframes hs3Pulse{ 0%,100%{ transform:scale(1); } 50%{ transform:scale(1.03); } }
.hs3-app-foot{ display:flex; align-items:center; gap:10px; margin-top:auto; padding-top:11px; border-top:1px solid var(--bv-line-2); font-size:.8rem; color:var(--bv-muted); font-weight:600; }
.hs3-typing{ display:inline-flex; gap:4px; } .hs3-typing i{ width:6px; height:6px; border-radius:50%; background:var(--bv-c1); animation:hs3Type 1.2s ease-in-out infinite; animation-delay:calc(var(--i) * .18s); }
@keyframes hs3Type{ 0%,100%{ opacity:.25; transform:translateY(0);} 50%{ opacity:1; transform:translateY(-3px);} }
/* — Marquee d'IMAGES (rangées portfolio heysimon) — */
.hs3-imarq{ overflow:hidden; padding:10px 0; }
.hs3-imarq + .hs3-imarq{ margin-top:6px; }
.hs3-imarq-track{ display:flex; gap:18px; width:max-content; animation:bvMarq3 52s linear infinite; }
.hs3-imarq--rev .hs3-imarq-track{ animation-direction:reverse; }
.hs3-imarq:hover .hs3-imarq-track{ animation-play-state:paused; }
.hs3-imarq img,.hs3-imarq video{ height:220px; width:auto; border-radius:18px; object-fit:cover; box-shadow:var(--bv-sh-1); border:1px solid var(--bv-line); }
@media(max-width:760px){ .hs3-imarq img,.hs3-imarq video{ height:150px; } }
@media(prefers-reduced-motion:reduce){ .hs3-imarq-track{ animation:none; } }
/* — Section SOMBRE à onglets d'audience (« Comme eux… ») — */
.hs3-dark{ position:relative; color:#fff; background:radial-gradient(circle at 8% 0,rgba(16,191,242,.25),transparent 38%),radial-gradient(circle at 96% 100%,rgba(230,169,54,.12),transparent 32%),#07172f; padding:clamp(54px,7vw,96px) 0; overflow:hidden; }
.hs3-dark .bv-h2,.hs3-dark h2,.hs3-dark h3{ color:#fff; }
.hs3-dark .bv-lead{ color:rgba(255,255,255,.78); }
.hs3-dark .bv-kicker{ background:rgba(255,255,255,.09); border-color:rgba(255,255,255,.2); color:#fff; }
.hs3-dark .bvq-tab{ background:rgba(255,255,255,.07); color:#fff; border-color:rgba(255,255,255,.16); box-shadow:none; }
.hs3-dark .bvq-tab i{ color:var(--bv-c3); }
.hs3-dark .bvq-tab.on{ background:var(--bv-grad); border-color:transparent; }
.hs3-aud{ display:grid; grid-template-columns:.95fr 1.05fr; gap:26px; align-items:stretch; margin-top:8px; }
@media(max-width:920px){ .hs3-aud{ grid-template-columns:1fr; } }
.hs3-quote{ position:relative; border:1.5px solid rgba(121,222,201,.55); border-radius:6px; background:rgba(255,255,255,.04); padding:26px 26px 22px;transform: rotate(-2deg); }
.hs3-quote::before,.hs3-quote::after{ content:""; position:absolute; width:10px; height:10px; background:#fff; border:1.5px solid rgba(121,222,201,.9); border-radius:2px; }
.hs3-quote::before{ top:-6px; left:-6px; } .hs3-quote::after{ bottom:-6px; right:-6px; }
.hs3-quote .stars{ color:#79dec9; letter-spacing:3px; margin-bottom:13px; display:block; }
.hs3-quote p{ color:rgba(255,255,255,.88); line-height:1.65; font-size:.96rem; }
.hs3-quote footer{ display:flex; align-items:center; gap:11px; margin-top:17px; font-weight:700; }
.hs3-quote footer img{ width:40px; height:40px; border-radius:50%; object-fit:cover; background:var(--ab,#dbeafe); padding:2px; border:2px solid rgba(255,255,255,.35); }
.hs3-quote footer small{ display:block; color:rgba(255,255,255,.6); font-weight:600; }
.hs3-aud-panel{ border-radius:22px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.1); padding:22px; display:flex; flex-direction:column; gap:11px; }
.hs3-aud-panel h3{ font-family:var(--bv-display); font-size:1.14rem; }
.hs3-aud-panel ul{ list-style:none; margin:0; padding:0; display:grid; gap:9px; }
.hs3-aud-panel li{ display:flex; align-items:flex-start; gap:10px; color:rgba(255,255,255,.85); font-size:.92rem; line-height:1.5; }
.hs3-aud-panel li i{ color:#79dec9; margin-top:2px; }
.hs3-aud-pane{ display:none; } .hs3-aud-pane.on{ display:grid; }
/* — Grande BANDE finale arrondie (façon bande menthe heysimon) — */
.hs3-band-wrap{ padding:0 clamp(10px,1.6vw,26px) clamp(16px,2vw,30px); }
/* CTA final : fond TRANSPARENT (laisse la couleur du body/main), texte noir + accents bleus */
.hs3-band{ position:relative; overflow:hidden; border-radius:38px; color:var(--bv-ink); text-align:center; padding:clamp(52px,7vw,96px) 22px; background:transparent; }
/* filigrane poisson très discret */
.hs3-band::before{
    content:"";
    position:absolute;
    left:-2%;
    bottom:-50%;
    width:1320px;
    height:1080px;
    background:url("/assets/img/bibleo-fish-pain-2.svg") no-repeat center;
    background-size:contain;
    opacity:.035;
    pointer-events:none;
    transform: rotate(0deg);
    background-size: 80%;* réduit uniquement le SVG */
}
.hs3-band h2{ font-family:var(--bv-display); font-weight:800; letter-spacing:-.03em; font-size:clamp(2.1rem,5vw,3.9rem); line-height:1.06; max-width:20ch; margin:0 auto 14px; color:var(--bv-ink); }
.hs3-band .hs3-pill--light{ background:var(--bv-mark-grad); color:var(--bv-mark-ink) !important; box-shadow:var(--bv-sh-2); } /* pastille = bleu pastel sur fond clair */
.hs3-band .bv-sub{ color:var(--bv-soft); }
.hs3-band .hs3-steps span + span{ border-color:var(--bv-line); }
.hs3-band .hs3-steps i{ background:color-mix(in srgb,var(--bv-c1) 14%,#fff); color:var(--bv-c2); } /* icône = fond bleu pastel + bleu foncé */
.hs3-band .hs3-steps small{ color:var(--bv-soft); }
.hs3-band .hs3-proof{ color:var(--bv-ink-2); } .hs3-band .hs3-proof i{ color:var(--bv-c1); }
.hs3-band .bv-btn--main{ background:#07172f; box-shadow:0 18px 40px rgba(7,23,47,.4); } /* bouton 1 conservé */
.hs3-band .bv-btn--ghost{ color:var(--bv-c2); border-color:color-mix(in srgb,var(--bv-c1) 45%,transparent); background:transparent; } /* bouton 2 = contour + icône bleus */
.hs3-band .bv-btn--ghost:hover{ border-color:var(--bv-c1); background:color-mix(in srgb,var(--bv-c1) 8%,transparent); color:var(--bv-c2); }
/* — Carte sombre FAQ (« Vous avez encore des questions ? ») — */
.hs3-faqcard{ position:relative; overflow:hidden; max-width:760px; margin:36px auto 0; border-radius:26px; background:#07172f; color:#fff; padding:30px 30px 26px; }
.hs3-faqcard::after{ content:""; position:absolute; right:-30px; top:-42px; width:190px; height:190px; background:radial-gradient(circle,rgba(16,191,242,.35),transparent 65%); }
.hs3-faqcard h3{ font-family:var(--bv-display); font-size:1.5rem; margin-bottom:6px; color:#fff; }
.hs3-faqcard p{ color:rgba(255,255,255,.72); margin-bottom:18px; }
.hs3-faqbtn{ display:flex; align-items:center; justify-content:center; gap:10px; width:100%; padding:15px; border-radius:16px; font-family:var(--bv-display); font-weight:800; font-size:1rem; color:#06283d; background:linear-gradient(135deg,#8fe3ff,#79dec9); box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.5),0 14px 30px rgba(121,222,201,.25); transition:.2s; }
.hs3-faqbtn:hover{ transform:translateY(-2px); color:#06283d; }
/* — Barres de coûts (investir) — */
.hs3-cost{ display:grid; gap:14px; }
.hs3-cost article{ display:flex; gap:14px; align-items:flex-start; background:var(--bv-card); border:1px solid var(--bv-line); border-radius:18px; padding:16px 18px; box-shadow:var(--bv-sh-1); }
.hs3-cost .ic{ flex:0 0 44px; width:44px; height:44px; border-radius:13px; display:grid; place-items:center; background:color-mix(in srgb,var(--bv-c1) 11%,#fff); color:var(--bv-c1); font-size:1.15rem; }
.hs3-cost .bx{ flex:1; } .hs3-cost .bx>div{ display:flex; justify-content:space-between; align-items:baseline; gap:10px; }
.hs3-cost h3{ font-family:var(--bv-display); font-size:.98rem; } .hs3-cost strong{ color:var(--bv-c2); }
.hs3-cost p{ color:var(--bv-soft); font-size:.84rem; margin:3px 0 9px; }
.hs3-cost .trk{ position:relative; height:8px; border-radius:99px; background:var(--bv-line-2); overflow:hidden; display:block; }
.hs3-cost .trk i{ position:absolute; inset:0 auto 0 0; width:var(--p,50%); border-radius:99px; background:var(--bv-grad); }
/* — Ligne IBAN + copie — */
.hs3-iban{ display:flex; align-items:center; gap:14px; flex-wrap:wrap; margin-top:22px; background:var(--bv-card); border:1px dashed color-mix(in srgb,var(--bv-c1) 40%,transparent); border-radius:18px; padding:16px 18px; }
.hs3-iban>i{ font-size:1.5rem; color:var(--bv-c1); }
.hs3-iban b{ display:block; } .hs3-iban small{ color:var(--bv-muted); }
.hs3-iban code{ margin-left:auto; font-weight:700; background:var(--bv-bg); border:1px solid var(--bv-line); border-radius:10px; padding:8px 13px; color:var(--bv-ink); }
.hs3-iban button{ display:inline-flex; align-items:center; gap:7px; border:0; border-radius:11px; padding:9px 15px; background:var(--bv-ink); color:#fff; font-weight:700; cursor:pointer; }
@media(max-width:760px){ .hs3-iban code{ margin-left:0; width:100%; overflow:auto; } }
/* — Cartes de vote (roadmap) — */
.hs3-votes{ display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
@media(max-width:960px){ .hs3-votes{ grid-template-columns:1fr 1fr; } }
@media(max-width:560px){ .hs3-votes{ grid-template-columns:1fr; } }
.hs3-vote{ display:flex; align-items:center; gap:12px; background:var(--bv-card); border:1px solid var(--bv-line); border-radius:16px; padding:14px 16px; box-shadow:var(--bv-sh-1); cursor:pointer; transition:transform .18s,border-color .18s; }
.hs3-vote:hover{ transform:translateY(-2px); border-color:color-mix(in srgb,var(--bv-c1) 35%,var(--bv-line)); }
.hs3-vote>i{ font-size:1.25rem; color:var(--bv-c1); }
.hs3-vote b{ display:block; font-size:.9rem; line-height:1.25; } .hs3-vote small{ color:var(--bv-muted); font-size:.76rem; }
.hs3-vote .chk{ margin-left:auto; color:var(--bv-c1); opacity:0; transition:.15s; }
.hs3-vote.voted{ border-color:color-mix(in srgb,var(--bv-c1) 45%,var(--bv-line)); background:color-mix(in srgb,var(--bv-c1) 5%,var(--bv-card)); }
.hs3-vote.voted .chk{ opacity:1; }
/* — Avant / Après — */
.hs3-ba{ display:grid; grid-template-columns:1fr auto 1fr; gap:16px; align-items:stretch; }
@media(max-width:760px){ .hs3-ba{ grid-template-columns:1fr; } .hs3-ba .arr{ transform:rotate(90deg); } }
.hs3-ba article{ background:var(--bv-card); border:1px solid var(--bv-line); border-radius:20px; padding:20px 22px; box-shadow:var(--bv-sh-1); }
.hs3-ba article.aft{ border-color:color-mix(in srgb,var(--bv-c1) 35%,var(--bv-line)); background:color-mix(in srgb,var(--bv-c1) 4%,var(--bv-card)); }
.hs3-ba article>span{ display:inline-block; font-size:.72rem; font-weight:800; text-transform:uppercase; letter-spacing:.06em; padding:4px 11px; border-radius:99px; background:var(--bv-line-2); margin-bottom:11px; }
.hs3-ba article.aft>span{ background:var(--bv-grad); color:#fff; }
.hs3-ba ul{ list-style:none; margin:0; padding:0; display:grid; gap:8px; }
.hs3-ba li{ display:flex; gap:9px; align-items:flex-start; font-size:.9rem; color:var(--bv-ink-2); }
.hs3-ba li i{ margin-top:2px; color:var(--bv-muted); } .hs3-ba .aft li i{ color:var(--bv-c1); }
.hs3-ba .arr{ align-self:center; display:grid; place-items:center; width:44px; height:44px; border-radius:50%; background:var(--bv-grad); color:#fff; font-size:1.2rem; box-shadow:var(--bv-sh-2); }
/* — Filtres (réalisations) — */
.hs3-filters{ display:flex; flex-wrap:wrap; justify-content:center; gap:9px; margin-bottom:28px; }
/* — Dark-mode ajustements HS3 — */
html[data-bv-dark="1"] .bv .hs3-minis article,html[data-bv-dark="1"] .bv .hs3-serv span,
html[data-bv-dark="1"] .bv .hs3-app-card,html[data-bv-dark="1"] .bv .hs3-cost article,
html[data-bv-dark="1"] .bv .hs3-vote,html[data-bv-dark="1"] .bv .hs3-ba article,
html[data-bv-dark="1"] .bv .hs3-iban{ background:var(--bv-card); border-color:var(--bv-line); }
html[data-bv-dark="1"] .bv .hs3-q-item,html[data-bv-dark="1"] .bv .hs3-liv-file{ background:#16283f; border-color:var(--bv-line); }
html[data-bv-dark="1"] .bv .hs3-serv em{ background:rgba(255,255,255,.1); color:var(--bv-c3); }

/* ============================================================================
   HS3.1 — retouches (flèches manuscrites, chips, kicker, titres, animations)
   ============================================================================ */
/* — Kicker : respiration sous le badge (type mb-4) — */
.bv .bv-kicker{ margin-bottom:1.5rem; }
/* — bv-lead toujours centré dans les têtes de section centrées — */
.bv .bv-head:not(.bv-head--split) .bv-lead{ text-align:center; margin-left:auto; margin-right:auto; }
/* — Saut de ligne contrôlé dans le hero flex (titre = 2 lignes max) — */
.bv .hero_heading .lb{ flex-basis:100%; height:0; }
/* — Flèches manuscrites orientables (fl1 ↗ · fl2 ↖ · fl3 ↘ · fl4 ↙) — */
.bv-fl{ display:inline-block; width:32px; height:28px; flex:0 0 auto; background:currentColor;
  -webkit-mask:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 36'%3E%3Cpath d='M5 32 C7 20 16 9 31 7' fill='none' stroke='%23000' stroke-width='3.4' stroke-linecap='round'/%3E%3Cpath d='M24 3 L32.5 6.5 L27 14' fill='none' stroke='%23000' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 36'%3E%3Cpath d='M5 32 C7 20 16 9 31 7' fill='none' stroke='%23000' stroke-width='3.4' stroke-linecap='round'/%3E%3Cpath d='M24 3 L32.5 6.5 L27 14' fill='none' stroke='%23000' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat; }
.bv-fl.fl1{ transform:none; }             /* pointe en haut à droite */
.bv-fl.fl2{ transform:scaleX(-1); }       /* pointe en haut à gauche */
.bv-fl.fl3{ transform:scaleY(-1); }       /* pointe en bas à droite */
.bv-fl.fl4{ transform:scale(-1,-1); }     /* pointe en bas à gauche */
.bv-note .bv-fl{ width:42px; height:37px; }
/* — Chips agents : texte FONCÉ sur pastel + pointeur bordé blanc orienté vers le centre — */
.hs3-chip{ color:var(--chiptx,#0b1526); }
.hs3-chip::before{ content:""; position:absolute; width:14px; height:14px; background:var(--chipbg,#eaf6ff);
  border:2px solid #fff; border-radius:3px; top:50%; margin-top:-8px; left:auto; right:-7px;
  transform:rotate(45deg); z-index:-1; }
.hs3-chip--r::before{ right:auto; left:-7px; transform:rotate(45deg); }
/* — Barres de progression animées (roadmap / investir / démos) — */
@keyframes hs3Prog{ from{ width:6%; } }
.bvr-prog i{ animation:hs3Prog 1.6s ease both; }
.hs3-cost .trk i{ animation:hs3Prog 1.5s ease both; }
@media(prefers-reduced-motion:reduce){ .bvr-prog i,.hs3-cost .trk i{ animation:none; } }
/* HS3.2 — hero ink : titre blanc (specificite) + cartes claires lisibles dedans */
.bv .bv-hero--ink .hs-title.hero_heading{ color:#fff; }
.bv .bv-hero--ink .hs3-app-card{ color:var(--bv-ink); }
/* HS3.3 — manifesto + split : les decorations ne doivent pas devenir des cellules de grille */
.bv .bv-hero--manifesto .bv-hero-in.bv-hero-split{ position:relative; }
.bv .bv-hero--manifesto .bv-hero-in.bv-hero-split::before{ position:absolute; left:0; top:-30px; margin:0; }
.bv .bv-hero--manifesto .bv-hero-in.bv-hero-split::after{ display:none; }
/* HS3.4 — heros SPLIT : taille de titre adaptee (2 lignes max), alignement gauche */
.bv .bv-hero-split .hs-title.hero_heading{ font-size:clamp(2.1rem,3.4vw,3.3rem); justify-content:flex-start; }
.bv .bv-hero-split .heading_img_wrap{ width:64px; min-width:64px; height:54px; min-height:54px; }
.bv .bv-hero-split .hs3-h1av{ width:.82em; height:.82em; }

/* ============================================================================
   HS3.5 — largeur bandes, boutons 15px, cartes agents ton-sur-ton, flèches chips,
   étapes solutions réalistes, flow pleine largeur index, orchestration stable
   ============================================================================ */
/* — Bande finale : même largeur que le contenu (bv-wrap) — */
.hs3-band-wrap{ max-width:var(--bv-max,1200px); margin-inline:auto; }
/* — TOUS les boutons du site (hors menu/footer) : border-radius 15px — */
.bv .bv-btn,.bv .bvt-cta,.bv .bva-open,.bv .hs3-liv-btn,.bv .hs3-faqbtn,
.bv .v3sd-go,.bv .bv-dash-btn,.bv .bpv-agent-chat__link,.bv .hsq-chip,
.bv .plan-cta,.bv .hs3-iban button{ border-radius:15px; }
/* — Cartes agents (les-agents) : ton sur ton comme réalisations / hs3-serv — */
.bv .bva-card{ background:color-mix(in srgb,var(--acc) 6%,#fff); border-color:color-mix(in srgb,var(--acc) 24%,var(--bv-line)); }
.bv .bva-card:hover{ background:color-mix(in srgb,var(--acc) 9%,#fff); }
.bv .bva-livr li i{ color:color-mix(in srgb,var(--acc) 78%,#000); }
.bv .bva-open{ background:color-mix(in srgb,var(--acc) 14%,#fff); color:color-mix(in srgb,var(--acc) 70%,#000); box-shadow:none; border:1px solid color-mix(in srgb,var(--acc) 30%,transparent); }
.bv .bva-open:hover{ background:color-mix(in srgb,var(--acc) 22%,#fff); color:color-mix(in srgb,var(--acc) 70%,#000); filter:none; transform:translateY(-1px); }
html[data-bv-dark="1"] .bv .bva-card{ background:var(--bv-card); border-color:var(--bv-line); }
html[data-bv-dark="1"] .bv .bva-open{ background:rgba(255,255,255,.08); color:var(--acc); }
/* — Chips agents : VRAIE flèche manuscrite vers le bas, orientée vers le centre — */
.hs3-chip::before{ content:""; position:absolute; top:auto; bottom:-27px; left:10px; right:auto; margin:0; width:26px; height:23px;
  border:0; border-radius:0; background:var(--chiptx,#0b1526); transform:scaleY(-1); z-index:2;
  -webkit-mask:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 36'%3E%3Cpath d='M5 32 C7 20 16 9 31 7' fill='none' stroke='%23000' stroke-width='3.4' stroke-linecap='round'/%3E%3Cpath d='M24 3 L32.5 6.5 L27 14' fill='none' stroke='%23000' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 36'%3E%3Cpath d='M5 32 C7 20 16 9 31 7' fill='none' stroke='%23000' stroke-width='3.4' stroke-linecap='round'/%3E%3Cpath d='M24 3 L32.5 6.5 L27 14' fill='none' stroke='%23000' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat; }
.hs3-chip--r::before{ left:auto; right:10px; transform:scale(-1,-1); }
/* Chip SANS flèche : pour les heros « split » où le chip flotte sur le fond (aucune cible à pointer) */
.hs3-chip--bare::before{ display:none !important; }
/* — Heros SPLIT : marge basse de sécurité (poisson jamais coupé) — */
.bv .bv-hero:has(.bv-hero-split){ padding-bottom:clamp(56px,7vw,110px); }
/* — Étapes des pages solutions : animations propres et réalistes — */
.bv-step-demo .v3sd-prompt span::after{ content:"|"; margin-left:2px; color:var(--bv-c1); animation:hs3Caret 1.05s steps(2) infinite; }
@keyframes hs3Caret{ 50%{ opacity:0; } }
.bv-step-demo .v3sd-chips span{ animation:bvDemoIn .45s ease both; }
.bv-step-demo .v3sd-chips span:nth-child(1){ animation-delay:.25s; } .bv-step-demo .v3sd-chips span:nth-child(2){ animation-delay:.45s; } .bv-step-demo .v3sd-chips span:nth-child(3){ animation-delay:.65s; }
.bv-step-demo .v3sd-go{ animation:hs3Pulse 2.6s ease-in-out infinite; }
.bv-step-demo .v3sd-agents img{ animation:bvDemoIn .5s ease both; }
.bv-step-demo .v3sd-agents img:nth-child(1){ animation-delay:.2s; } .bv-step-demo .v3sd-agents img:nth-child(2){ animation-delay:.4s; } .bv-step-demo .v3sd-agents img:nth-child(3){ animation-delay:.6s; }
.bv-step-demo .v3sd-check li{ animation:bvDemoIn .45s ease both; }
.bv-step-demo .v3sd-check li:nth-child(1){ animation-delay:.1s; } .bv-step-demo .v3sd-check li:nth-child(2){ animation-delay:.32s; }
.bv-step-demo .v3sd-check li:nth-child(3){ animation-delay:.54s; } .bv-step-demo .v3sd-check li:nth-child(4){ animation-delay:.76s; }
.bv-step-demo .v3sd-check li.ok i{ animation:hs3Pop .4s ease both; animation-delay:inherit; }
@keyframes hs3Pop{ from{ transform:scale(.3); } }
/* — INDEX : flow « studio biblique » pleine largeur, peu haut, logique limpide — */
.hs3-flow{ position:relative; display:flex; align-items:stretch; margin-top:30px; }
/* UNE SEULE ligne continue derrière les cartes (visible dans les intervalles) + lueur qui la parcourt en boucle */
.hs3-flow::before{ content:""; position:absolute; z-index:0; top:50%; margin-top:-.5px; left:11%; right:11%; height:1px; background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--bv-c1) 30%,transparent) 10%,color-mix(in srgb,var(--bv-c1) 30%,transparent) 90%,transparent); }
.hs3-flow::after{ content:""; position:absolute; z-index:0; top:50%; margin-top:-.5px; left:11%; width:120px; height:1px; background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--bv-c1) 55%,transparent) 30%,#e6f2ff 50%,color-mix(in srgb,var(--bv-c1) 55%,transparent) 70%,transparent); animation:hs3Flow 3.6s cubic-bezier(.45,0,.2,1) infinite; }
@keyframes hs3Flow{ 0%{ left:11%; opacity:0; } 12%{ opacity:1; } 88%{ opacity:1; } 100%{ left:calc(89% - 120px); opacity:0; } }
.hs3-flow .nd{ position:relative; z-index:1; flex:1; display:flex; flex-direction:column; align-items:center; justify-content:flex-start; gap:7px; text-align:center; padding:18px 12px; background:var(--bv-card); border:1px solid var(--bv-line); border-radius:20px; box-shadow:var(--bv-sh-1); animation:bvDemoIn .55s ease both; animation-delay:calc(var(--i,0) * .12s); }
.hs3-flow .nd .ic{ width:46px; height:46px; border-radius:14px; display:grid; place-items:center; font-size:1.2rem; background:color-mix(in srgb,var(--bv-c1) 10%,#fff); color:var(--bv-c1); }
.hs3-flow .nd .avs{ height:46px; display:flex; align-items:center; justify-content:center; }
.hs3-flow .nd b{ font-family:var(--bv-display); font-size:.95rem; line-height:1.2; min-height:2.4em; display:flex; align-items:center; justify-content:center; }
.hs3-flow .nd small{ color:var(--bv-muted); font-size:.78rem; }
.hs3-flow .nd .avs img{ width:32px; height:32px; border-radius:10px; object-fit:cover; border:2px solid #fff; background:var(--ab,#dbeafe); margin-left:-8px; }
.hs3-flow .nd .avs img:first-child{ margin-left:0; }
.hs3-flow .lk{ flex:0 0 52px; visibility:hidden; }
@media(max-width:900px){ .hs3-flow{ flex-direction:column; gap:12px; } .hs3-flow::before, .hs3-flow::after{ display:none; } .hs3-flow .lk{ display:none; } }
html[data-bv-dark="1"] .bv .hs3-flow .nd{ background:var(--bv-card); border-color:var(--bv-line); }
/* — INDEX : orchestration stable (la colonne gauche ne saute plus) — */
.bv .bv-orch{ align-items:flex-start; }
.bv .bv-steps2{ position:sticky; top:96px; }
.bv .bv-orch-prev{ min-height:540px; }
@media(max-width:900px){ .bv .bv-steps2{ position:static; min-height:0; } .bv .bv-orch-prev{ height:auto !important; min-height:420px !important; max-height:none !important; } }
/* — Pane exégèse (composant .hex embarqué) — */
.bv .bv-pane .bv-hexwrap{ height:100%; min-height:460px; }
.bv .bv-pane .bv-hexwrap .hex{ height:100%; }
.bv .bv-pane .bv-hexwrap .hex-stage{ height:100% !important; min-height:430px; }

/* ============================================================================
   HS3.6 — chips sous le menu, styles de flèches variés, carrousel images,
   hero pages légales (poisson animé), fiches agents v3
   ============================================================================ */
/* — Chips : toujours SOUS le menu (le menu doit rester au-dessus de tout) — */
.bv .bv-hero .hs3-chip{ z-index:1; }
.bv .nc-navbar{ z-index:5000; }
/* — Nouveaux styles de flèches manuscrites (offre1/2/3) : boucle + zigzag — */
.bv-fl.st-loop{
  -webkit-mask:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31 45'%3E%3Cg transform='translate(31 0) scale(-1 1)'%3E%3Cpath d='M18.2342 23.846C18.2757 24.043 18.2566 24.187 18.3208 24.2969C19.7628 28.883 21.5649 33.3028 24.2843 37.3486C25.5173 39.18 26.993 40.7957 28.5484 42.3206C28.9458 42.7227 29.3468 43.1816 29.7176 43.614C29.8425 43.777 29.971 43.9969 30.0125 44.194C30.0199 44.3077 29.9477 44.5122 29.8378 44.5765C29.7278 44.6407 29.5233 44.5685 29.4325 44.4888C25.5116 40.8357 22.1595 36.7172 20.036 31.7476C18.9554 29.1928 17.9317 26.6341 17.1581 23.9735C17.0826 23.6931 16.9429 23.3027 16.7347 23.1736C14.0277 21.4958 12.0717 19.0839 10.4721 16.4488C7.98006 12.3882 5.68135 8.22921 3.29924 4.10426C3.1404 3.8578 2.97783 3.55451 2.64849 3.31923C2.45537 6.47125 2.31909 9.61955 2.1297 12.8284C1.58418 12.7785 1.39506 12.5055 1.28561 12.1417C1.17244 11.721 1.02899 11.2737 0.999207 10.819C0.892254 8.31455 0.785301 5.81006 0.735184 3.30184C0.728239 2.76004 0.834965 2.21079 0.97197 1.6881C1.27626 0.669283 2.11391 0.386102 3.00739 0.955459C4.73752 2.09789 6.41081 3.24405 8.08783 4.44705C8.59513 4.78484 8.70831 5.20552 8.47674 5.59171C8.24145 5.92105 7.79049 6.00767 7.25663 5.70015C6.33659 5.16108 5.46967 4.56144 4.45879 3.9427C4.53051 4.16632 4.53796 4.27999 4.60224 4.38994C7.12085 8.42033 9.61291 12.481 12.2149 16.4774C12.9788 17.6831 14.0195 18.7565 14.9465 19.8374C15.3173 20.2698 15.8246 20.6076 16.3696 21.0856C16.3738 20.7143 16.3552 20.4301 16.3403 20.2028C16.1075 18.3915 16.0718 16.5387 16.3808 14.7205C16.6744 13.103 17.2634 11.6375 18.4091 10.3923C18.8111 9.99493 19.2398 9.56731 19.7327 9.24963C21.8939 7.82378 24.4659 8.31174 26.0623 10.4618C28.09 13.0974 28.9365 18.1791 25.7991 21.6952C24.0464 23.6936 21.7799 24.3843 19.1585 24.0138C18.8706 23.9755 18.5524 23.9108 18.2342 23.846ZM19.2834 11.1056C18.3046 12.2828 17.7575 13.5173 17.5324 14.8734C17.1018 17.0135 17.2432 19.1733 17.5818 21.2916C17.6418 21.7728 17.9143 22.0118 18.3271 22.2131C20.531 23.1818 23.3961 22.4805 24.9024 20.6409C26.9361 18.1389 27.0548 13.8501 25.1142 11.2374C23.8281 9.46657 21.8962 9.16501 20.1216 10.3943C19.7955 10.644 19.473 10.9505 19.2834 11.1056Z' fill='%23000'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31 45'%3E%3Cg transform='translate(31 0) scale(-1 1)'%3E%3Cpath d='M18.2342 23.846C18.2757 24.043 18.2566 24.187 18.3208 24.2969C19.7628 28.883 21.5649 33.3028 24.2843 37.3486C25.5173 39.18 26.993 40.7957 28.5484 42.3206C28.9458 42.7227 29.3468 43.1816 29.7176 43.614C29.8425 43.777 29.971 43.9969 30.0125 44.194C30.0199 44.3077 29.9477 44.5122 29.8378 44.5765C29.7278 44.6407 29.5233 44.5685 29.4325 44.4888C25.5116 40.8357 22.1595 36.7172 20.036 31.7476C18.9554 29.1928 17.9317 26.6341 17.1581 23.9735C17.0826 23.6931 16.9429 23.3027 16.7347 23.1736C14.0277 21.4958 12.0717 19.0839 10.4721 16.4488C7.98006 12.3882 5.68135 8.22921 3.29924 4.10426C3.1404 3.8578 2.97783 3.55451 2.64849 3.31923C2.45537 6.47125 2.31909 9.61955 2.1297 12.8284C1.58418 12.7785 1.39506 12.5055 1.28561 12.1417C1.17244 11.721 1.02899 11.2737 0.999207 10.819C0.892254 8.31455 0.785301 5.81006 0.735184 3.30184C0.728239 2.76004 0.834965 2.21079 0.97197 1.6881C1.27626 0.669283 2.11391 0.386102 3.00739 0.955459C4.73752 2.09789 6.41081 3.24405 8.08783 4.44705C8.59513 4.78484 8.70831 5.20552 8.47674 5.59171C8.24145 5.92105 7.79049 6.00767 7.25663 5.70015C6.33659 5.16108 5.46967 4.56144 4.45879 3.9427C4.53051 4.16632 4.53796 4.27999 4.60224 4.38994C7.12085 8.42033 9.61291 12.481 12.2149 16.4774C12.9788 17.6831 14.0195 18.7565 14.9465 19.8374C15.3173 20.2698 15.8246 20.6076 16.3696 21.0856C16.3738 20.7143 16.3552 20.4301 16.3403 20.2028C16.1075 18.3915 16.0718 16.5387 16.3808 14.7205C16.6744 13.103 17.2634 11.6375 18.4091 10.3923C18.8111 9.99493 19.2398 9.56731 19.7327 9.24963C21.8939 7.82378 24.4659 8.31174 26.0623 10.4618C28.09 13.0974 28.9365 18.1791 25.7991 21.6952C24.0464 23.6936 21.7799 24.3843 19.1585 24.0138C18.8706 23.9755 18.5524 23.9108 18.2342 23.846ZM19.2834 11.1056C18.3046 12.2828 17.7575 13.5173 17.5324 14.8734C17.1018 17.0135 17.2432 19.1733 17.5818 21.2916C17.6418 21.7728 17.9143 22.0118 18.3271 22.2131C20.531 23.1818 23.3961 22.4805 24.9024 20.6409C26.9361 18.1389 27.0548 13.8501 25.1142 11.2374C23.8281 9.46657 21.8962 9.16501 20.1216 10.3943C19.7955 10.644 19.473 10.9505 19.2834 11.1056Z' fill='%23000'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat; }
.bv-fl.st-zig{
  -webkit-mask:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 37'%3E%3Cg transform='translate(17 0) scale(-1 1) translate(17 0) rotate(90)'%3E%3Cpath d='M34.018 15.7727C34.3638 15.7337 34.7089 15.6947 35.0532 15.6574C35.1797 15.6421 35.3061 15.6269 35.4233 15.5768C36.088 15.3428 36.3531 14.7308 36.0367 14.1068C35.9238 13.8946 35.7541 13.6789 35.5717 13.4853C35.3001 13.1912 35.0353 12.8912 34.7705 12.5912C34.2408 11.9912 33.7111 11.3911 33.1278 10.8386C32.5445 10.2861 31.919 9.76152 31.2935 9.23692L31.1517 9.118C30.9412 8.94134 30.7311 8.76444 30.5229 8.58624C30.1211 8.24951 29.8564 8.09663 29.4014 8.06932C29.4916 8.23632 29.5692 8.38897 29.6417 8.53169C29.7177 8.68137 29.7882 8.82014 29.862 8.95312C30.0593 9.27372 30.2268 9.53438 30.3988 9.79185C30.8243 10.4288 31.2775 11.0462 31.7514 11.6461C31.978 11.933 32.2094 12.2158 32.4448 12.4949C32.544 12.6123 32.6298 12.7129 32.7162 12.813C32.8349 12.9548 32.8662 12.9882 32.8987 13.0228C32.9558 13.0838 33.0163 13.1484 33.0576 13.2308C33.0944 13.3043 33.116 13.3918 33.1062 13.5035C32.9791 13.4596 32.8676 13.3915 32.762 13.3272C32.6369 13.2511 32.6026 13.2304 32.5685 13.2101L32.5128 13.1773C32.3916 13.1073 32.2976 13.0564 32.1985 13.0089L31.6954 12.7457L31.1001 12.4338C30.4198 12.0771 29.7408 11.7202 29.0624 11.3638C26.8895 10.2219 24.724 9.08392 22.5469 7.96611C21.6167 7.4879 20.6449 7.13277 19.5864 7.08065C18.1866 7.00805 17.3936 7.6682 17.2072 9.06112L17.1945 9.14306C17.1453 9.46365 17.1065 9.77305 17.0728 10.1603C16.98 10.1256 16.8905 10.0957 16.8044 10.067C16.621 10.0057 16.4531 9.9497 16.3029 9.863C16.238 9.82549 16.1728 9.78811 16.1075 9.75081C15.9466 9.65896 15.7849 9.56761 15.6228 9.47609C14.8224 9.02415 14.0145 8.56798 13.274 8.02595C11.9369 7.05783 10.6194 6.05565 9.30197 5.05348C8.24801 4.25173 7.19404 3.44999 6.13002 2.66568C5.24487 2.00753 4.34698 1.37145 3.3854 0.845701C2.66009 0.44291 2.02037 0.462011 1.57774 0.807573C1.52911 0.84554 1.48286 0.887448 1.43913 0.93317C1.14738 1.23824 0.96813 1.71313 0.945312 2.32023C0.973531 2.78521 0.99379 2.95388 1.01399 3.12211C1.06306 3.53062 1.11181 3.93648 1.20187 4.32192C1.94523 7.72267 3.16655 10.9581 4.84376 14.0153C5.14613 14.5445 5.5001 15.0599 5.84717 15.5652C5.90325 15.6468 5.95914 15.7282 6.01461 15.8093C6.1495 16.0343 6.34468 16.2059 6.53054 16.3426C6.79192 16.5523 7.13657 16.5159 7.36497 16.3242C7.61885 16.0883 7.64525 15.8387 7.5265 15.5348C7.49542 15.4188 7.43339 15.311 7.37136 15.2033C7.34034 15.1494 7.30934 15.0956 7.28219 15.0407C6.11226 13.0412 5.14184 10.951 4.32338 8.80148C3.66467 7.08373 3.10363 5.33981 2.76623 3.53596C2.75227 3.46093 2.74237 3.40657 2.73267 3.35216C2.68806 3.09778 2.67424 2.94005 2.65922 2.76872C2.64846 2.64596 2.63709 2.51622 2.62009 2.3751C2.85349 2.48043 3.02069 2.54754 3.14376 2.58917C3.32318 2.70508 3.5026 2.82098 3.68015 2.94013C3.92672 3.10558 4.16968 3.27728 4.40404 3.4639C5.07701 3.97994 5.74857 4.49842 6.42013 5.01691C7.76325 6.05389 9.10638 7.09087 10.4608 8.10824C11.8908 9.19863 13.3938 10.2135 14.9767 11.0391C15.519 11.3228 16.1309 11.5878 16.7276 11.7264C17.7063 11.9678 18.4101 11.4621 18.6167 10.4927C18.6649 10.2891 18.6857 10.0697 18.7052 9.86393C18.7106 9.80805 18.7158 9.75321 18.7214 9.69994C18.8176 8.66692 18.9985 8.50654 19.9865 8.78274C20.7376 9.01047 21.5075 9.30782 22.2518 9.64929C23.3462 10.1488 24.4343 10.6593 25.5224 11.1698C26.6105 11.6803 27.6985 12.1908 28.793 12.6903C29.4178 12.9723 30.05 13.2417 30.6964 13.4707C30.9012 13.5433 31.1074 13.6118 31.3153 13.6754C31.4694 13.7226 31.6245 13.7671 31.7805 13.8085C32.0111 13.869 32.2124 13.9164 32.4155 13.958C32.5585 13.9841 32.7001 14.005 32.8334 13.9985C32.883 13.9961 32.9314 13.9899 32.9783 13.9787C33.1336 13.9416 33.2722 13.85 33.3807 13.662C33.4656 13.7698 33.519 13.8301 33.5725 13.8904C33.6039 13.938 33.6353 13.9855 33.7388 14.1629L33.1993 14.2213L33.0464 14.2378L32.6722 14.2778L32.5989 14.2855L32.4409 14.3022L32.3509 14.3117C31.731 14.3766 31.1442 14.4351 30.5721 14.486C30.4402 14.4978 30.309 14.5091 30.1786 14.52C30.0966 14.528 30.0164 14.5328 29.9378 14.5375C29.8073 14.5454 29.6813 14.553 29.5589 14.5742C29.2584 14.636 29.0427 14.8057 29.0002 15.1342C28.9576 15.4627 29.1146 15.7004 29.3921 15.8313C29.5686 15.9332 29.7706 15.991 29.9633 16.0139C30.3487 16.0599 30.7689 16.0965 31.1704 16.0636C32.1199 15.9868 33.0712 15.8795 34.018 15.7727Z' fill='%23000'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 37'%3E%3Cg transform='translate(17 0) scale(-1 1) translate(17 0) rotate(90)'%3E%3Cpath d='M34.018 15.7727C34.3638 15.7337 34.7089 15.6947 35.0532 15.6574C35.1797 15.6421 35.3061 15.6269 35.4233 15.5768C36.088 15.3428 36.3531 14.7308 36.0367 14.1068C35.9238 13.8946 35.7541 13.6789 35.5717 13.4853C35.3001 13.1912 35.0353 12.8912 34.7705 12.5912C34.2408 11.9912 33.7111 11.3911 33.1278 10.8386C32.5445 10.2861 31.919 9.76152 31.2935 9.23692L31.1517 9.118C30.9412 8.94134 30.7311 8.76444 30.5229 8.58624C30.1211 8.24951 29.8564 8.09663 29.4014 8.06932C29.4916 8.23632 29.5692 8.38897 29.6417 8.53169C29.7177 8.68137 29.7882 8.82014 29.862 8.95312C30.0593 9.27372 30.2268 9.53438 30.3988 9.79185C30.8243 10.4288 31.2775 11.0462 31.7514 11.6461C31.978 11.933 32.2094 12.2158 32.4448 12.4949C32.544 12.6123 32.6298 12.7129 32.7162 12.813C32.8349 12.9548 32.8662 12.9882 32.8987 13.0228C32.9558 13.0838 33.0163 13.1484 33.0576 13.2308C33.0944 13.3043 33.116 13.3918 33.1062 13.5035C32.9791 13.4596 32.8676 13.3915 32.762 13.3272C32.6369 13.2511 32.6026 13.2304 32.5685 13.2101L32.5128 13.1773C32.3916 13.1073 32.2976 13.0564 32.1985 13.0089L31.6954 12.7457L31.1001 12.4338C30.4198 12.0771 29.7408 11.7202 29.0624 11.3638C26.8895 10.2219 24.724 9.08392 22.5469 7.96611C21.6167 7.4879 20.6449 7.13277 19.5864 7.08065C18.1866 7.00805 17.3936 7.6682 17.2072 9.06112L17.1945 9.14306C17.1453 9.46365 17.1065 9.77305 17.0728 10.1603C16.98 10.1256 16.8905 10.0957 16.8044 10.067C16.621 10.0057 16.4531 9.9497 16.3029 9.863C16.238 9.82549 16.1728 9.78811 16.1075 9.75081C15.9466 9.65896 15.7849 9.56761 15.6228 9.47609C14.8224 9.02415 14.0145 8.56798 13.274 8.02595C11.9369 7.05783 10.6194 6.05565 9.30197 5.05348C8.24801 4.25173 7.19404 3.44999 6.13002 2.66568C5.24487 2.00753 4.34698 1.37145 3.3854 0.845701C2.66009 0.44291 2.02037 0.462011 1.57774 0.807573C1.52911 0.84554 1.48286 0.887448 1.43913 0.93317C1.14738 1.23824 0.96813 1.71313 0.945312 2.32023C0.973531 2.78521 0.99379 2.95388 1.01399 3.12211C1.06306 3.53062 1.11181 3.93648 1.20187 4.32192C1.94523 7.72267 3.16655 10.9581 4.84376 14.0153C5.14613 14.5445 5.5001 15.0599 5.84717 15.5652C5.90325 15.6468 5.95914 15.7282 6.01461 15.8093C6.1495 16.0343 6.34468 16.2059 6.53054 16.3426C6.79192 16.5523 7.13657 16.5159 7.36497 16.3242C7.61885 16.0883 7.64525 15.8387 7.5265 15.5348C7.49542 15.4188 7.43339 15.311 7.37136 15.2033C7.34034 15.1494 7.30934 15.0956 7.28219 15.0407C6.11226 13.0412 5.14184 10.951 4.32338 8.80148C3.66467 7.08373 3.10363 5.33981 2.76623 3.53596C2.75227 3.46093 2.74237 3.40657 2.73267 3.35216C2.68806 3.09778 2.67424 2.94005 2.65922 2.76872C2.64846 2.64596 2.63709 2.51622 2.62009 2.3751C2.85349 2.48043 3.02069 2.54754 3.14376 2.58917C3.32318 2.70508 3.5026 2.82098 3.68015 2.94013C3.92672 3.10558 4.16968 3.27728 4.40404 3.4639C5.07701 3.97994 5.74857 4.49842 6.42013 5.01691C7.76325 6.05389 9.10638 7.09087 10.4608 8.10824C11.8908 9.19863 13.3938 10.2135 14.9767 11.0391C15.519 11.3228 16.1309 11.5878 16.7276 11.7264C17.7063 11.9678 18.4101 11.4621 18.6167 10.4927C18.6649 10.2891 18.6857 10.0697 18.7052 9.86393C18.7106 9.80805 18.7158 9.75321 18.7214 9.69994C18.8176 8.66692 18.9985 8.50654 19.9865 8.78274C20.7376 9.01047 21.5075 9.30782 22.2518 9.64929C23.3462 10.1488 24.4343 10.6593 25.5224 11.1698C26.6105 11.6803 27.6985 12.1908 28.793 12.6903C29.4178 12.9723 30.05 13.2417 30.6964 13.4707C30.9012 13.5433 31.1074 13.6118 31.3153 13.6754C31.4694 13.7226 31.6245 13.7671 31.7805 13.8085C32.0111 13.869 32.2124 13.9164 32.4155 13.958C32.5585 13.9841 32.7001 14.005 32.8334 13.9985C32.883 13.9961 32.9314 13.9899 32.9783 13.9787C33.1336 13.9416 33.2722 13.85 33.3807 13.662C33.4656 13.7698 33.519 13.8301 33.5725 13.8904C33.6039 13.938 33.6353 13.9855 33.7388 14.1629L33.1993 14.2213L33.0464 14.2378L32.6722 14.2778L32.5989 14.2855L32.4409 14.3022L32.3509 14.3117C31.731 14.3766 31.1442 14.4351 30.5721 14.486C30.4402 14.4978 30.309 14.5091 30.1786 14.52C30.0966 14.528 30.0164 14.5328 29.9378 14.5375C29.8073 14.5454 29.6813 14.553 29.5589 14.5742C29.2584 14.636 29.0427 14.8057 29.0002 15.1342C28.9576 15.4627 29.1146 15.7004 29.3921 15.8313C29.5686 15.9332 29.7706 15.991 29.9633 16.0139C30.3487 16.0599 30.7689 16.0965 31.1704 16.0636C32.1199 15.9868 33.0712 15.8795 34.018 15.7727Z' fill='%23000'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat; }
/* — Carrousel type heysimon avec IMAGES + flèches EN BAS (drag déjà géré par data-carou3) — */
.bv-carou3--imgs .bv-carou3-media{ height:240px; background:linear-gradient(150deg,color-mix(in srgb,var(--accent) 80%,#000 5%),color-mix(in srgb,var(--accent) 45%,#fff)); }
.bv-carou3--imgs .bv-carou3-media .ph{ display:flex; flex-direction:column; align-items:center; gap:8px; font-size:.8rem; font-weight:700; opacity:.9; }
.bv-carou3--imgs .bv-carou3-media .ph i{ font-size:2.4rem; }
.bv-carou3--imgs .bv-carou3-media .ph code{ font-size:.68rem; background:rgba(255,255,255,.2); padding:3px 8px; border-radius:8px; color:#fff; }
.bv-carou3-nav{ display:flex; justify-content:center; gap:12px; margin-top:2px; }
.bv-carou3-nav .bv-carou3-arrow{ position:static; transform:none; }
/* — HERO pages légales : poisson animé (canvas index.php) + titre highlight — */
.bv-legal-hero{ position:relative; overflow:hidden; text-align:center; padding:clamp(74px,9vw,130px) 24px clamp(46px,6vw,84px); background:linear-gradient(180deg,#f2f8ff, #fff); }
.bv-legal-hero #ncHeroFishCanvas{ position:absolute; inset:0; width:100%; height:100%; pointer-events:none; opacity:.5; }
.bv-legal-hero .in{ position:relative; z-index:1; max-width:820px; margin:0 auto; }
.bv-legal-hero .bv-sub{ margin-top:14px; }
.bv-legal-body{ max-width:1320px; margin:0 auto; padding:clamp(28px,4vw,54px) 24px clamp(50px,6vw,80px); }
.bv-legal-body h2{ font-family:var(--bv-display); font-size:1.3rem; margin:30px 0 10px; }
.bv-legal-body h3{ font-family:var(--bv-display); font-size:1.05rem; margin:22px 0 8px; }
.bv-legal-body p,.bv-legal-body li{ color:var(--bv-ink-2); line-height:1.7; font-size:.96rem; }
.bv-legal-body ul{ padding-left:20px; }
.bv-legal-body a{ color:var(--bv-c2); font-weight:600; }
.bv-legal-body .bv-legal-meta{ color:var(--bv-muted); font-size:.85rem; }
/* — Fiches agents v3 (agv-) : accent = couleur de l'agent — */
.agv-hero .bv-eyebrow{ border-color:color-mix(in srgb,var(--agv) 35%,transparent); color:color-mix(in srgb,var(--agv) 75%,#000); background:color-mix(in srgb,var(--agv) 8%,#fff); }
.agv-demo{ position:relative;background:var(--bv-card); border:1px solid var(--bv-line); border-radius:24px; min-height:430px; }
.agv-demo>*{ width:100%; height:100%; }
.agv-demo .agv-demo-tag{ position:absolute; z-index:5; top:12px; left:12px; width:auto; height:auto; font-size:.68rem; font-weight:800; color:#fff; background:rgba(7,23,47,.62); backdrop-filter:blur(6px); padding:5px 11px; border-radius:99px; }
.agv-pills{ display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:22px; }
@media(max-width:560px){ .agv-pills{ grid-template-columns:1fr; } }
.agv-pill{ display:flex; gap:11px; align-items:flex-start; background:color-mix(in srgb,var(--agv) 6%,#fff); border:1px solid color-mix(in srgb,var(--agv) 22%,var(--bv-line)); border-radius:15px; padding:11px 13px; }
.agv-pill span{ width:34px; height:34px; flex:0 0 34px; display:grid; place-items:center; border-radius:10px; background:color-mix(in srgb,var(--agv) 14%,#fff); color:color-mix(in srgb,var(--agv) 72%,#000); }
.agv-pill strong{ display:block; font-size:.86rem; font-family:var(--bv-display); }
.agv-pill small{ color:var(--bv-soft); font-size:.76rem; line-height:1.35; }
.agv-work .v3-feat small.ex{ display:inline-block; margin-top:10px; font-size:.7rem; font-weight:800; color:color-mix(in srgb,var(--agv) 72%,#000); background:color-mix(in srgb,var(--agv) 10%,#fff); padding:4px 10px; border-radius:99px; }
.agv-scen{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
@media(max-width:920px){ .agv-scen{ grid-template-columns:1fr; } }
.agv-scen article{ background:var(--bv-card); border:1px solid var(--bv-line); border-radius:18px; padding:18px; box-shadow:var(--bv-sh-1); display:flex; flex-direction:column; gap:10px; }
.agv-scen .lbl{ font-size:.7rem; font-weight:800; text-transform:uppercase; letter-spacing:.05em; color:color-mix(in srgb,var(--agv) 72%,#000); }
.agv-scen .q{ background:var(--bv-bg); border:1px solid var(--bv-line-2); border-radius:13px; padding:10px 13px; font-size:.86rem; font-weight:600; }
.agv-scen .a{ display:flex; gap:10px; align-items:flex-start; font-size:.85rem; color:var(--bv-soft); line-height:1.5; }
.agv-scen .a img{ width:32px; height:32px; border-radius:10px; background:var(--agvbg,#dbeafe); padding:2px; flex:0 0 32px; }
.agv-search{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
@media(max-width:920px){ .agv-search{ grid-template-columns:1fr; } }
.agv-search .grp>span{ display:inline-block; font-size:.72rem; font-weight:800; text-transform:uppercase; letter-spacing:.06em; color:color-mix(in srgb,var(--agv) 70%,#000); background:color-mix(in srgb,var(--agv) 10%,#fff); padding:5px 12px; border-radius:99px; margin-bottom:10px; }
html[data-bv-dark="1"] .bv .agv-pill,html[data-bv-dark="1"] .bv .agv-scen article{ background:var(--bv-card); border-color:var(--bv-line); }
/* HS3.7 — hero legal : titre plus compact (2 lignes max) */
.bv .bv-legal-hero .hs-title.hero_heading{ font-size:clamp(2.2rem,4.6vw,3.7rem); }
/* HS3.8 - bloc image des cartes solutions (index) + demos etapes auto-hauteur */
.bv-sol-media{ position:relative; height:150px; border-radius:16px; overflow:hidden; margin:10px 0 14px; background:linear-gradient(150deg,color-mix(in srgb,var(--bv-c1) 72%,#04263c 10%),color-mix(in srgb,var(--bv-c1) 38%,#fff)); display:grid; place-items:center; color:#fff; }
.bv-sol-media img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.bv-sol-media .ph{ display:flex; flex-direction:column; align-items:center; gap:7px; font-size:1.5rem; opacity:.95; text-align:center; }
.bv-sol-media .ph code{ font-size:.6rem; background:rgba(255,255,255,.22); padding:3px 8px; border-radius:8px; color:#fff; }
#bvf-etapes .bv-step-demo--custom{ height:auto; min-height:300px; }
/* HS3.9 - utilitaire titre intermediaire (h3 plus grand, ex: panneaux investir) */
.bv .bv-fz-h3{ font-family:var(--bv-display); font-weight:800; font-size:clamp(1.5rem,2.4vw,2rem); line-height:1.18; letter-spacing:-.02em; }

/* ============================================================================
   HS4 — flow lumineux, séquence chat, briques scènes agents, feats premium,
   heros solutions non coupés, section Conseils (onglets + collage)
   ============================================================================ */
/* — INDEX flow : 3 lignes 1px lumineuses, balayage décalé — */
.hs3-flow .lk{ flex:0 0 58px; height:auto; margin:0 2px; background:none; display:flex; flex-direction:column; justify-content:center; gap:6px; align-self:center; }
.hs3-flow .lk::after{ display:none; }
.hs3-flow .lk i{ display:block; height:1px; border-radius:2px; opacity:.95;
  background:linear-gradient(90deg,transparent 0%,var(--bv-c1) 45%,#fff 50%,var(--bv-c1) 55%,transparent 100%);
  background-size:230% 100%; box-shadow:0 0 7px color-mix(in srgb,var(--bv-c1) 55%,transparent);
  animation:hs4Sweep 2.3s ease-in-out infinite; }
.hs3-flow .lk i:nth-child(2){ animation-delay:.28s; opacity:.55; }
.hs3-flow .lk i:nth-child(3){ animation-delay:.56s; opacity:.3; }
@keyframes hs4Sweep{ 0%{ background-position:130% 0; } 100%{ background-position:-130% 0; } }
@media(max-width:900px){ .hs3-flow .lk{ display:none; } }
/* — CARROUSEL agents : pointillés PENDANT l'attente puis message (plus de superposition) — */
#bp2 .bpv-agent-card.is-active .bpv-chat-thinking{ animation:hs4Think 1.55s .35s ease forwards; }
#bp2 .bpv-agent-card.is-active .bpv-chat-line--agent>p{ animation:bpvEnter .45s 1.95s ease forwards; }
#bp2 .bpv-agent-card.is-active .bpv-chat-line--agent>span{ animation:bpvEnter .4s 1.85s ease forwards; }
@keyframes hs4Think{ 0%{ opacity:0; } 10%{ opacity:1; } 84%{ opacity:1; } 100%{ opacity:0; visibility:hidden; } }
/* ── Chat agents : séquence PROPRE — question → « écrit… » (bulle qui se REPLIE, plus de boîte vide) → réponse → relance ── */
#bp2 .bpv-chat-line--typing{ opacity:0; overflow:hidden; }
#bp2 .bpv-chat-line--answer, #bp2 .bpv-chat-line--follow{ opacity:0; }
#bp2 .bpv-agent-card.is-active .bpv-chat-line--agent>span,
#bp2 .bpv-agent-card.is-active .bpv-chat-line--agent>p{ animation:none; opacity:1; transform:none; }
#bp2 .bpv-chat-line--follow p{ font-weight:650; }
#bp2 .bpv-agent-card.is-active .bpv-chat-line--user{ animation:bpvEnter .45s .12s ease both; }
#bp2 .bpv-agent-card.is-active .bpv-chat-line--typing{ animation:bpvTypingLife 1.9s .5s ease forwards; }
/* la bulle « réflexion » reste PLEINEMENT visible (on annule l'ancien fade bpvThink/hs4Think) ; seule la ligne se replie */
#bp2 .bpv-agent-card.is-active .bpv-chat-line--typing .bpv-chat-thinking{ animation:none !important; opacity:1 !important; visibility:visible !important; }
#bp2 .bpv-agent-card.is-active .bpv-chat-line--typing .bpv-chat-thinking>span{ animation:bpvDot 1s infinite ease-in-out; }
#bp2 .bpv-agent-card.is-active .bpv-chat-line--typing .bpv-chat-thinking>span:nth-child(2){ animation-delay:.14s; }
#bp2 .bpv-agent-card.is-active .bpv-chat-line--typing .bpv-chat-thinking>span:nth-child(3){ animation-delay:.28s; }
#bp2 .bpv-agent-card.is-active .bpv-chat-line--answer{ animation:bpvEnter .45s 1.9s ease forwards; }
#bp2 .bpv-agent-card.is-active .bpv-chat-line--follow{ animation:bpvEnter .5s 2.8s ease forwards; }
@keyframes bpvTypingLife{ 0%{ opacity:0; max-height:0; } 14%{ opacity:1; max-height:60px; } 66%{ opacity:1; max-height:60px; } 100%{ opacity:0; max-height:0; margin-top:-14px; } }
@media (prefers-reduced-motion:reduce){ #bp2 .bpv-chat-line--answer, #bp2 .bpv-chat-line--follow{ opacity:1; } #bp2 .bpv-chat-line--typing{ display:none; } }
/* — Briques riches pour les scènes agents (bpx-) — */
#bp2 .bpx-vcard{ position:relative; border-radius:16px; padding:14px 16px 12px; background:var(--pv,#dcfce7); color:#0b1526; border:1px solid rgba(11,21,38,.08); }
#bp2 .bpx-vcard .ic{ position:absolute; top:10px; right:12px; opacity:.5; font-size:1.05rem; }
#bp2 .bpx-vcard .vt{ font-family:var(--bv-display); font-weight:700; font-size:.92rem; line-height:1.45; padding-right:26px; }
#bp2 .bpx-vcard .vr{ display:block; text-align:right; white-space:nowrap; font-size:.74rem; font-weight:800; opacity:.7; margin-top:8px; }
/* — Ajouts chirurgicaux par agent (Paul mot géant, Marie illus, Pierre pleine largeur, Jean image+détourage, Luc reel, Thomas budget, David refrain) — */
#bp2 .bpv-bigword{ display:flex; gap:12px; justify-content:center; margin:2px 0 12px; }
#bp2 .bpv-bigword span{ flex:1; min-width:0; display:flex; flex-direction:column; align-items:center; gap:3px; padding:12px 10px; border-radius:16px; background:#fff; border:1px solid var(--bp2-line); box-shadow:0 14px 34px rgba(15,23,42,.07); }
#bp2 .bpv-bigword b{ font-size:2.6rem; line-height:1; font-family:Georgia,'Times New Roman',serif; }
#bp2 .bpv-bigword b.gr{ color:#1f7bff; } #bp2 .bpv-bigword b.he{ color:#b45309; }
#bp2 .bpv-bigword em{ font-style:normal; font-size:.72rem; font-weight:700; color:#64748b; }
#bp2 .bpv-marie-illus{ display:flex; align-items:center; justify-content:center; height:58px; border-radius:12px; color:#fff; font-size:1.4rem; background:linear-gradient(140deg,color-mix(in srgb,var(--agent-accent) 85%,#000 6%),color-mix(in srgb,var(--agent-accent) 45%,#fff)); }
#bp2 .bpv-pierre-outline--full{ grid-template-columns:1fr; }
#bp2 .bpv-refrain strong{ line-height:1.5; font-weight:700; }
#bp2 .bpv-jean-img{ position:relative; height:120px; border-radius:18px; overflow:hidden; background:linear-gradient(140deg,color-mix(in srgb,var(--agent-accent) 80%,#000 6%),color-mix(in srgb,var(--agent-accent) 40%,#fff)); box-shadow:0 18px 44px rgba(15,23,42,.1); }
#bp2 .bpv-jean-img__badge{ position:absolute; left:12px; bottom:12px; display:inline-flex; align-items:center; gap:6px; padding:5px 10px; border-radius:99px; font-size:.68rem; font-weight:800; color:#0b1526; background:rgba(255,255,255,.9); }
#bp2 .bpv-jean-card--cut{ display:flex; align-items:center; gap:11px; background:repeating-conic-gradient(#eef2f7 0% 25%, #fff 0% 50%) 0 0/16px 16px; }
#bp2 .bpv-jean-card--cut>i{ color:var(--agent-accent); font-size:1.15rem; } #bp2 .bpv-jean-card--cut>span{ font-size:.82rem; font-weight:700; }
#bp2 .bpv-luc-play{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:52px; height:52px; border-radius:50%; display:grid; place-items:center; color:#0b1526; font-size:1.5rem; background:rgba(255,255,255,.92); box-shadow:0 10px 26px rgba(0,0,0,.35); }
#bp2 .bpv-luc-dur{ position:absolute; top:10px; right:12px; font-size:.66rem; font-weight:800; color:#fff; background:rgba(0,0,0,.45); padding:3px 8px; border-radius:99px; }
#bp2 .bpv-luc-cap{ position:absolute; left:12px; right:12px; bottom:12px; text-align:center; font-size:.8rem; font-weight:800; color:#fff; text-shadow:0 2px 8px rgba(0,0,0,.6); }
#bp2 .bpv-budget strong{ display:block; font-family:var(--bv-display); font-size:1.3rem; color:var(--agent-accent); margin:2px 0; }
#bp2 .bpv-budget>span{ font-size:.72rem; color:#64748b; }
/* — Round 2 : vraies images/vidéos + Marie extras + Pierre sommaire/boutons + Marc newsletter — */
#bp2 .bpv-jean-img img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
#bp2 .bpv-luc-preview__screen video{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
#bp2 .bpv-luc-preview__screen:has(video) .bpv-luc-play{ display:none; }
#bp2 .bpv-marie-cover{ padding:0 !important; overflow:hidden; }
#bp2 .bpv-marie-cover img{ width:100%; height:100%; object-fit:cover; }
#bp2 .bpv-marie-extras{ display:grid; gap:11px; margin-top:12px; }
#bp2 .bpv-marie-extra{ display:flex; align-items:center; gap:13px; padding:14px 16px; border-radius:18px; border:1px solid var(--bp2-line); background:#fff; box-shadow:0 14px 34px rgba(15,23,42,.07); }
#bp2 .bpv-marie-extra .ic{ flex:0 0 40px; width:40px; height:40px; border-radius:12px; display:grid; place-items:center; font-size:1.15rem; color:#fff; background:linear-gradient(140deg,color-mix(in srgb,var(--agent-accent) 85%,#000 6%),color-mix(in srgb,var(--agent-accent) 50%,#fff)); }
#bp2 .bpv-marie-extra strong{ display:block; font-family:var(--bv-display); font-size:.9rem; }
#bp2 .bpv-marie-extra small{ color:#64748b; font-size:.75rem; }
#bp2 .bpv-pierre-sum{ padding:16px 18px; border-radius:20px; border:1px solid var(--bp2-line); background:#fff; box-shadow:0 18px 44px rgba(15,23,42,.08); }
#bp2 .bpv-pierre-sum>small{ display:block; font-size:.64rem; font-weight:900; text-transform:uppercase; letter-spacing:.06em; color:var(--agent-accent); margin-bottom:11px; }
#bp2 .bpv-pierre-sum ul{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:9px; }
#bp2 .bpv-pierre-sum li{ display:flex; gap:10px; font-size:.82rem; align-items:baseline; color:#0b1526; }
#bp2 .bpv-pierre-sum li b{ flex:0 0 78px; font-size:.64rem; font-weight:800; letter-spacing:.03em; color:var(--agent-accent); text-transform:uppercase; }
#bp2 .bpv-pierre-actions{ display:flex; gap:11px; margin-top:12px; flex-wrap:wrap; }
#bp2 .bpv-pierre-actions span{ flex:1; min-width:150px; display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:13px 14px; border-radius:14px; font-size:.82rem; font-weight:800; cursor:pointer; }
#bp2 .bpv-pierre-actions span:first-child{ color:#fff; background:var(--agent-accent); }
#bp2 .bpv-pierre-actions span:last-child{ color:var(--agent-accent); background:color-mix(in srgb,var(--agent-accent) 12%,#fff); border:1px solid color-mix(in srgb,var(--agent-accent) 30%,#fff); }
#bp2 .bpv-marc-news{ border:1px solid var(--bp2-line); border-radius:16px; overflow:hidden; background:#fff; box-shadow:0 14px 34px rgba(15,23,42,.06); }
#bp2 .bpv-marc-news__bar{ display:block; height:8px; background:var(--agent-accent); }
#bp2 .bpv-marc-news__body{ padding:13px 15px; display:flex; flex-direction:column; gap:7px; }
#bp2 .bpv-marc-news__body strong{ font-family:var(--bv-display); font-size:.86rem; }
#bp2 .bpv-marc-news__body>span{ height:7px; border-radius:99px; background:#eef2f7; }
#bp2 .bpv-marc-news__body>span.sh{ width:58%; }
#bp2 .bpv-marc-news__cta{ align-self:flex-start; margin-top:4px; padding:6px 12px; border-radius:9px; font-size:.72rem; font-weight:800; color:#fff; background:var(--agent-accent); }
#bp2 .bpx-card{ background:#fff; border:1px solid rgba(11,21,38,.09); border-radius:14px; padding:11px 13px; }
#bp2 .bpx-card>b{ display:flex; align-items:center; gap:7px; font-size:.8rem; font-family:var(--bv-display); margin-bottom:8px; }
#bp2 .bpx-steps{ display:flex; gap:6px; }
#bp2 .bpx-steps span{ flex:1; display:flex; flex-direction:column; align-items:center; gap:4px; font-size:.64rem; font-weight:700; color:#64748b; text-align:center; }
#bp2 .bpx-steps span b{ width:26px; height:26px; border-radius:9px; display:grid; place-items:center; background:var(--pv,#dcfce7); color:#0b1526; font-size:.72rem; }
#bp2 .bpx-steps span.on b{ background:var(--agent-accent,#22c55e); color:#fff; }
#bp2 .bpx-rowchips{ display:flex; flex-wrap:wrap; gap:7px; }
#bp2 .bpx-rowchips span{ padding:7px 12px; border-radius:11px; background:#fff; border:1px solid rgba(11,21,38,.1); font-size:.74rem; font-weight:700; color:#0b1526; }
#bp2 .bpx-rowchips span.on{ background:var(--pv,#dcfce7); border-color:transparent; }
/* — Cartes fonctionnalités PREMIUM (global v3-feat) — */
.bv .v3-feat{ position:relative; overflow:hidden; transition:transform .25s, box-shadow .25s, border-color .25s; }
.bv .v3-feat::before{ content:""; position:absolute; inset:0 0 auto 0; height:3px; background:var(--bv-grad); opacity:0; transition:.25s; }
.bv .v3-feat:hover{ transform:translateY(-4px); box-shadow:var(--bv-sh-2); border-color:color-mix(in srgb,var(--bv-c1) 32%,var(--bv-line)); }
.bv .v3-feat:hover::before{ opacity:1; }
.bv .v3-feat .v3-feat-ic{ box-shadow:inset 0 0 0 1px rgba(11,21,38,.05), 0 8px 18px rgba(7,23,47,.09); }
/* — Heros des pages solutions : poisson JAMAIS coupé — */
.bv .bvsol-hero{ padding-bottom:clamp(72px,9vw,132px) !important; }
/* — Poisson des pages solutions : MÊME largeur/taille que index-v3 / les-agents-v3.
   (le hero split est plus court → le poisson étiré bottom:0 devenait petit ;
    on lui rend une hauteur viewport fixe → grand poisson pleine largeur constant, le masque radial gère le fondu des bords) — */
.bv .bvsol-hero .bv-draw{ top:-18vh; bottom:auto; height:118vh; }
/* — Section CONSEILS DES AGENTS (index, fond vision sombre) — */
.bv-vision-sec .bvq-tab{ background:rgba(255,255,255,.07); color:#fff; border-color:rgba(255,255,255,.16); box-shadow:none; }
.bv-vision-sec .bvq-tab i{ color:var(--bv-c5); }
.bv-vision-sec .bvq-tab.on{ background:var(--bv-grad); border-color:transparent; color:#fff; }
.cs-pane{ display:none; }
.cs-pane.on{ display:grid; grid-template-columns:.95fr 1.05fr; gap:30px; align-items:start; margin-top:18px; }
@media(max-width:960px){ .cs-pane.on{ grid-template-columns:1fr; } }
.cs-tip{ background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); border-radius:20px; padding:19px 21px; color:#fff; animation:csDown .5s ease both; }
.cs-tip + .cs-tip{ margin-top:12px; }
.cs-pane.on .cs-tip:nth-child(2){ animation-delay:.14s; }
.cs-tip h4{ font-family:var(--bv-display); font-size:1rem; display:flex; gap:9px; align-items:center; margin:0; color:#fff; }
.cs-tip h4 i{ color:#79dec9; }
.cs-tip p{ color:rgba(255,255,255,.75); font-size:.9rem; line-height:1.6; margin:8px 0 0; }
.cs-agent{ display:flex; align-items:center; gap:11px; margin-top:14px; animation:csDown .5s .3s ease both; color:#fff; font-weight:800; }
.cs-agent img{ width:46px; height:46px; border-radius:14px; object-fit:cover; background:var(--pv,#dbeafe); padding:3px; border:2px solid rgba(255,255,255,.32); }
.cs-agent small{ display:block; color:rgba(255,255,255,.6); font-weight:600; font-size:.78rem; }
@keyframes csDown{ from{ opacity:0; transform:translateY(-16px); } }
.cs-right{ display:grid; grid-template-columns:1fr 1fr; gap:14px; align-content:start; }
.cs-media{ position:relative; border-radius:18px; overflow:hidden; aspect-ratio:4/3; border:3px solid rgba(255,255,255,.9);
  box-shadow:0 18px 40px rgba(0,0,0,.35); color:#fff; display:grid; place-items:center;
  background:linear-gradient(150deg,color-mix(in srgb,var(--bv-c1) 55%,#04263c),color-mix(in srgb,var(--bv-c1) 28%,#0b3350));
  transform:rotate(var(--rot,0deg)); animation:csRight .55s ease both; animation-delay:var(--cd,0s); }
@keyframes csRight{ from{ opacity:0; transform:translateX(30px) rotate(var(--rot,0deg)); } to{ opacity:1; transform:translateX(0) rotate(var(--rot,0deg)); } }
.cs-media img,.cs-media video{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.cs-media .ph{ display:flex; flex-direction:column; align-items:center; gap:6px; font-size:1.3rem; opacity:.92; text-align:center; }
.cs-media .ph code{ font-size:.56rem; background:rgba(255,255,255,.22); padding:3px 7px; border-radius:7px; color:#fff; }
/* — Fiche agent : carte latérale = pleine hauteur, alignée à la colonne gauche — */
.bv .agv-side{ align-self:stretch !important; position:static !important; display:flex; flex-direction:column; }
.bv .agv-side .agv-side-note{ margin-top:auto; padding-top:12px; text-align:right; }
/* HS4.1 - filet RESPONSIVE des nouveaux composants */
@media(max-width:560px){
  .cs-right{ grid-template-columns:1fr; }
  .bv .bv-legal-hero .hs-title.hero_heading{ font-size:1.9rem; }
  #bp2 .bpx-steps span{ font-size:.58rem; }
  .hs3-serv span{ font-size:.84rem; }
}
@media(max-width:900px){
  .bv .agv-side{ margin-top:18px; }
  .agv-demo{ min-height:340px; }
  .cs-pane.on .cs-right{ margin-top:6px; }
}
/* HS4.2 - RESPONSIVE : plus aucun debordement horizontal */
.bv{ overflow-x:clip; }
@media(max-width:640px){
  .bva-heroline{ flex-wrap:wrap; justify-content:center; row-gap:8px; padding:0 10px; }
  .bva-heroline img{ margin-left:-6px; }
  .hs3-steps span{ padding:6px 12px; font-size:.9rem; }
  .hs3-proof{ gap:14px; }
  .hsr-board{ min-height:260px; }
  .bv .bv-hero-split .hs-title.hero_heading{ font-size:1.85rem; }
  .bv .hs-title.hero_heading{ font-size:clamp(2rem,8.4vw,2.6rem); }
}
/* HS4.3 - mobile : CTA en colonne pleine largeur (fin du decalage du hero) */
@media(max-width:640px){
  .bv .bv-cta-row{ flex-direction:column; align-items:stretch; width:100%; max-width:100%; }
  .bv .bv-cta-row .bv-btn{ width:100%; justify-content:center; }
  .bv .hs-title.hero_heading{ max-width:100%; }
  .bv .bv-sub{ max-width:100%; }
}
/* HS4.4 - anti-debordement : les enfants de grilles ne dictent plus la largeur */
.bv .bv-steps>*, .bv .hs3-app>*, .bv .bv-orch>*, .bv .bv-hero-split>*,
.bv .bv-head--split>*, .bv .cs-pane>*, .bv .hsv-fin>*, .bv .hst-faqzone>*{ min-width:0; }
.bv .bv-step-demo{ min-width:0; max-width:100%; overflow-x:hidden; }
.bv .hs3-liv-file{ flex-wrap:wrap; }
.bv .hs3-liv-file, .bv .hs3-q-item .tx b, .bv .hs3-q-item .tx small{ word-break:break-word; overflow-wrap:anywhere; }
.bv .bv-wrap{ min-width:0; }
/* HS4.5 - mobile : le poisson SVG et les halos ne dictent plus la largeur du viewport */
html, body{ max-width:100%; overflow-x:hidden; }
@media(max-width:760px){
  .bv .bv-draw{ left:0; right:0; width:100%; }
  .bv .bv-draw svg{ width:100% !important; height:auto !important; max-width:100%; }
  .bv .bv-aurora span{ max-width:72vw; max-height:72vw; }
  .bv .bv-marq3{ max-width:100vw; }
}

/* ============================================================================
   HS5 — Conseils façon capture (quote penchée + chip↑ + éventail + 16:9),
   ✦ filigrane, avis sombres pleine page, bande AGX par agent, chips exclusif
   ============================================================================ */
/* — Section sombre vision : filigrane ✦ blanc (même effet que la bande finale) — */
.bv-vision-sec{ position:relative; overflow:hidden; }
.bv-vision-sec::before{ content:""; position:absolute; left:-2%; bottom:-4%; width:1320px; height:1080px;
  background:url("../img/bibleo-fish-black.svg") no-repeat center; background-size:contain; opacity:.08; pointer-events:none; z-index:0;
  transform:rotate(25deg); filter:invert(100%) sepia(0%) saturate(0%) hue-rotate(151deg) brightness(106%) contrast(104%); }
.bv-vision-sec > .bv-wrap{ position:relative; z-index:1; }
/* — Chip 2 lignes (nom + spécialité) + variante flèche vers le HAUT — */
.hs3-chip .tx{ display:flex; flex-direction:column; line-height:1.15; text-align:left; }
.hs3-chip .tx small{ font-size:.68rem; font-weight:600; opacity:.75; }
.hs3-chip--up::before{ top:-26px; bottom:auto; left:16px; right:auto; transform:none; }
/* — Conseils : carte quote penchée + chip dessous + éventail + média 16:9 — */
.cs-quote{ transform:rotate(-1.6deg); animation:csDown .5s ease both; padding:30px 30px 26px; }
.cs-quote h4{ font-family:var(--bv-display); font-weight:400; font-size:1.18rem; display:flex; gap:10px; align-items:center; margin:22px 0 10px; color:#fff; }
.cs-quote h4:first-child{ margin-top:0; }
.cs-quote h4 i{ color:#79dec9; }
.cs-quote p{ color:rgba(255,255,255,.78); font-weight:400; font-size:1.02rem; line-height:1.7; margin:0 0 16px; }
.cs-quote p:last-of-type{ margin-bottom:0; }
.cs-chipup{ position:relative; display:inline-flex; margin:30px 0 0 34px; animation:csDown .5s .25s ease both; }
.cs-fan{ display:flex; padding-left:12px; margin-bottom:16px; }
.cs-fan figure{ position:relative; width:31%; aspect-ratio:1/1; margin:0 0 0 -7%; border-radius:16px; overflow:hidden; border:3px solid rgba(255,255,255,.92); box-shadow:0 14px 32px rgba(0,0,0,.35); transform:rotate(var(--rot,0deg)); display:grid; place-items:center; color:#fff;border: 4px solid #07172f !important;
  background:linear-gradient(150deg,color-mix(in srgb,var(--bv-c1) 55%,#04263c),color-mix(in srgb,var(--bv-c1) 28%,#0b3350)); animation:csRight .5s ease both; animation-delay:var(--cd,0s); }
.cs-fan figure:first-child{ margin-left:0; }
.cs-fan img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.cs-fan .ph{ font-size:1rem; opacity:.9; display:flex; flex-direction:column; align-items:center; gap:4px; }
.cs-fan .ph code{ font-size:.5rem; background:rgba(255,255,255,.22); padding:2px 6px; border-radius:6px; color:#fff; }
.cs-video{ position:relative; aspect-ratio:16/9; border-radius:20px; overflow:hidden; border:3px solid rgba(255,255,255,.92); box-shadow:0 20px 44px rgba(0,0,0,.4); display:grid; place-items:center; color:#fff; margin:0;
  background:linear-gradient(150deg,color-mix(in srgb,var(--bv-c1) 50%,#04263c),color-mix(in srgb,var(--bv-c1) 24%,#0b3350)); animation:csRight .55s .3s ease both; }
.cs-video img,.cs-video video{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.cs-video .ph{ display:flex; flex-direction:column; align-items:center; gap:6px; font-size:1.4rem; opacity:.92; }
.cs-video .ph code{ font-size:.58rem; background:rgba(255,255,255,.22); padding:3px 7px; border-radius:7px; color:#fff; }
/* — Avis en fond sombre (index + solutions) — */
.bv-vision-sec .bv-review{ background:rgba(255,255,255,.06); border-color:rgba(255,255,255,.14); }
.bv-vision-sec .bv-review p{ color:rgba(255,255,255,.86); }
.bv-vision-sec .bv-review-by b{ color:#fff; }
.bv-vision-sec .bv-review-by small{ color:rgba(255,255,255,.6); }
.bv-vision-sec .bv-carou3-arrow{ background:rgba(255,255,255,.1); color:#fff; border-color:rgba(255,255,255,.22); }
.bv-vision-sec .bv-carou3-arrow:hover{ background:#fff; color:#07172f; }
.bv-vision-sec .bv-reviews-cta small{ color:rgba(255,255,255,.6); }
/* — Bande AGX pleine largeur (fiches agents) : fond pastel + flux lumineux — */
.agx-band{ background:var(--agxbg,#eef4fb); padding:clamp(34px,4.5vw,58px) 0; overflow:hidden; }
.agx-flow{ display:flex; align-items:center; justify-content:center; max-width:var(--bv-max,1320px); margin:0 auto; padding:0 24px; }
.agx-card{ background:#fff; border:1px solid rgba(11,21,38,.09); border-radius:16px; padding:13px 15px; min-width:170px; max-width:230px; box-shadow:0 10px 26px rgba(7,23,47,.1); animation:bvDemoIn .5s ease both; animation-delay:var(--d,0s); }
.agx-card b{ display:flex; align-items:center; gap:8px; font-family:var(--bv-display); font-size:.86rem; color:#0b1526; }
.agx-card b i{ width:28px; height:28px; flex:0 0 28px; display:grid; place-items:center; border-radius:9px; background:var(--agxbg,#eef4fb); color:var(--agxink,#0b1526); }
.agx-card small{ display:block; margin-top:5px; color:#64748b; font-size:.74rem; line-height:1.4; }
.agx-group{ display:flex; flex-direction:column; gap:12px; }
.agx-link{ flex:0 0 54px; align-self:stretch; display:flex; flex-direction:column; justify-content:space-around; margin:0 2px; }
.agx-link i{ display:block; height:1px; border-radius:2px;
  background:linear-gradient(90deg,transparent 0%,var(--agxink,#2563eb) 45%,#fff 50%,var(--agxink,#2563eb) 55%,transparent 100%);
  background-size:230% 100%; box-shadow:0 0 7px color-mix(in srgb,var(--agxink,#2563eb) 55%,transparent);
  animation:hs4Sweep 2.4s ease-in-out infinite; animation-delay:var(--ld,0s); }
.agx-note{ text-align:center; margin:18px 0 0; }
@media(max-width:900px){ .agx-flow{ flex-direction:column; gap:14px; } .agx-link{ display:none; } .agx-card{ max-width:100%; width:min(420px,100%); } }
/* — Chips agents flottants des sections exclusives — */
#bvf-exclusif{ position:relative; }
#bvf-exclusif .hs3-chip{ z-index:2; }

/* ============================================================================
   HS6 — chips hero index (remplacent hs-floating-card), bande AGX v2
   (cards façon chat IA + poisson animé en fond), hover cards couleur agent
   ============================================================================ */
/* — Chips flottantes du hero index : hs3-chip--up positionnées comme les anciennes cards — */
.bv .bv-hero-art .hs3-chip{ position:absolute; margin:0; z-index:5; display:inline-flex; }
.bv .bv-hero-art .hs-card-left{ left:-150px; top:20%; right:auto; bottom:auto; animation:bvFloatA 5.5s ease-in-out infinite; }
.bv .bv-hero-art .hs-card-right{ right:-150px; bottom:14%; left:auto; top:auto; animation:bvFloatB 6s ease-in-out infinite; }
@media(max-width:1240px){ .bv .bv-hero-art .hs-card-left{ left:-96px; } .bv .bv-hero-art .hs-card-right{ right:-96px; } }
@media(max-width:1080px){ .bv .bv-hero-art .hs3-chip{ display:none; } }
/* Variante miroir : pointeur à DROITE du chip */
.hs3-chip--r.hs3-chip--up::before{ left:auto; right:16px; transform:scaleX(-1); }
/* Hero index : sens INVERSÉ — chaque flèche pointe vers la maquette (le centre) */
.bv .bv-hero-art .hs3-chip--up::before{ transform:scaleX(-1); }
.bv .bv-hero-art .hs3-chip--r.hs3-chip--up::before{ transform:none; }

/* — Bande AGX v2 : pleine largeur exploitée, cards façon chat IA — */
.agx-band{ position:relative; overflow:hidden; }
.agx-band .bv-draw{ position:absolute; top:0; bottom:0; left:50%; width:min(1500px,120vw); height:auto; transform:translateX(-50%);
  -webkit-mask-image:radial-gradient(48% 48% at 50% 50%,#000 0,#000 34%,transparent 72%);
  mask-image:radial-gradient(48% 48% at 50% 50%,#000 0,#000 34%,transparent 72%);
  -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat; }
.agx-band .bv-draw .bv-ich-ln{ stroke-width:38; opacity:.22; }
.agx-flow{ position:relative; z-index:1; justify-content:space-between; gap:clamp(8px,1.4vw,20px); }
.agx-group{ flex:1 1 0; min-width:0; max-width:370px; gap:14px; }
.agx-link{ flex:0 1 clamp(46px,7vw,130px); }
.agx-card{ position:relative; max-width:none; width:100%; min-width:0; border-radius:18px; border-top-left-radius:6px; padding:14px 17px 13px;
  border:1px solid rgba(11,21,38,.08); box-shadow:0 12px 30px rgba(7,23,47,.12); }
.agx-card .who{ display:flex; align-items:center; gap:8px; font-size:.68rem; font-weight:800; letter-spacing:.04em; text-transform:uppercase; color:#64748b; margin-bottom:9px; }
.agx-card .who img{ width:24px; height:24px; border-radius:8px; object-fit:cover; background:var(--agxbg,#eef4fb); padding:1px; }
.agx-card .who i{ width:24px; height:24px; display:grid; place-items:center; border-radius:8px; background:var(--agxbg,#eef4fb); color:var(--agxink,#0b1526); font-size:.82rem; }
.agx-card b{ font-size:.95rem; }
.agx-card b i{ width:32px; height:32px; flex:0 0 32px; border-radius:10px; font-size:1rem; }
.agx-card small{ font-size:.78rem; margin-top:6px; }
/* Carte « vous » (le brief) : bulle utilisateur ton sur ton */
.agx-card--user{ background:color-mix(in srgb,var(--agxink,#2563eb) 5%,#fff); }
/* Carte mise en avant : penchée + zoomée, contour de sélection (comme les quotes/chips) */
.agx-card--star{ transform:rotate(-2.2deg) scale(1.06); z-index:2; background:#fff;
  border:2px solid color-mix(in srgb,var(--agxink,#2563eb) 38%,#fff); box-shadow:0 22px 46px rgba(7,23,47,.18); }
.agx-card--star::before{ content:""; position:absolute; inset:-8px; border:1.5px dashed color-mix(in srgb,var(--agxink,#2563eb) 55%,#fff); border-radius:23px; pointer-events:none; }
.agx-note{ position:relative; z-index:1; text-align:right; max-width:var(--bv-max,1320px); margin:20px auto 0; padding:0 clamp(24px,4vw,60px); }
@media(max-width:900px){
  .agx-band .bv-draw{ display:none; }
  .agx-note{ text-align:center; }
  .agx-card--star{ transform:none; }
  .agx-group{ max-width:100%; flex:0 0 auto; width:min(440px,100%); }
}

/* — Cards des pages agents : liseré + bordure hover à la COULEUR DE L'AGENT
     (var --agv posée sur le hero et chaque section ; fallback bleu Bibleo) — */
.bv .v3-feat::before{ background:linear-gradient(90deg,var(--agv,var(--bv-c1)),color-mix(in srgb,var(--agv,var(--bv-c1)) 30%,#fff)); }
.bv .v3-feat:hover{ border-color:color-mix(in srgb,var(--agv,var(--bv-c1)) 42%,var(--bv-line)); }
.bv .agv-pill,.bv .agv-scen article{ transition:transform .25s,box-shadow .25s,border-color .25s; }
.bv .agv-pill:hover,.bv .agv-scen article:hover{ transform:translateY(-3px); box-shadow:var(--bv-sh-2); border-color:color-mix(in srgb,var(--agv,var(--bv-c1)) 45%,var(--bv-line)); }

/* ============================================================================
   HS7 — bouton liv blanc, carrousels solutions ×2 (desktop / iPad Pro),
   fond hero investir, chips section exclusive repositionnés
   ============================================================================ */
/* — Bouton « Ouvrir X » : texte TOUJOURS blanc (fond = couleur agent) — */
.bv .hs3-liv-btn{ color:#fff; }
.bv .hs3-liv-btn:hover{ color:#fff; }
/* — Carrousels d'images des pages solutions : taille DOUBLÉE sur desktop et
     iPad Pro uniquement (≥1200px) — iPad classique et mobile inchangés — */
@media(min-width:1200px){
  .bv .bv-carou3--imgs .bv-carou3-card{ flex:0 0 min(680px,78vw); }
  .bv .bv-carou3--imgs .bv-carou3-media{ height:480px; }
  .bv .bv-carou3--imgs .bv-carou3-media .ph i{ font-size:3.4rem; }
}
/* iPad Pro portrait (1024-1199, pointer coarse exclu des laptops plus petits) */
@media(min-width:1024px) and (max-width:1199px) and (pointer:coarse){
  .bv .bv-carou3--imgs .bv-carou3-card{ flex:0 0 min(680px,78vw); }
  .bv .bv-carou3--imgs .bv-carou3-media{ height:480px; }
}
/* — Hero investir : arrière-plan ciel dégradé (le hero nu était trop blanc) — */
.bv-hero--sky{ background:
  radial-gradient(90% 70% at 18% 0%,rgba(0,180,216,.16),transparent 60%),
  radial-gradient(80% 60% at 90% 8%,rgba(124,99,213,.10),transparent 55%),
  linear-gradient(180deg,#e7f2ff 0%,#f4faff 58%,var(--bv-bg) 100%); }

/* — Bouton « Partager mon avis » (sections avis sombres) : blanc / texte bleu, hover inversé — */
.bv .bv-vision-sec .bv-reviews-cta .bv-btn--main{ background:#fff; color:var(--bv-c2); }
.bv .bv-vision-sec .bv-reviews-cta .bv-btn--main:hover{ background:var(--bv-c2); color:#fff; }

/* — Section INTÉGRATIONS (index-v3, ADN d'index.php restylé v3) — */
.bv-intgrid{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-top:8px; }
@media(max-width:980px){ .bv-intgrid{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:520px){ .bv-intgrid{ grid-template-columns:1fr; } }
.bv-int-card{ background:var(--bv-card); border:1.5px solid var(--bv-line); border-radius:18px; padding:17px 18px; box-shadow:var(--bv-sh-1); transition:transform .25s, box-shadow .25s; }
.bv-int-card:hover{ transform:translateY(-4px); box-shadow:var(--bv-sh-2); }
.bv-int-top{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:11px; }
.bv-int-left{ display:flex; align-items:center; gap:11px; min-width:0; }
.bv-int-ico{ width:44px; height:44px; flex:0 0 44px; border-radius:12px; display:grid; place-items:center; overflow:hidden; background:#fff; border:1px solid #f0f0f0; }
.bv-int-ico img{ width:26px; height:26px; object-fit:contain; }
.bv-int-name{ font-family:var(--bv-display); font-weight:800; font-size:.94rem; line-height:1.12; color:var(--bv-ink); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.bv-int-sub{ font-size:.74rem; color:var(--bv-muted); }
.bv-int-badge{ flex:0 0 auto; font-size:.64rem; font-weight:800; padding:4px 9px; border-radius:99px; white-space:nowrap; text-transform:uppercase; letter-spacing:.03em; }
.bv-int-badge.ok{ background:#e7f8ee; color:#0c7d3f; }
.bv-int-badge.soon{ background:color-mix(in srgb,var(--bv-c1) 12%,#fff); color:var(--bv-c2); }
.bv-int-desc{ margin:0; font-size:.83rem; color:var(--bv-soft); line-height:1.55; }
html[data-bv-dark="1"] .bv .bv-int-card{ background:var(--bv-card); border-color:var(--bv-line); }
html[data-bv-dark="1"] .bv .bv-int-badge.soon{ background:rgba(255,255,255,.08); }

/* TEST PALETTE COULEURS & TEXTES */
button#bvPaletteToggle {display:none;}
/* Marges latérales iPad + mobile : on padde le CONTENU (.bv-wrap), PAS la racine.
   → les fonds pleine largeur (portés par .bv-sec / bandes) restent edge-to-edge ;
   → le HERO (.bv-wrap.bv-hero-in) est EXCLU pour ne pas toucher à sa mise en page. */
@media (max-width: 991.98px){
    .bv .bv-wrap:not(.bv-hero-in){
        padding-inline: clamp(16px, 4vw, 24px);
    }
}

/* Bibleo V3 note arrow override */
:root{--bv-note-arrow:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2264%22%20viewBox%3D%220%200%2090%2035%22%20fill%3D%22none%22%20class%3D%22com_hero_note__svg%20cc-left%22%3E%3Cpath%20d%3D%22M1.46288%200.517181C1.33418%200.123468%200.910688%20-0.0913712%200.516975%200.037325C0.123262%200.166021%20-0.0915772%200.589518%200.037119%200.983231L0.75%200.750206L1.46288%200.517181ZM89.7068%2026.8946C89.8765%2026.5167%2089.7077%2026.0729%2089.3298%2025.9032L83.172%2023.1384C82.7941%2022.9688%2082.3503%2023.1376%2082.1806%2023.5154C82.011%2023.8933%2082.1797%2024.3372%2082.5576%2024.5068L88.0312%2026.9644L85.5737%2032.438C85.404%2032.8159%2085.5728%2033.2597%2085.9507%2033.4294C86.3285%2033.5991%2086.7724%2033.4303%2086.9421%2033.0524L89.7068%2026.8946ZM0.75%200.750206L0.037119%200.983231C4.41409%2014.3734%2012.2166%2022.7469%2021.473%2027.7382C30.7077%2032.7178%2041.3405%2034.306%2051.3685%2034.2328C61.401%2034.1595%2070.8773%2032.423%2077.8382%2030.7088C81.3206%2029.8512%2084.1785%2028.9979%2086.1676%2028.3584C87.1623%2028.0385%2087.9401%2027.7721%2088.4704%2027.585C88.7356%2027.4915%2088.939%2027.4179%2089.0767%2027.3674C89.1456%2027.3421%2089.198%2027.3226%2089.2336%2027.3093C89.2514%2027.3027%2089.265%2027.2976%2089.2742%2027.2941C89.2789%2027.2923%2089.2825%2027.291%2089.285%2027.29C89.2862%2027.2896%2089.2873%2027.2892%2089.2879%2027.2889C89.2887%2027.2886%2089.2892%2027.2884%2089.0226%2026.5874C88.756%2025.8864%2088.756%2025.8864%2088.7557%2025.8865C88.7553%2025.8867%2088.7547%2025.8869%2088.7538%2025.8872C88.752%2025.8879%2088.7491%2025.889%2088.7451%2025.8905C88.7372%2025.8935%2088.725%2025.8981%2088.7086%2025.9042C88.6758%2025.9165%2088.6261%2025.9349%2088.5601%2025.9591C88.4281%2026.0075%2088.2307%2026.0791%2087.9716%2026.1704C87.4535%2026.3531%2086.689%2026.6151%2085.7085%2026.9304C83.7473%2027.561%2080.9232%2028.4043%2077.4795%2029.2523C70.5879%2030.9495%2061.2344%2032.6607%2051.3576%2032.7328C41.4764%2032.805%2031.1205%2031.2362%2022.1849%2026.4179C13.271%2021.6112%205.72159%2013.5456%201.46288%200.517181L0.75%200.750206Z%22%20fill%3D%22currentColor%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E");}
.bva-hero .bv-fl,.bva-hero .bv-fl.st-zig,.bva-hero .bv-fl.st-loop{display:inline-block;width:64px;height:25px;flex:0 0 auto;color:currentColor;background:currentColor!important;-webkit-mask:var(--bv-note-arrow) center/contain no-repeat!important;mask:var(--bv-note-arrow) center/contain no-repeat!important;clip-path:none!important;border:0!important;border-radius:0!important;}
.bva-hero .bv-note .bv-fl{width:64px;height:25px;}
.bva-hero .bv-fl.fl1{transform:none;}
.bva-hero .bv-fl.fl2{transform:scaleX(-1);}
.bva-hero .bv-fl.fl3{transform:scaleY(-1);}
.bva-hero .bv-fl.fl4{transform:scale(-1,-1);}
.bva-hero .hs3-chip::before{content:"";position:absolute;width:64px;height:25px;background:var(--chiptx,currentColor)!important;-webkit-mask:var(--bv-note-arrow) center/contain no-repeat!important;mask:var(--bv-note-arrow) center/contain no-repeat!important;clip-path:none!important;border:0!important;border-radius:0!important;top:auto!important;bottom:-25px!important;left:12px!important;right:auto!important;margin:0!important;opacity:.86;transform:scaleY(-1)!important;pointer-events:none;z-index:2!important;}
.bva-hero .hs3-chip--r::before{left:auto!important;right:12px!important;transform:scale(-1,-1)!important;}
.bva-hero .hs3-chip--up::before{top:-25px!important;bottom:auto!important;transform:none!important;}
.bva-hero .hs3-chip--r.hs3-chip--up::before{left:auto!important;right:12px!important;transform:scaleX(-1)!important;}
@media(max-width:900px){.bva-hero .hs3-chip::before{width:52px;height:20px;bottom:-20px!important}.bva-hero .hs3-chip--up::before{top:-20px!important;bottom:auto!important}.bva-hero .bv-fl,.bva-hero .bv-fl.st-zig,.bva-hero .bv-fl.st-loop,.bva-hero .bv-note .bv-fl{width:52px;height:20px}}


/* Bibleo V3 guide/features hero */
.page-bibleo-v3 .bva-hero {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 0.82fr);
    gap: clamp(28px, 5vw, 72px);
    align-items: center;
    margin: clamp(28px, 5vw, 76px) auto clamp(34px, 5vw, 84px);
    padding: clamp(24px, 5vw, 58px);
    border: 1px solid rgba(148, 163, 184, .24);
    border-radius: 34px;
    background:
        radial-gradient(circle at 12% 18%, rgba(19, 184, 255, .16), transparent 36%),
        linear-gradient(135deg, rgba(255,255,255,.96), rgba(239,248,255,.9));
    box-shadow: 0 28px 80px rgba(15, 23, 42, .08);
    overflow: hidden;
}
.page-bibleo-v3 .bva-hero:before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: radial-gradient(circle, rgba(19,184,255,.22) 0 1px, transparent 1.8px);
    background-size: 58px 58px;
    opacity: .26;
    pointer-events: none;
}
.page-bibleo-v3 .bva-hero > * { position: relative; z-index: 1; }
.page-bibleo-v3 .bva-back {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 16px;
    color: #64748b;
    font-weight: 700;
    text-decoration: none;
}
.page-bibleo-v3 .bva-eyebrow,
.page-bibleo-v3 .bva-heroline {
    display: inline-flex;
    width: max-content;
    align-items: center;
    gap: 8px;
    border: 1px solid rgba(14, 165, 233, .28);
    border-radius: 999px;
    background: rgba(224, 242, 254, .82);
    color: #0369a1;
    padding: 8px 13px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.page-bibleo-v3 .bva-hero h1 {
    margin: 18px 0 16px;
    max-width: 760px;
    font-size: clamp(38px, 5.3vw, 76px);
    line-height: .94;
    letter-spacing: -.055em;
    color: #0f172a;
}
.page-bibleo-v3 .bva-lead {
    max-width: 660px;
    color: #52627a;
    font-size: clamp(16px, 1.55vw, 21px);
    line-height: 1.7;
}
.page-bibleo-v3 .bva-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 26px;
}
.page-bibleo-v3 .bva-btn-main {
    border: 0;
    border-radius: 16px;
    background: linear-gradient(135deg, #14b8ff, #2563eb);
    box-shadow: 0 16px 34px rgba(37, 99, 235, .2);
    font-weight: 800;
    padding: 13px 18px;
}
.page-bibleo-v3 .bva-btn-ghost {
    border: 1px solid rgba(148, 163, 184, .35);
    border-radius: 16px;
    background: #fff;
    color: #0f172a;
    font-weight: 800;
    padding: 13px 18px;
}
.page-bibleo-v3 .bva-hero-visual {
    position: relative;
    min-height: 360px;
    display: grid;
    place-items: center;
}
.page-bibleo-v3 .heading_img {
    position: relative;
    width: min(100%, 520px);
    min-height: 300px;
    border-radius: 30px;
    background: linear-gradient(135deg, rgba(224,242,254,.95), rgba(255,255,255,.9));
    border: 1px solid rgba(14, 165, 233, .22);
    box-shadow: 0 24px 70px rgba(15, 23, 42, .12);
    overflow: hidden;
}
.page-bibleo-v3 .heading_picture img {
    width: 100%;
    height: 100%;
    min-height: 360px;
    object-fit: cover;
    display: block;
}
.page-bibleo-v3 .heading_picture:after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(15, 23, 42, .05), rgba(15, 23, 42, .28));
}
.page-bibleo-v3 .bva-icon-board {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    padding: 26px;
    align-content: center;
}
.page-bibleo-v3 .bva-icon-board span {
    min-height: 96px;
    display: flex;
    align-items: center;
    gap: 12px;
    border-radius: 20px;
    background: #fff;
    border: 1px solid rgba(148, 163, 184, .24);
    color: #0f172a;
    font-weight: 800;
    padding: 18px;
    box-shadow: 0 14px 34px rgba(15, 23, 42, .06);
}
.page-bibleo-v3 .bva-icon-board i {
    display: inline-grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border-radius: 13px;
    background: #e0f2fe;
    color: #0284c7;
}
.page-bibleo-v3 .hs3-chip {
    position: absolute;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    border: 1px solid rgba(14,165,233,.28);
    border-radius: 999px;
    background: rgba(255,255,255,.92);
    color: #075985;
    padding: 10px 14px;
    font-weight: 800;
    box-shadow: 0 16px 38px rgba(15,23,42,.12);
}
.page-bibleo-v3 .hs3-chip--up { top: 18px; right: 20px; }
.page-bibleo-v3 .bva-heroline { position: absolute; left: 20px; bottom: 20px; z-index: 3; }
@media (max-width: 991.98px) {
    .page-bibleo-v3 .bva-hero { grid-template-columns: 1fr; }
    .page-bibleo-v3 .bva-hero h1 { font-size: clamp(36px, 10vw, 58px); }
    .page-bibleo-v3 .bva-hero-visual { min-height: 280px; }
}
@media (max-width: 575.98px) {
    .page-bibleo-v3 .bva-hero { padding: 22px; border-radius: 26px; }
    .page-bibleo-v3 .bva-icon-board { grid-template-columns: 1fr; }
    .page-bibleo-v3 .heading_picture img { min-height: 260px; }
}