/* LemmiLink — polish « premium » du site vitrine · 14/10/2026
   Feuille additive chargée APRÈS bundle.min.css. Règles scopées, aucune suppression de markup.
   Objectif : hiérarchie nette, moins d'ornements, preuves lisibles, 0 régression mobile. */

/* ---------- 1. Hero : lisibilité ---------- */
/* icônes décoratives flottantes (animées) qui passaient par-dessus le texte */
#overview .position-absolute.z-0[style*="pointer-events: none"]{display:none!important}
/* surlignage du H1 : plus de rotation ni de boîte flex qui casse la ligne ; un vrai surlignage inline */
#overview h1 span.bg-secondary.text-primary,
.section h2 span.bg-secondary.text-primary,.section h2 span.bg-primary.text-secondary{
  display:inline-block!important;transform:none!important;white-space:normal;
  padding:.02em .22em;margin:.04em .02em 0;border-radius:.22em;line-height:1.12;vertical-align:baseline}
#overview h1{letter-spacing:-.02em;line-height:1.08;text-wrap:balance}
@media (min-width:992px){#overview .max-w-600px.lg\:max-w-750px{max-width:880px!important}}
#overview p.fs-5{max-width:620px;margin-left:auto;margin-right:auto;text-wrap:pretty}
/* pastilles chiffres : jamais sur 2 lignes */
#overview .rounded-pill span{white-space:nowrap}
@media (max-width:575px){
  #overview .rounded-pill{padding-left:.6rem!important;padding-right:.6rem!important}
  #overview .rounded-pill span.fs-7{font-size:.78rem!important}
  #overview .d-flex.flex-wrap.justify-center.gap-2{gap:.4rem!important}
}
/* halo coloré : une seule teinte (celle de la marque), pas de halo vert concurrent */
#overview .bg-gradient-45.from-primary.to-white{opacity:.55}
/* ---------- 2. Navigation ---------- */
/* « MCP » n'est plus coloré comme un état actif : même style que les autres entrées + point « nouveau » */
.uc-navbar-nav>li>a[href="mcp.html"]{color:inherit!important;font-weight:inherit!important;position:relative}
.uc-navbar-nav>li>a[href="mcp.html"]::after{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--color-primary);margin-left:6px;vertical-align:middle;position:relative;top:-1px}
/* ---------- 3. Preuve sociale ---------- */
/* mur de logos en niveaux de gris, couleur au survol (codes grand compte) */
.lmk-mq-set img{filter:grayscale(1);opacity:.55}
.lmk-mq-set img:hover{filter:none;opacity:1}
.lmk-mq-set img.lmk-logo-w{filter:brightness(0);opacity:.55}
.lmk-mq-set img.lmk-logo-w:hover{filter:brightness(0);opacity:.9}
#clients_brands p.fs-6{letter-spacing:.01em}
/* ---------- 4. Cartes « Pourquoi LemmiLink » : fonds homogènes ---------- */
#features .bg-primary-700,#features .bg-gray-800{background:#17161a!important}
#features .uc-dark .position-cover,#features .uc-dark .blur-10{display:none!important}
#features .rounded-2,#features .rounded-3{border:1px solid rgba(21,22,27,.06)}
#features .uc-dark.rounded-2,#features .uc-dark.rounded-3{border-color:rgba(255,255,255,.06)}
/* ---------- 5. Sélecteur de thème : pas sur mobile (chevauchait le hero) ---------- */
@media (max-width:767px){[data-uc-sticky*="bottom"]:has([data-darkmode-switch]){display:none!important}}
/* ---------- 6. Rythme vertical & détails ---------- */
.section-outer.panel{scroll-margin-top:96px}
.btn{letter-spacing:-.005em}
.testimonial-quote{font-style:normal}
/* titres de sections : équilibrés, sans veuves */
.section h2{text-wrap:balance}
/* images d'app : cadre fin et ombre douce homogènes */
#overview .dashboard-image img,#features img[src*="LemmiLinkImageV2"],#key_features img[src*="LemmiLinkImageV2"],#how_it_works img[src*="LemmiLinkImageV2"]{border:1px solid rgba(21,22,27,.08)}
/* ---------- 7. Bandeau de réassurance (#lmk_trust) ---------- */
.lmk-trust{background:#fbf8f5;border-top:1px solid rgba(21,22,27,.06);border-bottom:1px solid rgba(21,22,27,.06)}
.lmk-trust-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px 28px}
.lmk-trust-list li{display:flex;align-items:flex-start;gap:14px;min-width:0}
.lmk-trust-list i{flex:0 0 40px;width:40px;height:40px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:#fff;color:var(--color-primary);border:1px solid rgba(21,22,27,.08);font-size:16px}
.lmk-trust-list strong{display:block;font-size:15px;line-height:1.25;color:#15161b;letter-spacing:-.005em}
.lmk-trust-list span{display:block;font-size:13px;line-height:1.4;color:#5f6370;margin-top:3px}
@media (max-width:991px){.lmk-trust-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:575px){.lmk-trust-list{grid-template-columns:1fr;gap:14px}}
.uc-dark .lmk-trust{background:#15161b;border-color:rgba(255,255,255,.08)}
.uc-dark .lmk-trust-list strong{color:#fff}.uc-dark .lmk-trust-list span{color:#b7bac4}.uc-dark .lmk-trust-list i{background:#1f2027;border-color:rgba(255,255,255,.1)}
/* ---------- 8. Mobile : boutons des sections hero/CTA empilés et sur une ligne ---------- */
@media (max-width:575px){
  #cta .hstack.flex-wrap,#overview .hstack.flex-wrap{width:100%!important;align-self:stretch}
  #cta .hstack.flex-wrap>.btn,#overview .hstack.flex-wrap>.btn{width:100%!important;justify-content:center}
  #cta .btn>span,#overview .btn>span{white-space:nowrap}
  #cta h2{font-size:clamp(1.9rem,8.5vw,2.6rem)!important;line-height:1.1!important}
}
/* ---------- 9. HERO « haute couture » (passe 8) : fond clair, typographie géante, produit en grand cadre ---------- */
#overview{background:#fff;background-image:radial-gradient(rgba(21,22,27,.085) 1px,transparent 1.5px);background-size:22px 22px;background-position:center top;margin:0!important;border-radius:0!important;color:#15161b}
#overview>.position-cover,#overview>.position-absolute.blur-10{display:none!important}
#overview .section-outer{padding-top:8.5rem!important;padding-bottom:4rem}
#overview .section-inner{padding-top:0!important}
#overview .cstack.rounded-pill.border{border-color:#e6e2de!important;background:#fff;padding:.35rem .9rem!important}
#overview .cstack.rounded-pill.border>span.text-white,#overview .cstack.rounded-pill.border>span.fs-8{color:#15161b!important;letter-spacing:.06em}
#overview h1{color:#15161b!important;font-size:clamp(2.7rem,6.4vw,5.6rem)!important;line-height:1!important;letter-spacing:-.035em;font-weight:700;max-width:none}
#overview h1 span.bg-secondary.text-primary{display:block!important;background:transparent!important;color:var(--color-primary)!important;padding:0!important;margin:.04em 0 0!important;border-radius:0}
#overview p.fs-5{color:#5f6370!important;font-size:1.22rem!important;line-height:1.55;max-width:660px}
#overview .text-black,#overview .dark\:text-white{color:#15161b}
#overview .btn{border-radius:14px!important;padding:.9rem 1.45rem;font-size:1.02rem;box-shadow:none}
#overview .btn-primary{background:var(--color-primary);border-color:var(--color-primary)}
#overview .btn-cta-secondary,#overview .btn-outline-primary{background:#fff!important;border:1px solid #d9d4cf!important;color:#15161b!important}
#overview .btn-cta-secondary:hover,#overview .btn-outline-primary:hover{background:#f6f3f0!important;border-color:#c9c3bd!important;color:#15161b!important}
#overview .btn:hover{transform:none;box-shadow:0 10px 24px -14px rgba(21,22,27,.35)}
/* chiffres : ligne discrète, plus de pastilles */
#overview .d-flex.flex-wrap.justify-center.gap-2>.rounded-pill{border:0!important;background:transparent;padding:0!important}
#overview .d-flex.flex-wrap.justify-center.gap-2>.rounded-pill>span.rounded-circle{display:none}
#overview .d-flex.flex-wrap.justify-center.gap-2>.rounded-pill>span{color:#5f6370!important;font-weight:500!important;font-size:.98rem!important}
#overview .d-flex.flex-wrap.justify-center.gap-2>.rounded-pill+.rounded-pill::before{content:"·";color:#c4bfba;margin:0 .35rem 0 0}
#overview .d-flex.flex-wrap.justify-center.gap-2{gap:.9rem!important;margin-top:1.75rem!important}
/* preuve agences + garantie : sobres */
#overview .lmk-proof-txt{color:#5f6370;opacity:1}
#overview .lmk-proof .lmk-pill{border-color:#fff;box-shadow:0 2px 8px rgba(21,22,27,.12)}
#overview .bg-success.bg-opacity-20{background:transparent!important;border:0!important;padding:0!important}
#overview .bg-success.bg-opacity-20 .text-success{color:#5f6370!important;font-weight:500!important}
#overview .bg-success.bg-opacity-20 i.text-success{color:#178d72!important}
#overview p.fs-7.text-black{color:#5f6370!important}
/* produit : plus large, cadre fin, ombre longue */
#overview .row.child-cols-12{row-gap:3rem}
#overview .dashboard-image.lmk-hv-wrap{max-width:1120px!important}
#overview .lmk-hero-video{border:1px solid #e3ded9;border-radius:18px;box-shadow:0 40px 90px -36px rgba(21,22,27,.45),0 2px 6px rgba(21,22,27,.06);background:#f3f0ed}
/* navigation flottante sur fond clair */
header.uc-header .uc-navbar-transparent .uc-navbar,header.uc-header .uc-navbar-transparent .uc-navbar-nav>li>a{color:#15161b}
header.uc-header .uc-navbar-transparent .uc-navbar-nav>li>a:hover{color:var(--color-primary)}
header.uc-header .uc-navbar-transparent .btn-outline-primary,header.uc-header .uc-navbar-transparent .btn-outline-white,header.uc-header .uc-navbar-transparent a.btn:not(.btn-primary){border-color:#d9d4cf!important;color:#15161b!important;background:#fff!important}
header.uc-header .uc-navbar-transparent .uc-navbar-toggle,header.uc-header .uc-navbar-transparent .uc-navbar-toggle-icon{color:#15161b}
@media (max-width:767px){#overview .section-outer{padding-top:6.5rem!important;padding-bottom:2.5rem}#overview h1{font-size:clamp(2.25rem,10.5vw,3rem)!important;letter-spacing:-.03em}#overview p.fs-5{font-size:1.05rem!important}}
/* 9b. correctifs passe 8 : nav sur fond clair (le thème force le blanc en mode transparent), points des chiffres, burger */
header.uc-header .uc-navbar-transparent .uc-navbar-nav>li>a,header.uc-header .uc-navbar-transparent .uc-navbar-nav>li>a>span,header.uc-header .uc-navbar-transparent .uc-navbar-nav>li>a>i{color:#15161b!important}
header.uc-header .uc-navbar-transparent .uc-navbar-nav>li.uc-active>a,header.uc-header .uc-navbar-transparent .uc-navbar-nav>li>a:hover{color:var(--color-primary)!important}
header.uc-header .uc-navbar-transparent .uc-navbar-toggle,header.uc-header .uc-navbar-transparent .uc-navbar-toggle *,header.uc-header .uc-navbar-transparent [data-uc-toggle],header.uc-header .uc-navbar-transparent .uc-navbar-right i{color:#15161b!important}
#overview .d-flex.flex-wrap.justify-center.gap-2>.rounded-pill>span.rounded-circle{display:none!important}
#overview .d-flex.flex-wrap.justify-center.gap-2>.rounded-pill+.rounded-pill::before{content:"·";color:#b9b3ad;font-weight:700;margin:0 .55rem 0 0}
@media (max-width:575px){#cta .hstack.flex-wrap,#overview .hstack.flex-wrap{flex-wrap:wrap!important}}
/* ---------- 10. Palette unifiée (passe 9) : plus de vert/dégradés concurrents ; sombre = neutre #15161b ---------- */
#pricing .section-outer{background:#15161b!important;color:#fff}
#pricing .section-outer>.position-cover{display:none!important}
#pricing .bg-white.rounded-2{border:1px solid rgba(21,22,27,.08)}
#versus_home .section-outer{background:#15161b!important}
#versus_home span.fs-7[style*="3ddbb2"]{color:var(--color-primary)!important}
section .panel.rounded-1-5[style*="178d72"]{background:#15161b!important}
.sticky-cta{background:#15161b!important;box-shadow:0 -8px 30px rgba(0,0,0,.25)}
.sticky-cta .btn-secondary,.sticky-cta .btn-outline-white{border-color:rgba(255,255,255,.25)!important}
.btn:not(.rounded-circle):not(.lmk-hv-play){border-radius:14px!important}
/* cartes et rayons homogènes */
.features-item{border:1px solid rgba(21,22,27,.06)}
#clients_feedback .bg-white.rounded-1-5{border:1px solid rgba(21,22,27,.06);box-shadow:none}
@media (max-width:767px){#overview .row.child-cols-12{row-gap:1.25rem}#overview .lmk-proof{margin-bottom:.5rem}}
/* ---------- 11. Bento « Pourquoi LemmiLink » tout en cartes claires (passe 9b) ---------- */
#features .uc-dark.bg-primary-700,#features .uc-dark.bg-gray-800{background:#fff!important;color:#15161b!important;border:1px solid rgba(21,22,27,.08)}
#features .uc-dark h3,#features .uc-dark .h3,#features .uc-dark h4{color:#15161b!important}
#features .uc-dark p,#features .uc-dark .dark\:text-white{color:#5f6370!important}
#features .uc-dark img[src*="LemmiLinkImageV2"]{border:1px solid rgba(21,22,27,.08);border-radius:14px}
#features .bg-secondary.text-gray-900{background:#fbf8f5!important;border:1px solid rgba(21,22,27,.06)}
#features .uc-dark .btn-secondary{background:#15161b!important;color:#fff!important;border-color:#15161b!important}
/* ---------- 12. LP EN : sous-menu « Pricing » (uc-nav-sub) rendu en ligne sur desktop → vrai menu déroulant ---------- */
@media (min-width:992px){
  .uc-navbar-nav>li.uc-parent{position:relative}
  .uc-navbar-nav>li.uc-parent>.uc-nav-sub{display:none;position:absolute;top:100%;left:0;min-width:220px;padding:8px 0;margin-top:6px;background:#fff;border:1px solid rgba(21,22,27,.08);border-radius:12px;box-shadow:0 18px 40px -18px rgba(21,22,27,.35);z-index:50}
  .uc-navbar-nav>li.uc-parent:hover>.uc-nav-sub,.uc-navbar-nav>li.uc-parent:focus-within>.uc-nav-sub{display:block}
  .uc-navbar-nav>li.uc-parent>.uc-nav-sub ul{list-style:none;margin:0;padding:0}
  .uc-navbar-nav>li.uc-parent>.uc-nav-sub li a{display:block;padding:8px 16px;white-space:nowrap;color:#15161b!important}
  .uc-navbar-nav>li.uc-parent>.uc-nav-sub li a:hover{background:#f6f3f0;color:var(--color-primary)!important}
}
/* MCP neutre aussi pour les chemins relatifs (LP) */
.uc-navbar-nav>li>a[href$="mcp.html"]{color:inherit!important;font-weight:inherit!important;position:relative}
.uc-navbar-nav>li>a[href$="mcp.html"]::after{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--color-primary);margin-left:6px;vertical-align:middle;position:relative;top:-1px}
header.uc-header .uc-navbar-transparent .uc-navbar-nav>li>a[href$="mcp.html"]{color:#15161b!important}
/* ---------- 13. Correctifs QA (passe 10) ---------- */
/* M1/m5 : le sélecteur de thème flottant (icône incohérente selon les pages) n'a pas sa place sur une vitrine B2B */
.backtotop-wrap [data-darkmode-toggle]{display:none!important}
/* M2 : navbar entre 992 et 1199 px — les derniers liens passaient sous « Se connecter » */
@media (min-width:992px) and (max-width:1199px){
  .uc-navbar-nav{gap:.55rem!important}
  .uc-navbar-nav>li>a{font-size:.9rem!important;padding-left:.3rem!important;padding-right:.3rem!important}
  .uc-navbar-nav>li>a[href$="mcp.html"]::after{display:none}
  .uc-navbar-right .btn{padding-left:.8rem!important;padding-right:.8rem!important;font-size:.9rem}
  .uc-navbar .uc-logo a[style*="margin-left"]{margin-left:0!important}
}
/* M3 : hero home sur tablette (768–991 px) — deux CTA côte à côte débordaient : on empile */
@media (min-width:768px) and (max-width:991px){
  #overview .d-flex.flex-column.md\:flex-row{flex-direction:column!important;align-items:stretch}
  #overview .d-flex.flex-column.md\:flex-row>.btn{width:100%;justify-content:center}
  #overview .btn>span{white-space:nowrap}
}
/* m5 : icône de sous-menu du burger (glyphe Unicons non chargé → « □ ») remplacée par un chevron Font Awesome */
.nav-y li.uc-parent>a::after{content:"\f078"!important;font-family:"Font Awesome 6 Free"!important;font-weight:900!important;font-size:.65em!important;margin-left:.5em;opacity:.6}
.nav-y li.uc-parent.uc-open>a::after{content:"\f077"!important}
/* M2 (suite) : entre 992 et 1199 px la nav complète ne tient pas → menu burger comme sur mobile */
@media (min-width:992px) and (max-width:1199px){
  .uc-navbar-center .uc-navbar-nav.lg\:d-flex{display:none!important}
  .uc-navbar-right a[data-uc-navbar-toggle-icon].lg\:d-none{display:inline-flex!important;align-items:center;margin-left:.5rem}
}
/* ---------- 14. Hero clair : éléments conçus pour le fond sombre (encart « Pressé ? », badges de réassurance, chiffres) ---------- */
#overview .text-white{color:#15161b!important}
#overview div[style*="rgba(255,255,255,0.12)"]{background:#fbf8f5!important;border:1px solid #e6e2de!important;border-radius:14px!important}
#overview div[style*="rgba(255,255,255,0.12)"] .btn.bg-white{background:#15161b!important;color:#fff!important;border-color:#15161b!important}
#overview .hstack.flex-wrap{flex-wrap:wrap!important}
#overview .text-green-400,#overview .text-success{color:#178d72!important}
@media (max-width:575px){
  #overview .d-flex.flex-wrap.justify-center.gap-2{flex-wrap:wrap!important;gap:.3rem .6rem!important;padding:0 .5rem;max-width:100%}
  #overview .d-flex.flex-wrap.justify-center.gap-2>.rounded-pill>span{font-size:.9rem!important}
  #overview .d-flex.flex-wrap.justify-center.gap-2>.rounded-pill+.rounded-pill::before{margin-right:.4rem}
}
/* ---------- 15. Audit DA (passe 11, 15/10/2026) — voir AUDIT-DA.md, identifiants entre crochets ---------- */
/* [NAV-01] nav en flux : le centre positionné en absolu chevauchait « Se connecter » dès le mode sticky */
@media (min-width:992px){
  header.uc-header .uc-navbar{display:flex;align-items:center}
  header.uc-header .uc-navbar-left{flex:1 1 0;min-width:0}
  header.uc-header .uc-navbar-center{position:static!important;transform:none!important;left:auto!important;top:auto!important;flex:0 0 auto;display:flex;justify-content:center;min-width:0;margin:0 1rem}
  header.uc-header .uc-navbar-right{flex:1 1 0;display:flex;justify-content:flex-end;align-items:center;min-width:0}
  header.uc-header .uc-navbar-nav{gap:1.25rem!important}
  header.uc-header .uc-navbar-right .btn{padding-left:.9rem;padding-right:.9rem}
  /* en mode sticky le conteneur passe à 1140 px : le bloc droit (270 px) ne doit pas passer sur 2 lignes */
  header.uc-header .uc-navbar-right{flex-wrap:nowrap!important;gap:.6rem!important}
  header.uc-header .uc-navbar-right>*{flex-shrink:0}
  header.uc-header .uc-navbar-sticky .uc-navbar-nav{gap:1rem!important}
  header.uc-header .uc-navbar-sticky .uc-navbar-right .btn{padding-left:.7rem!important;padding-right:.7rem!important}
}
/* [NAV-02] « Se connecter » vert sur la home en mode sticky → magenta partout */
header.uc-header .uc-navbar-sticky .btn-outline-primary{border-color:var(--color-primary)!important;color:var(--color-primary)!important;background:#fff!important}
header.uc-header .uc-navbar-sticky .btn-outline-primary:hover{background:var(--color-primary)!important;color:#fff!important}
/* [STICKY-01] barre sticky basse : « Inscription gratuite » illisible (texte sombre sur #15161b) ; 116 px sur mobile */
.sticky-cta .btn-outline-light,.sticky-cta a.btn:not(.bg-white){color:#fff!important;border-color:rgba(255,255,255,.35)!important;background:transparent!important}
.sticky-cta .btn-outline-light:hover,.sticky-cta a.btn:not(.bg-white):hover{background:rgba(255,255,255,.1)!important;color:#fff!important}
.sticky-cta .btn.bg-white{color:#15161b!important}
.sticky-cta p{font-weight:500;letter-spacing:-.005em}
@media (max-width:575px){
  .sticky-cta{padding:8px 0!important}
  .sticky-cta-inner{gap:8px!important}
  .sticky-cta p{display:none}
  .sticky-cta .btn{font-size:.82rem!important;min-height:36px}
}
/* [TOGGLE-01] flottants (retour en haut) par-dessus le contenu mobile */
@media (max-width:991px){.backtotop-wrap{display:none!important}}
/* [HERO-M-01] chiffres du hero sur mobile : l'enfant prenait sa largeur max-content et débordait */
@media (max-width:575px){
  #overview .d-flex.flex-wrap.justify-center.gap-2{width:100%;align-self:stretch;margin-top:1.25rem!important}
  #overview .d-flex.flex-wrap.justify-center.gap-2>.rounded-pill>span{white-space:normal!important}
}
/* [PRICING-01/03] badges absolus tournés (« ÉCONOMISEZ 25€ », « LE PLUS CHOISI », « ABONNEMENT ») : pastille neutre, plus de rotation ; au-dessus du titre sur mobile */
#pricing .tier>.position-absolute{transform:none!important;background:#15161b!important;color:#fff!important;border-radius:999px!important;padding:.3rem .7rem!important}
#pricing .tier>.position-absolute span,#pricing .tier>.position-absolute i{color:#fff!important}
@media (max-width:575px){#pricing .tier>.position-absolute.top-0{position:static!important;align-self:center;margin:.75rem auto 0!important}}
/* [PRICING-02] noms de code des offres (nom dans l'app) : petit, gris, capitales — lisible sans ressembler à une blague interne */
#pricing .tier-header h3>span.d-block,#pricing .tier-header h5>span.d-block{color:#8a8f9a!important;opacity:1!important;font-size:.7rem!important;font-weight:600!important;letter-spacing:.06em;text-transform:uppercase;margin-top:.2rem}
/* [PRICING-03] encadrés promo/urgence (jaune, flamme, clignotant) → pastilles neutres */
#pricing .bg-warning.bg-opacity-20{background:rgba(255,255,255,.06)!important;border-color:rgba(255,255,255,.18)!important;border-radius:999px!important}
#pricing .bg-warning.bg-opacity-20 .text-warning,#pricing .bg-warning.bg-opacity-20 i{color:#e9e6e2!important}
#pricing .bg-warning.bg-opacity-20 i.fa-fire::before{content:"\f0c6"}
#pricing .rounded-pill .text-warning,#pricing .border-warning .text-warning{color:#e9e6e2!important}
#pricing .border-warning{border-color:rgba(255,255,255,.22)!important}
#pricing .bg-warning.animate-pulse{background:var(--color-primary)!important;animation:none!important}
/* [PRICING-04/05/06] vide au milieu de la carte Essentiel, onglets sur 2 lignes (mobile), unité aussi grande que le prix */
#pricing .tier{justify-content:flex-start!important}
#pricing .tier>*{flex:0 0 auto}
#pricing .tier .tier-body{margin-top:1rem}
#pricing .tier .tier-header{padding-bottom:.25rem}
#pricing .tier .price+span{font-size:1rem!important;font-weight:500;opacity:.7;padding-bottom:.55rem}
@media (max-width:480px){
  #pricing .nav-x.gap-1.p-1{display:grid!important;grid-template-columns:repeat(3,1fr);gap:4px!important;width:100%}
  #pricing .nav-x .btn-md{font-size:.72rem!important;padding:8px 6px!important;white-space:nowrap}
}
/* [FEAT-01] sections « problème / solution » (editeur, agence, tpe-pme) : cartes rouge/orange/jaune/vert/bleu/violet → cartes blanches à bord fin, icônes magenta, texte encre/gris */
#features .panel[class*="bg-red-50"],#features .panel[class*="bg-orange-50"],#features .panel[class*="bg-yellow-50"],#features .panel[class*="bg-green-50"],#features .panel[class*="bg-blue-50"],#features .panel[class*="bg-purple-50"]{background:#fff!important;background-image:none!important;border:1px solid rgba(21,22,27,.08)!important;box-shadow:0 1px 2px rgba(21,22,27,.04)}
#features .panel[class*="border-red-"],#features .panel[class*="border-green-"]{border-color:rgba(21,22,27,.08)!important;border-width:1px!important}
#features h4[class*="text-red-"],#features h4[class*="text-orange-"],#features h4[class*="text-yellow-"],#features h4[class*="text-green-"],#features h4[class*="text-blue-"],#features h4[class*="text-purple-"]{color:#15161b!important}
#features p[class*="text-red-"],#features p[class*="text-green-"]{color:#5f6370!important}
#features .icon[class*="text-red-"],#features .icon[class*="text-orange-"],#features .icon[class*="text-yellow-"],#features .icon[class*="text-green-"],#features .icon[class*="text-blue-"],#features .icon[class*="text-purple-"],#features div.text-red-600,#features div.text-green-600{color:var(--color-primary)!important}
#features .rounded-pill [class*="bg-red-5"],#features .rounded-pill [class*="bg-green-5"]{background:var(--color-primary)!important}
#features .rounded-pill [class*="text-red-"],#features .rounded-pill [class*="text-green-"]{color:#15161b!important}
#features h2 span[class*="bg-red-100"],#features h2 span[class*="bg-green-100"],#pricing h2 span[class*="bg-green-100"]{background:#f5eee9!important;color:var(--color-primary)!important}
/* editeur #pricing (modèle économique) : vert/bleu/dégradé → neutre, chiffres en magenta */
#pricing h4.text-green-700,#pricing h4.text-blue-700{color:#15161b!important}
#pricing .font-bold.text-green-600,#pricing .font-bold.text-blue-600,#pricing .icon.text-green-600,#pricing .icon.text-blue-600{color:var(--color-primary)!important}
#pricing .bg-gradient-to-r{background:#fff!important;background-image:none!important;border:1px solid rgba(21,22,27,.08)}
#pricing .rounded-pill .bg-green-500{background:var(--color-primary)!important}
#pricing .rounded-pill .text-green-600{color:#15161b!important}
/* [TEAM-01] disques magenta de 150 px → 72 px crème ; avatars-logo grisés ; icônes sociales atténuées */
#team .cstack.bg-primary.rounded-circle{width:72px!important;height:72px!important;background:#fbe9ee!important}
#team .cstack.bg-primary.rounded-circle i{color:var(--color-primary)!important;font-size:1.4rem!important}
#team .panel.vstack>img{width:96px!important;height:96px!important;object-fit:cover;border-radius:50%;border:1px solid rgba(21,22,27,.08)}
#team .lmk-avatar-ini{width:96px!important;height:96px!important;border-radius:50%;background:#f5eee9;color:var(--color-primary);font-weight:700;font-size:2rem;letter-spacing:-.02em;border:1px solid rgba(21,22,27,.08);display:flex;align-items:center;justify-content:center}
#team .hstack.justify-center.gap-1 a{opacity:.55}#team .hstack.justify-center.gap-1 a:hover{opacity:1}
/* [CF-01] témoignages : le masque latéral estompait/coupait la 1re carte ; avatars hors palette */
#clients_feedback .mask-x{-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)!important;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)!important}
#clients_feedback .testimonial-avatar{background:#f5eee9!important;color:var(--color-primary)!important;border:1px solid rgba(21,22,27,.08)}
/* [KEYF-01 / KEYF-M-01] fonctionnalités clés : cartes aux 2/3 vides, H2 plus petit que les autres, tuile « lien externe » ; 1 colonne sur mobile quand il y a un paragraphe */
#key_features .features-item{min-height:0!important;gap:.9rem!important;justify-content:flex-start!important}
#key_features .features-item .title{margin-top:.15rem!important}
#key_features h2.fs-4,#key_features p.fs-4{font-size:2rem!important;font-weight:700;letter-spacing:-.02em;line-height:1.15}
#key_features .features-item-more a.uc-link{width:48px!important;height:48px!important}
#key_features .features-item-more a.uc-link i::before{content:"\f061"}
@media (max-width:575px){#key_features .features-items:has(.features-item p)>*{width:100%}}
/* [ONB-01] editeur, 4 étapes sur mobile : 2 colonnes à 11 caractères par ligne → 1 colonne */
@media (max-width:575px){
  #onboarding .row.child-cols-6>*{width:100%}
  #onboarding .panel.vstack.p-4{padding:1.25rem!important;gap:.6rem!important}
}
/* [VERSUS-01] label magenta sur fond sombre < AA ; paragraphe à 84 c/ligne */
#versus_home span.fs-7[style*="3ddbb2"]{color:#f7a1b4!important}
#versus_home p.fs-6{max-width:640px;margin-left:auto;margin-right:auto;color:rgba(255,255,255,.82)!important;font-size:1.02rem}
/* [MENU-M-01] « MCP x Claude AI » en vert gras dans le menu mobile (style inline) → neutre comme la nav desktop */
.uc-offcanvas-bar a[href$="mcp.html"][style]{color:inherit!important;font-weight:inherit!important}
/* [INSIGHTS-01] « Derniers articles » factices (photos de banque, titres dupliqués, tous les liens vers /blog) : masqués tant qu'ils ne sont pas branchés sur de vrais articles */
#insights:has(.post-title a[href="/blog"]){display:none!important}
/* [HIW-01] 3 étapes : numéro + connecteur + icône + titre = 3 couches → numéro + titre */
#how_it_works .icon.icon-3.text-primary{display:none}
#how_it_works .step-number{margin-bottom:.5rem}
/* [FAQ-01] « ? » orphelin en fin de ligne */
#faq .uc-accordion-title{text-wrap:pretty}
/* [TAP-01] boutons secondaires 40 px sur mobile (< 44 px) */
@media (max-width:767px){.btn.btn-sm:not(.rounded-circle){min-height:44px}}
/* [VIDEO-01] « 1 min · avec le son » à 11 px */
@media (max-width:575px){.lmk-hv-play small{font-size:12px!important}}
/* [BRANDS-01] mur de logos : tailles optiques très inégales */
.lmk-mq-set img{max-height:32px!important;max-width:110px!important}
/* [DOT-01] grille de points du hero un peu trop présente à 1440 */
#overview{background-image:radial-gradient(rgba(21,22,27,.06) 1px,transparent 1.5px)!important}
/* [GREEN-01] bloc « Nos clients gagnent jusqu'à +2 300 % » sous le CTA : 3e appel empilé → format compact */
section .panel.rounded-1-5[style*="178d72"]{padding:1.5rem!important}
section .panel.rounded-1-5[style*="178d72"] h3{font-size:1.2rem!important;margin-bottom:.4rem!important}
section .panel.rounded-1-5[style*="178d72"] p{font-size:.95rem!important;margin-bottom:.9rem!important}
/* [H1-M-01] H1 de 5-6 lignes sur mobile (editeur/agence) : un cran plus bas */
@media (max-width:575px){#overview h1{font-size:clamp(2.05rem,9.6vw,2.8rem)!important}}
/* [AGENCE-PACK-01] agence : 4e carte « Pack Mensuel » magenta foncé → même carte blanche que les 3 autres, bord magenta */
#pricing .tier.bg-primary,#pricing .tier[class*="bg-primary-"]{background:#fff!important;color:#15161b!important;border:2px solid var(--color-primary)}
#pricing .tier.bg-primary *,#pricing .tier[class*="bg-primary-"] *{color:inherit}
#pricing .tier.bg-primary .btn,#pricing .tier[class*="bg-primary-"] .btn{background:var(--color-primary)!important;color:#fff!important}
#pricing .tier.bg-primary .fa-check,#pricing .tier[class*="bg-primary-"] .fa-check{color:var(--color-primary)!important;background:#f5eee9!important}
#pricing .tier[class*="bg-primary-"] .tier-body{border-color:rgba(21,22,27,.08)!important}
#pricing .tier[class*="bg-primary-"] .opacity-60,#pricing .tier[class*="bg-primary-"] .text-white{color:#5f6370!important}
/* tpe-pme : carte recommandée à bordure/ombre vertes (inline) → magenta, comme le reste de la palette */
#pricing .tier[style*="178d72"]{border-color:var(--color-primary)!important;box-shadow:0 8px 32px rgba(212,46,84,.18)!important}
/* 15b. compléments du 2e audit DA */
/* [SHOT-01] capture d'app de #how_it_works : même cadre que le hero + rythme vertical */
#how_it_works .ratio.ratio-16x9{border:1px solid #e3ded9!important;border-radius:18px!important;background:#f3f0ed;box-shadow:0 40px 90px -36px rgba(21,22,27,.4),0 2px 6px rgba(21,22,27,.06);overflow:hidden}
#how_it_works .ratio.ratio-16x9 img{object-position:top center}
#how_it_works .section-outer:not([class*="py-"]){padding-top:2.5rem;padding-bottom:4.5rem}
/* [STEPS-01] pointillés verts entre les étapes → gris neutre */
#how_it_works [class*="dashed"],#how_it_works [style*="dashed"],#how_it_works [style*="dotted"],#how_it_works [class*="border-success"],#how_it_works [class*="border-green"]{border-color:#d9d4cf!important;color:#d9d4cf!important}
/* [TESTI-01] deux rangées-marquee des mêmes témoignages → une seule */
#clients_feedback .swiper.mt-2{display:none!important}
/* [PRICE-01] étoiles jaunes (editeur/agence) → encre, comme la home */
#clients_feedback .fa-star.text-warning{color:#15161b!important}
/* [GREEN-01] tpe-pme : question FAQ sur fond vert, label vert → neutre */
#faq li.border-green-500.bg-green-50{border-color:rgba(21,22,27,.1)!important;background:#fff!important}
#pricing span[style*="0d6b56"]{color:#15161b!important}
/* [BANDEAU-01] bandeau « jusqu'à +2 300 % » noir juste avant le footer noir → crème, encre, bouton magenta */
section .panel.rounded-1-5[style*="178d72"]{background:#fbf8f5!important;border:1px solid #e6e2de;color:#15161b}
section .panel.rounded-1-5[style*="178d72"] h3.text-white,section .panel.rounded-1-5[style*="178d72"] h3{color:#15161b!important}
section .panel.rounded-1-5[style*="178d72"] p.text-white,section .panel.rounded-1-5[style*="178d72"] p{color:#5f6370!important;opacity:1!important}
section .panel.rounded-1-5[style*="178d72"] a.btn.bg-white,section .panel.rounded-1-5[style*="178d72"] a.btn{background:var(--color-primary)!important;color:#fff!important;border-color:var(--color-primary)!important}
/* [KF-01] fonctionnalités avec paragraphe (agence/tpe) : 1 colonne sur mobile */
@media (max-width:575px){#key_features .features-items:has(p){grid-template-columns:1fr!important}#key_features .features-items:has(p)>*{width:100%!important;flex:0 0 100%!important;max-width:100%!important}}
/* [STATS-01] editeur, mobile : « 175 000+ » cassait sur deux lignes */
@media (max-width:575px){
  #stats .row.child-cols-6>*{width:100%!important;flex:0 0 100%!important}
  #stats .h1,#stats .display-6{white-space:nowrap;font-size:2.4rem!important}
}
/* [CHECKS-01] agence, mobile : les 3 preuves sous les témoignages s'empilent */
@media (max-width:575px){#clients_feedback .hstack.flex-wrap.justify-center{flex-wrap:wrap!important}#clients_feedback .hstack.flex-wrap.justify-center>.hstack{flex:0 0 100%;justify-content:center}}
/* [CTA-01] agence #cta : pilule en capitales magenta sur rose + point qui pulse → ligne grise */
#cta .rounded-pill.bg-primary.bg-opacity-20{background:transparent!important;padding:0!important}
#cta .rounded-pill.bg-primary.bg-opacity-20 .text-primary{color:#5f6370!important;text-transform:none!important;letter-spacing:0;font-weight:500!important;font-size:.95rem!important}
#cta .rounded-pill .bg-warning.animate-pulse{display:none!important}
/* [LOGO-01] mur de logos : fondu latéral */
.lmk-logo-wall{position:relative}
.lmk-logo-wall::before,.lmk-logo-wall::after{content:"";position:absolute;top:0;bottom:0;width:96px;z-index:2;pointer-events:none}
.lmk-logo-wall::before{left:0;background:linear-gradient(to right,#fff,rgba(255,255,255,0))}
.lmk-logo-wall::after{right:0;background:linear-gradient(to left,#fff,rgba(255,255,255,0))}
/* [FOOTER-01] liens légaux un cran plus lisibles */
#uc-footer .uc-footer-bottom a,#uc-footer .fs-7 a{color:#b7bac4}
/* 15c. [BENTO-01] bento « Pourquoi LemmiLink » (home FR/EN) : 4 boutons de 2 styles → un seul style secondaire sobre */
#features .panel .btn.btn-sm.btn-primary,#features .panel .btn.btn-sm.btn-secondary{background:#fff!important;color:#15161b!important;border:1px solid #d9d4cf!important;box-shadow:none!important}
#features .panel .btn.btn-sm.btn-primary:hover,#features .panel .btn.btn-sm.btn-secondary:hover{background:#f6f3f0!important;border-color:#c9c3bd!important;color:#15161b!important}
/* ---------- 16. Passe 13 — pages Tarifs (système px-*), MCP et Annonceurs : vert hors palette → magenta / encre ---------- */
.px-card.reco{border-color:var(--color-primary)!important;box-shadow:0 10px 30px rgba(212,46,84,.12)!important}
.px-reco{background:#15161b!important}
.px-card ul li:before{color:var(--color-primary)!important}
.px-vs h4,.px-vs .src a{color:#5f6370!important}
.px-head .from{color:#15161b!important;background:#f5eee9!important}
table.px-recap th{background:#15161b!important}
details.px-faq summary:after{color:var(--color-primary)!important}
.backtop{background:#15161b!important}
.px-toc a:hover{border-color:var(--color-primary)!important;color:var(--color-primary)!important}
.tier-recommended{border-color:var(--color-primary)!important;box-shadow:0 8px 32px rgba(212,46,84,.18)!important}
#versus .section-outer[style*="182420"]{background:#15161b!important}
#versus [style*="3ddbb2"]{color:#f7a1b4!important}
/* MCP : hero clair comme les autres piliers (id renommé overview + classe lmk-mcp-hero), sections et accents */
#overview.lmk-mcp-hero>.position-cover,#overview.lmk-mcp-hero>.position-absolute.blur-10{display:none!important}
#overview.lmk-mcp-hero a.btn[style*="background:#fff"]{border:1px solid #d9d4cf!important;color:#15161b!important}
div.section.panel[style*="#178d72, #0d6b56"]{background:#15161b!important}
.flow-step .flow-number,.sec-item .sec-icon{background:var(--color-primary)!important}
.flow-step::before{background:#e6e2de!important}
.stat-card .stat-value,.tool-card .tool-name{color:var(--color-primary)!important}
.tool-card:hover{border-color:var(--color-primary)!important;box-shadow:0 8px 24px rgba(212,46,84,.12)!important}
.sticky-cta{background:#15161b!important}
a.btn.bg-white[style*="178d72"],a.btn[style*="color:#178d72"]{color:#15161b!important}
/* Annonceurs : icônes vertes des garanties (section sombre), pastille flottante, badges */
#pricing .text-green-500{color:#fff!important}
#overview .bg-success{background:var(--color-primary)!important}
.badge.bg-green-100.text-green-700{background:#f5eee9!important;color:var(--color-primary)!important}
/* débordement horizontal résiduel (rangées g-6 de la page MCP : scrollWidth 398 px à 390) : on clippe sans créer de conteneur de défilement (sticky préservé) */
html{overflow-x:clip}
/* ---------- 17. Passe 14 — Achat Express, NinjaLinking, Études de cas : composants verts génériques → palette ---------- */
.cstack.bg-green-100.text-green-600.fa-check{background:#f5eee9!important;color:var(--color-primary)!important}
.panel.bg-green-50.border-green-200,.panel.bg-green-50{background:#fff!important;border-color:rgba(21,22,27,.08)!important}
.panel h5.text-green-700,.panel h4.text-green-700,.panel .h5.text-green-700{color:#15161b!important}
.panel .fs-6.text-green-600{color:#5f6370!important}
.panel h5.text-green-600,.panel .h5.text-green-600{color:var(--color-primary)!important}
.cstack.bg-green-500.text-white{background:var(--color-primary)!important}
.btn-success,.btn-success:focus{background:var(--color-primary)!important;border-color:var(--color-primary)!important;color:#fff!important}
.btn-success:hover{background:#b8213f!important;border-color:#b8213f!important;color:#fff!important}
.position-absolute.bg-green-500{background:#15161b!important}
.position-absolute.bg-green-500 *{color:#fff!important}
[style*="2px solid var(--uc-primary-500"]{border-color:var(--color-primary)!important}
[style*="linear-gradient(135deg, #178d72, #0d6b56)"]{background:#15161b!important}
.section [style*="color:#178d72"],.panel [style*="color:#178d72"]{color:var(--color-primary)!important}
.section a.btn.bg-white[style*="color:#178d72"]{color:#15161b!important}
.fs-8.text-uppercase.text-green-600{color:#15161b!important}
.rounded-circle.bg-green-500.w-4px{background:var(--color-primary)!important}
span.d-inline-flex.bg-green-100.text-green-700{background:#f5eee9!important;color:var(--color-primary)!important}
.stat-highlight{background:#15161b!important}
/* Achat Express / NinjaLinking : badges stylés en inline (dégradé bleu tourné, pastille verte) → neutres */
.badge-best-value{background:#15161b!important;background-image:none!important;color:#fff!important;transform:none!important;border-radius:999px!important}
.hero-badge-service{background:#f5eee9!important;background-image:none!important;color:var(--color-primary)!important;border-color:transparent!important}
.hero-badge-service i,.hero-badge-service span{color:var(--color-primary)!important}