@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=DM+Sans:wght@300;400;500;600;700&display=swap');

:root {
  --navy: #1a2744;
  --blue: #2d5be3;
  --gold: #c8a96e;
  --white: #ffffff;
  --grey-light: #f4f6fb;
  --grey: #8a94a6;
  --text: #1a2744;
}

* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:'DM Sans',sans-serif; background:white; color:var(--text); }

/* DRAPEAUX DISCRETS */
.langue-coin-droite {
  position:fixed; top:12px; right:12px; display:flex; gap:6px; z-index:1000; opacity:0.6; transition:opacity 0.2s;
}
.langue-coin-droite:hover { opacity:1; }
.mini-drapeau {
  width:20px; height:15px; cursor:pointer; border-radius:2px; opacity:0.5; transition:all 0.2s; box-shadow:0 1px 3px rgba(0,0,0,0.2);
}
.mini-drapeau:hover { opacity:1; transform:scale(1); }
.mini-drapeau.active { opacity:1; border:1px solid var(--gold); }

/* SIDEBAR BLEU */
.pictos-gauche {
  position:fixed; left:0; top:0; width:180px; height:100vh; background:var(--navy); display:flex; flex-direction:column; padding:20px 14px; z-index:900; overflow-y:auto;
}
.sidebar-brand { padding-bottom:12px; border-bottom:1px solid rgba(255,255,255,0.1); margin-bottom:12px; }
.sidebar-brand h1 { font-family:'Playfair Display',serif; font-size:20px; color:white; margin-bottom:2px; }
.sidebar-brand p { font-size:8px; color:rgba(255,255,255,0.5); letter-spacing:1px; text-transform:uppercase; }
.gold-bar { width:24px; height:2px; background:var(--gold); margin-top:6px; }
.nav-section-title { font-size:8px; letter-spacing:1px; text-transform:uppercase; color:rgba(255,255,255,0.3); padding:6px 8px; margin-top:6px; }
.picto { display:flex; align-items:center; gap:8px; padding:8px 10px; cursor:pointer; border-radius:8px; transition:all 0.2s; color:rgba(255,255,255,0.7); margin-bottom:2px; border:2px solid transparent; }
.picto:hover { background:rgba(255,255,255,0.08); color:white; border-color:var(--gold); }
.picto:active { background:var(--blue); color:white; border-color:var(--gold); }
.picto-texte { font-size:12px; font-weight:500; line-height:1.3; }
.picto-separator { height:1px; background:rgba(255,255,255,0.1); margin:6px 0; }

/* ESPACE BLANC */
.espace-blanc {
  margin-left:200px;
  margin-bottom:200px;
  min-height:100vh;
  background:white;
  padding:60px 80px;
}

/* CONTENU PAGE */
.contenu-page { max-width:1100px; }
.titre-page {
  font-family:'Playfair Display',serif;
  font-size:42px;
  color:var(--navy);
  margin-bottom:30px;
}
.intro-texte {
  font-size:20px;
  line-height:1.8;
  color:var(--text);
  margin-bottom:40px;
}
.intro-texte p { margin-bottom:16px; }

.contenu-texte {
  font-size:16px;
  line-height:1.6;
  color:var(--text);
}
.contenu-texte p {
  margin-bottom:14px;
}
.contenu-texte h3 {
  font-size:22px;
  color:var(--navy);
  margin-top:28px;
  margin-bottom:16px;
  font-weight:600;
}
.contenu-texte h4 {
  font-size:18px;
  color:var(--navy);
  margin-top:20px;
  margin-bottom:12px;
  font-weight:600;
}
.contenu-texte strong {
  color:var(--navy);
  font-weight:700;
}
.contenu-texte ul {
  margin:16px 0 16px 25px;
}
.contenu-texte li {
  margin-bottom:10px;
  line-height:1.6;
}
.signature-manifeste {
  font-family:'Playfair Display',serif;
  color:var(--gold);
  font-size:17px;
  font-weight:600;
  margin-top:32px;
  padding-top:24px;
  border-top:2px solid var(--gold);
}
.signature-leo {
  font-family:'Playfair Display',serif;
  color:var(--gold);
  font-size:17px;
  font-weight:600;
  margin-top:24px;
}
.principe-lka {
  background:white;
  padding:16px 20px;
  border:2px solid var(--gold);
  border-left:4px solid var(--gold);
  margin-top:24px;
  font-style:italic;
  color:var(--gold);
  font-weight:600;
}

/* BOUTON PRINCIPAL */
.btn-principal {
  background:var(--navy);
  color:white;
  border:none;
  padding:18px 36px;
  border-radius:12px;
  font-size:18px;
  font-weight:700;
  font-family:'DM Sans',sans-serif;
  cursor:pointer;
  transition:all 0.3s;
  display:inline-flex;
  align-items:center;
  gap:10px;
  box-shadow:0 8px 24px rgba(26,39,68,0.25);
}
.btn-principal:hover {
  background:var(--blue);
  transform:translateY(-3px);
  box-shadow:0 12px 32px rgba(45,91,227,0.35);
}
.btn-icon { font-size:16px; }

/* LEO FIXE EN HAUT À GAUCHE */
.leo-fixe-bas-gauche {
  display:none;
  position:fixed;
  top:20px;
  left:200px;
  z-index:1000;
  pointer-events:none;
  background:white;
  padding:10px;
  border-radius:8px;
}

/* LEO PERSONNAGE */
.leo-personnage {
  width:80px;
  height:110px;
  position:relative;
}
.leo-image-fixe {
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:top center;
  animation:leoVivantAvance 10s ease-in-out infinite;
}

/* ANIMATION LEO */
@keyframes leoVivantAvance {
  0%, 100% { transform:translateY(0) rotate(0deg) scale(1); }
  12% { transform:translateY(-5px) rotate(-1.5deg) scale(1); }
  25% { transform:translateY(-2px) rotate(-0.5deg) scale(1); }
  50% { transform:translateY(-5px) rotate(1.5deg) scale(1); }
  75% { transform:translateY(0) rotate(0deg) scale(1); }
}

/* BULLE SUPPRIMÉE - Leo décoratif seulement */

@keyframes apparaitPhrase {
  from { opacity:0; transform:translateY(8px); }
  to { opacity:1; transform:translateY(0); }
}

/* ============================================
   ZONE ACHAT LICENCES + PAGE PAIEMENT PRO
   ============================================ */


.zone-achat-licences {
  text-align: center;
  margin: 40px 0;
  padding: 20px;
}

.picto-achat-pro {
  display: inline-block;
  background: linear-gradient(135deg, #c8a96e 0%, #d4b87e 100%);
  color: white;
  padding: 8px 20px;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(200, 169, 110, 0.3);
  font-size: 11px;
}

.picto-achat-pro:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(200, 169, 110, 0.5);
}

.picto-achat-icon {
  display: inline-block;
  font-size: 14px;
  margin-right: 8px;
}

.picto-achat-titre {
  display: inline-block;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.5px;
}

.picto-achat-sous-titre {
  display: none;
}


/* PAGE PAIEMENT PROFESSIONNELLE */

.paiement-intro {
  background: #e8f4f8;
  padding: 8px 12px;
  border-left: 2px solid #1e3a5f;
  margin-bottom: 15px;
  border-radius: 4px;
  font-size: 11px;
}

