/* ========================================================================
   REALISATIONS LANDING — page vendeuse /nos-realisations/
   Case study Marseille + méthode + rétention + avis + projets + perso + FAQ + villes
   Body class : page-realisations-landing
   ======================================================================== */

/* Tokens locaux (fallback si les tokens globaux ne chargent pas) */
.page-realisations-landing{
  --ei-primary:#229FA8;
  --ei-primary-dark:#1b7a82;
  --ei-accent:#c77722;
  --ei-gold:#d4a13b;
  --ei-bg-soft:#f9fbfc;
  --ei-border:#e8eef0;
  --ei-muted:#666;
  --ei-text:#1a2b4a;
  --ei-radius:14px;
  --ei-radius-sm:10px;
  --ei-shadow-sm:0 4px 12px rgba(26,43,74,.06);
  --ei-shadow-md:0 12px 32px -12px rgba(34,159,168,.30);
}

/* ─────────────────────────────────────────────────────────────────────────
   Breadcrumb
   ───────────────────────────────────────────────────────────────────────── */
.rl-breadcrumb{background:#f9fbfc;border-bottom:1px solid var(--ei-border);padding:.85rem 1.5rem;font-size:.88rem}
.rl-breadcrumb__inner{max-width:1400px;margin:0 auto;color:#666}
.rl-breadcrumb a{color:var(--ei-primary);text-decoration:none}
.rl-breadcrumb a:hover{text-decoration:underline}
.rl-breadcrumb span[aria-hidden]{margin:0 .5rem;color:#bbb}
.rl-breadcrumb [aria-current]{color:#333;font-weight:500}

/* ─────────────────────────────────────────────────────────────────────────
   Hero
   ───────────────────────────────────────────────────────────────────────── */
.rlz-hero{background:linear-gradient(135deg,#229fa8 0%,#1b7a82 100%);color:#fff;padding:5rem 1.5rem 4rem;text-align:center;position:relative;overflow:hidden}
.rlz-hero::before{content:"";position:absolute;inset:0;background:url("/wp-content/uploads/2026/04/realisations/hero-marseille-jeanne-darc.webp") center/cover;opacity:.20;z-index:0}
.rlz-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.35));z-index:0}
.rlz-hero__inner{position:relative;z-index:1;max-width:900px;margin:0 auto}
.rlz-hero h1{color:#fff;font-size:3rem;line-height:1.14;margin:0 0 1rem;font-weight:700;text-shadow:0 2px 18px rgba(0,0,0,.25)}
.rlz-hero .lead{color:rgba(255,255,255,.94);font-size:1.22rem;line-height:1.55;margin:0 auto 2rem;max-width:720px}
.rlz-hero .btn-primary{display:inline-block;padding:1rem 2.3rem;background:#fff;color:var(--ei-primary);border-radius:50px;font-weight:700;font-size:1.02rem;text-decoration:none;box-shadow:0 10px 28px -10px rgba(0,0,0,.35);transition:transform .2s ease,box-shadow .2s ease}
.rlz-hero .btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 32px -10px rgba(0,0,0,.45);color:var(--ei-primary-dark)}
.rlz-hero__trust{margin:1.5rem 0 0;color:rgba(255,255,255,.85);font-size:.92rem;letter-spacing:.2px}
.rlz-hero__trust span{color:#ffd56b;margin-right:.4rem;letter-spacing:1px}

/* ─────────────────────────────────────────────────────────────────────────
   Trust bar (partenaires & presse)
   ───────────────────────────────────────────────────────────────────────── */
.rlz-trust{background:#fff;border-bottom:1px solid var(--ei-border);padding:1.6rem 1.5rem;text-align:center}
.rlz-trust__label{margin:0 0 .9rem;font-size:.72rem;letter-spacing:2px;text-transform:uppercase;color:#999;font-weight:600}
.rlz-trust__items{display:flex;flex-wrap:wrap;justify-content:center;gap:.55rem}
.trust-chip{background:#f7f9fa;border:1px solid var(--ei-border);color:#555;padding:.45rem 1rem;border-radius:50px;font-size:.82rem;font-weight:500}

/* ─────────────────────────────────────────────────────────────────────────
   Stats bar
   ───────────────────────────────────────────────────────────────────────── */
.rlz-stats{background:#f9fbfc;border-bottom:1px solid var(--ei-border);padding:2.8rem 1.5rem}
.rlz-stats-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;text-align:center}
.stat-block{padding:1.2rem .8rem;background:#fff;border:1px solid var(--ei-border);border-radius:var(--ei-radius-sm)}
.stat-block strong{display:block;font-size:2.2rem;font-weight:700;color:var(--ei-primary);line-height:1;letter-spacing:-1px;margin-bottom:.5rem}
.stat-block span{display:block;font-size:.88rem;color:#555;font-weight:500;line-height:1.3}
.stat-block--highlight{background:linear-gradient(135deg,#fff8ed 0%,#ffeac9 100%);border-color:#f6d3a8}
.stat-block--highlight strong{color:var(--ei-accent)}
.stat-block--highlight span{color:#7d4a12}

/* ─────────────────────────────────────────────────────────────────────────
   Layout principal : wrapper + TOC + main
   ───────────────────────────────────────────────────────────────────────── */
/* Main content — single column, pleine largeur (TOC supprimé pour épurer) */
.rl-main{max-width:1100px;margin:0 auto;padding:0 1.5rem}

/* Ligne d'aperçu de projets (horizontal scroll) */
.rlz-preview{background:#fff;padding:2rem 0 2.5rem;overflow:hidden}
.rlz-preview__scroller{display:flex;gap:1rem;padding:.5rem 1.5rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;max-width:1280px;margin:0 auto;scrollbar-width:thin}
.rlz-preview__scroller::-webkit-scrollbar{height:6px}
.rlz-preview__scroller::-webkit-scrollbar-thumb{background:#ddd;border-radius:3px}
.rlz-preview__card{flex:0 0 240px;scroll-snap-align:start;background:#fff;border:1px solid var(--ei-border);border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;display:flex;flex-direction:column}
.rlz-preview__card:hover{transform:translateY(-3px);box-shadow:var(--ei-shadow-md);border-color:var(--ei-primary);color:inherit}
.rlz-preview__card img{width:100%;height:160px;object-fit:cover;display:block;background:#f3f3f3}
.rlz-preview__body{padding:.9rem 1rem 1rem}
.rlz-preview__city{display:block;font-size:.7rem;font-weight:700;letter-spacing:1.3px;text-transform:uppercase;color:var(--ei-primary);margin-bottom:.3rem}
.rlz-preview__body h3{margin:0;font-size:.98rem;font-weight:600;color:var(--ei-text);line-height:1.35}
.rlz-preview__card--more{background:linear-gradient(135deg,var(--ei-primary) 0%,var(--ei-primary-dark) 100%);border:0;color:#fff;align-items:center;justify-content:center;text-align:center;min-height:220px}
.rlz-preview__card--more:hover{color:#fff;transform:translateY(-3px)}
.rlz-preview__more{display:flex;flex-direction:column;align-items:center;gap:.6rem;padding:1rem}
.rlz-preview__more span{font-weight:600;font-size:.95rem}
.rlz-preview__more strong{font-size:2rem;line-height:1}

/* ─────────────────────────────────────────────────────────────────────────
   Sections génériques
   ───────────────────────────────────────────────────────────────────────── */
.rlz-section{padding:4rem 1.5rem;max-width:1200px;margin:0 auto}
.rlz-section-head{margin-bottom:2.2rem}
.rlz-section-head--center{text-align:center}
.rlz-section-head .eyebrow{display:inline-block;font-size:.74rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--ei-primary);background:#e5f4f5;padding:.35rem .85rem;border-radius:50px;margin-bottom:.9rem}
.rlz-section-head h2{font-size:2rem;line-height:1.2;margin:0 0 .7rem;color:var(--ei-text);font-weight:700}
.rlz-section-head p{max-width:720px;margin:0;font-size:1.1rem;color:#555;line-height:1.55}
.rlz-section-head--center p{margin-left:auto;margin-right:auto}
.rlz-section-head .case-intro{font-size:1.15rem;color:#333;margin-top:.3rem}

/* ─────────────────────────────────────────────────────────────────────────
   Case study : slider avant/après
   ───────────────────────────────────────────────────────────────────────── */
.ba-slider{position:relative;width:100%;margin:2rem 0;overflow:hidden;border-radius:16px;box-shadow:0 18px 40px -18px rgba(0,0,0,.35);cursor:ew-resize;aspect-ratio:3/2;background:#111;user-select:none}
.ba-slider img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;-webkit-user-drag:none;pointer-events:none}
.ba-before-wrap{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;clip-path:inset(0 50% 0 0)}
.ba-label{position:absolute;top:1.1rem;padding:.4rem 1rem;background:rgba(17,17,17,.78);color:#fff;font-size:.76rem;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;border-radius:50px;z-index:3;pointer-events:none;backdrop-filter:blur(6px)}
.ba-label--before{left:1.1rem}
.ba-label--after{right:1.1rem;background:rgba(34,159,168,.92)}
.ba-handle{position:absolute;top:0;bottom:0;left:50%;width:3px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.2);z-index:4;border:0;cursor:ew-resize;padding:0}
.ba-handle span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.35);display:block}
.ba-handle span::before,.ba-handle span::after{content:"";position:absolute;top:50%;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent}
.ba-handle span::before{left:10px;border-right:9px solid var(--ei-primary);transform:translateY(-50%)}
.ba-handle span::after{right:10px;border-left:9px solid var(--ei-primary);transform:translateY(-50%)}
.ba-caption{max-width:900px;margin:.6rem auto 2.2rem;padding:1.1rem 1.3rem;background:#f9fbfc;border-left:3px solid var(--ei-primary);border-radius:0 8px 8px 0;font-size:.95rem;color:#555;line-height:1.6}
.ba-caption strong{color:var(--ei-primary-dark)}

/* ─────────────────────────────────────────────────────────────────────────
   Case study : steps
   ───────────────────────────────────────────────────────────────────────── */
.step{padding:2rem 0 1.2rem;border-top:1px solid var(--ei-border)}
.step:first-of-type{border-top:0;padding-top:.8rem}
.step h3{font-size:1.35rem;font-weight:700;color:var(--ei-text);margin:0 0 .7rem;display:flex;align-items:center;gap:.85rem}
.step-num{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--ei-primary);color:#fff;border-radius:50%;font-size:.92rem;font-weight:700;box-shadow:0 4px 10px -3px rgba(34,159,168,.45)}
.step > p{margin:0 0 1.2rem;color:#555;line-height:1.6;font-size:1rem}
.studio-block{margin-top:1.8rem;padding-top:1.4rem;border-top:1px dashed var(--ei-border)}
.studio-block:first-of-type{border-top:0;padding-top:0;margin-top:1rem}
.studio-block h4{font-size:1.05rem;color:var(--ei-primary-dark);margin:0 0 .9rem;font-weight:600;letter-spacing:.3px}

/* Galeries */
.gal-4{display:grid;grid-template-columns:repeat(4,1fr);gap:.9rem}
.gal-3{display:grid;grid-template-columns:repeat(3,1fr);gap:.9rem}
.gal-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem}
.gal-2-wide{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem}
.gal-4 img,.gal-3 img,.gal-2 img,.gal-2-wide img{width:100%;height:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--ei-radius-sm);box-shadow:var(--ei-shadow-sm);transition:transform .3s ease}
.gal-4 img:hover,.gal-3 img:hover,.gal-2 img:hover,.gal-2-wide img:hover{transform:scale(1.02)}
.gal-2 figure,.gal-2-wide figure{margin:0}
.gal-2 figcaption,.gal-2-wide figcaption{margin-top:.6rem;font-size:.82rem;color:#777;text-align:center;font-style:italic}

/* ─────────────────────────────────────────────────────────────────────────
   Méthode (5 étapes)
   ───────────────────────────────────────────────────────────────────────── */
.steps{list-style:none;padding:0;margin:0;counter-reset:meth;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.2rem}
.steps li{counter-increment:meth;position:relative;background:#fff;border:1px solid var(--ei-border);border-radius:var(--ei-radius-sm);padding:1.4rem 1.2rem 1.2rem;padding-top:2.4rem}
.steps li::before{content:counter(meth,decimal-leading-zero);position:absolute;top:.9rem;left:1.2rem;font-size:.88rem;font-weight:700;color:var(--ei-primary);letter-spacing:.5px;background:#e5f4f5;padding:.18rem .55rem;border-radius:5px}
.steps strong{display:block;font-size:1.05rem;color:var(--ei-text);margin-bottom:.45rem;font-weight:700}
.steps span{font-size:.92rem;color:#555;line-height:1.5}

/* ─────────────────────────────────────────────────────────────────────────
   Rétention — "30%+ rachètent"
   ───────────────────────────────────────────────────────────────────────── */
.rlz-retention{background:linear-gradient(135deg,#eef9fa 0%,#daf0f2 100%);border:1px solid #b9e3e6;border-radius:20px;padding:2.6rem 2rem}
.rlz-retention__inner{display:grid;grid-template-columns:280px 1fr;gap:2.6rem;align-items:start}
.rlz-retention__number{text-align:center;padding:1.2rem 0}
.rlz-retention__number strong{display:block;font-size:5rem;font-weight:800;color:var(--ei-primary);line-height:1;letter-spacing:-2px}
.rlz-retention__number strong span{font-size:.6em;color:var(--ei-primary-dark)}
.rlz-retention__number em{display:block;margin-top:.9rem;font-style:normal;font-size:.95rem;color:var(--ei-primary-dark);line-height:1.5;font-weight:500}
.rlz-retention__text h2{font-size:1.75rem;color:var(--ei-text);margin:0 0 .8rem;line-height:1.3}
.rlz-retention__text p{color:#444;line-height:1.6;margin:0 0 .9rem;font-size:1.02rem}
.rlz-retention__why{padding:.9rem 1.1rem;background:#fff;border-left:4px solid var(--ei-primary);border-radius:0 8px 8px 0;font-style:italic}
.rlz-retention__proof{list-style:none;padding:0;margin:1.4rem 0 0;display:grid;gap:.8rem}
.rlz-retention__proof li{background:#fff;border-radius:10px;padding:.85rem 1rem;font-size:.95rem;color:#444;line-height:1.5;display:grid;grid-template-columns:120px 1fr;gap:1rem;align-items:center}
.proof-num{font-weight:700;color:var(--ei-primary);font-size:.88rem;letter-spacing:.3px}

/* ─────────────────────────────────────────────────────────────────────────
   Témoignages
   ───────────────────────────────────────────────────────────────────────── */
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.testi-card{background:#fff;border:1px solid var(--ei-border);border-radius:var(--ei-radius);padding:1.6rem 1.4rem;display:flex;flex-direction:column;gap:.9rem;transition:transform .2s ease,box-shadow .2s ease}
.testi-card:hover{transform:translateY(-3px);box-shadow:var(--ei-shadow-md)}
.testi-stars{color:#f5a623;letter-spacing:3px;font-size:1.08rem}
.testi-card blockquote{margin:0;font-size:.95rem;color:#444;line-height:1.6;flex:1}
.testi-card figcaption{margin:0;font-size:.85rem;color:#666;border-top:1px solid var(--ei-border);padding-top:.9rem}
.testi-card figcaption strong{color:var(--ei-text);font-weight:700}
.testi-card--cta{background:linear-gradient(135deg,var(--ei-primary) 0%,var(--ei-primary-dark) 100%);color:#fff;text-decoration:none;align-items:center;justify-content:center;text-align:center;padding:2rem 1.4rem}
.testi-card--cta .eyebrow{font-size:.74rem;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.85);margin-bottom:.4rem;display:block}
.testi-card--cta h3{font-size:1.5rem;color:#fff;margin:0 0 .4rem;font-weight:700}
.testi-card--cta p{color:rgba(255,255,255,.9);margin:0;font-size:.95rem}
.testi-card--cta:hover{color:#fff}

/* ─────────────────────────────────────────────────────────────────────────
   Autres projets — cards
   ───────────────────────────────────────────────────────────────────────── */
.proj-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.4rem}
.proj-card{position:relative;background:#fff;border:1px solid var(--ei-border);border-radius:var(--ei-radius);padding:1.6rem 1.5rem 1.4rem;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;display:flex;flex-direction:column;gap:1rem;text-decoration:none;color:inherit}
.proj-card:hover{transform:translateY(-3px);box-shadow:var(--ei-shadow-md);border-color:var(--ei-primary)}
.proj-card--highlight{background:linear-gradient(160deg,#fff 0%,#eaf8f9 100%);border-color:#94dadf}
.proj-badge{position:absolute;top:1rem;right:1rem;background:#e5f4f5;color:var(--ei-primary-dark);font-size:.66rem;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;padding:.3rem .7rem;border-radius:50px}
.proj-badge--gold{background:linear-gradient(135deg,#f5b955,#d49324);color:#fff}
.proj-card__head .proj-city{font-size:.72rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--ei-primary);margin-bottom:.3rem;display:block}
.proj-card__head h3{font-size:1.2rem;margin:0 0 .4rem;color:var(--ei-text);font-weight:700;line-height:1.3}
.proj-card__head .proj-sub{margin:0;font-size:.9rem;color:#666;line-height:1.5}
.proj-metrics{list-style:none;padding:.9rem 0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;border-top:1px solid var(--ei-border);border-bottom:1px solid var(--ei-border)}
.proj-metrics li{display:flex;flex-direction:column;gap:.2rem;font-size:.82rem}
.proj-metrics span{color:#888;font-size:.76rem}
.proj-metrics strong{color:var(--ei-primary-dark);font-size:1.05rem;font-weight:700}
.proj-note{margin:0;font-size:.88rem;color:#555;line-height:1.55}
.proj-card__link{margin-top:auto;padding-top:.85rem;border-top:1px solid var(--ei-border);color:var(--ei-primary-dark);font-weight:600;font-size:.88rem;letter-spacing:.2px;display:inline-flex;align-items:center;gap:.35rem;transition:color .2s ease,gap .2s ease}
.proj-card:hover .proj-card__link{color:var(--ei-primary);gap:.6rem}
.proj-card--highlight .proj-card__link{border-top-color:#b5e3e6}
.proj-card--more{background:linear-gradient(135deg,#229FA8 0%,#1b7a82 100%);color:#fff;border-color:transparent;justify-content:center;align-items:center;text-align:center;min-height:220px}
.proj-card--more .proj-city{color:rgba(255,255,255,.8)}
.proj-card--more h3{color:#fff;margin-bottom:.5rem;font-size:1.35rem}
.proj-card--more .proj-sub{color:rgba(255,255,255,.92)}
.proj-card--more:hover{color:#fff}

/* ─────────────────────────────────────────────────────────────────────────
   Bandeau catalogue TOP — juste après les stats, avant le case study
   ───────────────────────────────────────────────────────────────────────── */
.rlz-catalogue-top{background:linear-gradient(135deg,#f4fbfc 0%,#e5f4f5 100%);border-top:1px solid var(--ei-border);border-bottom:1px solid var(--ei-border);padding:3rem 1.5rem}
.rlz-catalogue-top__inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:2.5rem;flex-wrap:wrap}
.rlz-catalogue-top__text{flex:1;min-width:320px}
.rlz-catalogue-top .eyebrow{color:var(--ei-primary-dark);font-size:.74rem;letter-spacing:2px;text-transform:uppercase;font-weight:700;display:block;margin-bottom:.45rem}
.rlz-catalogue-top h2{color:var(--ei-text);font-size:1.7rem;margin:0 0 .65rem;line-height:1.3;font-weight:700}
.rlz-catalogue-top p{color:#555;margin:0;font-size:1rem;line-height:1.6;max-width:720px}
.rlz-catalogue-top__cta{display:flex;flex-direction:column;gap:.6rem;align-items:stretch;min-width:240px}
.rlz-catalogue-top__cta .btn-primary{background:var(--ei-primary);color:#fff;padding:1rem 1.8rem;border-radius:50px;font-weight:700;font-size:1rem;text-decoration:none;text-align:center;box-shadow:var(--ei-shadow-sm);transition:transform .2s ease,background .2s ease}
.rlz-catalogue-top__cta .btn-primary:hover{background:var(--ei-primary-dark);transform:translateY(-2px);color:#fff}
.rlz-catalogue-top__cta .btn-secondary{color:var(--ei-primary-dark);background:transparent;border:1px solid var(--ei-primary);padding:.85rem 1.4rem;border-radius:50px;font-weight:600;font-size:.94rem;text-decoration:none;text-align:center;transition:background .2s ease,color .2s ease}
.rlz-catalogue-top__cta .btn-secondary:hover{background:var(--ei-primary);color:#fff}

/* ─────────────────────────────────────────────────────────────────────────
   Bandeau CTA catalogue (ultra visible "Voir les 75 projets")
   ───────────────────────────────────────────────────────────────────────── */
.rlz-catalogue-cta{margin-top:2.5rem;background:linear-gradient(135deg,#229FA8 0%,#1b7a82 100%);border-radius:20px;padding:2.4rem 2rem;color:#fff;box-shadow:var(--ei-shadow-md)}
.rlz-catalogue-cta__inner{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap}
.rlz-catalogue-cta__text{flex:1;min-width:280px}
.rlz-catalogue-cta .eyebrow{color:rgba(255,255,255,.82);font-size:.74rem;letter-spacing:2px;text-transform:uppercase;display:block;margin-bottom:.5rem}
.rlz-catalogue-cta h3{color:#fff;font-size:1.65rem;margin:0 0 .7rem;line-height:1.3;font-weight:700}
.rlz-catalogue-cta p{color:rgba(255,255,255,.92);margin:0;font-size:.98rem;line-height:1.6}
.rlz-catalogue-cta .btn-primary{background:#fff;color:var(--ei-primary-dark);font-weight:700;padding:1rem 1.8rem;border-radius:50px;font-size:1rem;text-decoration:none;white-space:nowrap;box-shadow:0 4px 14px rgba(0,0,0,.15);transition:transform .2s ease,box-shadow .2s ease}
.rlz-catalogue-cta .btn-primary:hover{background:#fff;color:var(--ei-primary-dark);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.22)}
.rlz-catalogue-cta .btn-primary--lg{font-size:1.05rem;padding:1.1rem 2rem}

/* TOC lien fort (Voir les 75 projets) */

/* ─────────────────────────────────────────────────────────────────────────
   Encart perso 91 Baille
   ───────────────────────────────────────────────────────────────────────── */
.perso-card{background:linear-gradient(135deg,#fff8ed 0%,#ffe0b7 100%);border:1px solid #f0c488;border-radius:20px;padding:2.4rem 2.2rem;position:relative}
.perso-badge{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#fff;background:var(--ei-accent);padding:.38rem .95rem;border-radius:50px;margin-bottom:1.1rem}
.perso-card h2{font-size:1.75rem;color:#7d4a12;margin:0 0 .9rem;line-height:1.3;font-weight:700}
.perso-lead{font-size:1.08rem;color:#5e3c14;line-height:1.6;margin:0 0 1rem;font-weight:500}
.perso-body{font-size:.98rem;color:#6b4319;line-height:1.6;margin:0 0 1.3rem}
.perso-metrics{list-style:none;padding:0;margin:1.5rem 0;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.perso-metrics li{text-align:center;padding:1rem .6rem;background:rgba(255,255,255,.6);border-radius:10px}
.perso-metrics strong{display:block;font-size:1.5rem;color:var(--ei-accent);font-weight:700;line-height:1;margin-bottom:.4rem}
.perso-metrics span{display:block;font-size:.72rem;color:#7d4a12;font-weight:600;letter-spacing:.5px;text-transform:uppercase}
.perso-why{padding:1rem 1.2rem;background:rgba(255,255,255,.55);border-left:4px solid var(--ei-accent);border-radius:0 8px 8px 0;margin:1.2rem 0;font-size:.96rem;color:#5e3c14;line-height:1.6}
.perso-why strong{color:#7d4a12}
.perso-footer{margin:1.4rem 0 0;font-size:.88rem;color:#8a5a21;font-style:italic;font-weight:500}

/* ─────────────────────────────────────────────────────────────────────────
   FAQ visible
   ───────────────────────────────────────────────────────────────────────── */
.rlz-faq{background:#f9fbfc;border-top:1px solid var(--ei-border);padding:4rem 1.5rem}
.rlz-faq__inner{max-width:860px;margin:0 auto}
.faq-item{background:#fff;border:1px solid var(--ei-border);border-radius:var(--ei-radius-sm);padding:0;margin-bottom:.8rem;transition:box-shadow .2s ease}
.faq-item[open]{box-shadow:var(--ei-shadow-sm);border-color:#cde7ea}
.faq-item summary{padding:1.1rem 1.4rem;font-weight:600;font-size:1.02rem;color:var(--ei-text);cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";font-size:1.4rem;font-weight:300;color:var(--ei-primary);transition:transform .2s ease;flex-shrink:0}
.faq-item[open] summary::after{content:"−"}
.faq-item p{padding:0 1.4rem 1.2rem;margin:0;color:#444;font-size:.96rem;line-height:1.65}

/* ─────────────────────────────────────────────────────────────────────────
   Villes — maillage interne
   ───────────────────────────────────────────────────────────────────────── */
.rlz-villes{background:#fff;border-top:1px solid var(--ei-border);padding:4rem 1.5rem}
.rlz-villes__inner{max-width:1200px;margin:0 auto}
.villes-grid{list-style:none;padding:0;margin:2rem 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:.9rem}
.villes-grid a{display:block;background:#f9fbfc;border:1px solid var(--ei-border);border-radius:var(--ei-radius-sm);padding:1.1rem 1.2rem;text-decoration:none;color:var(--ei-text);transition:all .2s ease}
.villes-grid a:hover{background:#e5f4f5;border-color:var(--ei-primary);transform:translateY(-2px)}
.villes-grid strong{display:block;font-size:1.05rem;margin-bottom:.3rem;color:var(--ei-primary-dark)}
.villes-grid span{display:block;font-size:.84rem;color:#666;line-height:1.4}

/* ─────────────────────────────────────────────────────────────────────────
   CTA final
   ───────────────────────────────────────────────────────────────────────── */
.rlz-cta{background:linear-gradient(135deg,#229fa8 0%,#1b7a82 100%);color:#fff;padding:4.5rem 1.5rem;text-align:center;margin-top:3rem}
.rlz-cta__inner{max-width:720px;margin:0 auto}
.rlz-cta h2{color:#fff;font-size:2.2rem;margin:0 0 .9rem;line-height:1.25;font-weight:700}
.rlz-cta p{color:rgba(255,255,255,.92);font-size:1.15rem;line-height:1.55;margin:0 auto 1.8rem;max-width:620px}
.rlz-cta .btn-primary{display:inline-block;padding:1rem 2.4rem;background:#fff;color:var(--ei-primary);border-radius:50px;font-weight:700;font-size:1.02rem;text-decoration:none;box-shadow:0 10px 28px -10px rgba(0,0,0,.35);transition:transform .2s ease,box-shadow .2s ease}
.rlz-cta .btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 32px -10px rgba(0,0,0,.45);color:var(--ei-primary-dark)}

/* ─────────────────────────────────────────────────────────────────────────
   Responsive
   ───────────────────────────────────────────────────────────────────────── */
@media(max-width:1200px){
  .rlz-stats-grid{grid-template-columns:repeat(5,1fr);gap:.7rem}
  .stat-block strong{font-size:1.9rem}
  .villes-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:1100px){
  .rlz-preview__card{flex-basis:200px}
  .rlz-preview__card img{height:130px}
  .rlz-retention__inner{grid-template-columns:1fr;gap:1.4rem;text-align:center}
  .rlz-retention__proof li{grid-template-columns:1fr;text-align:left;gap:.3rem}
  .rlz-retention__proof li .proof-num{text-align:left}
}
@media(max-width:992px){
  .rlz-hero{padding:3.5rem 1.2rem 3rem}
  .rlz-hero h1{font-size:2.3rem}
  .rlz-hero .lead{font-size:1.08rem}
  .rlz-stats-grid{grid-template-columns:repeat(3,1fr);gap:.8rem}
  .testi-grid{grid-template-columns:repeat(2,1fr)}
  .proj-grid{grid-template-columns:1fr}
  .perso-metrics{grid-template-columns:repeat(2,1fr)}
  .villes-grid{grid-template-columns:repeat(2,1fr)}
  .gal-2-wide{grid-template-columns:1fr}
}
@media(max-width:768px){
  .rlz-hero h1{font-size:1.9rem}
  .rlz-hero .lead{font-size:1rem}
  .rlz-section{padding:2.8rem 1rem}
  .rlz-retention{padding:1.8rem 1.2rem}
  .rlz-retention__number strong{font-size:4rem}
  .rlz-section-head h2{font-size:1.65rem}
  .rlz-retention__text h2{font-size:1.45rem}
  .rlz-cta h2{font-size:1.7rem}
  .rlz-cta p{font-size:1.02rem}
  .gal-4{grid-template-columns:repeat(2,1fr)}
  .gal-3{grid-template-columns:1fr 1fr}
  .gal-2{grid-template-columns:1fr}
  .stat-block strong{font-size:1.7rem}
  .rlz-faq,.rlz-villes{padding:3rem 1rem}
  .rlz-catalogue-cta{padding:1.8rem 1.4rem}
  .rlz-catalogue-cta__inner{flex-direction:column;align-items:flex-start;gap:1.3rem}
  .rlz-catalogue-cta h3{font-size:1.35rem}
  .rlz-catalogue-cta .btn-primary{width:100%;text-align:center}
  .rlz-catalogue-top{padding:2.2rem 1.2rem}
  .rlz-catalogue-top__inner{flex-direction:column;gap:1.5rem}
  .rlz-catalogue-top h2{font-size:1.45rem}
  .rlz-catalogue-top__cta{width:100%}
}
@media(max-width:480px){
  .rlz-stats-grid{grid-template-columns:repeat(2,1fr)}
  .testi-grid{grid-template-columns:1fr}
  .gal-4{grid-template-columns:1fr 1fr}
  .gal-3{grid-template-columns:1fr}
  .perso-card{padding:1.6rem 1.3rem}
  .perso-metrics{grid-template-columns:1fr 1fr}
  .villes-grid{grid-template-columns:1fr}
  .step h3{font-size:1.15rem}
  .faq-item summary{font-size:.95rem;padding:1rem 1.1rem}
}