/* pourquoi : repris de home.html, adapté au balisage WordPress */
.pourquoi{background:var(--glace)}
.pourquoi h2{margin-bottom:28px}
.pourquoi .duo{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}
.carte-reseau{background:#fff;border-radius:8px;padding:28px;box-shadow:0 20px 50px -30px rgba(10,34,64,.35)}
.carte-reseau h3{font-size:1.15rem;margin-bottom:4px}
.carte-reseau > p{font-size:.92rem;color:var(--gris);margin-bottom:12px}
.carte-reseau svg.plan{width:100%;height:auto}
.legende{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:.85rem;color:var(--gris);margin-top:8px}
.legende span{display:flex;align-items:center;gap:8px}
.legende i{width:12px;height:12px;border-radius:50%;display:inline-block}
.chiffres{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}
.chiffre{border-radius:8px;background:var(--glace);padding:16px}
.chiffre p:first-child{display:block;font:780 1.7rem/1 var(--titre);font-stretch:112%;color:var(--bleu)}
.chiffre p + p{display:block;font-size:.85rem;line-height:1.35;color:var(--gris);margin-top:6px}
.alliance{display:flex;gap:14px;align-items:center;margin-top:28px;padding:18px 20px;border-radius:8px;background:#fff}
.alliance svg{width:40px;height:40px;flex:none;color:var(--cyan)}
.alliance p{margin:0;font-size:.95rem;color:var(--gris)}
.alliance strong{color:var(--encre);font-weight:500}
@media (max-width:980px){
  .pourquoi .duo{grid-template-columns:1fr}
}
@media (max-width:640px){
  .chiffres{grid-template-columns:1fr}
}
.plan .dep{opacity:0;transform:translateY(8px);transition:opacity .6s ease,transform .6s ease;transition-delay:calc(var(--i) * 90ms)}
.plan .orne{transform-box:fill-box;transform-origin:center;transform:scale(.94)}
.plan .noms{opacity:0;transition:opacity .6s .7s}
.plan .lien{stroke-dasharray:1;stroke-dashoffset:1;opacity:.55;transition:stroke-dashoffset .9s ease;transition-delay:calc(1s + var(--i) * 120ms)}
.plan .ville{opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(.4);transition:opacity .4s,transform .5s cubic-bezier(.3,1.6,.5,1);transition-delay:calc(1.4s + var(--i) * 110ms)}
.plan .agence{cursor:pointer;outline:none}
.plan .agence > circle:nth-of-type(4){transition:transform .3s;transform-box:fill-box;transform-origin:center}
.plan .agence:is(:hover,:focus-visible) > circle:nth-of-type(4){transform:scale(1.25)}
.plan .onde{fill:none;stroke:#0090c0;stroke-width:2;transform-box:fill-box;transform-origin:center;opacity:0}
.plan .paquet{fill:#0090c0;stroke:#fff;stroke-width:1.5;opacity:0;transition:opacity .5s 2.3s}
.carte-reseau.vu .plan .dep,.carte-reseau.vu .plan .noms{opacity:1;transform:none}
.carte-reseau.vu .plan .lien{stroke-dashoffset:0}
.carte-reseau.vu .plan .ville{opacity:1;transform:none}
.carte-reseau.vu .plan .paquet{opacity:1}
.carte-reseau.vu .plan .onde{animation:onde 2.6s ease-out 1.6s infinite}
.carte-reseau.vu .plan .onde.o2{animation-delay:2.9s}
.carte-reseau.vu .plan .lien{animation:flux 1.6s linear 2.3s infinite}
@media (prefers-reduced-motion:reduce){
  .plan .dep,.plan .noms,.plan .lien,.plan .ville,.plan .paquet{opacity:1;transform:none;stroke-dashoffset:0;transition:none}
  .plan .onde,.plan .lien{animation:none!important}
  .plan .paquet{display:none}
}

/* WordPress : chiffres en paragraphes */
.chiffre p{margin:0}