/* Kit Vitrine - variante "Style plaquette" : police Montserrat, titres en deux couleurs,
   fine ligne sous les titres, triangles bleu pale. Les couleurs restent celles des reglages. */
.cpx { font-family: "Montserrat", "Segoe UI", Arial, sans-serif; }
.cpx h1, .cpx h2, .cpx h3, .cpx .cpx-kicker, .cpx a.cpx-btn { font-family: "Montserrat", "Segoe UI", Arial, sans-serif !important; }
.cpx h2 { font-weight: 700 !important; letter-spacing: -0.01em; position: relative; padding-bottom: 14px !important; }
.cpx h2::after {
  content: ""; position: absolute; left: 0; bottom: 0; width: 120px; height: 2px;
  background: linear-gradient(90deg, color-mix(in srgb, var(--cpx-ink) 22%, #ffffff), transparent);
}
.cpx .cpx-cta h2::after { left: 50%; transform: translateX(-50%); background: linear-gradient(90deg, transparent, rgba(255,255,255,.5), transparent); }
.cpx .cpx-vert { color: var(--cpx-teal); }
.cpx .cpx-kicker { color: var(--cpx-teal); }
.cpx .cpx-section { position: relative; }
.cpx .cpx-section.cpx-split::before {
  content: ""; position: absolute; left: -24px; bottom: -30px; width: 160px; height: 160px; z-index: -1;
  background: linear-gradient(45deg, color-mix(in srgb, var(--cpx-blue-2) 18%, #ffffff) 50%, transparent 50%); opacity: .8;
}
.cpx .cpx-faq { position: relative; }
.cpx .cpx-faq::before {
  content: ""; position: absolute; right: 0; top: -60px; width: 120px; height: 120px; z-index: -1;
  background: linear-gradient(225deg, color-mix(in srgb, var(--cpx-blue-2) 18%, #ffffff) 50%, transparent 50%); opacity: .8;
}
/* Montserrat est plus large : la ligne de garanties reste sur une seule ligne sur ordinateur */
.cpx .cpx-trust { gap: 6px 16px; font-size: 13.5px; }
.cpx .cpx-trust span { white-space: nowrap; }
/* une seule ligne seulement quand la place le permet (sinon les chiffres debordent a droite) */
@media (min-width: 1200px) { .cpx .cpx-trust { flex-wrap: nowrap; } }