@layer components{.kpi-counter{position:relative;z-index:6;max-width:var(--kpi-counter-max-width, 940px);width:calc(100% - var(--kpi-counter-bleed, 48px));margin-right:auto;margin-bottom:var(--kpi-counter-margin-bottom, 24px);margin-left:auto;background:var(--color-kpi-card-bg, var(--color-bg-base, #ffffff));border:1px solid var(--color-kpi-card-border, var(--color-border-subtle, #e5e7eb));border-radius:var(--kpi-counter-radius, 16px);box-shadow:0 24px 50px -18px var(--color-kpi-shadow-far, rgba(0, 42, 82, .32)),0 8px 20px -10px var(--color-kpi-shadow-near, rgba(0, 42, 82, .14));padding:var(--kpi-counter-pad-y, 26px) var(--kpi-counter-pad-x, 30px);overflow:hidden}.kpi-counter:not([data-variant]){margin-top:var(--kpi-counter-margin-top, -46px)}.kpi-counter[data-topbar=gradient]:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-kpi-topbar-start, var(--color-accent, #9ca3af)),var(--color-kpi-topbar-end, var(--color-accent-hover, #6b7280)))}.kpi-counter__eyebrow{margin:0 0 var(--space-4, 16px);font-family:var(--font-family-mono, monospace);font-size:var(--font-size-caption, .75rem);font-weight:var(--fw-bold, 700);letter-spacing:.08em;text-transform:uppercase;color:var(--color-kpi-eyebrow, var(--color-text-muted, #6b7280));text-align:center}.kpi-counter__list{display:flex;justify-content:space-around;flex-wrap:wrap;gap:var(--kpi-counter-gap, 18px);margin:0;padding:0;list-style:none}.kpi-counter__item{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1;min-width:var(--kpi-item-min-width, 128px)}.kpi-counter__value{display:block;font-family:var(--font-family-display, var(--font-family-sans, sans-serif));font-size:var(--kpi-value-size, 2.25rem);font-weight:var(--fw-black, var(--fw-bold, 700));line-height:1;letter-spacing:-.01em;color:var(--color-kpi-value, var(--color-primary-dark, var(--color-primary, #1a1a1a)));min-height:1lh}.kpi-counter__label{display:block;margin-top:var(--space-1, 4px);font-family:var(--font-family-mono, monospace);font-size:var(--kpi-label-size, var(--font-size-caption, .6875rem));letter-spacing:.08em;text-transform:uppercase;color:var(--color-kpi-label, var(--color-text-muted, #6b7280))}@media(max-width:479px){.kpi-counter:not([data-variant]) .kpi-counter__item{min-width:calc(50% - var(--kpi-counter-gap, 18px))}}.kpi-counter[data-variant=band]{max-width:none;width:100%;margin-top:0;background:transparent;border:none;border-radius:0;box-shadow:none;padding:var(--kpi-band-pad-y, 56px) var(--kpi-band-pad-x, 24px);overflow:visible}.kpi-counter[data-variant=band] .kpi-counter__list{max-width:var(--container-max, 1280px);margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--kpi-band-gap, 32px);justify-content:initial;flex-wrap:initial;text-align:center}.kpi-counter[data-variant=band] .kpi-counter__item{align-items:center;flex:initial;min-width:0}.kpi-counter[data-variant=band] .kpi-counter__value{font-family:var(--font-family-mono, monospace);font-size:var(--kpi-band-value-size, 2.5rem);font-weight:var(--fw-black, var(--fw-bold, 800));letter-spacing:-.02em;color:var(--color-kpi-band-value, var(--color-primary-dark, var(--color-primary, #1a1a1a)))}.kpi-counter[data-variant=band] .kpi-counter__value-accent{color:var(--color-kpi-band-accent, var(--color-accent, #9ca3af))}.kpi-counter[data-variant=band] .kpi-counter__label{font-family:var(--font-family-sans, sans-serif);font-size:var(--kpi-band-label-size, .875rem);font-weight:var(--fw-normal, 400);text-transform:none;letter-spacing:normal;line-height:1.4;margin-top:var(--space-2, 8px);color:var(--color-kpi-band-label, var(--color-text-secondary, var(--color-text-muted, #6b7280)))}@media(max-width:720px){.kpi-counter[data-variant=band] .kpi-counter__list{grid-template-columns:repeat(2,1fr)}}@media(max-width:400px){.kpi-counter[data-variant=band] .kpi-counter__list{grid-template-columns:1fr}}.kpi-counter[data-variant=inline]{position:static;max-width:none;width:100%;margin-top:0;background:transparent;border:none;border-top:1px solid var(--color-kpi-inline-border, var(--color-border-subtle, #e5e7eb));border-radius:0;box-shadow:none;padding:var(--kpi-inline-pad-top, 48px) 0 0;overflow:visible}.kpi-counter[data-variant=inline] .kpi-counter__list{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--kpi-inline-gap, 24px);justify-content:initial;flex-wrap:initial;text-align:left}.kpi-counter[data-variant=inline] .kpi-counter__item{align-items:flex-start;flex:initial;min-width:0;text-align:left}.kpi-counter[data-variant=inline] .kpi-counter__value{font-family:var(--font-family-display, var(--font-family-sans, sans-serif));font-size:clamp(2.6rem,4.4vw,3.6rem);font-weight:var(--fw-light, 300);letter-spacing:-.02em;color:var(--color-kpi-inline-value, var(--color-primary, #1a1a1a));min-height:1lh}.kpi-counter[data-variant=inline] .kpi-counter__label{font-family:var(--font-family-sans, sans-serif);font-size:var(--kpi-inline-label-size, .86rem);font-weight:var(--fw-medium, 500);text-transform:uppercase;letter-spacing:.1em;color:var(--color-kpi-inline-label, var(--color-text-secondary, var(--color-text-muted, #6b7280)));margin-top:var(--space-2, 8px);line-height:1.4}@media(max-width:640px){.kpi-counter[data-variant=inline] .kpi-counter__list{grid-template-columns:1fr}}}