/* B13 — Cas concrets (cartes empilées STICKY, effet pile type Apple) */
.b13-cas{position:relative;background:#FAF9F6;padding:104px 0;font-family:'IBM Plex Sans',sans-serif}
.b13-container{max-width:1280px;margin:0 auto;padding:0 40px}
.b13-header{text-align:center;max-width:760px;margin:0 auto 64px}
.b13-title{font-size:clamp(2rem,3.6vw,2.8rem);font-weight:800;line-height:1.15;letter-spacing:-.02em;color:#1E2D3F;margin:0 0 16px}
.b13-highlight{position:relative;display:inline;white-space:nowrap;background:linear-gradient(180deg,transparent 60%,rgba(245,166,35,.45) 60%);padding:0 4px}
.b13-subtitle{font-size:17px;line-height:1.6;color:#6B7888;margin:0}

/* ── La pile ── */
.b13-stack{max-width:1140px;margin:0 auto;padding:0 40px}
/* Chaque carte est sticky : se fige en haut avec un léger décalage progressif (--i) */
.b13-card{
  position:sticky;
  top:90px;                                   /* sous le header sticky du site */
  margin-bottom:40px;
  /* décalage progressif : chaque carte se fige 18px plus bas que la précédente */
  padding-top:calc(var(--i) * 18px);
}
.b13-card:last-child{margin-bottom:0}

.b13-card-inner{
  display:grid;grid-template-columns:1.05fr 1fr;gap:0;
  background:#FFFFFF;border:1px solid rgba(30,45,63,.08);border-radius:24px;overflow:hidden;
  box-shadow:0 30px 70px rgba(30,45,63,.18),0 10px 24px rgba(30,45,63,.08);
  min-height:440px;
}

/* Visuel */
.b13-card-visual{position:relative;overflow:hidden}
.b13-card-visual img{width:100%;height:100%;object-fit:cover;display:block;min-height:440px}
.b13-card-badge{position:absolute;top:20px;left:20px;display:inline-flex;align-items:center;background:rgba(30,45,63,.82);backdrop-filter:blur(6px);color:#fff;font-size:13px;font-weight:700;letter-spacing:.02em;padding:9px 16px;border-radius:999px;box-shadow:0 4px 14px rgba(0,0,0,.2)}

/* Contenu */
.b13-card-content{padding:44px 44px 40px;display:flex;flex-direction:column;justify-content:center}
.b13-card-title{font-size:clamp(1.4rem,2.1vw,1.85rem);font-weight:800;line-height:1.2;letter-spacing:-.01em;color:#1E2D3F;margin:0 0 12px}
.b13-card-profil{font-size:15px;line-height:1.6;color:#6B7888;margin:0 0 24px}
.b13-card-stats{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:24px}
.b13-stat{background:#FAF9F6;border:1px solid rgba(30,45,63,.06);border-radius:13px;padding:16px 18px}
.b13-stat-val{display:block;font-size:24px;font-weight:800;color:#1E2D3F;line-height:1.1;letter-spacing:-.02em;margin-bottom:4px}
.b13-stat--green .b13-stat-val{color:#1FA868}
.b13-stat-lab{display:block;font-size:12.5px;color:#6B7888;line-height:1.3}
.b13-card-desc{font-size:14.5px;line-height:1.6;color:#475569;margin:0 0 22px}
.b13-card-links{display:flex;flex-wrap:wrap;gap:16px}
.b13-card-link{display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:700;color:#F5A623;text-decoration:none;transition:gap .2s,color .2s}
.b13-card-link:hover{color:#FF7A00;gap:11px}

/* ── Responsive ── */
@media (max-width:920px){
  .b13-card-inner{grid-template-columns:1fr;min-height:0}
  .b13-card-visual img{min-height:240px;max-height:280px}
  .b13-card-content{padding:32px 28px}
  /* En mobile : on désactive le sticky (trop petit pour l'effet pile) */
  .b13-card{position:static;top:auto;padding-top:0;margin-bottom:28px}
}
@media (max-width:900px){ .b13-cas{padding:72px 0} }
@media (max-width:520px){
  .b13-container,.b13-stack{padding:0 24px}
  .b13-card-stats{grid-template-columns:1fr 1fr;gap:10px}
  .b13-stat{padding:13px 14px}
  .b13-stat-val{font-size:21px}
}
@media (prefers-reduced-motion:reduce){
  .b13-card{position:static!important;padding-top:0!important}
}