/* ════════════ LES CHIFFRES DU RÉSEAU, EN VIGNETTES ════════════ */
  /* Un tableau à trois lignes se lit comme un relevé. Ces trois nombres méritent d'être vus
     avant d'être lus : on leur donne donc la place et la typographie d'un chiffre-clé, comme
     ceux du bandeau d'accueil. Le filet bronze se remplit au survol — le même geste que les
     cartes du site. */
  .kw-chiffres {
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 8px;
  }
  .kw-chiffre {
    position: relative; overflow: hidden;
    background: var(--white); border: 1px solid var(--border);
    border-radius: var(--radius-lg); padding: 40px 30px 34px; text-align: center;
    box-shadow: 0 18px 44px rgba(35,44,63,.06);
    transition: box-shadow .3s ease, transform .3s ease;
  }
  .kw-chiffre::before {
    content: ""; position: absolute; top: 0; left: 0; width: 0; height: 3px;
    background: var(--bronze); transition: width .4s ease;
  }
  .kw-chiffre:hover { box-shadow: 0 26px 60px rgba(35,44,63,.12); transform: translateY(-3px); }
  .kw-chiffre:hover::before { width: 100%; }
  .kw-chiffre-val {
    display: block; font-family: var(--font-serif); font-size: 3.6rem; line-height: 1;
    color: var(--navy); letter-spacing: -.02em;
  }
  .kw-chiffre-val i { font-style: normal; color: var(--bronze); font-size: .62em; }
  .kw-chiffre-lib {
    display: block; margin-top: 16px; font-size: .78rem; font-weight: 600;
    letter-spacing: .14em; text-transform: uppercase; color: var(--bronze-dk);
  }
  .kw-chiffre-pre {
    display: block; margin-top: 8px; font-size: .86rem; line-height: 1.5; color: var(--navy-mid);
  }
  .arr-source-wrap { margin-top: 22px; }
  @media (max-width: 900px) { .kw-chiffres { grid-template-columns: 1fr; gap: 18px; } }