/* lameute · Landing (face Client) : composants sur-mesure.
   Repose sur les tokens du design system + site.css. ink + ambre = lameute,
   sapin = leberger uniquement. Hairlines, zéro gradient, motion sobre.
   Le vert leberger passe par les tokens --sapin-* du DS (plus de --lb-green local). */

/* ---- Rythme général ---- */
.lp-main { overflow-x: clip; }
.lp-section { max-width: var(--container-max, 1200px); margin: 0 auto; padding: 104px 32px; }
.lp-rule { border: none; border-top: 1px solid var(--border-subtle); max-width: var(--container-max, 1200px); margin: 0 auto; }
.lp-eyebrow { font-family: var(--font-mono); font-size: 12px; font-weight: 600; letter-spacing: 0.09em; text-transform: uppercase; color: var(--ambre-600); }
@media (max-width: 720px) { .lp-section { padding: 72px 22px; } }

/* ===== HERO ===== */
.lp-hero { max-width: var(--container-max, 1200px); margin: 0 auto; padding: 36px 32px 24px; }
.lp-hero-copy { max-width: 1100px; }
@media (max-width: 940px) { .lp-hero { padding-top: 28px; } }

/* hero : aperçu produit (mock dashboard) */

/* ===== Aperçu produit · cartes RDV flottantes (sur ink) ===== */
.lp-rdv { margin-top: 28px; display: flex; flex-direction: column; gap: 12px; }
.lp-rdv .ini { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; flex: none; border-radius: 50%; border: 1px solid rgba(255,255,255,0.2); font-family: var(--font-mono); font-size: 11.5px; color: rgba(255,255,255,0.8); }
.lp-rdv .sec { color: rgba(255,255,255,0.45); font-size: 13.5px; }
.lp-rdv .when { font-family: var(--font-mono); font-size: 13px; color: rgba(255,255,255,0.62); white-space: nowrap; }
.lp-rdv-feat { position: relative; padding: 18px 20px; border: 1px solid rgba(255,255,255,0.12); border-radius: var(--radius-xl, 16px); background: rgba(255,255,255,0.02); transition: border-color var(--duration-fast) var(--ease-standard), background var(--duration-fast) var(--ease-standard); }
.lp-rdv-feat:hover { border-color: rgba(255,255,255,0.22); background: rgba(255,255,255,0.035); }
.lp-rdv-feat.is-new::before, .lp-rdv-row.is-new::before { content: ""; position: absolute; left: 0; top: 15px; bottom: 15px; width: 2px; border-radius: 2px; background: var(--ambre-500); }
.lp-rdv-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
.lp-rdv-id { display: flex; align-items: center; gap: 12px; }
.lp-rdv-name { font-size: 17px; font-weight: 700; letter-spacing: -0.02em; color: #fff; }
.lp-rdv-sub { margin-top: 3px; color: rgba(255,255,255,0.5); font-size: 13px; }
.lp-rdv-badge { display: inline-flex; align-items: center; gap: 7px; padding: 5px 11px; border: 1px solid rgba(196,137,26,0.4); border-radius: var(--radius-full, 999px); font-family: var(--font-mono); font-size: 12px; color: var(--ambre-400); white-space: nowrap; }
.lp-rdv-badge .d { width: 6px; height: 6px; border-radius: 50%; background: var(--ambre-500); }
.lp-rdv-rec { display: flex; align-items: center; gap: 14px; margin: 16px 0; padding: 13px 16px; border: 1px solid rgba(255,255,255,0.12); border-radius: var(--radius-lg, 12px); background: rgba(255,255,255,0.02); }
.lp-rdv-play { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; flex: none; border-radius: 50%; background: #fff; color: var(--n-950); }
.lp-rdv-wave { display: inline-flex; align-items: center; gap: 2px; height: 18px; flex: none; }
.lp-rdv-wave i { width: 2px; border-radius: 1px; background: rgba(255,255,255,0.32); }
.lp-rdv-reclab { font-size: 13px; color: rgba(255,255,255,0.6); }
.lp-rdv-reclab b { color: #fff; font-weight: 600; font-family: var(--font-mono); }
.lp-rdv-score { display: inline-flex; align-items: center; gap: 10px; margin-left: auto; padding: 8px 14px; border: 1px solid var(--sapin-700, #0B6147); border-radius: var(--radius-lg, 12px); background: rgba(14,124,90,0.1); white-space: nowrap; }
.lp-rdv-wm { font-size: 13px; font-weight: 700; letter-spacing: -0.01em; }
.lp-rdv-wm .le { color: rgba(255,255,255,0.5); font-weight: 500; }
.lp-rdv-wm .berger { color: var(--sapin-300, #6FCF97); }
.lp-rdv-val { font-family: var(--font-mono); font-size: 16px; font-weight: 600; color: var(--sapin-300, #6FCF97); line-height: 1; }
.lp-rdv-val small { font-size: 11px; color: rgba(255,255,255,0.4); }
.lp-rdv-cta { display: inline-flex; align-items: center; gap: 8px; padding: 11px 18px; border-radius: var(--radius-lg, 12px); background: var(--ambre-500); color: var(--n-950); font-weight: 600; font-size: 14px; text-decoration: none; transition: background var(--duration-fast) var(--ease-standard); }
.lp-rdv-cta:hover { background: var(--ambre-400); }
.lp-rdv-row { position: relative; display: grid; grid-template-columns: 1.5fr 1fr 1fr auto; align-items: center; gap: 14px; padding: 16px 20px; border: 1px solid rgba(255,255,255,0.12); border-radius: var(--radius-lg, 14px); background: rgba(255,255,255,0.02); transition: border-color var(--duration-fast) var(--ease-standard), background var(--duration-fast) var(--ease-standard); }
.lp-rdv-row:hover { border-color: rgba(255,255,255,0.22); background: rgba(255,255,255,0.035); }
.lp-rdv-co { display: flex; align-items: center; gap: 11px; font-weight: 600; font-size: 14px; color: #fff; }
.lp-rdv-link { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: var(--ambre-400); white-space: nowrap; }
@media (max-width: 620px) {
  .lp-rdv-rec { flex-wrap: wrap; }
  .lp-rdv-score { margin-left: 0; }
  .lp-rdv-row { grid-template-columns: 1fr auto; }
  .lp-rdv-row .sec, .lp-rdv-row .when { display: none; }
}
.lp-mock { margin-top: 28px; border: 1px solid var(--border-default); border-radius: var(--radius-xl, 16px); overflow: hidden; box-shadow: var(--shadow-sm); background: var(--surface-card); }
.lp-mock-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 20px; border-bottom: 1px solid var(--border-subtle); }
.lp-mock-title { display: flex; align-items: center; gap: 10px; font-weight: 600; font-size: 15px; }
.lp-mock-title svg { color: var(--text-tertiary); flex: none; }
.lp-mock-badge { display: inline-flex; align-items: center; gap: 7px; font-family: var(--font-mono); font-size: 11.5px; color: var(--ambre-signal); white-space: nowrap; }
.lp-mock-badge .dot { width: 7px; height: 7px; border-radius: 50%; background: var(--ambre-500); }
.lp-mock-rows { display: flex; flex-direction: column; gap: 0; padding: 0; background: transparent; }
.lp-mrow { display: grid; grid-template-columns: 1.4fr 1fr 1fr auto; align-items: center; gap: 12px; padding: 15px 20px; background: transparent; border: none; border-top: 1px solid var(--border-subtle); border-radius: 0; }
.lp-mrow .co { display: flex; align-items: center; gap: 11px; font-weight: 600; font-size: 13.5px; }
.lp-mrow .ini { width: 30px; height: 30px; flex: none; border-radius: 50%; background: transparent; border: 1px solid var(--border-default); display: inline-flex; align-items: center; justify-content: center; font-family: var(--font-mono); font-size: 10px; font-weight: 600; color: var(--text-secondary); }
.lp-mrow .sec { font-size: 12.5px; color: var(--text-tertiary); }
.lp-mrow .when { font-family: var(--font-mono); font-size: 12px; color: var(--text-secondary); }
.lp-st { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; font-weight: 500; white-space: nowrap; }
.lp-st .d { width: 6px; height: 6px; border-radius: 50%; flex: none; }
.lp-st.amb { color: var(--ambre-signal); } .lp-st.amb .d { background: var(--ambre-500); }
.lp-st.grey { color: var(--text-muted); } .lp-st.grey .d { background: var(--border-strong, #C9C7C0); }
@media (max-width: 720px) {
  .lp-mrow { grid-template-columns: 1fr auto; row-gap: 4px; }
  .lp-mrow .sec, .lp-mrow .when { display: none; }
}

/* bloc leberger : vedette centrale */
.lb-showcase { text-align: left; }
.lb-show-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 56px; align-items: center; }
@media (max-width: 880px) { .lb-show-grid { grid-template-columns: 1fr; gap: 36px; } }
.lb-show-head { max-width: 540px; }
.lb-showcase .lp-h2 { text-wrap: balance; }
.lb-show-sub { font-size: 17px; line-height: 1.65; color: var(--text-secondary); max-width: 46ch; margin: 18px 0 0; text-wrap: pretty; }
.lb-show-panel { max-width: 560px; width: 100%; margin: 0; text-align: left; }
.lb-showcase .lberger-hint { margin-top: 22px; }
.lberger-hint { display: inline-flex; align-items: center; gap: 8px; margin-top: 22px; font-family: var(--font-mono); font-size: 12.5px; font-weight: 500; color: var(--sapin-600, #0B6448); }
.lb-panel.lb-clickable { cursor: pointer; text-decoration: none; color: inherit; transition: box-shadow var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard); }
.lb-panel.lb-clickable:hover { box-shadow: var(--shadow-md); transform: translateY(-2px); }
.lb-panel.lb-clickable:hover .send { background: var(--sapin-600, #0B6448); }
.lb-input-static .lb-ph { display: inline-flex; align-items: center; }
.lb-caret { display: inline-block; width: 1.5px; height: 14px; background: var(--sapin-500, #0E7C5A); margin-left: 2px; animation: lb-blink 1.1s steps(1) infinite; }
@keyframes lb-blink { 0%, 50% { opacity: 1; } 50.01%, 100% { opacity: 0; } }

.lp-h1 { font-size: clamp(44px, 6vw, 76px); font-weight: 700; letter-spacing: -0.035em; line-height: 1.04;
  margin: 20px 0 0; color: var(--text-primary); text-wrap: balance; }
.lp-hero-sub { font-size: 18px; line-height: 1.62; color: var(--text-secondary); margin: 22px 0 0; max-width: 34em; text-wrap: pretty; }
.lp-hero-sub b { color: var(--text-primary); font-weight: 600; }
.lp-cta-row { display: flex; gap: 12px; flex-wrap: wrap; align-items: center; margin-top: 30px; }
.lp-cta-row .lp-micro { margin: 0 0 0 4px; }
.lp-hear { display: inline-flex; align-items: center; gap: 9px; margin-top: 24px; background: none; border: none; padding: 0;
  font-family: var(--font-mono); font-size: 12.5px; color: var(--text-muted); cursor: pointer; text-align: left; }
.lp-hear:hover { color: var(--text-secondary); }
.lp-hear .tri { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: 50%;
  background: var(--n-950); color: #fff; font-size: 9px; flex: none; }

/* ---- leberger panel : ALIGNÉ sur le leberger canonique (LebergerClient) ----
   texte nu + avatar rond sapin, bulle prospect encre, wordmark « le·berger ». Une seule
   identité leberger dans tout le produit. */
.lb-panel { border: 1px solid var(--border-default); border-radius: var(--radius-xl, 16px); background: var(--surface-card);
  box-shadow: var(--shadow-sm); overflow: hidden; display: flex; flex-direction: column; }
.lb-head { display: flex; align-items: center; gap: 12px; padding: 16px 20px; border-bottom: 1px solid var(--border-subtle); background: var(--surface-card); }
.lb-wm { font-size: 17px; font-weight: 700; letter-spacing: -0.03em; }
.lb-wm .le { font-weight: 500; color: var(--text-muted); }
.lb-wm .berger { color: var(--sapin-600, #0B6448); }
.lb-live { margin-left: auto; display: inline-flex; align-items: center; gap: 7px; font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.06em; text-transform: uppercase; color: var(--text-muted); white-space: nowrap; }
.lb-live .dot { width: 7px; height: 7px; border-radius: 50%; background: var(--sapin-500, #0E7C5A); box-shadow: 0 0 0 3px rgba(14,124,90,0.13); animation: lb-pulse 2.4s var(--ease-standard) infinite; }
@keyframes lb-pulse { 0%,100% { opacity: 1; } 50% { opacity: 0.4; } }
.lb-body { padding: 24px 22px 14px; display: flex; flex-direction: column; gap: 18px; min-height: 244px; }
.lb-msg { display: flex; }
.lb-msg.them { gap: 12px; align-items: flex-start; }
.lb-msg.me { justify-content: flex-end; }
.lb-ava { width: 28px; height: 28px; flex: none; border-radius: 50%; background: var(--sapin-50, #ECF8F2); border: 1px solid var(--sapin-200, #A6DEC5); color: var(--sapin-600, #0B6448); display: inline-flex; align-items: center; justify-content: center; margin-top: 2px; }
.lb-msg.them p { margin: 0; max-width: 540px; font-size: 14.5px; line-height: 1.65; color: var(--text-primary); text-wrap: pretty; padding-top: 3px; }
.lb-ink { max-width: 480px; background: var(--n-950); color: #fff; border-radius: 16px 16px 4px 16px; padding: 12px 16px; font-size: 14px; line-height: 1.55; }
.lb-input { display: flex; align-items: center; gap: 8px; margin: 10px 18px 18px; padding: 7px 7px 7px 10px;
  border: 1px solid var(--border-default); border-radius: var(--radius-lg, 12px); background: transparent; box-shadow: none;
  transition: border-color var(--duration-fast) var(--ease-standard); text-decoration: none; }
.lb-input:hover { border-color: var(--border-strong, #C9C7C0); }
.lb-input .lb-plus { width: 32px; height: 32px; flex: none; border-radius: var(--radius-md, 10px); display: inline-flex; align-items: center; justify-content: center; color: var(--text-muted); }
.lb-input .lb-ph { flex: 1; font-size: 14px; color: var(--text-muted); }
.lb-input .send { width: 34px; height: 34px; border-radius: var(--radius-md, 10px); background: var(--sapin-500, #0E7C5A); color: #fff; display: inline-flex; align-items: center; justify-content: center; flex: none;
  transition: background var(--duration-fast) var(--ease-standard); }
.lb-input:hover .send { background: var(--sapin-600, #0B6448); }

/* ===== AUDIO PROOF ===== */
.lp-proof-head { max-width: 760px; }
.lp-h2 { font-size: clamp(28px, 3.4vw, 40px); font-weight: 700; letter-spacing: -0.03em; line-height: 1.1; margin: 14px 0 0; text-wrap: balance; }
.lp-prose { font-size: 16.5px; line-height: 1.72; color: var(--text-secondary); margin: 22px 0 0; max-width: 62ch; text-align: justify; text-wrap: pretty; }
.lp-prose + .lp-prose { margin-top: 16px; }
.lp-prose b { color: var(--text-primary); font-weight: 600; }
.lp-prose .last { color: var(--text-primary); }

.player { border: 1px solid var(--border-default); border-radius: var(--radius-xl, 16px); background: var(--surface-card); box-shadow: var(--shadow-sm); padding: 18px 20px; }
.player.is-key { border-color: var(--ambre-300, #E6C98A); box-shadow: var(--shadow-md); }
.player-top { display: flex; align-items: flex-start; gap: 8px; margin-bottom: 6px; }
.player-tag { font-family: var(--font-mono); font-size: 10.5px; font-weight: 600; letter-spacing: 0.05em; line-height: 1.4; text-transform: uppercase; color: var(--text-muted); }
.player-tag.amb { color: var(--ambre-700); }
.player-title { font-size: 15.5px; font-weight: 600; letter-spacing: -0.012em; margin: 2px 0 14px; }
.player-title .sub { font-weight: 400; color: var(--text-tertiary); }
.player-ctrls { display: flex; align-items: center; gap: 14px; }
.play-btn { width: 44px; height: 44px; border-radius: 50%; border: none; flex: none; cursor: pointer; background: var(--ambre-600); color: #fff;
  display: inline-flex; align-items: center; justify-content: center; transition: background var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard); }
.play-btn:hover { background: var(--ambre-700); }
.play-btn:active { transform: translateY(0.5px); }
.player.is-soon .play-btn { background: var(--n-200, #E5E3DD); color: var(--text-muted); cursor: not-allowed; }
.wave { display: flex; align-items: center; gap: 2.5px; height: 38px; flex: 1; min-width: 0; cursor: pointer; }
.player.is-soon .wave { cursor: default; opacity: .55; }
.wave i { flex: 1; min-width: 2px; max-width: 4px; border-radius: 2px; background: var(--border-strong, #C9C7C0); transition: background .12s linear; }
.wave i.on { background: var(--ambre-500); }
.player-time { font-family: var(--font-mono); font-size: 11.5px; color: var(--text-muted); flex: none; min-width: 78px; text-align: right; }
.player-foot { display: flex; align-items: center; gap: 8px; margin-top: 12px; font-family: var(--font-mono); font-size: 11px; color: var(--text-muted); }
.player-foot .soon { color: var(--ambre-700); }

.lp-proof-cta { margin-top: 26px; }

/* ===== CONSTAT ===== */
.constat-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; margin-top: 52px; border-top: 1px solid var(--border-default); }
@media (max-width: 820px) { .constat-grid { grid-template-columns: 1fr; } }
.constat-card { padding: 28px 26px 26px; border-bottom: 1px solid var(--border-default); }
.constat-card + .constat-card { border-left: 1px solid var(--border-default); }
@media (max-width: 820px) { .constat-card + .constat-card { border-left: none; } }
.constat-card .cn { font-family: var(--font-mono); font-size: 12px; font-weight: 600; color: var(--ambre-600); }
.constat-card h3 { font-size: 18px; font-weight: 600; letter-spacing: -0.018em; margin: 14px 0 0; text-wrap: balance; }
.constat-card p { font-size: 14.5px; line-height: 1.62; color: var(--text-secondary); margin: 9px 0 0; text-wrap: pretty; }
.constat-kicker { font-size: 18px; line-height: 1.6; color: var(--text-primary); margin: 34px 0 0; max-width: 720px; text-wrap: pretty; }
.constat-kicker b { font-weight: 600; }

/* ===== VISION (Anis) — v2 ===== */
.pv2-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 40px; }
.pv2-head .vision-h { max-width: 560px; }
.pv2-id { flex: none; text-align: right; padding-bottom: 4px; }
.pv2-id .vision-sign { justify-content: flex-end; }
.pv2-id .vsign-name { white-space: nowrap; }
.pv2-soc { display: flex; gap: 10px; justify-content: flex-end; margin-top: 12px; }
.pv2-soc a { width: 34px; height: 34px; border-radius: 999px; border: 1px solid rgba(255,255,255,0.22); display: inline-flex; align-items: center; justify-content: center; color: var(--ambre-400); transition: border-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard); }
.pv2-soc a:hover { border-color: var(--ambre-500); color: var(--ambre-300); }
.pv2-grid { display: grid; grid-template-columns: 500px 1fr; gap: 64px; align-items: center; margin-top: 52px; }
.pv2-photo { margin: 0; border-radius: var(--radius-2xl, 20px); border: 1px solid rgba(255,255,255,0.14); overflow: hidden; }
.pv2-photo img { display: block; width: 100%; height: 560px; object-fit: cover; object-position: 50% 30%; }
.pv2-grid .lp-prose { max-width: 58ch; }
.pv2-grid .lp-prose:first-child { margin-top: 0; }
.pv2-figs.figs { margin-top: 56px; }
@media (max-width: 880px) {
  .pv2-head { display: block; }
  .pv2-id { text-align: left; padding: 18px 0 0; }
  .pv2-id .vision-sign, .pv2-soc { justify-content: flex-start; }
  .pv2-grid { grid-template-columns: 1fr; gap: 32px; margin-top: 36px; }
  .pv2-photo img { height: 380px; }
}
.vision-photo { border-radius: var(--radius-2xl, 20px); border: 1px solid var(--border-default); overflow: hidden; box-shadow: var(--shadow-sm); background: var(--surface-card); }
.vision-photo img { display: block; width: 100%; height: auto; }
.vision-sign { display: flex; align-items: center; gap: 10px; margin-top: 14px; font-family: var(--font-mono); font-size: 12px; line-height: 1.55; color: var(--text-muted); }
.vision-sign a { color: var(--ambre-700); text-decoration: none; }
.vision-h { font-size: clamp(24px, 3vw, 33px); font-weight: 700; letter-spacing: -0.03em; line-height: 1.12; margin: 14px 0 0; text-wrap: balance; }
.chips { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 22px; }
.chip-stat { display: inline-flex; align-items: center; height: 30px; padding: 0 13px; border: 1px solid var(--border-default); border-radius: 999px;
  background: var(--surface-card); font-family: var(--font-mono); font-size: 12px; color: var(--text-secondary); }

/* ===== MODÈLE : chiffres "Linear flat" ===== */
.figs { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 44px; border-top: 1px solid var(--border-default); border-bottom: 1px solid var(--border-default); }
@media (max-width: 720px) { .figs { grid-template-columns: 1fr; } }
.fig { padding: 26px 24px; }
.fig + .fig { border-left: 1px solid var(--border-default); }
@media (max-width: 720px) { .fig + .fig { border-left: none; border-top: 1px solid var(--border-subtle); } }
.fig .num { font-family: var(--font-mono); font-size: 40px; font-weight: 600; letter-spacing: -0.03em; line-height: 1; color: var(--text-primary); }
.fig.hero .num { color: var(--ambre-700); display: inline-block; box-shadow: inset 0 -2px 0 var(--ambre-500); }
.fig .lbl { font-size: 14.5px; line-height: 1.55; color: var(--text-secondary); margin-top: 14px; text-wrap: pretty; }
.fig .lbl b { color: var(--text-primary); font-weight: 600; }

/* ===== MÉTHODE : 4 temps ===== */
.steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; margin-top: 48px; border-top: 1px solid var(--border-default); }
@media (max-width: 880px) { .steps { grid-template-columns: 1fr 1fr; } }
@media (max-width: 540px) { .steps { grid-template-columns: 1fr; } }
.step { padding: 26px 24px 28px; border-bottom: 1px solid var(--border-default); }
.step + .step { border-left: 1px solid var(--border-default); }
@media (max-width: 880px) { .step:nth-child(odd) { border-left: none; } }
@media (max-width: 540px) { .step + .step { border-left: none; } }
.step .sn { font-family: var(--font-mono); font-size: 12px; font-weight: 600; color: var(--ambre-600); }
.step h3 { font-size: 16.5px; font-weight: 600; letter-spacing: -0.015em; margin: 16px 0 0; }
.step p { font-size: 13.5px; line-height: 1.6; color: var(--text-secondary); margin: 8px 0 0; text-wrap: pretty; }
.step .lb-tag { display: inline-flex; align-items: center; gap: 6px; margin-top: 12px; font-family: var(--font-mono); font-size: 10px; font-weight: 600; letter-spacing: 0.05em; text-transform: uppercase; color: var(--sapin-700); }
.step .lb-tag::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--sapin-500); }

/* ===== MEUTE ===== */
.meute-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: center; }
.meute-grid > div:last-child { margin-top: 120px; }
@media (max-width: 880px) { .meute-grid { grid-template-columns: 1fr; gap: 32px; } .meute-grid > div:last-child { margin-top: 0; } }

/* ===== FAQ ===== */
.faq-wrap { max-width: 760px; margin: 40px auto 0; border-top: 1px solid var(--border-default); }
.faq-x { border-bottom: 1px solid var(--border-subtle); }
.faq-x summary { list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 18px;
  padding: 20px 4px; font-size: 17px; font-weight: 600; letter-spacing: -0.012em; color: var(--text-primary); }
.faq-x summary::-webkit-details-marker { display: none; }
.faq-x summary .pm { flex: none; width: 22px; height: 22px; position: relative; color: var(--ambre-600); transition: transform var(--duration-fast) var(--ease-standard); }
.faq-x summary .pm::before, .faq-x summary .pm::after { content: ""; position: absolute; background: currentColor; border-radius: 2px; }
.faq-x summary .pm::before { top: 10px; left: 3px; right: 3px; height: 2px; }
.faq-x summary .pm::after { left: 10px; top: 3px; bottom: 3px; width: 2px; transition: transform var(--duration-fast) var(--ease-standard); }
.faq-x[open] summary .pm::after { transform: scaleY(0); }
.faq-x .faq-a { padding: 0 4px 22px; font-size: 15px; line-height: 1.68; color: var(--text-secondary); max-width: 64ch; text-wrap: pretty; }

/* ===== FINAL CTA (ink) ===== */
.final-wrap { background: var(--n-950); padding: 0; margin-top: 40px; }
.final-ink { background: var(--n-950); border-radius: 0; max-width: var(--container-max, 1200px); margin: 0 auto; padding: 96px 32px; }
@media (max-width: 720px) { .final-ink { padding: 64px 22px; } }
.final-ink h2 { font-size: clamp(30px, 4.4vw, 50px); font-weight: 700; letter-spacing: -0.04em; line-height: 1.06; color: #fff; margin: 0; max-width: 22ch; text-wrap: balance; }
.final-ink p { font-size: 18px; line-height: 1.6; color: rgba(255,255,255,0.7); margin: 20px 0 0; max-width: 46ch; }
.final-cta-row { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 34px; }
.btn-sapin { display: inline-flex; align-items: center; gap: 9px; height: 46px; padding: 0 20px; border-radius: var(--radius-lg, 12px);
  background: var(--sapin-500); color: #fff; text-decoration: none; font-size: 15px; font-weight: 600; transition: background var(--duration-fast) var(--ease-standard); }
.btn-sapin:hover { background: var(--sapin-600); }

/* ===== FOOTER (harmonisé) ===== */
.lp-footer { border-top: 1px solid var(--border-subtle); }
.lp-footer-in { max-width: var(--container-max, 1200px); margin: 0 auto; padding: 56px 32px 40px; display: grid; grid-template-columns: 1.7fr repeat(3, 1fr); gap: 32px; }
@media (max-width: 820px) { .lp-footer-in { grid-template-columns: 1fr 1fr; row-gap: 36px; } .lp-footer .lp-brand { grid-column: 1 / -1; } }
.lp-footer .wm { display: inline-flex; align-items: center; gap: 11px; text-decoration: none; }
.lp-footer .kc { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; box-sizing: border-box; border-radius: 7px; background: #FAF8F1; border: 1px solid #D9D3C4; box-shadow: 0 2px 0 #D9D3C4, inset 0 1px 0 #fff; font-family: var(--font-mono); font-size: 14px; font-weight: 500; color: #161513; }
.lp-footer .wm b { font-weight: 700; font-size: 18px; letter-spacing: -0.03em; color: var(--text-primary); }
.lp-footer .wm b i { font-style: normal; font-weight: 500; color: var(--text-tertiary); }
.lp-footer .tag { font-size: 14px; color: var(--text-tertiary); line-height: 1.6; margin: 22px 0 0; max-width: 280px; }
.lp-footer .ch { font-size: 12px; text-transform: uppercase; letter-spacing: var(--tracking-caps, 0.08em); color: var(--text-muted); font-weight: 600; margin-bottom: 14px; }
.lp-footer .col a { display: block; font-size: 14px; color: var(--text-secondary); text-decoration: none; margin-bottom: 10px; }
.lp-footer .col a:hover { color: var(--text-primary); }
.lp-footer-base { max-width: var(--container-max, 1200px); margin: 0 auto; padding: 0 32px 40px; display: flex; justify-content: space-between; gap: 16px; color: var(--text-muted); font-size: 13px; flex-wrap: wrap; }
.lp-foot-legal { display: flex; gap: 18px; flex-wrap: wrap; }
.lp-footer-base a { color: var(--text-muted); text-decoration: none; }
.lp-footer-base a:hover { color: var(--text-primary); }

/* Entrées au scroll retirées : contenu visible par défaut (robuste partout). */

/* ===== v3 : hero + micro ===== */
.lp-punch { font-size: clamp(20px, 2.3vw, 26px); font-weight: 700; letter-spacing: -0.02em; line-height: 1.18; color: var(--text-primary); margin: 18px 0 0; text-wrap: balance; }
.lp-micro { font-family: var(--font-mono); font-size: 12.5px; color: var(--text-muted); margin: 14px 0 0; line-height: 1.6; }
.lp-micro b { color: var(--text-secondary); font-weight: 600; }
.lp-micro .sep { margin: 0 7px; opacity: 0.5; }
.lb-role { font-weight: 600; font-size: 12px; color: var(--sapin-600, #0B6448); white-space: nowrap; }

/* ===== v3 : barre de réassurance ===== */
.lp-reass-wrap { max-width: var(--container-max, 1200px); margin: 0 auto; padding: 8px 32px 72px; }
.lp-reass { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--border-default); border-bottom: 1px solid var(--border-default); }
.lp-reass .r { padding: 22px 22px; }
.lp-reass .r + .r { border-left: 1px solid var(--border-default); }
.lp-reass .rk { font-family: var(--font-mono); font-size: 22px; font-weight: 600; letter-spacing: -0.02em; color: var(--text-primary); line-height: 1.1; }
.lp-reass .rl { font-size: 12.5px; color: var(--text-muted); margin-top: 7px; line-height: 1.45; text-wrap: pretty; }
@media (max-width: 720px) {
  .lp-reass { grid-template-columns: 1fr 1fr; }
  .lp-reass .r:nth-child(3) { border-left: none; }
  .lp-reass .r:nth-child(3), .lp-reass .r:nth-child(4) { border-top: 1px solid var(--border-default); }
}

/* ===== v3 : preuve : un seul lecteur + accordéon résumé ===== */
.proof-player { margin-top: 36px; max-width: 680px; }
.call-summary { margin-top: 10px; border: 1px solid var(--border-default); border-radius: var(--radius-lg, 12px); background: var(--surface-card); }
.call-summary summary { list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 13px 18px; font-family: var(--font-mono); font-size: 12px; font-weight: 600; letter-spacing: 0.02em; color: var(--ambre-700); }
.call-summary summary::-webkit-details-marker { display: none; }
.cs-chev { flex: none; width: 8px; height: 8px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg); transition: transform var(--duration-fast) var(--ease-standard); }
.call-summary[open] .cs-chev { transform: rotate(-135deg); }
.cs-in { padding: 0 18px 16px; font-size: 14px; line-height: 1.62; color: var(--text-secondary); text-wrap: pretty; }
.cs-note { color: var(--text-muted); }
.proof-chute { margin-top: 26px; }
.proof-grid { display: grid; grid-template-columns: 1.05fr 0.95fr; gap: 56px; align-items: start; }
@media (max-width: 880px) { .proof-grid { grid-template-columns: 1fr; gap: 32px; } }
.proof-text .lp-prose { text-align: left; }
.proof-text .proof-chute { margin-top: 22px; }
.calls-scroll { display: flex; flex-direction: column; gap: 12px; max-height: 540px; overflow-y: auto; padding-right: 8px; -webkit-mask-image: linear-gradient(to bottom, #000 90%, transparent); mask-image: linear-gradient(to bottom, #000 90%, transparent); }
.calls-scroll::-webkit-scrollbar { width: 6px; }
.calls-scroll::-webkit-scrollbar-track { background: transparent; }
.calls-scroll::-webkit-scrollbar-thumb { background: var(--border-strong, #C9C7C0); border-radius: 3px; }
.calls-scroll .call-summary { margin-top: 0; }
.call-soon { flex: none; }

/* ===== v54 : preuve = mini case study Mark AI (2 appels chaînés) ===== */
.player-sum { margin-top: 14px; padding-top: 12px; border-top: 1px solid rgba(255,255,255,0.10); font-size: 13.5px; line-height: 1.6; color: rgba(255,255,255,0.66); text-wrap: pretty; }
.player-sum .cs-note { color: rgba(255,255,255,0.42); }
.rail-link { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 2px 0; flex: none; }
.rail-link .tick { width: 1px; height: 14px; background: rgba(255,255,255,0.22); }
.rail-link .txt { font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.04em; color: rgba(255,255,255,0.55); text-align: center; }
.rail-link .txt b { font-weight: 500; color: var(--ambre-400); }
.rail-out { flex: none; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px 16px; border: 1px solid rgba(255,255,255,0.14); border-radius: var(--radius-xl, 16px); background: rgba(255,255,255,0.04); padding: 16px 20px; text-decoration: none; transition: border-color var(--duration-fast) var(--ease-standard); }
.rail-out:hover { border-color: rgba(255,255,255,0.3); }
.rail-out .l { display: block; font-family: var(--font-mono); font-size: 11.5px; letter-spacing: 0.04em; line-height: 1.9; color: rgba(255,255,255,0.6); }
.rail-out .l b { font-weight: 600; color: var(--ambre-400); }
.rail-out .go { font-family: var(--font-mono); font-size: 11.5px; color: #fff; white-space: nowrap; flex: none; display: inline-flex; align-items: center; gap: 6px; }
.rail-note { flex: none; font-family: var(--font-mono); font-size: 11px; color: rgba(255,255,255,0.45); text-align: center; padding: 6px 0 30px; }
.rate-btn { flex: none; width: 46px; height: 22px; padding: 0; text-align: center; border-radius: 6px; border: 1px solid rgba(255,255,255,0.2); background: transparent; color: rgba(255,255,255,0.6); font-family: var(--font-mono); font-size: 10.5px; line-height: 1; cursor: pointer; transition: color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard); }
.rate-btn:hover { color: #fff; border-color: rgba(255,255,255,0.42); }
.meute-cta { margin-top: 40px; display: flex; justify-content: flex-start; }
.meute-cta .lberger-hint { margin-top: 0; }

/* ===== v3 : CTA final sur ink ===== */
.s-cta.on-ink { background: transparent; color: #fff; border: 1px solid rgba(255,255,255,0.28); }
.s-cta.on-ink:hover { background: rgba(255,255,255,0.08); border-color: rgba(255,255,255,0.45); }
.final-ink .lp-eyebrow { display: block; }
.final-quote { color: rgba(255,255,255,0.66); font-style: italic; font-size: 18px; line-height: 1.5; margin: 14px 0 22px; max-width: 540px; text-wrap: pretty; border: none; padding: 0; }
.final-quote footer { font-family: var(--font-mono); font-size: 11.5px; font-style: normal; color: rgba(255,255,255,0.5); margin-top: 10px; }
.final-micro { font-family: var(--font-mono); font-size: 12.5px; color: rgba(255,255,255,0.6); margin-top: 18px; line-height: 1.6; }
.final-micro b { color: rgba(255,255,255,0.85); font-weight: 600; }
.final-micro .sep { margin: 0 7px; opacity: 0.5; }

/* ============================================================
   v4 : feedbacks landing (chevrons, sec-head, ink band, FAQ…)
   ============================================================ */

/* Bande full-ink (Constat) pour casser le crème */
.ink-band { background: var(--n-950); }
.is-ink .lp-eyebrow { color: var(--ambre-400); }
.is-ink .lp-h2 { color: #fff; }
.is-ink .lp-prose { color: rgba(255,255,255,0.66); }
.is-ink .lp-prose b, .is-ink .lp-prose .last { color: #fff; }
.is-ink .constat-grid { border-top-color: rgba(255,255,255,0.16); }
.is-ink .constat-card { border-bottom-color: rgba(255,255,255,0.16); }
.is-ink .constat-card + .constat-card { border-left-color: rgba(255,255,255,0.16); }
.is-ink .constat-card .cn { color: var(--ambre-400); }
.is-ink .constat-card h3 { color: #fff; }
.is-ink .constat-card p { color: rgba(255,255,255,0.6); }
.is-ink .constat-kicker { color: rgba(255,255,255,0.82); }
.is-ink .constat-kicker b { color: #fff; }

/* Tête de section : titre à gauche, CTA calés en bas à droite */
.sec-head { display: flex; gap: 40px; justify-content: space-between; align-items: flex-end; }
.sec-head-cta { display: flex; flex-direction: column; gap: 12px; align-items: flex-end; flex: none; }
@media (max-width: 880px) { .sec-head { flex-direction: column; align-items: flex-start; gap: 26px; } .sec-head-cta { align-items: flex-start; } }

/* Réassurance : chevrons funnel + dernière colonne ambre (idiome dashboard) */
.lp-reass .r { position: relative; }
.lp-reass .r + .r::before { content: ""; position: absolute; left: 0; top: 50%; width: 26px; height: 26px; transform: translate(-50%, -50%); background: var(--bg-page); border: 1px solid var(--border-default); border-radius: 50%; z-index: 1; }
.lp-reass .r + .r::after { content: ""; position: absolute; left: -4px; top: 50%; margin-top: -4px; width: 6px; height: 6px; border-top: 1.5px solid var(--text-muted); border-right: 1.5px solid var(--text-muted); transform: rotate(45deg); z-index: 2; }
.lp-reass .r.is-amb { box-shadow: inset 0 -2px 0 var(--ambre-500); }
.lp-reass .r.is-amb .rk { color: var(--ambre-700); }
@media (max-width: 720px) { .lp-reass .r + .r::before, .lp-reass .r + .r::after { display: none; } }

/* Méthode : chevrons entre étapes + dernière étape ambre */
.steps .step { position: relative; }
.steps .step + .step::before { content: ""; position: absolute; left: 0; top: 40px; width: 26px; height: 26px; transform: translate(-50%, -50%); background: var(--bg-page); border: 1px solid var(--border-default); border-radius: 50%; z-index: 1; }
.steps .step + .step::after { content: ""; position: absolute; left: -4px; top: 40px; margin-top: -4px; width: 6px; height: 6px; border-top: 1.5px solid var(--text-muted); border-right: 1.5px solid var(--text-muted); transform: rotate(45deg); z-index: 2; }
.steps .step.is-amb { box-shadow: inset 0 -2px 0 var(--ambre-500); }
.steps .step.is-amb .sn { color: var(--ambre-700); }
@media (max-width: 880px) { .steps .step + .step::before, .steps .step + .step::after { display: none; } }

/* Leberger : colonne droite : card + CTA sous la card */
.lb-show-right { display: flex; flex-direction: column; gap: 18px; align-items: stretch; min-width: 0; }
.lb-under-cta { align-self: center; }

/* Vision : contacts (LinkedIn / email / WhatsApp) */
.vision-links { gap: 16px; flex-wrap: wrap; }
.vision-links a { color: var(--ambre-700); text-decoration: none; }
.vision-links a:hover { color: var(--ambre-600); }

/* FAQ : ouverture/fermeture en douceur (plus de « bond ») */
.faq-x::details-content { block-size: 0; overflow: hidden; opacity: 0; content-visibility: hidden; transition: block-size 280ms var(--ease-standard), opacity 220ms var(--ease-standard), content-visibility 280ms allow-discrete; }
.faq-x[open]::details-content { block-size: auto; opacity: 1; content-visibility: visible; }

/* La meute en ink : chips + card vocal adapt\u00e9es au fond sombre */
.is-ink .chip-stat { background: transparent; border-color: rgba(255,255,255,0.18); color: rgba(255,255,255,0.78); }
.is-ink .player { background: rgba(255,255,255,0.04); border-color: rgba(255,255,255,0.14); box-shadow: none; }
.is-ink .player-tag { color: rgba(255,255,255,0.5); }
.is-ink .player-title { color: #fff; }
.is-ink .player-title .sub { color: rgba(255,255,255,0.5); }
.is-ink .player.is-soon .play-btn { background: rgba(255,255,255,0.08); color: rgba(255,255,255,0.5); }
.is-ink .wave i { background: rgba(255,255,255,0.22); }
.is-ink .player-time { color: rgba(255,255,255,0.55); }
.is-ink .player-foot { color: rgba(255,255,255,0.5); }
.is-ink .player-foot .soon { color: var(--ambre-400); }

/* La vision (Anis) en ink */
.is-ink .vision-h { color: #fff; }
.is-ink .vision-photo { border-color: rgba(255,255,255,0.14); background: transparent; box-shadow: none; }
.is-ink .vision-sign { color: rgba(255,255,255,0.6); }
.vsign-name { color: var(--text-primary); }
.is-ink .vsign-name { color: #fff; }
.is-ink .vision-links a { color: var(--ambre-400); }

/* ============================================================
   v5 \u2014 INK PRINCIPAL : fond sombre par d\u00e9faut, bandes cr\u00e8me pour respirer
   ============================================================ */
.creme-band { background: var(--paper); }
.lp-footer { background: var(--paper); }

/* Mod\u00e8le \u2014 figs sur ink */
.is-ink .figs { border-color: rgba(255,255,255,0.16); }
.is-ink .fig + .fig { border-left-color: rgba(255,255,255,0.16); }
.is-ink .fig .num { color: #fff; }
.is-ink .fig .lbl { color: rgba(255,255,255,0.66); }
.is-ink .fig .lbl b { color: #fff; }
.is-ink .fig.hero .num { color: var(--ambre-400); box-shadow: inset 0 -2px 0 var(--ambre-500); }

/* CTA ghost sur ink */
.is-ink .s-cta.ghost { color: #fff; border-color: rgba(255,255,255,0.28); background: transparent; }
.is-ink .s-cta.ghost:hover { background: rgba(255,255,255,0.08); border-color: rgba(255,255,255,0.45); }

/* Preuve \u2014 r\u00e9sum\u00e9 + tag cl\u00e9 sur ink */
.is-ink .player-tag.amb { color: var(--ambre-400); }
.is-ink .player.is-key { border-color: var(--ambre-400); }
.is-ink .call-summary { background: rgba(255,255,255,0.04); border-color: rgba(255,255,255,0.14); }
.is-ink .call-summary summary { color: var(--ambre-400); }
.is-ink .cs-in { color: rgba(255,255,255,0.66); }
.is-ink .cs-note { color: rgba(255,255,255,0.45); }

/* Aper\u00e7u \u2014 mock dashboard sur ink */
.is-ink .lp-mock { background: rgba(255,255,255,0.03); border-color: rgba(255,255,255,0.14); box-shadow: none; }
.is-ink .lp-mock-head { border-bottom-color: rgba(255,255,255,0.12); }
.is-ink .lp-mock-title { color: #fff; }
.is-ink .lp-mock-title svg { color: rgba(255,255,255,0.5); }
.is-ink .lp-mrow { border-top-color: rgba(255,255,255,0.1); }
.is-ink .lp-mrow .co { color: #fff; }
.is-ink .lp-mrow .ini { border-color: rgba(255,255,255,0.2); color: rgba(255,255,255,0.7); }
.is-ink .lp-mrow .sec { color: rgba(255,255,255,0.55); }
.is-ink .lp-mrow .when { color: rgba(255,255,255,0.6); }

/* M\u00e9thode sur ink */
.lb-eyebrow { color: var(--sapin-600); }
.is-ink .lb-eyebrow { color: var(--sapin-400); }
.is-ink .steps { border-top-color: rgba(255,255,255,0.16); }
.is-ink .step { border-bottom-color: rgba(255,255,255,0.16); }
.is-ink .step + .step { border-left-color: rgba(255,255,255,0.16); }
.is-ink .step .sn { color: var(--ambre-400); }
.is-ink .step h3 { color: #fff; }
.is-ink .step p { color: rgba(255,255,255,0.6); }
.is-ink .steps .step + .step::before { background: var(--n-950); border-color: rgba(255,255,255,0.2); }
.is-ink .steps .step + .step::after { border-top-color: rgba(255,255,255,0.45); border-right-color: rgba(255,255,255,0.45); }

/* Leberger card sur ink */
.is-ink .lb-panel { background: rgba(255,255,255,0.04); border-color: rgba(255,255,255,0.14); }
.is-ink .lb-head { background: transparent; border-bottom-color: rgba(255,255,255,0.1); }
.is-ink .lb-wm .le { color: rgba(255,255,255,0.5); }
.is-ink .lb-wm .berger { color: var(--sapin-400); }
.is-ink .lb-role { color: var(--sapin-400); }
.is-ink .lb-live { color: rgba(255,255,255,0.5); }
.is-ink .lb-msg.them p { color: rgba(255,255,255,0.85); }
.is-ink .lb-ava { background: rgba(14,124,90,0.18); border-color: rgba(43,174,126,0.45); color: var(--sapin-300); }
.is-ink .lb-ink { background: rgba(255,255,255,0.13); color: #fff; }
.is-ink .lb-input { border-color: rgba(255,255,255,0.16); background: transparent; }
.is-ink .lb-input .lb-ph { color: rgba(255,255,255,0.45); }
.is-ink .lb-input .lb-plus { color: rgba(255,255,255,0.5); }
.is-ink .lberger-hint { color: var(--sapin-400); }

/* ============================================================
   v6 : nav vanilla, liens prose, FAQ h3, focus, dingbats → SVG
   ============================================================ */

/* Navbar (vanilla, crème ton-sur-ton, filet+ombre au scroll) */
.mnav { position: sticky; top: 0; z-index: 50; background: var(--paper); border-bottom: 1px solid transparent; transition: box-shadow var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard); }
.mnav.is-scrolled { border-bottom-color: rgba(11,11,10,0.08); box-shadow: 0 1px 0 rgba(11,11,10,0.03), 0 8px 18px -14px rgba(11,11,10,0.30); }
.mnav-in { max-width: var(--container-max, 1200px); margin: 0 auto; padding: 0 32px; height: 66px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; }
.mnav-logo { justify-self: start; }
.mnav-links { justify-self: center; }
.mnav-actions { justify-self: end; }
.mnav-logo { display: inline-flex; align-items: center; gap: 11px; text-decoration: none; }
.mnav-kc { display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; box-sizing: border-box; border-radius: 7px; background: #FAF8F1; border: 1px solid #D9D3C4; box-shadow: 0 2px 0 #D9D3C4, inset 0 1px 0 #fff; font-family: var(--font-mono); font-size: 14px; font-weight: 500; color: #161513; line-height: 1; }
.mnav-wm { font-weight: 700; font-size: 19px; letter-spacing: -0.03em; color: var(--text-primary); }
.mnav-wm .la { font-weight: 500; color: var(--text-tertiary); }
.mnav-links { display: flex; gap: 4px; }
.mnav-link { padding: 8px 12px; font-size: 14px; font-weight: 500; color: var(--text-secondary); border-radius: var(--radius-md, 10px); white-space: nowrap; text-decoration: none; }
.mnav-link:hover { color: var(--text-primary); }
.mnav-actions { display: flex; align-items: center; gap: 8px; }
.mnav-login { display: inline-flex; align-items: center; height: 36px; padding: 0 13px; font-size: 14px; font-weight: 500; color: var(--text-secondary); text-decoration: none; border-radius: var(--radius-md, 10px); }
.mnav-login:hover { color: var(--text-primary); background: var(--surface-hover); }
.mnav-cta { display: inline-flex; align-items: center; gap: 8px; height: 36px; padding: 0 15px; border-radius: var(--radius-md, 10px); background: var(--sapin-500); color: #fff; font-size: 14px; font-weight: 600; text-decoration: none; white-space: nowrap; transition: background var(--duration-fast) var(--ease-standard); }
.mnav-cta:hover { background: var(--sapin-600); }

/* Burger + menu mobile (< 720px) */
.mnav-burger { display: none; align-items: center; justify-content: center; flex-direction: column; width: 40px; height: 40px; margin-right: -8px; background: transparent; border: none; cursor: pointer; border-radius: var(--radius-md, 10px); }
.mnav-burger:hover { background: var(--surface-hover); }
.mnav-burger span { display: block; width: 18px; height: 1.75px; background: var(--text-primary); border-radius: 2px; transition: transform var(--duration-fast) var(--ease-standard); }
.mnav-burger span + span { margin-top: 5px; }
.mnav.is-open .mnav-burger span:first-child { transform: translateY(3.4px) rotate(45deg); }
.mnav.is-open .mnav-burger span:last-child { transform: translateY(-3.4px) rotate(-45deg); }
.mnav-mobile { display: none; flex-direction: column; padding: 6px 22px 16px; border-top: 1px solid rgba(11,11,10,0.08); background: var(--paper); }
.mnav-mlink { padding: 13px 4px; font-size: 16px; font-weight: 500; color: var(--text-secondary); text-decoration: none; border-bottom: 1px solid rgba(11,11,10,0.05); }
.mnav-mlink:last-child { border-bottom: none; }
.mnav-mlink:hover { color: var(--text-primary); }
@media (max-width: 720px) {
  .mnav-links { display: none; }
  .mnav-login { display: none; }
  .mnav-burger { display: inline-flex; }
  .mnav-in { padding: 0 22px; }
  .mnav.is-open .mnav-mobile { display: flex; }
}

/* Mobile : CTA nav compact (icône + « leberger ») + anti-d\u00e9bordement des blocs */
@media (max-width: 720px) {
  .mnav-cta-pre { display: none; }
  .mnav-cta { padding: 0 14px; }
}
@media (max-width: 880px) {
  .proof-text, .proof-aside, .calls-scroll, .player, .player-ctrls, .player-foot,
  .meute-grid > div, .pv2-head > div, .pv2-grid > div, .lb-show-head, .lb-show-right, .wave { min-width: 0; }
}
@media (max-width: 720px) {
  .lp-proof-cta .s-cta { height: auto; min-height: 46px; white-space: normal; max-width: 100%; padding: 11px 18px; }
  .player-foot { flex-wrap: wrap; }
  .player-tag { white-space: normal; }
}

/* Mobile : break contr\u00f4l\u00e9 eyebrow hero + CTA leberger centr\u00e9 sous la card */
.br-mob { display: none; }
@media (max-width: 720px) { .br-mob { display: inline; } }
@media (max-width: 880px) { .lb-show-right { align-items: center; } }

/* Surligneur ambre (marque) + sélection on-brand + footer mobile aéré */
.lp-mark { position: relative; z-index: 0; color: #FBF9F2; padding: 0 0.04em; }
.lp-mark::before { content: ""; position: absolute; z-index: -1; left: -0.56em; right: -0.56em; top: -0.3em; bottom: -0.44em; -webkit-mask: url(brush-mask.png?v=2) center/100% 100% no-repeat; mask: url(brush-mask.png?v=2) center/100% 100% no-repeat; background: var(--n-950); pointer-events: none; }

/* ===== v7 : feedbacks 23/06 ===== */
.lp-reass .r { text-align: center; }
.final-ink { text-align: center; }
.final-ink .final-quote, .final-ink h2, .final-ink p { margin-left: auto; margin-right: auto; }
.final-cta-row { justify-content: center; }
.chips .chip-wide { flex-basis: 100%; max-width: max-content; }
.is-ink .player.is-soon { border-color: rgba(255,255,255,0.16); }
.is-ink .player.is-soon .play-btn { background: rgba(255,255,255,0.1); color: rgba(255,255,255,0.62); }
/* Pinceau crème sur les sections ink (hero = ink/crème inversé) */
.is-ink .lp-mark, .final-ink .lp-mark { color: var(--text-primary); }
.is-ink .lp-mark::before, .final-ink .lp-mark::before { background: var(--paper, #FBF9F2); }
/* Hero : pinceau ink, texte cr\u00e8me */
.lp-hero .lp-mark { color: var(--paper, #FBF9F2); }
.lp-hero .lp-mark::before { background: var(--n-950); }
::selection { background: var(--ambre-200); color: var(--n-950); }
@media (max-width: 560px) {
  .lp-footer-in { grid-template-columns: 1fr; row-gap: 30px; }
  .lp-footer .tag { margin-top: 18px; }
}

/* Liens dans la prose */
.lp-prose a { color: var(--ambre-700); text-decoration: underline; text-underline-offset: 2px; text-decoration-thickness: 1px; }
.lp-prose a:hover { color: var(--ambre-600); }
.is-ink .lp-prose a { color: var(--ambre-400); }
.is-ink .lp-prose a:hover { color: var(--ambre-300); }

/* Contacts vision + flèche externe SVG */
.vision-links a { display: inline-flex; align-items: center; gap: 4px; }
.lnk-arr, .cta-arr { flex: none; }

/* FAQ : question en h3 (même rendu visuel) */
.faq-q { margin: 0; font-size: 17px; font-weight: 600; letter-spacing: -0.012em; line-height: 1.3; color: inherit; }

/* Focus clavier visible (accessibilité) */
.lp-main a:focus-visible, .lp-main button:focus-visible, .lp-main summary:focus-visible, .mnav a:focus-visible, .lp-footer a:focus-visible { outline: 2px solid var(--ambre-500); outline-offset: 2px; border-radius: 4px; }
.is-ink a:focus-visible, .is-ink button:focus-visible, .is-ink summary:focus-visible { outline-color: var(--ambre-400); }