/* Infrastructure explorer page extras */
.ie-kicker { display: block; margin: 0 auto 22px; }
.ie-ic { display: block; width: 44px; height: 44px; border-radius: 12px; margin-bottom: 26px; }
.ie-hero-video { -webkit-mask-image: none; mask-image: none; }
.ie-hero-video .cxw { margin: 0; }
/* final CTA stats: the number leads, the label follows (same as the Infrastructure monitoring page) */
.ie-facts span { font-family: inherit; font-size: clamp(32px, 3.4vw, 44px); line-height: 1; font-weight: 600; letter-spacing: -0.04em; text-transform: none; color: var(--accent); }
.ie-facts b { margin-top: 12px; font-size: 15px; color: var(--fg-2); }
@media (max-width: 960px) { .ie-facts { grid-template-columns: repeat(3, minmax(0, 1fr)); max-width: 640px; } }
@media (max-width: 560px) { .ie-facts { grid-template-columns: minmax(0, 1fr); max-width: 320px; } }

/* Light skin: small green text uses --mint (≥4.5:1 on the light surfaces); --accent stays for dots, fills,
   borders and large numbers. Light only, so the dark skin is unchanged. */
:root[data-theme="light"] /* final CTA stats: the number leads,
:root[data-theme="light"] the label follows (same as the Infrastructure monitoring page) */
.ie-facts span { color: var(--mint); }