:root{
    --navy:#0F2740; --orange:#2D5D61; --ink:#2D5D61; --muted:#6b7280;
    --paper:#FFFDF8; --card:#fff; --ring:rgba(2,6,23,.10);
    --focus: 0 0 0 3px rgba(243,122,0,.35);
    --radius:14px;
  }
    /* Header */
  header{position:sticky;top:0;z-index:10;background:rgba(255,253,248,.9);backdrop-filter:saturate(1.1) blur(6px);border-bottom:1px solid var(--ring)}
  .nav{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
  .brand{display:flex;align-items:center;gap:10px}
  .brand img{height:52px}
  .menu{display:flex;gap:18px;flex-wrap:wrap}
  .btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;font-weight:800;border:1px solid var(--navy)}
  .btn--primary{background:#7BAB9661;color:#fff;border-color:var(--orange)}
  .btn--ghost{background: #fff;color:var(--navy)}
  
  .btn--primary:hover {
	  background-color: white;
  }  
  
  *{box-sizing:border-box}
  body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif;background:var(--paper);color:var(--ink)}

  /* ❗ Tu utilisais .container dans le HTML mais pas dans le CSS */
  .container{max-width:900px;margin:24px auto;padding:0 18px}

  h1{font-size:30px;font-weight:900;color:var(--navy);margin:.2em 0 .4em}
  p.muted{color:var(--muted);margin-top:0}

  form{background:var(--card);border:1px solid var(--ring);border-radius:16px;padding:18px}
  .row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
  @media (max-width:760px){ .row{grid-template-columns:1fr} }

  label{display:block;font-weight:700;margin:10px 0 6px;color:var(--navy)}
  input[type="text"], input[type="email"], textarea, select{
    width:100%;padding:12px 12px;border:1px solid var(--ring);border-radius:12px;background:#fff;
    outline:none;transition:.15s;font-size:16px;appearance:none
  }
  input:focus, textarea:focus, select:focus{box-shadow:var(--focus);border-color:#f1b27a}
  textarea{min-height:140px;resize:vertical}

  /* Pills (si tu en remets plus tard) */
  .choices{display:flex;gap:8px;flex-wrap:wrap}
  .pill{
    position:relative;display:inline-flex;align-items:center;gap:8px;
    border:1px solid var(--ring);background:#fff;padding:10px 12px;border-radius:999px;
    font-weight:700;cursor:pointer;user-select:none;transition:.15s;
  }
  .pill input{position:absolute;inset:0;opacity:0}
  .pill span.dot{
    width:14px;height:14px;border-radius:999px;border:2px solid var(--navy);display:inline-block;background:transparent;
  }
  .pill input:checked + span.dot{background:var(--orange);border-color:var(--orange)}
  .pill:hover{background:#fafafa}
  .subinput{margin-top:8px;display:none}
  .subinput.show{display:block}

  /* Boutons */
  .actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
  .btn{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border-radius:12px;font-weight:900;border:1px solid var(--navy);cursor:pointer}
  .btn-primary{background:var(--orange);border-color:var(--orange);color:#fff}
  .btn-ghost{background:transparent;color:var(--navy)}

  .help{font-size:13px;color:var(--muted);margin-top:6px}
  .error{color:#b00020;font-size:14px;margin-top:4px;display:none}
  .error.show{display:block}
  .success{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46;border-radius:10px;padding:10px;margin:10px 0;display:none}
  .success.show{display:block}

  #ab-question{font-weight:700;color:#7BAB96}
  
  
  @media (max-width:760px){ .btn{width:100%;justify-content:center} }
  
  
    /* Base */
  *{box-sizing:border-box}
  body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif;background:var(--paper);color:var(--ink)}
  a{color:var(--navy);text-decoration:none}
  a:hover{color:var(--orange)}
  .container{max-width:1100px;margin:0 auto;padding:0 20px}
  /* Header */
  header{
	  position:sticky;
	  top:0;z-index:10;
	  background:rgba(255,253,248,.9);
	  backdrop-filter:saturate(1.1) blur(6px);
	  border-bottom:1px solid var(--ring)}
  .nav{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
  .brand{display:flex;align-items:center;gap:10px}
  .brand img{height:40px}
  .menu{display:flex;gap:18px;flex-wrap:wrap}
  .btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;font-weight:800;border:1px solid var(--navy)}
  .btn--primary{background:#7BAB9661;color:#fff;border-color:var(--orange)}
  .btn--ghost{background: #fff;color:var(--navy)}
  /* Hero image */
  .hero{
    position:relative;width:100%;height:min(72vh,680px);display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;
    background:#111 url('/img/hautitineraire.png') center/cover no-repeat;border-bottom:1px solid var(--ring)
  }
  .hero::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(0,0,0,.35), rgba(0,0,0,.55))}
  .hero .inner{position:relative;z-index:1;max-width:900px;padding:0 16px}
  .kicker{display:inline-block;background:rgba(243,122,0,.18);border:1px solid rgba(243,122,0,.35);color:#fff;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.2px}
  h1{font-size:clamp(28px,4.2vw,46px);line-height:1.1;margin:.35em 0 .2em;font-weight:900}
  .lead{font-size:clamp(16px,2.1vw,20px);opacity:.95;margin:0 0 14px}
  .hero .cta{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:12px}
  /* Section scaffolding */
  section{padding:28px 0}
  h2{font-size:26px;font-weight:900;color:var(--navy);margin:.1em 0 .3em}
  .muted{color:var(--muted)}
  .note{border:1px solid var(--ring);border-left:4px solid var(--orange);border-radius:12px;background:#fff;padding:14px;margin:16px 0}
  /* Two-up cards */
  .grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
  @media (max-width:900px){.grid2{grid-template-columns:1fr}}
  .card{background:var(--card);border:1px solid var(--ring);border-radius:12px;padding:14px}
  .card h3{margin:.2em 0 .6em;font-size:18px}
  ul.clean{margin:.3em 0 0 1.1em}
  ul.clean li{margin:.35em 0}
  /* Plan (accordéons) */
  .plan{display:grid;gap:12px}
  details.mod{border:1px solid var(--ring);border-radius:12px;background:#fff;overflow:hidden}
  details.mod[open]{box-shadow:var(--shadow)}
  summary{cursor:pointer;display:flex;align-items:center;gap:10px;padding:14px 16px;font-weight:900;list-style:none}
  summary::-webkit-details-marker{display:none}
  .tag{font-size:12px;background:var(--navy);color:#fff;padding:4px 8px;border-radius:8px}
  .mod-body{padding:0 16px 14px}
  .steps{display:grid;gap:6px;margin:.6em 0}
  .step{display:flex;gap:8px;align-items:flex-start}
  .step b{min-width:24px;display:inline-grid;place-items:center;height:24px;border-radius:999px;background:rgba(15,39,64,.08);font-size:12px}
  /* FAQ */
  .faq{display:grid;gap:10px}
  details.fq{background:#fff;border:1px solid var(--ring);border-radius:12px;padding:0}
  details.fq[open]{box-shadow:var(--shadow)}
  details.fq summary{padding:12px 14px;font-weight:800}
  details.fq .a{padding:0 14px 14px;color:#111}
  /* Footer */
  footer{padding:22px 0;border-top:1px solid var(--ring);color:var(--muted);text-align:center;margin-top:8px}
  
.methode{padding:40px 0;background:#fff;border-top:1px solid var(--ring)}
.methode h2{text-align:center;color:var(--navy);margin-bottom:8px}
.methode p{text-align:center;max-width:720px;margin:0 auto 28px}
.cycle-wrapper{text-align:center;margin-bottom:28px}
.cycle-wrapper img{max-width:700px;width:100%;height:auto}
.etapes table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--ring);border-radius:12px;overflow:hidden}
.etapes th,.etapes td{padding:12px;border-bottom:1px solid var(--ring);text-align:left;vertical-align:top}
.etapes th{background:#f9fafb;font-weight:800;color:var(--navy)}
.etapes tr:last-child td{border-bottom:none}
.cta-methode{text-align:center;margin-top:28px}
  
  
  .lrm-navbar{
  position:sticky; top:0; z-index:1000;
  background:rgba(255,253,248,.92);
  backdrop-filter:saturate(1.1) blur(6px);
  border-bottom:1px solid var(--ring);
  
}
/* ——— Desktop (≥981px) : 61 px + menu visible ——— */
.lrm-navwrap{
  height:61px;
  padding:0 16px;
  display:flex;
  align-items:center;
 justify-content:flex-start;  
  position:sticky; top:0; z-index:2000; /* optionnel */
      background-color: #fffdf8;
}


/* Marque */
.lrm-brand{
	display:flex; 
	align-items:center; 
	gap:10px; 
	text-decoration:none;
	float:left;}
.lrm-brand img{height:52px; width:auto}
.lrm-brand span{color:var(--navy); font-weight:900; letter-spacing:.2px}

/* Liens desktop */

.lrm-nav{
  height:61px;
  display:flex; align-items:center; gap:16px;
  position:static; transform:none; opacity:1; pointer-events:auto;
  background:transparent; border:0;
   margin-left:20px;  
}
	
.lrm-link{
  text-decoration:none; 
  color:var(--navy); 
  padding:0px 2px;
  border-radius:10px; 
  transition:.15s ease;
}
.lrm-link:hover{
	color: #7BAB96;
}




.lrm-link,.lrm-cta{
  display:flex; align-items:center;
  height:29px; padding:0 10px;
}

.lrm-link:hover{background:rgba(15,39,64,.06)}
.lrm-cta{
  text-decoration:none; font-weight:900;
  padding:10px 14px; border-radius:12px; 
  background:var(--orange); color:#fff; border:1px solid var(--orange);
}
.lrm-cta:hover{filter:brightness(.95)}

/* Bouton hamburger */
.lrm-burger{
  display:none; 
  width:40px; 
  height:40px; 
  padding:6px;
  border:0px solid var(--ring); 
  border-radius:10px;
  background:#fff; 
  cursor:pointer;
  margin-left:auto;
}



.lrm-burger-bar{
  display:block; 
  height:2px; 
  background:var(--navy); 
  margin:6px 3px;
  transition:.2s;
}

/* Mobile */
/* 3) Sur mobile (menu déroulant), on remet une hauteur auto */
@media (max-width:980px){
  .lrm-navwrap{ position:relative; }

  .lrm-nav{
    position:absolute;
    top:61px;
    left:60px;                                  /* démarre après le logo */
    right:auto;                                 /* ← ne plus étirer jusqu’à la droite */
    width:clamp(240px, 70vw, 360px);            /* largeur raisonnable */
    max-width:calc(100vw - 80px);               /* sécurité bords écran */
    height:auto;                                /* ← s'adapte au contenu */
    background:#fff;
    border:1px solid var(--ring, #e6e6e6);
    border-radius:12px;
    padding:10px;
    display:grid; gap:8px;
    box-shadow:0 12px 30px rgba(0,0,0,.12);
    transform:translateY(-8px);
    opacity:0; pointer-events:none;
    transition:transform .25s ease, opacity .25s ease;
    z-index:3000;
    box-sizing:border-box;
  }
  .lrm-nav.is-open{ transform:translateY(0); opacity:1; pointer-events:auto; }

  /* Liens sans pastille blanche, hauteur auto */
  .lrm-link,.lrm-cta{
    display:block;
    background:transparent;                      /* pas de fond blanc individuel */
    border:0;
    padding:10px 12px;
    height:auto;
    border-radius:8px;
  }
  .lrm-link:hover{ background:rgba(10,37,64,.06); }
  
    /* afficher le burger en mobile */
  .lrm-burger{
    display:inline-block;
    align-items:center;
    justify-content:center;
    width:44px; height:44px;
    background:transparent; border:0;
    margin-left:10px; cursor:pointer;
    z-index:3100; /* par dessus le hero */
  }
  .lrm-burger-bar{
    display:block;
    width:22px; height:2px;
    background:#0a2540;
    margin:4px 0; border-radius:2px;
  }
  .lrm-link.active{ 
  background-color: .#7BAB96
  color:white; }
  
}

  .lrm-nav.is-open{
    transform:translateY(0); opacity:1; pointer-events:auto;
  }
.lrm-link,
.lrm-cta{
  display:flex;                 /* au lieu de block */
  align-items:center;           /* centrage vertical du texte */
  height:61px;                  /* zone cliquable pleine hauteur */
  padding:0 10px;               /* padding horizontal seulement */
}

/* État actif (facultatif) */
.lrm-link.active{ font-weight:700; }

.lrm-link:hover{ background:rgba(15,39,64,.06) }

 .lrm-container2{max-width:1200px;margin:0 auto;padding:0 20px}
  .lrm-hero2{
    position:relative; overflow:hidden; color:#fff; text-align:center;
    background:
      linear-gradient(180deg,rgba(15,39,64,.65),rgba(15,39,64,.40)),
      url('/img/en00.jpg') center/cover no-repeat;
    padding:80px 20px 72px; border-bottom:1px solid var(--ring);
  }
  .lrm-hero2 h1{margin:0 0 10px; font-size:clamp(32px,5vw,56px); line-height:1.05}
  .lrm-hero2 p{margin:0 auto 16px; max-width:900px; font-size:clamp(16px,2.2vw,20px)}
  .lrm-cta-row{display:flex; justify-content:center; gap:12px; flex-wrap:wrap}
  .btn{display:inline-flex; align-items:center; gap:10px; padding:12px 16px; border-radius:12px; font-weight:900; text-decoration:none; border:1px solid var(--navy); color:var(--navy); 
  background:#fff}
  .btn-primary2{background:var(--orange); border-color:var(--orange); color:#fff}
  .btn-primary2:hover{background:#ffffff; color:var(--orange);}
  .btn:hover{filter:brightness(.96)}

  /* bandeau bénéfices */
  .lrm-band2{background:#fff; border-bottom:1px solid var(--ring)}
  .lrm-band2 .items{display:grid; grid-template-columns:repeat(3,1fr); gap:12px; padding:20px 0}
  .chip{background:#fff; border:1px solid var(--ring); border-radius:12px; padding:12px 14px; display:flex; align-items:center; gap:10px}
  .chip b{color:var(--navy)}
  @media (max-width:900px){ .lrm-band .items{grid-template-columns:1fr} }

  /* sections quinconce */
  .section{padding:38px 0}
  .section h2{color:var(--navy); font-size:clamp(24px,3vw,34px); margin:0 0 6px}
  .section p.lead{color:#374151; margin:0 0 12px}
  .split{display:block; grid-template-columns:1.1fr .9fr; gap:24px; align-items:center}
  .split.reverse{grid-template-columns:.9fr 1.1fr}
  .split.reverse .text{order:2} .split.reverse .shot{order:1}
  
  @media (max-width:980px){ .split,.split.reverse{grid-template-columns:1fr} .split.reverse .text,.split.reverse .shot{order:unset} }

  /* cadre “appareil” pour captures */
  .shot{position:relative}
  .device{
    background:#fff; border:1px solid var(--ring); border-radius:16px; box-shadow:0 18px 40px -22px rgba(15,39,64,.35);
    overflow:hidden;
  }
  .device .bar{
    height:38px; background:linear-gradient(180deg,#F7F7F8,#EEE); border-bottom:1px solid var(--ring);
    display:flex; align-items:center; justify-content:center; gap:8px; color:#6b7280; font-size:12px;
  }
  .device img{
    display:block; width:100%; height:auto; aspect-ratio: 16/9; object-fit:cover;
  }
  .caption{font-size:13px; color:var(--muted); margin-top:6px;    font-weight: bold;text-align:center;}

  /* encadrés */
  .card{background:#fff; border:1px solid var(--ring); border-radius:12px; padding:14px}
  ul.clean{margin:.4em 0 0 1.1em} ul.clean li{margin:.3em 0}

  /* bloc CTA final */
  .cta-block{background:#fff; border:1px solid var(--ring); border-radius:18px; padding:18px; display:grid; grid-template-columns:1.2fr .8fr; gap:18px; align-items:center}
  .cta-block .price{font-size:clamp(28px,4vw,42px); font-weight:900; color:var(--navy)}
  @media (max-width:900px){ .cta-block{grid-template-columns:1fr} }


/* CONTENEUR */
.features {
  display: grid;
  gap: clamp(2rem, 3vw, 4rem);
  margin: 4rem auto;
  max-width: 1100px;
  padding: 0 1rem;
}

/* BLOC EN QUINCONCE (desktop) */
.feature-block {
  display: grid;
  grid-template-columns: 1fr 1fr;   /* 2 colonnes */
  align-items: center;
  gap: clamp(1.25rem, 2.5vw, 2rem);
}

.feature-block.reverse .feature-text { order: 2; }
.feature-block.reverse .feature-image { order: 1; }

/* TEXTE */
.feature-text { min-width: 0; }
.feature-text h2 {
  font-size: clamp(1.35rem, 1.2rem + 1vw, 1.8rem);
  line-height: 1.2;
  margin-bottom: .75rem;
  color: #1a1a1a;
}
.feature-text p { margin-bottom: 1rem; line-height: 1.6; }
.feature-text ul { list-style: none; padding: 0; margin: 0; display: grid; gap: .5rem; }
.feature-text ul li::before { content: "✔"; margin-right: .5rem; color: #ff6600; }

/* IMAGES (PC & smartphone) */
.feature-image { text-align: center; }
.feature-image img {
  max-width: 300px;
  height: auto;
  border-radius: 12px;
  box-shadow: 0 8px 16px rgba(0,0,0,.1);
  display: inline-block;
  vertical-align: middle;
    transition: transform 0.4s ease, box-shadow 0.4s ease; /* animation douce */
}

.feature-image img:hover {
  transform: scale(1.05); /* zoom à 105% */
  box-shadow: 0 12px 24px rgba(0,0,0,0.2); /* ombre un peu plus marquée */
}


.feature-imagepc { text-align: center; }
.feature-imagepc img {
  max-width: 650px;
  height: auto;
  border-radius: 12px;
  box-shadow: 0 8px 16px rgba(0,0,0,.1);
  display: inline-block;
  vertical-align: middle;
    transition: transform 0.4s ease, box-shadow 0.4s ease; /* animation douce */
}
.feature-imagepc img:hover {
  transform: scale(1.05); /* zoom à 105% */
  box-shadow: 0 12px 24px rgba(0,0,0,0.2); /* ombre un peu plus marquée */
}

/* —————— RESPONSIVE —————— */
@media (max-width: 980px) {
  .feature-block {
    grid-template-columns: 1fr;     /* 1 colonne */
    text-align: left;
  }
  /* on remet l’ordre naturel sur mobile (texte au-dessus de l’image) */
  .feature-block .feature-text { order: 1; }
  .feature-block .feature-image { order: 2; }

  .feature-image img {
    width: min(100%, 420px);        /* image un peu plus compacte */
  }
}

@media (max-width: 640px) {
  .features { padding: 0 .75rem; margin: 2.5rem auto; }
  .feature-text h2 { font-size: clamp(1.2rem, 1.05rem + 2vw, 1.5rem); }
  .feature-text p { font-size: .975rem; }
  .feature-text ul { gap: .4rem; }
  .feature-image img { width: 100%; border-radius: 10px; }
}

/* Optionnel : éviter que les longues lignes “poussent” la mise en page */
.feature-text, .feature-image { overflow-wrap: anywhere; }


.mobile-separator {
  border: none;
  border-top: 1px solid #ddd;
  margin: 2rem 0;
  display: none; /* caché par défaut */
}

@media (max-width: 980px) {
  .mobile-separator {
    display: block; /* visible seulement en mobile/tablette */
  }
}



/* ===== Scroll reveal (déplacement + fondu) ===== */
@media (prefers-reduced-motion: no-preference) {
  .reveal {
    opacity: 0;
    transform: translateY(21px);
    transition: opacity 1s ease, transform 1s ease;
    will-change: opacity, transform;
  }
  .reveal.is-inview {
    opacity: 1;
    transform: none;
  }

  /* Variantes directionnelles (optionnelles) */
  .reveal-up    { transform: translateY(24px); }
  .reveal-down  { transform: translateY(-24px); }
  .reveal-left  { transform: translateX(24px); }
  .reveal-right { transform: translateX(-24px); }

  /* Stagger via variable CSS (par élément) */
  .reveal[data-delay] {
    transition-delay: var(--delay, 0s);
  }
}

/* Effet sur enfants avec décalage progressif */
.reveal-stagger > * {
  opacity: 0;
  transform: translateY(14px);
  transition: opacity 1s ease, transform 1s ease;
}
.reveal-stagger.is-inview > * {
  opacity: 1;
  transform: none;
}
.reveal-stagger.is-inview > *:nth-child(1){ transition-delay:.04s }
.reveal-stagger.is-inview > *:nth-child(2){ transition-delay:.1s }
.reveal-stagger.is-inview > *:nth-child(3){ transition-delay:.16s }
.reveal-stagger.is-inview > *:nth-child(4){ transition-delay:.22s }
.reveal-stagger.is-inview > *:nth-child(5){ transition-delay:.28s }




/* tarifs */

.ecranhead{
	
}
@media (max-width: 980px) 
{
  .ecranhead{ visibility: hidden }
}

.lrm-landing{
		--bg:#fff;
	--fg:#0a2540;
	--muted:#7BAB96;
	--brand:#2D5D61;
	--brand2:#7BAB96;
	--stroke:#e9e9ef;
	--ok:#16803c;
	font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
	line-height:1.55;
	color:var(--fg);
	margin:auto;
	padding:0;
	max-width: 1000px;
	
}
    .lrm-landing *{box-sizing:border-box}
    .lrm-landing .container{max-width:1120px;margin:0 auto;padding:40px 20px}
    .lrm-landing h1,.lrm-landing h2,.lrm-landing h3{margin:0 0 .4em}
    .lrm-landing p{margin:.6em 0;color:var(--muted)}
    .lrm-landing a{text-decoration:none;color:inherit}
    .lrm-landing .hero{border:1px solid var(--stroke);border-radius:16px;padding:28px;background:
      radial-gradient(80% 60% at 15% 0%, rgba(243,161,28,.10), transparent 60%),
      radial-gradient(40% 30% at 90% 0%, rgba(255,126,38,.08), transparent 60%),#fff}
    .lrm-landing .eyebrow{font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#8a8f98;font-size:12px}
    .lrm-landing .title{font-size:clamp(26px,4vw,40px);line-height:1.15}
    .lrm-landing .cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}
    .lrm-landing .btn{display:inline-flex;align-items:center;gap:8px;border:1px solid transparent;border-radius:12px;padding:12px 16px;font-weight:800;transition:.15s ease;background:var(--brand);color:#fff}
    .lrm-landing .btn:hover{background:var(--brand2);transform:translateY(-1px)}
    .lrm-landing .btn--ghost{background:#fff;border:1px solid var(--stroke);color:var(--fg)}
    .lrm-landing .grid{display:grid;grid-template-columns:repeat(12,1fr);gap:20px}
    .lrm-landing .col-6{grid-column:span 6}.lrm-landing .col-7{grid-column:span 7}.lrm-landing .col-5{grid-column:span 5}
    .lrm-landing .card{border:1px solid var(--stroke);border-radius:16px;background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.06)}
    .lrm-landing .prices{margin-top:28px}
    .lrm-landing .prices .cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}
    .lrm-landing .price-card{
    padding: 40px;
    background-color: rgba(255, 255, 255, 1);
    border: 1px solid #D7D8E3;
    border-radius: 16px;
    box-shadow: 0 5px 15px 0 rgba(8, 15, 52, .1);
		
		
		
		}
    .lrm-landing .price-head{display:flex;align-items:flex-end;gap:8px;margin-bottom:8px;background-color: white;}
    .lrm-landing .price{font-size:36px;font-weight:900}
    .lrm-landing .per{color:#6c7280}
    .lrm-landing .pill{display:inline-block;padding:5px 10px;border-radius:999px;border:1px solid var(--stroke);font-size:12px;color:#6c7280;background:#fff}
    .lrm-landing ul{list-style:none;margin:12px 0 0;padding:0}
    .lrm-landing li{display:flex;gap:8px;align-items:flex-start;padding:8px 0;border-top:1px dashed var(--stroke)}
    .lrm-landing li:first-child{border-top:0}
    .lrm-landing .tick{color:var(--ok);font-weight:900}
    .lrm-landing .x{color:#c53b3b;font-weight:900}
    .lrm-landing .note{font-size:14px;margin-top:10px}
    .lrm-landing .hr{height:1px;background:var(--stroke);margin:28px 0}
    .lrm-landing .kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:18px}
    .lrm-landing .kpi .k{padding:14px}
    .lrm-landing details{border:1px solid var(--stroke);border-radius:12px;background:#fff;padding:12px}
    .lrm-landing details+details{margin-top:10px}	
 


/* ajoute plus si besoin */


.seo {
 width: 100%;           /* largeur contenue pour rester lisible */
  margin: 3rem auto 4rem;     /* espace autour du bloc */
  padding: 1.5rem 2rem;
  font-size: 0.9rem;          /* texte plus discret */
  line-height: 1.6;
  color: #FFFDF8;                /* gris doux pour ne pas concurrencer le texte principal */
  background: #fffdf8;        /* léger fond différenciant */
  border-radius: 12px;
  border: 0px solid #e4e4e4;
}

.seo h2 {
  font-size: 1.2rem;
  font-weight: 600;
  margin-bottom: 1rem;
  color: #fffdf8;             /* rappelle la teinte verte du logo */
}

.seo p {
  margin: 0;
}




/* ===== Chiffres clés / Odometer ===== */
.stats { padding: 40px 0; border-top: 1px solid var(--ring); }
.stats h2 { color: var(--navy); margin: 0 0 12px; }

.stats-grid{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 14px;
}

.stat-card{
  background: var(--card);
  border: 1px solid var(--ring);
  border-radius: 16px;
  padding: 18px;
  box-shadow: 0 6px 18px rgba(0,0,0,.06);
  display: grid;
  gap: 8px;
}

.stat-label{
  font-weight: 800;
  color: var(--muted);
}

//* Odometer fiable : chaque case a la même hauteur */
/* Odometer fiable : chaque case a la même hauteur et est bien “clippée” */
.odometer{
  display:inline-flex; gap:4px; font-weight:900; line-height:1;
  font-size:clamp(28px,5vw,42px); color:var(--brand);
  font-variant-numeric: tabular-nums lining-nums;
}

.odometer-col{
  display:inline-block;        /* pas de flex ici */
  width:.9em;
  height:1.25em;               /* hublot un peu > 1em */
  overflow:hidden;
  border:1px solid var(--ring); 
  border-radius:6px; background:#fff;
  scroll-behavior: smooth;
  transition: scroll 10s ease;  /* pour les navigateurs qui supportent */
  vertical-align:bottom;
}


.odometer-track{
  display: block;               /* ou flex-column, mais block suffit */
}
.odometer-digit{
  height: 1.25em;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.odometer-sep{ width:.35em; text-align:center; color:var(--brand2); opacity:.85; }
.stat-card.animated .odometer{ color:var(--brand2); transition:color 1s ease; }

.stats .odometer{
  display: flex !important;      /* <- clé : remet le conteneur en flex */
  gap: 4px;
  flex-wrap: nowrap;
  align-items: center;
}

.stats .odometer > .odometer-col,
.stats .odometer > .odometer-sep{
  flex: 0 0 auto;                /* pas d'étirement, reste côte à côte */
}




/* Responsive petit écran : grille fluide */
@media (max-width: 600px){
  .stats-grid{ gap: 10px }
  .stat-card{ padding: 14px }
  
  .sidebar hover-sidebar
	{
	visibility: hidden;
    height: 0px;
    }
  
  
}



/* === Rebond Digital • Pricing Table (scopé) === */
.rd-pricing-section{ padding:56px 0; border-bottom:1px solid var(--stroke) }
.rd-pricing{ 
  display:grid; gap:20px; 
  grid-template-columns: repeat(12,1fr);
}
.rd-plan{
  grid-column: span 4;
  background: var(--card);
  border:1px solid var(--stroke);
  border-radius:14px;
  box-shadow: var(--shadow);
  padding:20px;
  display:flex; flex-direction:column; gap:14px;
}
.rd-plan--featured{
  border-color: var(--brand);
  box-shadow: 0 10px 28px rgba(0,0,0,.07);
  position:relative;
}
.rd-plan__head{ margin-bottom:6px }
.rd-plan__title{ margin:0; font-size:1.35rem; font-weight:800; color:var(--fg) }
.rd-plan__subtitle{ margin:.25rem 0 0; color:var(--muted) }

.rd-price{ margin:6px 0 8px; }
.rd-price__amount{ font-size:2.1rem; font-weight:900; color:var(--fg) }
.rd-price__per{ margin-left:8px; color:var(--muted) }
.rd-price__note{ display:block; color:var(--muted); margin-top:2px }

.rd-list{ 
  list-style:none; margin:0; padding:0; 
  display:flex; flex-direction:column; gap:8px;
}
.rd-list li{
  padding-left:0; border-bottom:1px dashed rgba(0,0,0,.06);
  padding-bottom:8px;
}
.rd-list li:last-child{ border-bottom:0; padding-bottom:0 }

.rd-cta{ display:flex; gap:10px; margin-top:auto }
.rd-footnote{ margin-top:14px; color:var(--muted); text-align:center }

/* Responsive */
@media (max-width: 980px){
  .rd-plan{ grid-column: span 12 }
}