/* ============================================================
   FUTURLOG — Styles partagés des Landing Pages publicitaires
   Utilisé par lp-google-ads.html et toutes les LP thématiques lp-*.html
   (chargé APRÈS styles.css). Header minimal, hero 2 colonnes + formulaire,
   bandeau preuve, bénéfices, étapes, FAQ, verbatim, CTA, footer.
   ============================================================ */

/* ── Header minimal (pas de méga-menu) ── */
.lp-bar { position:sticky; top:0; z-index:50; background:rgba(255,255,255,.92); backdrop-filter:blur(10px); border-bottom:1px solid var(--border); }
.lp-bar-inner { display:flex; align-items:center; justify-content:space-between; padding:14px 0; }
.lp-bar .lp-phone { display:flex; align-items:center; gap:16px; }
.lp-bar .lp-phone a.tel { font-family:'Chakra Petch',sans-serif; font-weight:700; color:var(--ink); text-decoration:none; font-size:.95rem; }
@media (max-width:600px){ .lp-bar .lp-phone .tel{ display:none } }

/* ── Hero LP : 2 colonnes ── */
.lp-hero { background:var(--bg-tint); border-bottom:1px solid var(--border); }
.lp-hero-grid { display:grid; grid-template-columns:1.05fr .95fr; gap:54px; align-items:center; padding:56px 0; }
.lp-hero h1 { font-size:2.7rem; line-height:1.08; }
.lp-hero .lead { font-size:1.12rem; color:var(--ink-soft); margin:18px 0 22px; max-width:540px; }
.lp-bullets { display:flex; flex-direction:column; gap:12px; margin:0 0 24px; }
.lp-bullets li { display:flex; align-items:flex-start; gap:11px; font-size:.98rem; color:var(--ink); list-style:none; }
.lp-bullets .ck { flex-shrink:0; width:22px; height:22px; border-radius:50%; background:var(--grad-brand); color:#fff; display:flex; align-items:center; justify-content:center; font-size:.7rem; margin-top:1px; }
.lp-trust-pills { display:flex; gap:12px; flex-wrap:wrap; }
.lp-trust-pills span { background:#fff; border:1px solid var(--border); border-radius:100px; padding:8px 15px; font-size:.83rem; font-weight:600; color:var(--ink); box-shadow:var(--shadow-sm); }

/* ── Carte formulaire ── */
.lp-form-card { background:#fff; border:1px solid var(--border); border-radius:var(--radius-lg); padding:32px; box-shadow:var(--shadow-lg, var(--shadow)); }
.lp-form-card h2 { font-size:1.35rem; margin-bottom:6px; }
.lp-form-card .sub { font-size:.9rem; color:var(--ink-soft); margin-bottom:20px; }
.hs-form { min-height:120px; }
.hs-fallback { font-size:.8rem; color:var(--ink-mute); text-align:center; margin-top:16px; }
.hs-fallback a { color:var(--blue); }
.hs-form .hs-input { width:100%; padding:12px 14px; border:1.5px solid var(--border-strong); border-radius:10px; font-family:inherit; font-size:.92rem; color:var(--ink); background:#fff; box-sizing:border-box; }
.hs-form .hs-input:focus { outline:none; border-color:var(--blue); }
.hs-form .hs-form-field { margin-bottom:14px; }
.hs-form .hs-form-field > label { display:block; font-size:.8rem; font-weight:700; color:var(--ink); margin-bottom:7px; }
.hs-form .hs-error-msg, .hs-form .hs-error-msgs label { color:#d33; font-size:.78rem; }
.hs-form .hs-button { width:100%; margin-top:6px; padding:14px 24px; border:none; border-radius:10px; background:var(--grad-brand); color:#fff; font-family:'Chakra Petch',sans-serif; font-weight:700; font-size:1rem; cursor:pointer; transition:filter var(--transition); }
.hs-form .hs-button:hover { filter:brightness(1.06); }
.hs-form .legal-consent-container, .hs-form .hs-richtext { font-size:.74rem; color:var(--ink-mute); line-height:1.5; }

/* ── Bande confiance ── */
.lp-brands { text-align:center; padding:38px 0; }
.lp-brands .eyebrow { display:block; margin-bottom:16px; }
.lp-brand-row { display:flex; flex-wrap:wrap; gap:10px; justify-content:center; }
.lp-brand-row span { background:#fff; border:1px solid var(--border); border-radius:8px; padding:8px 16px; font-weight:600; font-size:.88rem; color:var(--ink-soft); }

/* ── Bénéfices ── */
.lp-benefits { display:grid; grid-template-columns:repeat(4,1fr); gap:22px; }
.lp-benefit { background:#fff; border:1px solid var(--border); border-radius:var(--radius-lg); padding:26px; box-shadow:var(--shadow-sm); }
.lp-benefit .card-icon { margin-bottom:14px; }
.lp-benefit .card-icon svg { width:34px; height:34px; }
.lp-benefit .icon-blue svg{ color:var(--blue) } .lp-benefit .icon-violet svg{ color:var(--violet) }
.lp-benefit .icon-green svg{ color:var(--green) } .lp-benefit .icon-orange svg{ color:var(--orange) }
.lp-benefit h3 { font-size:1.05rem; margin-bottom:8px; }
.lp-benefit p { font-size:.88rem; color:var(--ink-soft); line-height:1.6; }

/* ── Étapes ── */
.lp-steps { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; counter-reset:step; }
.lp-step { position:relative; background:var(--bg-tint); border:1px solid var(--border); border-radius:var(--radius-lg); padding:28px 26px; }
.lp-step::before { counter-increment:step; content:counter(step); position:absolute; top:-16px; left:24px; width:38px; height:38px; border-radius:50%; background:var(--grad-brand); color:#fff; font-family:'Chakra Petch',sans-serif; font-weight:700; display:flex; align-items:center; justify-content:center; }
.lp-step h3 { font-size:1.05rem; margin:12px 0 8px; }
.lp-step p { font-size:.9rem; color:var(--ink-soft); line-height:1.6; }

/* ── FAQ (avec vraies réponses : utile pour le Quality Score) ── */
.lp-faq { max-width:780px; margin:0 auto; }
.lp-faq details { background:#fff; border:1px solid var(--border); border-radius:var(--radius); margin-bottom:12px; box-shadow:var(--shadow-sm); overflow:hidden; }
.lp-faq summary { cursor:pointer; list-style:none; padding:18px 22px; font-family:'Chakra Petch',sans-serif; font-weight:700; font-size:1rem; color:var(--ink); display:flex; justify-content:space-between; align-items:center; gap:16px; }
.lp-faq summary::-webkit-details-marker { display:none; }
.lp-faq summary::after { content:'+'; font-size:1.4rem; color:var(--blue); font-weight:400; line-height:1; flex-shrink:0; }
.lp-faq details[open] summary::after { content:'−'; }
.lp-faq-body { padding:0 22px 20px; font-size:.92rem; color:var(--ink-soft); line-height:1.7; }

/* ── Verbatim ── */
.lp-quote { max-width:760px; margin:0 auto; text-align:center; }
.lp-quote blockquote { font-size:1.35rem; line-height:1.5; font-weight:500; color:var(--ink); margin:0 0 18px; }
.lp-quote .who { font-size:.9rem; color:var(--ink-soft); }
.lp-quote .who strong { color:var(--ink); }

/* ── CTA final ── */
.lp-final { background:var(--grad-brand); color:#fff; border-radius:var(--radius-lg); padding:48px; text-align:center; }
.lp-final h2 { color:#fff; font-size:1.9rem; }
.lp-final p { color:rgba(255,255,255,.9); margin:12px auto 24px; max-width:560px; }
.lp-final .btn { background:#fff; color:var(--ink); }
.lp-final .lp-note { font-size:.82rem; color:rgba(255,255,255,.85); margin-top:16px; }

/* ── Footer minimal ── */
.lp-foot { border-top:1px solid var(--border); padding:26px 0; }
.lp-foot-inner { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:14px; font-size:.85rem; color:var(--ink-mute); }
.lp-foot-inner a { color:var(--ink-soft); }

/* ── Reveals légers ── */
.reveal{ opacity:0; transform:translateY(28px); transition:opacity .7s ease, transform .7s ease; }
.reveal.is-in{ opacity:1; transform:none; }

@media (max-width:900px){ .lp-benefits{ grid-template-columns:1fr 1fr } }
@media (max-width:860px){
  .lp-hero-grid { grid-template-columns:1fr; gap:36px; padding:40px 0; }
  .lp-hero h1 { font-size:2.1rem; }
  .lp-steps { grid-template-columns:1fr; }
}
@media (max-width:520px){ .lp-benefits{ grid-template-columns:1fr } .lp-final{ padding:32px 20px } }
@media (prefers-reduced-motion: reduce){ .reveal{ opacity:1; transform:none; transition:none } }

/* ════════════════════════════════════════════════════════════
   AJOUTS — refonte LP riche (header logo seul, avis, à-propos,
   plateforme animée CSS). Toutes ces règles sont additives.
   ════════════════════════════════════════════════════════════ */

/* ── Header : logo seul ── */
.lp-bar-inner.lp-bar-logo-only { justify-content:flex-start; }

/* ── Hero : bloc d'avis Google + Trustpilot proéminent ── */
.lp-reviews { display:flex; flex-wrap:wrap; gap:14px; margin-top:6px; }
.lp-review { background:#fff; border:1px solid var(--border); border-radius:var(--radius); padding:14px 18px; box-shadow:var(--shadow-sm); min-width:148px; }
.lp-review-top { display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:6px; }
.lp-review-logo { display:inline-flex; align-items:center; gap:6px; font-family:'Chakra Petch',sans-serif; font-weight:700; font-size:.9rem; color:var(--ink); }
.lp-review-logo svg { flex:none; }
.lp-review-score { font-family:'Chakra Petch',sans-serif; font-weight:700; font-size:1.5rem; line-height:1; color:var(--ink); }
.lp-review-score span { font-size:.85rem; color:var(--ink-mute); font-weight:600; }
.lp-stars { display:flex; gap:2px; margin-bottom:4px; }
.lp-stars svg { width:16px; height:16px; }
.lp-review-count { font-size:.76rem; color:var(--ink-mute); font-weight:600; }
.lp-review-brands { display:flex; flex-direction:column; justify-content:center; gap:4px; }
.lp-review-brands .lp-review-score { font-size:1.7rem; color:var(--blue); }
.lp-review-brands .lp-review-count { max-width:150px; }

/* ── Section « qui sommes-nous » + plateforme ── */
.lp-about { display:grid; grid-template-columns:1fr 1fr; gap:clamp(32px,5vw,56px); align-items:center; }
.lp-about-txt h2 { font-size:1.8rem; line-height:1.12; margin-bottom:16px; }
.lp-about-txt p { font-size:1rem; color:var(--ink-soft); line-height:1.7; margin-bottom:20px; }
.lp-about-list { display:flex; flex-direction:column; gap:11px; margin:0; padding:0; }
.lp-about-list li { display:flex; align-items:flex-start; gap:11px; font-size:.96rem; color:var(--ink); list-style:none; }
.lp-about-list .ck { flex-shrink:0; width:22px; height:22px; border-radius:50%; background:var(--grad-brand); color:#fff; display:flex; align-items:center; justify-content:center; font-size:.7rem; margin-top:1px; }

/* ── Visuel plateforme : cadre fenêtre + dashboard animé CSS ── */
.lp-platform { border:1px solid var(--border); border-radius:var(--radius-lg); overflow:hidden; box-shadow:var(--shadow-lg, var(--shadow)); background:#fff; }
.lp-dash { padding:22px; }
.lp-dash-head { display:flex; align-items:center; justify-content:space-between; margin-bottom:18px; }
.lp-dash-title { font-family:'Chakra Petch',sans-serif; font-weight:700; font-size:1rem; color:var(--ink); }
.lp-dash-pill { font-size:.7rem; font-weight:700; letter-spacing:.04em; color:var(--green); background:rgba(73,185,145,.12); padding:5px 11px; border-radius:100px; }
.lp-dash-kpis { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-bottom:22px; }
.lp-dash-kpi { background:var(--bg-tint); border:1px solid var(--border); border-radius:var(--radius); padding:14px 10px; text-align:center; }
.lp-dash-kpi b { display:block; font-family:'Chakra Petch',sans-serif; font-weight:700; font-size:1.25rem; line-height:1; color:var(--blue); margin-bottom:5px; }
.lp-dash-kpi span { font-size:.74rem; color:var(--ink-mute); }
.lp-dash-chart { display:flex; align-items:flex-end; gap:10px; height:140px; padding:12px 4px 0; border-top:1px dashed var(--border); }
.lp-dash-chart .lp-bar { flex:1; height:0; border-radius:6px 6px 0 0; background:var(--grad-brand); opacity:.88; transition:height .9s cubic-bezier(.22,.61,.36,1); }
.lp-platform.is-in .lp-dash-chart .lp-bar { height:var(--h); }
.lp-dash-chart .lp-bar:nth-child(2){ transition-delay:.06s } .lp-dash-chart .lp-bar:nth-child(3){ transition-delay:.12s }
.lp-dash-chart .lp-bar:nth-child(4){ transition-delay:.18s } .lp-dash-chart .lp-bar:nth-child(5){ transition-delay:.24s }
.lp-dash-chart .lp-bar:nth-child(6){ transition-delay:.30s } .lp-dash-chart .lp-bar:nth-child(7){ transition-delay:.36s }
.lp-dash-chart .lp-bar:nth-child(8){ transition-delay:.42s }
.lp-dash-foot { display:flex; align-items:center; gap:8px; margin-top:14px; font-size:.82rem; color:var(--ink-soft); }
.lp-dash-foot strong { color:var(--green); }
.lp-dash-dot { width:9px; height:9px; border-radius:50%; background:var(--green); box-shadow:0 0 0 3px rgba(73,185,145,.2); flex:none; }

@media (max-width:860px){
  .lp-about { grid-template-columns:1fr; }
  .lp-about-txt h2 { font-size:1.55rem; }
}
@media (prefers-reduced-motion: reduce){
  .lp-platform .lp-dash-chart .lp-bar { height:var(--h); transition:none; }
}

/* En-tête LP : logo seul, NON collant (pas de menu) */
.lp-head { padding:16px 0; border-bottom:1px solid var(--border); background:#fff; }
.lp-head .nav-logo { display:inline-block; }

/* ════════ HERO LP — fond dégradé animé, large, texte + formulaire ════════ */
.lp-wide { max-width:1320px; }
.lph-hero { position:relative; overflow:hidden; background:linear-gradient(155deg,#E9F0FF 0%,#F0E9FF 52%,#FFFFFF 100%); border-bottom:1px solid var(--border); }
.lph-blob { position:absolute; border-radius:50%; filter:blur(72px); opacity:.5; pointer-events:none; z-index:0; }
.lph-blob-a { width:520px; height:520px; background:radial-gradient(circle, rgba(45,118,248,.9), transparent 68%); top:-180px; left:-120px; animation:lphA 16s ease-in-out infinite; }
.lph-blob-b { width:560px; height:560px; background:radial-gradient(circle, rgba(164,85,252,.85), transparent 68%); bottom:-220px; right:-120px; animation:lphB 20s ease-in-out infinite; }
@keyframes lphA { 0%,100%{ transform:translate(0,0) scale(1) } 50%{ transform:translate(90px,70px) scale(1.18) } }
@keyframes lphB { 0%,100%{ transform:translate(0,0) scale(1) } 50%{ transform:translate(-80px,-60px) scale(1.12) } }
.lph-grid { position:relative; z-index:1; display:grid; grid-template-columns:1.15fr .85fr; gap:50px; align-items:center; padding:62px 0 70px; }
.lph-rating { display:inline-flex; align-items:center; gap:7px; flex-wrap:wrap; font-size:.85rem; color:var(--ink-soft); background:rgba(255,255,255,.72); border:1px solid var(--border); border-radius:100px; padding:7px 15px; margin-bottom:18px; box-shadow:var(--shadow-sm); }
.lph-rating .lph-stars { color:#F5A623; letter-spacing:1px; }
.lph-rating strong { color:var(--ink); }
.lph-rating .lph-dot { color:var(--ink-mute); }
.lph-h1 { font-family:'Chakra Petch',sans-serif; font-weight:700; font-size:clamp(2.1rem,4vw,3.25rem); line-height:1.07; letter-spacing:-.02em; }
.lph-sub { font-size:1.12rem; color:var(--ink-soft); margin:18px 0 22px; max-width:560px; line-height:1.6; }
.lph-bullets { margin-bottom:26px; }
@media (max-width:920px){
  .lph-grid { grid-template-columns:1fr; gap:32px; padding:38px 0 48px; }
  .lph-blob { filter:blur(48px); opacity:.42; }
}
@media (prefers-reduced-motion:reduce){ .lph-blob{ animation:none } }

/* ════════ LP v3 : logo hero, sans traits, réseau+vidéo+cartes, accompagnement ════════ */
.lph-hero { border-bottom:none; }
.lph-logo { display:inline-block; margin-bottom:22px; }
.lph-logo img { height:34px; width:auto; display:block; }
.lph-rating a { color:inherit; text-decoration:none; border-bottom:1px solid transparent; transition:color .15s, border-color .15s; }
.lph-rating a:hover { color:var(--blue); border-bottom-color:var(--blue); }

/* Réseau : carte animée + vidéo entrepôt côte à côte */
.world-map-canvas { border:none !important; box-shadow:var(--shadow-sm) !important; }
.eu-row { display:grid; grid-template-columns:1fr clamp(280px,30vw,360px); gap:clamp(24px,4vw,48px); align-items:center; margin-bottom:30px; }
.eu-map { min-width:0; }
.wh-video { margin:0; width:100%; max-width:360px; border-radius:24px; overflow:hidden; background:#000; box-shadow:var(--shadow-lg); }
.wh-video video { width:100%; height:auto; display:block; aspect-ratio:720/1280; object-fit:cover; background:#000; }
@media (max-width:860px){ .eu-row { grid-template-columns:1fr; justify-items:center; } .wh-video{ max-width:300px } }

/* Cartes entrepôts (photos — humanisation) */
.wh-sites { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.wh-site { margin:0; border-radius:var(--radius-lg); overflow:hidden; border:1px solid var(--border); background:#fff; box-shadow:var(--shadow-sm); display:flex; flex-direction:column; transition:transform var(--transition), box-shadow var(--transition); }
.wh-site:hover { transform:translateY(-4px); box-shadow:var(--shadow); }
.wh-site-img { height:190px; overflow:hidden; flex:none; }
.wh-site-img img { width:100%; height:100%; object-fit:cover; display:block; transition:transform .5s ease; }
.wh-site:hover .wh-site-img img { transform:scale(1.05); }
.wh-site-body { padding:22px; }
.wh-site-body h3 { margin-bottom:2px; }
.wh-loc { font-size:.84rem; color:var(--ink-mute); font-weight:600; margin:4px 0 12px; }
.wh-site-body > p { font-size:.9rem; color:var(--ink-soft); line-height:1.6; }
.wh-stats { display:flex; flex-direction:column; gap:8px; margin-top:14px; padding:0; }
.wh-stats li { display:flex; align-items:flex-start; gap:9px; font-size:.86rem; color:var(--ink-soft); list-style:none; }
.wh-stats .ck { color:var(--green); font-weight:800; flex-shrink:0; }
@media (max-width:900px){ .wh-sites { grid-template-columns:1fr 1fr } }
@media (max-width:600px){ .wh-sites { grid-template-columns:1fr } }

/* Accompagnement : solution humaine & réactive */
.lp-support-card { background:#fff; border:1px solid var(--border); border-radius:var(--radius-lg); padding:26px; box-shadow:var(--shadow-lg); max-width:420px; }
.lp-sup-head { display:flex; align-items:center; gap:14px; margin-bottom:18px; }
.lp-sup-ava { width:48px; height:48px; border-radius:50%; background:var(--grad-brand); color:#fff; display:flex; align-items:center; justify-content:center; font-family:'Chakra Petch',sans-serif; font-weight:700; flex:none; }
.lp-sup-name { font-family:'Chakra Petch',sans-serif; font-weight:700; color:var(--ink); }
.lp-sup-role { font-size:.82rem; color:var(--ink-mute); }
.lp-sup-on { color:#2f9c77; font-weight:700; }
.lp-sup-on i { display:inline-block; width:7px; height:7px; border-radius:50%; background:#49B991; margin-right:5px; vertical-align:middle; animation:lpPulse 2s ease-in-out infinite; }
@keyframes lpPulse { 0%,100%{ box-shadow:0 0 0 0 rgba(73,185,145,.5) } 50%{ box-shadow:0 0 0 6px rgba(73,185,145,0) } }
.lp-sup-rows { display:flex; flex-direction:column; gap:11px; font-size:.92rem; color:var(--ink); }
.lp-sup-rows div { display:flex; align-items:center; gap:10px; }
.lp-sup-rows .ck { color:var(--green); font-weight:800; }
.lp-sup-badge { margin-top:16px; padding:11px 14px; border-radius:11px; background:rgba(73,185,145,.12); font-size:.85rem; color:#2f9c77; font-weight:600; text-align:center; }
@media (prefers-reduced-motion:reduce){ .lp-sup-on i{ animation:none } }

/* ════════ LP v4 : logo en haut, grille large, form 2 colonnes, cartes expansion ════════ */
.lph-hero .lp-wide > .lph-logo { display:inline-block; padding-top:26px; margin-bottom:0; }
.lph-grid { grid-template-columns:1fr 1fr; padding:28px 0 64px; align-items:start; }
.lph-left { padding-top:6px; }
/* Formulaire plus large + champs 2 colonnes (réduit la hauteur) */
.lph-right .lp-form-card { max-width:none; }
.lph-right .hs-form fieldset { max-width:none !important; display:flex !important; flex-wrap:wrap; gap:0 16px; }
.lph-right .hs-form fieldset .hs-form-field { width:calc(50% - 8px) !important; float:none !important; box-sizing:border-box; }
.lph-right .hs-form fieldset.form-columns-1 .hs-form-field { width:100% !important; }
.lph-right .hs-form .hs-richtext, .lph-right .hs-form .legal-consent-container, .lph-right .hs-form .hs_submit { width:100%; }
@media (max-width:920px){ .lph-grid { grid-template-columns:1fr; align-items:stretch; } .lph-right .hs-form fieldset .hs-form-field { width:100% !important; } }
/* Cartes expansion réseau (Espagne / Italie / Livraison mondiale) */
.wh-expand { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin-top:22px; }
.wh-soon { background:var(--bg-soft); border:1px solid var(--border); border-radius:var(--radius-lg); padding:26px; }
.wh-soon h4 { font-size:1.2rem; margin:14px 0 8px; }
.wh-soon p { font-size:.9rem; color:var(--ink-soft); line-height:1.6; }
.wh-world { background:linear-gradient(160deg, rgba(45,118,248,.07), rgba(164,85,252,.05)), #fff; }
.wh-world-ic { color:var(--violet); display:inline-flex; }
.wh-world-ic svg { width:30px; height:30px; }
@media (max-width:900px){ .wh-expand { grid-template-columns:1fr; } }

/* Ajustements : vidéo hero variante moins imposante + espace carte→cartes entrepôts */
.lph-video { max-width:260px; }
.eu-row { margin-bottom:0; }
.wh-sites { margin-top:clamp(32px,4.5vw,52px); }

/* Vidéo hero (variante B) — dimensionnement correct (règle complète) */
.lph-video { margin:0 auto; width:100%; border-radius:24px; overflow:hidden; background:#000; box-shadow:var(--shadow-lg); }
.lph-video video { width:100%; height:auto; display:block; aspect-ratio:720/1280; object-fit:cover; background:#000; }

/* Variante vidéo : la vidéo remplit le bloc droit à la hauteur du bloc texte gauche */
.lph-grid:has(.lph-video) { align-items:stretch; }
.lph-grid:has(.lph-video) .lph-right { display:flex; }
.lph-video { flex:1 1 auto; min-height:0; max-width:none; width:100%; margin:0; }
.lph-video video { width:100%; height:100%; object-fit:cover; aspect-ratio:auto; }
@media (max-width:920px){
  .lph-grid:has(.lph-video) .lph-right { display:block; }
  .lph-video { flex:none; height:clamp(340px,72vw,460px); }
}

/* Correctif : vidéo en absolu (la hauteur vient du bloc gauche, la vidéo le remplit) */
.lph-grid:has(.lph-video) .lph-right { display:block; position:relative; min-height:380px; }
.lph-video { position:absolute; inset:0; flex:none; width:100%; height:100%; max-width:none; margin:0; }
@media (max-width:920px){
  .lph-grid:has(.lph-video) .lph-right { position:static; min-height:0; }
  .lph-video { position:static; height:clamp(340px,72vw,460px); }
}

/* Garder le FORMAT PORTRAIT de la vidéo (pas de crop carré), hauteur = bloc gauche, centrée */
.lph-video { left:50%; right:auto; transform:translateX(-50%); width:auto; height:100%; aspect-ratio:720/1280; max-width:100%; }
@media (max-width:920px){
  .lph-video { position:static; transform:none; left:auto; margin:0 auto; height:auto; width:auto; max-width:300px; aspect-ratio:720/1280; }
}

/* ── Bandeau logos clients (repris de la page d'accueil, partagé par les LP) ── */
.brand-band { overflow:hidden; -webkit-mask:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent); mask:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent); }
.brand-band-track { display:flex; align-items:center; width:max-content; animation:brandMar 52s linear infinite; will-change:transform; backface-visibility:hidden; }
.brand-band:hover .brand-band-track { animation-play-state:paused; }
.brand-logo { height:clamp(26px,3.4vw,42px); width:auto; flex:none; margin:0 clamp(22px,3vw,48px); object-fit:contain; filter:grayscale(1); opacity:.55; transition:filter .3s ease, opacity .3s ease; }
.brand-logo:hover { filter:grayscale(0); opacity:1; }
@keyframes brandMar { from{ transform:translateX(0) } to{ transform:translateX(-50%) } }
@media (max-width:640px){
  .brand-logo { height:24px; margin:0 20px; }
  .brand-band-track { animation-duration:34s; }
}
@media (prefers-reduced-motion:reduce){
  .brand-band-track { animation:none; flex-wrap:wrap; justify-content:center; width:auto; gap:10px 0; }
  .brand-band { -webkit-mask:none; mask:none; }
}

/* ── Marquee avis + badges de confiance (repris de l'accueil, pour les LP) ── */
.tmarquee { display:flex; flex-direction:column; gap:20px; overflow:hidden; padding:6px 0; }
.tmarquee-row { display:flex; gap:20px; width:max-content; will-change:transform; animation:tmar 68s linear infinite; }
.tmarquee-row.rev { animation-duration:60s; }
.tmarquee-row.rev { animation-direction:reverse; }
.tmarquee:hover .tmarquee-row { animation-play-state:paused; }
@keyframes tmar { from{ transform:translateX(0) } to{ transform:translateX(-50%) } }
@media (prefers-reduced-motion:reduce){ .tmarquee-row{ animation:none } .tmarquee{ overflow-x:auto } }
.trust-row { display:flex; align-items:center; justify-content:center; gap:20px; margin-top:48px; flex-wrap:wrap; }
.trust-badge { display:flex; align-items:center; gap:13px; background:#fff; border:1px solid var(--border); border-radius:100px; padding:9px 20px; box-shadow:var(--shadow-sm); text-decoration:none; cursor:pointer; transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
.trust-badge:hover { transform:translateY(-2px); border-color:rgba(45,118,248,.4); box-shadow:var(--shadow); }
.trust-go { font-size:.95rem; color:var(--ink-mute); transition:color .2s ease, transform .2s ease; }
.trust-badge:hover .trust-go { color:var(--blue); transform:translate(2px,-2px); }
.tp-mark, .g-mark { display:inline-flex; align-items:center; gap:7px; font-family:'Chakra Petch',sans-serif; font-weight:700; font-size:1.02rem; }
.tp-mark svg { display:block; }
.tp-name { color:#191919; }
.g-mark { letter-spacing:-.4px; }
.trust-score { display:inline-flex; align-items:center; gap:7px; padding-left:13px; border-left:1px solid var(--border); }
.tp-stars { color:#00B67A; letter-spacing:1px; font-size:.88rem; }
.g-stars { color:#FFB020; letter-spacing:1px; font-size:.88rem; }
.trust-score strong { font-family:'Chakra Petch',sans-serif; font-size:1.05rem; color:var(--ink); }
@media (max-width:560px){ .trust-row{ margin-top:28px } }