.paiement-intro strong {
  font-size: 16px;
  color: #1e3a5f;
}

.methodes-paiement {
  display: grid;
  gap: 10px;
  margin: 15px 0;
  max-width: 600px;
}

.methode-paiement-card {
  background: white;
  border: 1px solid #e0e7ef;
  border-radius: 6px;
  overflow: hidden;
  transition: all 0.3s ease;
  font-size: 11px;
}

.methode-paiement-card:hover {
  border-color: #c8a96e;
  box-shadow: 0 4px 20px rgba(200, 169, 110, 0.2);
}

.methode-header {
  background: linear-gradient(135deg, #1e3a5f 0%, #2d5a8f 100%);
  color: white;
  padding: 8px 12px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.methode-icon {
  font-size: 16px;
}

.methode-header h3 {
  flex: 1;
  margin: 0;
  font-size: 12px;
}

.badge-instantane {
  background: #28a745;
  padding: 2px 6px;
  border-radius: 10px;
  font-size: 8px;
  font-weight: 600;
  text-transform: uppercase;
}

.badge-delai {
  background: #6c757d;
  padding: 2px 6px;
  border-radius: 10px;
  font-size: 8px;
  font-weight: 600;
  text-transform: uppercase;
}

.methode-body {
  padding: 10px 12px;
}

.coordonnees-bancaires,
.adresse-postale {
  background: #f8f9fa;
  padding: 6px 8px;
  border-radius: 4px;
  margin: 8px 0;
  font-family: 'Courier New', monospace;
  font-size: 10px;
  line-height: 1.4;
}

.avantage {
  color: #28a745;
  font-size: 10px;
  line-height: 1.5;
  margin-top: 8px;
}

.btn-paiement {
  background: linear-gradient(135deg, #28a745 0%, #34ce57 100%);
  color: white;
  border: none;
  padding: 6px 15px;
  border-radius: 5px;
  font-size: 11px;
  font-weight: 600;
  cursor: pointer;
  margin-top: 8px;
  transition: all 0.3s ease;
  width: 100%;
}

.btn-paiement:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 15px rgba(40, 167, 69, 0.3);
}

.aide-paiement {
  background: #fff8e6;
  border: 1px solid #c8a96e;
  padding: 8px 10px;
  border-radius: 6px;
  margin-top: 15px;
  text-align: center;
  font-size: 10px;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}

.aide-paiement h3 {
  color: #1e3a5f;
  margin-bottom: 6px;
  font-size: 11px;
}

/* ============================================
   PICTO DEMO EN DIRECT (page démonstration)
   ============================================ */

.zone-demo-direct {
  margin: 30px 0 20px 0;
  text-align: left;
  padding-left: 6cm;
}

.picto-demo-direct {
  display: inline-block;
  background: linear-gradient(135deg, #c8a96e 0%, #d4b87e 100%);
  color: white;
  padding: 8px 20px;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(200, 169, 110, 0.3);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.picto-demo-direct:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(200, 169, 110, 0.5);
  background: linear-gradient(135deg, #d4b87e 0%, #e0c48e 100%);
}

.picto-demo-direct:active {
  transform: translateY(0);
}

/* ============================================
   PAGE DEMO DIRECTE AVEC LÉO
   ============================================ */

.demo-leo-container {
  display: flex;
  gap: 30px;
  align-items: flex-start;
  margin: 30px 0;
  padding: 25px;
  background: #f8f9fa;
  border-radius: 12px;
  border: 2px solid #c8a96e;
}

.demo-leo-avatar {
  flex-shrink: 0;
}

.demo-leo-intro {
  flex: 1;
}

.demo-leo-intro h2 {
  color: #1e3a5f;
  margin-bottom: 15px;
  font-size: 22px;
}

.demo-leo-intro ul {
  margin: 15px 0;
  padding-left: 25px;
}

.demo-leo-intro li {
  margin: 8px 0;
  line-height: 1.6;
}

.btn-demo-lancer {
  background: linear-gradient(135deg, #c8a96e 0%, #d4b87e 100%);
  color: white;
  border: none;
  padding: 15px 40px;
  border-radius: 8px;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(200, 169, 110, 0.3);
}

.btn-demo-lancer:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(200, 169, 110, 0.5);
}

@media (max-width: 768px) {
  .demo-leo-container {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
}

/* ============================================
   AMÉLIORATIONS VISUELLES LÉGÈRES V52
   (Sans casser V50)
   ============================================ */

/* Titres plus visibles */
h1.titre-page {
  font-size: 28px;
  margin-bottom: 25px;
  color: #1e3a5f;
}

h2 {
  font-size: 22px;
  margin-top: 25px;
  margin-bottom: 15px;
  color: #1e3a5f;
}

h3 {
  font-size: 18px;
  margin-top: 20px;
  margin-bottom: 12px;
  color: #2d5a8f;
}

/* Espacements améliorés */
.contenu-texte p {
  margin-bottom: 18px;
  line-height: 1.7;
}

.contenu-texte ul {
  margin: 18px 0;
  line-height: 1.7;
}

.contenu-texte li {
  margin-bottom: 10px;
}

/* Confort de lecture général */
body {
  font-size: 15px;
  line-height: 1.6;
}

/* Indicateur page active dans menu */
.picto:hover {
  background: rgba(200, 169, 110, 0.1);
}

/* ============================================
   PAGE ACCUEIL OPTIMISÉE V53
   ============================================ */

/* BLOC IMPACT */
.bloc-impact {
  text-align: center;
  margin: 50px auto 60px auto;
  padding: 40px 30px;
  background: linear-gradient(135deg, #fff8e6 0%, #fffbf0 100%);
  border: 3px solid #c8a96e;
  border-radius: 12px;
  max-width: 700px;
  box-shadow: 0 4px 20px rgba(200, 169, 110, 0.2);
}

.sous-titre-impact {
  font-size: 26px;
  font-weight: 700;
  color: #1e3a5f;
  line-height: 1.4;
  margin: 0;
  letter-spacing: -0.5px;
}

/* BLOC PRÉSENTATION */
.bloc-presentation {
  margin: 40px 0;
  padding: 25px;
  background: #f8f9fa;
  border-radius: 8px;
  line-height: 1.8;
}

.bloc-presentation p {
  margin-bottom: 12px;
  font-size: 15px;
  color: #333;
}

.bloc-presentation p:last-child {
  margin-bottom: 0;
  font-weight: 600;
  color: #1e3a5f;
}

/* BLOC MON RÔLE */
.bloc-role {
  margin: 50px 0;
}

.bloc-role h2 {
  font-size: 24px;
  color: #1e3a5f;
  margin-bottom: 20px;
  font-weight: 700;
}

.liste-role {
  list-style: none;
  padding: 0;
  margin: 25px 0;
}

.liste-role li {
  padding: 12px 0 12px 30px;
  position: relative;
  font-size: 16px;
  color: #333;
  line-height: 1.6;
}

.liste-role li:before {
  content: "•";
  position: absolute;
  left: 0;
  color: #c8a96e;
  font-size: 24px;
  font-weight: bold;
}

.conclusion-role {
  margin-top: 25px;
  padding: 20px;
  background: #fff8e6;
  border-left: 4px solid #c8a96e;
  border-radius: 6px;
  font-size: 15px;
  font-weight: 600;
  color: #1e3a5f;
  font-style: italic;
}

/* BLOC ACCOMPAGNEMENT */
.bloc-accompagnement {
  margin: 50px 0;
}

.bloc-accompagnement h2 {
  font-size: 24px;
  color: #1e3a5f;
  margin-bottom: 20px;
  font-weight: 700;
}

.liste-accompagnement {
  list-style: none;
  padding: 0;
  margin: 25px 0;
}

.liste-accompagnement li {
  padding: 12px 0 12px 30px;
  position: relative;
  font-size: 16px;
  color: #333;
  line-height: 1.6;
}

.liste-accompagnement li:before {
  content: "•";
  position: absolute;
  left: 0;
  color: #c8a96e;
  font-size: 24px;
  font-weight: bold;
}

/* Espaces blancs et respiration */
.contenu-texte > div {
  margin-bottom: 40px;
}


.phrase-cle {
  font-weight: 700 !important;
  color: #1e3a5f !important;
  font-size: 16px !important;
}

/* ============================================
   PAGE VISION LKA V55
   ============================================ */

/* Blocs Vision - Espacement généreux */
.bloc-vision {
  margin-bottom: 50px;
  padding: 25px;
  background: #f8f9fa;
  border-radius: 8px;
  border-left: 3px solid #c8a96e;
}

.bloc-vision p {
  margin-bottom: 15px;
  line-height: 1.8;
  font-size: 15px;
  color: #333;
}

/* Intro de bloc - Plus visible */
.intro-bloc {
  font-weight: 600;
  color: #1e3a5f;
  font-size: 16px;
  margin-bottom: 20px !important;
}

/* Phrases avec espace renforcé */
.phrase-espace {
  margin-top: 25px !important;
  margin-bottom: 10px !important;
}

/* Mots clés (Observer, Écouter, Anticiper) */
.mots-cles {
  font-weight: 600;
  color: #1e3a5f;
  font-size: 16px;
  line-height: 1.6;
  margin: 20px 0 !important;
}

/* Phrases fortes (LKA...) */
.phrase-forte {
  font-weight: 600;
  color: #1e3a5f;
  font-size: 16px;
  margin-bottom: 12px !important;
}

/* Bloc LKA - Mise en avant */
.bloc-lka {
  background: linear-gradient(135deg, #fff8e6 0%, #fffbf0 100%);
  border-left: 4px solid #c8a96e;
  padding: 30px;
}

/* Bloc promesse - Finale */
.bloc-promesse {
  background: linear-gradient(135deg, #f0f4f8 0%, #f8f9fa 100%);
  border-left: 4px solid #2d5a8f;
  padding: 30px;
}

/* Conclusion vision */
.conclusion-vision {
  margin-top: 30px !important;
  font-weight: 700;
  color: #1e3a5f;
  font-size: 17px;
  font-style: italic;
  border-top: 2px solid #c8a96e;
  padding-top: 20px;
}

/* ============================================
   PAGE MÉTHODE LKA V56
   ============================================ */

/* Bloc positionnement */
.bloc-positionnement {
  margin-bottom: 50px;
  padding: 30px;
  background: linear-gradient(135deg, #fff8e6 0%, #fffbf0 100%);
  border-left: 4px solid #c8a96e;
  border-radius: 8px;
}

.bloc-positionnement p {
  margin-bottom: 15px;
  line-height: 1.8;
  font-size: 15px;
  color: #333;
}

.objectif {
  margin-top: 25px !important;
  padding-top: 20px;
  border-top: 2px solid #c8a96e;
  font-size: 16px;
  line-height: 1.7;
}

/* Bloc structure globale */
.bloc-structure {
  margin-bottom: 50px;
  padding: 25px;
  background: #f0f4f8;
  border-left: 3px solid #2d5a8f;
  border-radius: 8px;
  text-align: center;
}

.intro-structure {
  font-weight: 700;
  color: #1e3a5f;
  font-size: 18px;
  margin-bottom: 15px;
}

.conclusion-structure {
  font-weight: 600;
  color: #2d5a8f;
  font-size: 16px;
  margin-top: 15px;
  font-style: italic;
}

/* Blocs modules */
.bloc-module {
  margin-bottom: 40px;
  padding: 25px;
  background: #f8f9fa;
  border-radius: 8px;
  border-left: 3px solid #c8a96e;
}

.bloc-module h2 {
  font-size: 20px;
  color: #1e3a5f;
  margin-bottom: 20px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* Listes modules */
.liste-module {
  list-style: none;
  padding: 0;
  margin: 20px 0;
}

.liste-module li {
  padding: 10px 0 10px 25px;
  position: relative;
  font-size: 15px;
  color: #333;
  line-height: 1.6;
}

.liste-module li:before {
  content: "▸";
  position: absolute;
  left: 0;
  color: #c8a96e;
  font-size: 18px;
  font-weight: bold;
}

/* Bénéfice module */
.benefice {
  margin-top: 20px;
  padding: 15px;
  background: #fff8e6;
  border-left: 3px solid #c8a96e;
  border-radius: 4px;
  font-size: 15px;
  color: #1e3a5f;
}

/* Bloc final méthode */
.bloc-final-methode {
  margin-top: 50px;
  margin-bottom: 30px;
  padding: 30px;
  background: linear-gradient(135deg, #f0f4f8 0%, #f8f9fa 100%);
  border: 2px solid #2d5a8f;
  border-radius: 8px;
  text-align: center;
}

.bloc-final-methode p {
  font-size: 16px;
  margin-bottom: 15px;
}

.phrase-finale-forte {
  font-size: 20px;
  font-weight: 700;
  color: #1e3a5f;
  margin-top: 20px !important;
}

/* Phrase spéciale module Accueil */
.phrase-accueil {
  margin: 20px 0;
  padding: 15px 20px;
  background: #f0f4f8;
  border-left: 3px solid #2d5a8f;
  border-radius: 4px;
  font-size: 15px;
  font-weight: 600;
  color: #1e3a5f;
  font-style: italic;
}

/* Uniformisation des blocs bénéfice */
.benefice {
  margin-top: 25px !important;
  padding: 18px 20px !important;
  background: #fff8e6 !important;
  border-left: 4px solid #c8a96e !important;
  border-radius: 6px !important;
  font-size: 15px !important;
  color: #1e3a5f !important;
  line-height: 1.7 !important;
}

.benefice strong {
  font-weight: 700;
  color: #1e3a5f;
}

/* ============================================
   PAGE EXPÉRIENCE LKA V59
   ============================================ */

/* Bloc intro expérience */
.bloc-intro-experience {
  margin-bottom: 50px;
  padding: 30px;
  background: linear-gradient(135deg, #fff8e6 0%, #fffbf0 100%);
  border-left: 4px solid #c8a96e;
  border-radius: 8px;
}

.bloc-intro-experience p {
  margin-bottom: 15px;
  line-height: 1.8;
  font-size: 15px;
}

.transformation {
  margin: 25px 0 !important;
  font-weight: 600;
  color: #1e3a5f;
  font-size: 16px;
  line-height: 1.7;
}

.objectif-experience {
  margin-top: 30px !important;
  padding-top: 25px;
  border-top: 2px solid #c8a96e;
  font-size: 16px;
  line-height: 1.7;
}

/* Bloc Fonctionnement (titre) */
.bloc-fonctionnement {
  text-align: center;
  margin: 50px 0 40px 0;
}

.bloc-fonctionnement h2 {
  font-size: 26px;
  color: #1e3a5f;
  font-weight: 700;
}

/* Blocs étapes */
.bloc-etape {
  margin-bottom: 40px;
  padding: 25px;
  background: #f8f9fa;
  border-radius: 8px;
  border-left: 3px solid #c8a96e;
}

.bloc-etape h3 {
  font-size: 20px;
  color: #1e3a5f;
  margin-bottom: 20px;
  font-weight: 700;
}

/* Listes dans étapes */
.liste-situations,
.liste-actions,
.liste-resultats {
  margin: 20px 0;
  line-height: 1.9;
  font-size: 15px;
  color: #333;
}

/* Conclusions étapes */
.conclusion-etape {
  margin-top: 25px !important;
  padding-top: 20px;
  border-top: 1px solid #e0e0e0;
  font-size: 15px;
  font-style: italic;
}

/* Bloc transformation finale */
.bloc-transformation-finale {
  margin-top: 60px;
  margin-bottom: 40px;
  padding: 35px;
  background: linear-gradient(135deg, #f0f4f8 0%, #f8f9fa 100%);
  border: 3px solid #2d5a8f;
  border-radius: 8px;
  text-align: center;
}

.titre-transformation {
  font-size: 18px;
  font-weight: 700;
  color: #1e3a5f;
  margin-bottom: 25px !important;
}

.opposition {
  margin: 20px 0 !important;
  font-size: 16px;
  line-height: 1.8;
  color: #333;
}

.opposition strong {
  font-weight: 700;
  color: #1e3a5f;
  font-size: 17px;
}

/* ============================================
   PAGE PILOTAGE DIRIGEANT V60
   ============================================ */

/* Bloc intro pilotage */
.bloc-intro-pilotage {
  margin-bottom: 50px;
  padding: 30px;
  background: linear-gradient(135deg, #f0f4f8 0%, #f8f9fa 100%);
  border-left: 4px solid #2d5a8f;
  border-radius: 8px;
}

.bloc-intro-pilotage p {
  margin-bottom: 18px;
  line-height: 1.8;
  font-size: 15px;
  color: #333;
}

.conclusion-intro {
  margin-top: 25px !important;
  padding-top: 20px;
  border-top: 2px solid #2d5a8f;
  font-weight: 700;
  color: #1e3a5f;
  font-size: 17px;
}

/* Blocs performance */
.bloc-performance {
  margin-bottom: 45px;
  padding: 30px;
  background: #f8f9fa;
  border-radius: 8px;
  border-left: 3px solid #c8a96e;
}

.bloc-performance h2 {
  font-size: 24px;
  color: #1e3a5f;
  margin-bottom: 25px;
  font-weight: 700;
}

/* Listes performance */
.liste-performance {
  list-style: none;
  padding: 0;
  margin: 25px 0;
}

.liste-performance li {
  padding: 12px 0 12px 30px;
  position: relative;
  font-size: 15px;
  color: #333;
  line-height: 1.6;
}

.liste-performance li:before {
  content: "•";
  position: absolute;
  left: 0;
  color: #c8a96e;
  font-size: 24px;
  font-weight: bold;
}

/* Bloc explication (commercial) */
.bloc-explication {
  margin: 30px 0;
  padding: 20px;
  background: #fff;
  border-radius: 6px;
  border: 1px solid #e0e0e0;
}

.bloc-explication p {
  margin-bottom: 12px;
  font-size: 15px;
  line-height: 1.7;
}

.phrase-cle-perf {
  margin-top: 18px !important;
  font-weight: 700;
  color: #1e3a5f;
  font-size: 16px;
}

/* Conclusions performance */
.conclusion-performance {
  margin-top: 25px;
  padding: 20px;
  background: #fff8e6;
  border-left: 4px solid #c8a96e;
  border-radius: 6px;
  font-size: 15px;
  color: #1e3a5f;
  font-style: italic;
}





/* ============================================
   TABLEAU DE PILOTAGE DIRIGEANT V62
   ============================================ */

.bloc-tableau-pilotage {
  margin-top: 60px;
  margin-bottom: 40px;
  padding: 45px;
  background: linear-gradient(135deg, #fff8e6 0%, #fffbf0 100%);
  border: 4px solid #c8a96e;
  border-radius: 12px;
  box-shadow: 0 6px 25px rgba(200, 169, 110, 0.25);
}

.bloc-tableau-pilotage h2 {
  font-size: 30px;
  color: #1e3a5f;
  margin-bottom: 30px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* Intro tableau */
.intro-tableau {
  text-align: center;
  margin-bottom: 40px;
  padding: 20px;
  background: white;
  border-radius: 8px;
}

.intro-tableau p {
  font-size: 16px;
  margin-bottom: 12px;
  color: #333;
}

.phrase-cle-tableau {
  font-size: 18px;
  font-weight: 700;
  color: #1e3a5f;
  margin-top: 15px !important;
}

/* Titre indicateurs essentiels */
.titre-indicateurs-essentiels {
  font-size: 22px;
  font-weight: 700;
  color: #1e3a5f;
  margin: 40px 0 30px 0;
  text-align: center;
  text-transform: uppercase;
}

/* Liste indicateurs essentiels */
.liste-indicateurs-essentiels {
  background: white;
  border-radius: 10px;
  padding: 25px;
  margin: 30px 0;
  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.08);
}

.indicateur-item {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  padding: 18px;
  margin-bottom: 15px;
  background: #f8f9fa;
  border-radius: 8px;
  border-left: 4px solid #c8a96e;
  transition: all 0.3s ease;
}

.indicateur-item:hover {
  background: #f0f4f8;
  transform: translateX(5px);
}

.indicateur-item:last-child {
  margin-bottom: 0;
}

.indicateur-numero {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  background: linear-gradient(135deg, #c8a96e 0%, #d4b87e 100%);
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 700;
}

.indicateur-contenu {
  flex: 1;
}

.indicateur-contenu h4 {
  font-size: 16px;
  font-weight: 700;
  color: #1e3a5f;
  margin: 0 0 8px 0;
}

.indicateur-contenu p {
  font-size: 14px;
  color: #666;
  margin: 0;
  line-height: 1.6;
}

/* Bloc interprétation */
.bloc-interpretation {
  margin: 45px 0;
  padding: 30px;
  background: #f0f4f8;
  border-radius: 10px;
  border: 2px solid #2d5a8f;
}

.bloc-interpretation h3 {
  font-size: 24px;
  font-weight: 700;
  color: #1e3a5f;
  margin-bottom: 25px;
  text-align: center;
  text-transform: uppercase;
}

.interpretation-item {
  margin-bottom: 20px;
  padding: 15px;
  background: white;
  border-radius: 6px;
  border-left: 4px solid #2d5a8f;
}

.interpretation-item:last-child {
  margin-bottom: 0;
}

.condition {
  font-size: 15px;
  font-weight: 600;
  color: #1e3a5f;
  margin-bottom: 8px;
}

.diagnostic {
  font-size: 15px;
  font-weight: 700;
  color: #c8a96e;
  margin: 0;
  font-style: italic;
}

/* Conclusion tableau */
.conclusion-tableau {
  margin-top: 45px;
  padding-top: 40px;
  border-top: 4px solid #c8a96e;
  text-align: center;
}

.conclusion-tableau p {
  font-size: 19px;
  margin-bottom: 20px;
  color: #333;
}

.actions-dirigeant {
  font-size: 28px;
  font-weight: 700;
  color: #1e3a5f;
  line-height: 1.6;
  margin-top: 25px !important;
}

/* ============================================
   PAGE REJOINDRE LKA V63
   ============================================ */

/* Bloc valeur */
.bloc-valeur-lka {
  margin-bottom: 45px;
  padding: 35px;
  background: linear-gradient(135deg, #fff8e6 0%, #fffbf0 100%);
  border-left: 4px solid #c8a96e;
  border-radius: 10px;
}

.intro-valeur {
  font-size: 17px;
  font-weight: 600;
  color: #1e3a5f;
  margin-bottom: 30px;
  line-height: 1.8;
}

.bloc-valeur-lka h3 {
  font-size: 18px;
  font-weight: 700;
  color: #1e3a5f;
  margin-bottom: 20px;
}

.liste-valeur {
  list-style: none;
  padding: 0;
  margin: 25px 0;
}

.liste-valeur li {
  padding: 12px 0 12px 30px;
  position: relative;
  font-size: 15px;
  color: #333;
  line-height: 1.7;
}

.liste-valeur li:before {
  content: "▸";
  position: absolute;
  left: 0;
  color: #c8a96e;
  font-size: 20px;
  font-weight: bold;
}

.positionnement-outil {
  margin-top: 30px;
  padding-top: 25px;
  border-top: 2px solid #c8a96e;
}

.positionnement-outil p {
  font-size: 16px;
  margin-bottom: 12px;
}

.phrase-forte-outil {
  font-size: 18px;
  font-weight: 700;
  color: #1e3a5f;
  margin-top: 15px !important;
}

/* Bloc tarif */
.bloc-tarif {
  margin-bottom: 40px;
  padding: 30px;
  background: white;
  border: 2px solid #c8a96e;
  border-radius: 10px;
  text-align: center;
}

.bloc-tarif h2 {
  font-size: 24px;
  color: #1e3a5f;
  margin-bottom: 20px;
  font-weight: 700;
}

.prix {
  font-size: 32px;
  font-weight: 700;
  color: #c8a96e;
  margin: 25px 0;
}

.precision-tarif {
  font-size: 15px;
  color: #666;
  font-style: italic;
}

/* Bloc activation */
.bloc-activation {
  margin-bottom: 50px;
  padding: 30px;
  background: #f8f9fa;
  border-radius: 10px;
  border-left: 3px solid #2d5a8f;
}

.bloc-activation h2 {
  font-size: 22px;
  color: #1e3a5f;
  margin-bottom: 20px;
  font-weight: 700;
}

.intro-activation {
  font-size: 16px;
  font-weight: 600;
  color: #1e3a5f;
  margin-bottom: 18px;
}

.liste-activation {
  list-style: none;
  padding: 0;
  margin: 20px 0;
}

.liste-activation li {
  padding: 10px 0 10px 25px;
  position: relative;
  font-size: 15px;
  color: #333;
  line-height: 1.6;
}

.liste-activation li:before {
  content: "•";
  position: absolute;
  left: 0;
  color: #2d5a8f;
  font-size: 20px;
  font-weight: bold;
}

.delai-activation {
  margin-top: 25px;
  padding: 15px;
  background: #e8f4f8;
  border-left: 3px solid #2d5a8f;
  border-radius: 6px;
  font-size: 16px;
  font-weight: 700;
  color: #1e3a5f;
}

/* Bloc positionnement final */
.bloc-positionnement-final {
  margin: 50px 0 40px 0;
  padding: 35px;
  background: linear-gradient(135deg, #f0f4f8 0%, #f8f9fa 100%);
  border: 3px solid #2d5a8f;
  border-radius: 10px;
  text-align: center;
}

.actions-lka {
  font-size: 20px;
  font-weight: 700;
  color: #1e3a5f;
  line-height: 1.8;
  margin-bottom: 25px;
}

.conclusion-finale-lka {
  font-size: 18px;
  font-weight: 600;
  color: #2d5a8f;
  margin-top: 25px;
  padding-top: 25px;
  border-top: 2px solid #2d5a8f;
}

/* ============================================
   PAGE PAIEMENT PROFESSIONNELLE V64
   ============================================ */

/* Bloc positionnement paiement */
.bloc-positionnement-paiement {
  margin-bottom: 40px;
  padding: 35px;
  background: linear-gradient(135deg, #fff8e6 0%, #fffbf0 100%);
  border: 3px solid #c8a96e;
  border-radius: 10px;
  text-align: center;
}

.intro-equipement {
  font-size: 18px;
  font-weight: 700;
  color: #1e3a5f;
  margin-bottom: 25px;
  line-height: 1.7;
}

.promesses-activation {
  margin-top: 25px;
  padding-top: 25px;
  border-top: 2px solid #c8a96e;
}

.promesses-activation p {
  font-size: 17px;
  font-weight: 600;
  color: #c8a96e;
  line-height: 1.8;
}

/* Sous-titre paiement */
.sous-titre-paiement {
  margin-bottom: 45px;
  padding: 25px;
  background: #f0f4f8;
  border-radius: 8px;
  text-align: center;
}

.sous-titre-paiement h2 {
  font-size: 22px;
  color: #1e3a5f;
  margin-bottom: 18px;
  font-weight: 700;
}

.caracteristiques-paiement {
  font-size: 15px;
  font-weight: 600;
  color: #2d5a8f;
  line-height: 1.7;
}

/* Cartes acceptées */
.cartes-acceptees {
  margin: 15px 0;
  font-size: 14px;
  color: #666;
}

/* Avantages méthode */
.avantages-methode {
  margin: 20px 0;
  padding: 15px;
  background: #f8f9fa;
  border-radius: 6px;
}

.avantages-methode p {
  margin-bottom: 8px;
  font-size: 14px;
  color: #28a745;
  line-height: 1.6;
}

/* Message final paiement */
.message-final-paiement {
  margin: 50px 0 40px 0;
  padding: 35px;
  background: linear-gradient(135deg, #f0f4f8 0%, #f8f9fa 100%);
  border: 3px solid #2d5a8f;
  border-radius: 10px;
  text-align: center;
}

.titre-final {
  font-size: 20px;
  font-weight: 700;
  color: #1e3a5f;
  margin-bottom: 18px;
}

.contenu-final {
  font-size: 18px;
  font-weight: 600;
  color: #2d5a8f;
  line-height: 1.7;
}

/* ============================================
   BLOC ACCÈS BACKOFFICE DIRIGEANT V65
   ============================================ */

/* Zone accès backoffice */
.zone-acces-backoffice {
  margin-top: 70px;
  padding: 40px;
  background: linear-gradient(135deg, #1e3a5f 0%, #2d5a8f 100%);
  border-radius: 12px;
  text-align: center;
  box-shadow: 0 6px 25px rgba(30, 58, 95, 0.3);
}

.zone-acces-backoffice h2 {
  color: white;
  font-size: 26px;
  margin-bottom: 20px;
  font-weight: 700;
}

.intro-backoffice {
  color: rgba(255, 255, 255, 0.9);
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 30px;
}

.btn-acces-backoffice {
  display: inline-block;
  padding: 18px 40px;
  background: linear-gradient(135deg, #c8a96e 0%, #d4b87e 100%);
  color: #1e3a5f;
  text-decoration: none;
  border-radius: 8px;
  font-size: 17px;
  font-weight: 700;
  box-shadow: 0 4px 15px rgba(200, 169, 110, 0.4);
  transition: all 0.3s ease;
}

.btn-acces-backoffice:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(200, 169, 110, 0.6);
}

.icon-backoffice {
  font-size: 20px;
  margin-right: 10px;
}

.note-backoffice {
  margin-top: 20px;
  color: rgba(255, 255, 255, 0.7);
  font-size: 13px;
  font-style: italic;
}

/* Boutons Espaces utilisateurs - Style discret et équilibré */
.picto-highlight {
  background: rgba(200, 169, 110, 0.08);
  border-left: 2px solid rgba(200, 169, 110, 0.3);
  font-weight: 400;
  opacity: 0.85;
}

.picto-highlight:hover {
  background: rgba(200, 169, 110, 0.15);
  border-left-color: rgba(200, 169, 110, 0.5);
  opacity: 1;
  transform: translateX(2px);
}


/* ── COMPOSANT LÉO PAGES LKA ─────────────────────── */
.leo-bloc{display:flex;align-items:center;gap:14px;background:linear-gradient(135deg,#fff8e6,#fffbf0);border:1px solid rgba(200,169,110,.25);border-radius:12px;padding:14px 18px;margin-top:28px}
.leo-bloc img{width:46px;height:auto;flex-shrink:0;filter:drop-shadow(0 4px 8px rgba(0,0,0,.12))}
.leo-bloc-corps{flex:1}
.leo-bloc-nom{font-size:10px;font-weight:700;color:#c8a96e;letter-spacing:.6px;text-transform:uppercase;margin-bottom:5px}
.leo-bloc-texte{font-size:13px;color:#3a2a00;line-height:1.65;font-style:italic}
.leo-bloc-btns{display:flex;gap:8px;margin-top:10px}
.leo-btn-ecouter{padding:4px 12px;background:rgba(200,169,110,.15);border:1px solid rgba(200,169,110,.35);color:#854F0B;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer}
.leo-btn-ecouter:hover{background:rgba(200,169,110,.25)}
.leo-btn-stop{padding:4px 10px;background:transparent;border:1px solid rgba(0,0,0,.1);color:#999;border-radius:6px;font-size:11px;cursor:pointer}
.leo-btn-stop:hover{color:#666}

/* LÉO HEADER STRIP — En haut des pages */
.leo-header-strip{display:flex;align-items:center;gap:14px;background:linear-gradient(135deg,#1e3a5f,#2d5a8f);border-radius:12px;padding:14px 20px;margin-bottom:20px}
.leo-strip-img{width:306px !important;height:auto;border-radius:10px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.2));flex-shrink:0}
.leo-strip-info{flex:1}
.leo-strip-name{font-family:'Playfair Display',serif;font-size:18px;font-weight:700;color:#c8a96e}
.leo-strip-role{font-size:12px;color:rgba(255,255,255,.8);margin-top:2px}

/* ANCIEN — gardé pour compatibilité */
.leo-silent-top{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px}
.leo-silent-top img{width:144px !important;height:auto;filter:drop-shadow(0 4px 12px rgba(0,0,0,.12));flex-shrink:0}
.leo-silent-top .leo-silent-content{flex:1}

/* LÉO POSITIONNÉ EN HAUT DES PAGES LKA */
.leo-top-img{width:306px !important;height:auto;filter:drop-shadow(0 6px 16px rgba(0,0,0,.15))}
.leo-top-wrap{display:flex;align-items:flex-start;gap:20px;margin-bottom:24px}
.leo-top-col{flex-shrink:0;text-align:center}
.leo-top-btns{display:flex;gap:8px;margin-top:14px;justify-content:center;flex-direction:column;align-items:center}
.leo-top-content{flex:1}

/* BOUTON ÉCOUTER LÉO — PAGE ACCUEIL */
.leo-top-btns .leo-btn-ecouter{
  padding:10px 22px;
  background:linear-gradient(135deg,#1e3a5f,#2d5a8c);
  border:2px solid #c8a96e;
  color:#c8a96e;
  border-radius:10px;
  font-size:14px;
  font-weight:700;
  cursor:pointer;
  letter-spacing:.5px;
  transition:all .2s;
  box-shadow:0 3px 12px rgba(200,169,110,.2);
}
.leo-top-btns .leo-btn-ecouter:hover{
  background:linear-gradient(135deg,#c8a96e,#d4b87e);
  color:#1e3a5f;
  box-shadow:0 5px 18px rgba(200,169,110,.4);
  transform:translateY(-1px);
}
.leo-top-btns .leo-btn-stop{
  padding:5px 14px;
  background:transparent;
  border:1px solid rgba(30,58,95,.2);
  color:#999;
  border-radius:7px;
  font-size:11px;
  cursor:pointer;
}
.leo-top-btns .leo-btn-stop:hover{color:#1e3a5f;border-color:#1e3a5f}

/* ============================================
   V7.0 — PAGE REJOINDRE LKA (fusionnée)
   ============================================ */

.bloc-tarif-v7 { background:linear-gradient(135deg,#1e3a5f,#2d5a8f); border-radius:10px; padding:16px; text-align:center; margin-bottom:6px; }
.bloc-tarif-prix { color:#c8a96e; font-size:20px; font-weight:700; font-family:'Playfair Display',serif; }
.note-tarif-v7 { color:#666; font-size:11px; font-style:italic; margin-bottom:18px; }
.sep-gold { width:60px; height:3px; background:#c8a96e; margin:24px auto; border-radius:2px; }

.bloc-inscription-v7 { padding:20px 22px; background:white; border:2px solid #c8a96e; border-radius:10px; margin-bottom:20px; }
.bloc-inscription-v7 h2 { font-size:17px; color:#1e3a5f; font-weight:700; margin-bottom:3px; }
.inscription-subtitle { font-size:12px; color:#666; margin-bottom:16px; }

.etape-v7 { margin-bottom:14px; padding-bottom:14px; border-bottom:1px solid #e9ecef; }
.etape-v7:last-of-type { border-bottom:none; margin-bottom:0; padding-bottom:0; }
.etape-header-v7 { display:flex; align-items:center; gap:10px; margin-bottom:10px; }
.etape-num-v7 { width:28px; height:28px; min-width:28px; background:#c8a96e; color:white; border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:13px; }
.etape-titre-v7 { font-size:14px; font-weight:700; color:#1e3a5f; }

.langue-selector-v7 { display:flex; gap:4px; margin-bottom:14px; flex-wrap:wrap; }
.langue-btn-v7 { display:flex; align-items:center; gap:4px; padding:5px 8px; border:1.5px solid #e0e7ef; border-radius:6px; background:white; cursor:pointer; font-family:inherit; font-size:11px; font-weight:600; color:#333; transition:all 0.15s; }
.langue-btn-v7:hover { border-color:#c8a96e; background:#fff8e6; }
.langue-btn-v7.active { border-color:#c8a96e; background:#fff8e6; font-weight:700; color:#1e3a5f; }
.langue-btn-v7 img { width:16px; height:11px; border-radius:1px; }
.form-select-v7 { padding:9px 12px; border:2px solid #e0e7ef; border-radius:8px; font-size:14px; font-family:inherit; transition:border-color 0.2s; background:white; cursor:pointer; appearance:auto; }
.form-select-v7:focus { outline:none; border-color:#c8a96e; }
.info-suisse-v7 { padding:12px 16px; background:#f0f4f8; border-radius:8px; border:1px solid #e0e7ef; margin-top:10px; font-size:13px; color:#2d5a8f; }

.form-row-v7 { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-bottom:10px; }
.form-group-v7 { display:flex; flex-direction:column; gap:3px; }
.form-label-v7 { font-size:11px; font-weight:600; color:#1e3a5f; }
.form-input-v7 { padding:8px 10px; border:1.5px solid #e0e7ef; border-radius:6px; font-size:13px; font-family:inherit; transition:border-color 0.2s; background:white; }
.form-input-v7:focus { outline:none; border-color:#c8a96e; }
.form-input-v7::placeholder { color:#b0b8c4; }

.btn-verifier-v7 { padding:10px 22px; background:linear-gradient(135deg,#1e3a5f,#2d5a8f); color:white; border:none; border-radius:8px; font-size:14px; font-weight:700; cursor:pointer; font-family:inherit; transition:all 0.2s; margin-top:8px; }
.btn-verifier-v7:hover { transform:translateY(-1px); box-shadow:0 4px 14px rgba(30,58,95,0.3); }

.upload-zone-v7 { border:2px dashed #c8a96e; border-radius:8px; padding:16px; text-align:center; cursor:pointer; transition:all 0.2s; margin-bottom:12px; font-size:14px; color:#1e3a5f; background:#fff8e6; }
.upload-zone-v7:hover { background:#fff0d0; border-color:#1e3a5f; }
.upload-zone-v7.fichier-ok { border-color:#28a745; background:#e8f8ef; }

.verif-result-v7 { margin-top:12px; padding:14px 18px; border-radius:8px; font-size:14px; display:none; }
.verif-result-v7.success { display:block; background:#e8f8ef; border-left:4px solid #28a745; color:#1a5c2e; }
.verif-result-v7.warning { display:block; background:#fef5e7; border-left:4px solid #e67e22; color:#7a4a0a; }
.verif-result-v7.error { display:block; background:#fde8ea; border-left:4px solid #dc3545; color:#721c24; }

.licence-counter-v7 { display:flex; align-items:center; gap:12px; margin-top:6px; }
.licence-btn-v7 { width:32px; height:32px; border-radius:6px; border:1.5px solid #c8a96e; background:white; font-size:16px; font-weight:700; color:#1e3a5f; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:all 0.2s; }
.licence-btn-v7:hover { background:#fff8e6; }
.licence-count-v7 { font-size:24px; font-weight:700; color:#1e3a5f; min-width:40px; text-align:center; }
.licence-total-v7 { margin-left:auto; text-align:right; }
.licence-montant-v7 { font-size:18px; font-weight:700; color:#c8a96e; font-family:'Playfair Display',serif; }
.licence-detail-v7 { font-size:11px; color:#666; }

.cgu-block-v7 { margin-top:14px; padding:14px 16px; background:#f8f9fa; border-radius:8px; border:1px solid #e0e7ef; }
.cgu-block-v7 h4 { font-size:13px; color:#1e3a5f; margin-bottom:8px; }
.cgu-clauses-v7 { font-size:11px; color:#666; line-height:1.7; margin-bottom:10px; list-style:none; padding:0; }
.cgu-clauses-v7 li { margin-bottom:2px; padding-left:4px; }
.cgu-check-v7 { display:flex; align-items:flex-start; gap:10px; }
.cgu-check-v7 input[type="checkbox"] { margin-top:3px; width:18px; height:18px; accent-color:#c8a96e; cursor:pointer; }
.cgu-check-v7 label { font-size:13px; color:#333; cursor:pointer; }
.cgu-check-v7 label strong { color:#1e3a5f; }

.section-paiement-titre-v7 { text-align:center; margin-bottom:18px; padding:14px 18px; background:#f0f4f8; border-radius:10px; }
.section-paiement-titre-v7 h2 { font-size:18px; color:#1e3a5f; font-weight:700; margin-bottom:4px; }
.section-paiement-titre-v7 p { font-size:13px; font-weight:600; color:#2d5a8f; }

.methodes-grid-v7 { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:24px; }
.methode-card-v7 { background:white; border:1px solid #e0e7ef; border-radius:10px; overflow:hidden; transition:all 0.3s; }
.methode-card-v7:hover { border-color:#c8a96e; box-shadow:0 6px 24px rgba(200,169,110,0.2); transform:translateY(-3px); }
.methode-head-v7 { background:linear-gradient(135deg,#1e3a5f,#2d5a8f); color:white; padding:10px 14px; display:flex; align-items:center; gap:10px; }
.methode-icon-v7 { font-size:20px; }
.methode-head-v7 h3 { flex:1; margin:0; font-size:14px; font-weight:600; }
.badge-immediat-v7 { padding:2px 8px; border-radius:12px; font-size:9px; font-weight:700; text-transform:uppercase; color:white; background:#28a745; }
.badge-delai-v7 { padding:2px 8px; border-radius:12px; font-size:9px; font-weight:700; text-transform:uppercase; color:white; background:#6c757d; }
.methode-body-v7 { padding:14px; }
.methode-body-v7 p { font-size:13px; margin-bottom:6px; }
.coordonnees-v7 { background:#f8f9fa; padding:10px 12px; border-radius:6px; margin:8px 0; font-family:'Courier New',monospace; font-size:11px; line-height:1.6; color:#1e3a5f; }
.avantages-v7 { margin:10px 0; padding:10px 12px; background:#f8f9fa; border-radius:6px; }
.avantages-v7 p { margin-bottom:3px; font-size:12px; color:#28a745; font-weight:500; }
.btn-payer-v7 { display:block; width:100%; background:linear-gradient(135deg,#28a745,#34ce57); color:white; border:none; padding:12px; border-radius:8px; font-size:15px; font-weight:700; cursor:pointer; font-family:inherit; margin-top:10px; transition:all 0.3s; }
.btn-payer-v7:hover { transform:translateY(-2px); box-shadow:0 6px 18px rgba(40,167,69,0.35); }
.btn-payer-v7:disabled { background:#ccc; cursor:not-allowed; transform:none; box-shadow:none; }

.bloc-aide-v7 { background:#fff8e6; border:1px solid #c8a96e; padding:12px 20px; border-radius:8px; text-align:center; margin-bottom:20px; font-size:13px; color:#333; }

.spinner-v7 { display:inline-block; width:16px; height:16px; border:2px solid rgba(255,255,255,0.3); border-top-color:white; border-radius:50%; animation:spinV7 0.6s linear infinite; margin-right:8px; vertical-align:middle; }
@keyframes spinV7 { to { transform:rotate(360deg); } }

@media (max-width:640px) {
  .methodes-grid-v7 { grid-template-columns:1fr; }
  .form-row-v7 { grid-template-columns:1fr; }
  .pays-selector-v7 { flex-wrap:wrap; }
}

/* ============================================
   V7.5 — PAGE PILOTAGE DIRIGEANT COMPACTE
   ============================================ */

.bloc-intro-pilotage-v2 { margin-bottom:12px; }
.bloc-intro-pilotage-v2 p { font-size:15px; margin-bottom:4px; }
.conclusion-intro-v2 { font-size:16px; font-weight:700; color:#1e3a5f; margin-top:8px; }

.bloc-methode-gains-v2 { background:#fff8e6; border-left:3px solid #c8a96e; padding:12px 16px; border-radius:0 8px 8px 0; margin-bottom:16px; font-size:14px; color:#333; line-height:1.7; }

.bloc-perf-grid-v2 { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-bottom:16px; }
.bloc-perf-v2 { background:white; border-radius:10px; padding:14px 16px; border:1px solid #e0e6ed; }
.bloc-perf-v2 h3 { font-size:14px; font-weight:700; color:#1e3a5f; margin-bottom:8px; padding-bottom:6px; border-bottom:2px solid #c8a96e; }
.liste-perf-v2 { list-style:none; padding:0; margin:0 0 8px; }
.liste-perf-v2 li { font-size:13px; padding:3px 0 3px 16px; position:relative; }
.liste-perf-v2 li::before { content:"▸"; position:absolute; left:0; color:#c8a96e; font-weight:bold; }
.conclusion-perf-v2 { font-size:12px; font-style:italic; color:#666; margin-top:6px; padding-top:6px; border-top:1px solid #f0f0f0; }
.bloc-explication-v2 { background:#fff8e6; border-left:3px solid #c8a96e; padding:8px 12px; border-radius:0 6px 6px 0; margin-top:8px; font-size:13px; }
.fort-v2 { font-weight:700; color:#1e3a5f; }

.bloc-indicateurs-v2 { background:white; border:2px solid #c8a96e; border-radius:12px; padding:16px 18px; margin-bottom:16px; }
.bloc-indicateurs-v2 h2 { font-size:16px; color:#1e3a5f; margin-bottom:4px; }
.intro-indicateurs-v2 { font-size:13px; color:#666; margin-bottom:12px; }
.indicateurs-grid-v2 { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-bottom:12px; }
.ind-item-v2 { display:flex; align-items:center; gap:10px; padding:8px 12px; background:#fff8e6; border-radius:8px; }
.ind-num-v2 { width:26px; height:26px; min-width:26px; background:#c8a96e; color:white; border-radius:50%; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:12px; }
.ind-content-v2 h4 { font-size:13px; font-weight:700; color:#1e3a5f; margin-bottom:1px; }
.ind-content-v2 p { font-size:11px; color:#666; margin:0; }

.interpretations-v2 { display:flex; flex-direction:column; gap:5px; margin-bottom:12px; }
.interp-item-v2 { display:flex; gap:8px; font-size:12px; padding:5px 10px; background:#f8f9fa; border-radius:6px; }
.interp-cond-v2 { color:#666; min-width:180px; }
.interp-diag-v2 { font-weight:700; color:#1e3a5f; }

.conclusion-pilotage-v2 { text-align:center; padding:12px; background:linear-gradient(135deg,#1e3a5f,#2d5a8f); border-radius:8px; color:white; font-size:14px; }
.fort-pilotage-v2 { font-size:16px; font-weight:700; color:#c8a96e; display:block; margin-top:4px; }

@media (max-width:640px) {
  .bloc-perf-grid-v2 { grid-template-columns:1fr; }
  .indicateurs-grid-v2 { grid-template-columns:1fr; }
}

/* ============================================
   V7.8 — DÉMONSTRATION LKA
   ============================================ */

.demo-header-v8{display:flex;align-items:center;gap:16px;margin-bottom:20px}
.demo-leo-img-v8{width:70px;height:70px;border-radius:50%;border:3px solid #c8a96e;box-shadow:0 4px 12px rgba(200,169,110,.2)}
.demo-subtitle-v8{font-size:13px;color:#666}
.demo-duree-v8{display:inline-block;margin-top:6px;padding:3px 10px;background:rgba(200,169,110,.15);border:1px solid #c8a96e;border-radius:14px;font-size:10px;font-weight:700;color:#c8a96e}

.demo-bloc-v8{background:white;border-radius:10px;border:1px solid #e0e6ed;overflow:hidden;margin-bottom:16px}

.demo-transition-v8{background:linear-gradient(135deg,#1e3a5f,#2d5a8f);padding:14px 18px;display:flex;align-items:center;gap:12px}
.demo-avatar-v8{width:36px;height:36px;min-width:36px;border-radius:50%;background:linear-gradient(135deg,#c8a96e,#d4b87e);display:flex;align-items:center;justify-content:center;font-size:16px}
.demo-trans-text-v8{color:white;font-size:14px;font-weight:600}

.demo-dialogue-v8{padding:16px 18px}
.demo-ligne-v8{display:flex;gap:10px;margin-bottom:10px;animation:demoFadeUp .4s ease forwards}
.demo-role-v8{min-width:80px;display:inline-block;padding:2px 8px;border-radius:4px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;text-align:center;margin-top:3px}
.demo-ligne-client-v8 .demo-role-v8{background:#eef3f8;color:#2d5a8f}
.demo-ligne-conseiller-v8 .demo-role-v8{background:#fff8e6;color:#c8a96e}
.demo-contenu-v8{flex:1;font-size:13px;line-height:1.7}

.demo-comment-v8{display:flex;gap:10px;padding:12px 18px;border-top:1px solid #f0f0f0}
.demo-avatar-sm-v8{width:24px;height:24px;min-width:24px;border-radius:50%;background:linear-gradient(135deg,#c8a96e,#d4b87e);display:flex;align-items:center;justify-content:center;font-size:10px}
.demo-comment-text-v8{font-size:12px;color:#666;font-style:italic;line-height:1.6}

.demo-methode-v8{padding:12px 18px;background:#fff8e6;border-top:1px solid #e0e6ed}
.demo-methode-titre-v8{font-size:10px;font-weight:700;color:#c8a96e;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}
.demo-methode-v8 p{font-size:12px;color:#1e3a5f;line-height:1.6}

.demo-resume-v8{background:white;border-radius:10px;border:2px solid #c8a96e;padding:20px;margin-top:20px;text-align:center}
.demo-resume-v8 h3{font-size:16px;color:#1e3a5f;margin-bottom:12px}
.demo-resume-items-v8{text-align:left;margin:12px 0}
.demo-resume-item-v8{padding:8px 12px;border-bottom:1px solid #f0f0f0;display:flex;gap:10px;align-items:flex-start;font-size:13px}
.demo-resume-item-v8:last-child{border-bottom:none}
.demo-resume-num-v8{width:22px;height:22px;min-width:22px;background:#c8a96e;color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}

@keyframes demoFadeUp{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}