@layer components{.kpi-counter{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);background:var(--color-kpi-card-bg,var(--color-bg-base,#fff));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,#002a5252), 0 8px 20px -10px var(--color-kpi-shadow-near,#002a5224);padding:var(--kpi-counter-pad-y,26px) var(--kpi-counter-pad-x,30px);margin-left:auto;position:relative;overflow:hidden}.kpi-counter:not([data-variant]){margin-top:var(--kpi-counter-margin-top,-46px)}.kpi-counter[data-topbar=gradient]:before{content:"";background:linear-gradient(90deg, var(--color-kpi-topbar-start,var(--color-accent,#9ca3af)), var(--color-kpi-topbar-end,var(--color-accent-hover,#6b7280)));height:3px;position:absolute;top:0;left:0;right:0}.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{justify-content:space-around;gap:var(--kpi-counter-gap,18px);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.kpi-counter__item{text-align:center;min-width:var(--kpi-item-min-width,128px);flex-direction:column;flex:1;align-items:center;display:flex}.kpi-counter__value{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));letter-spacing:-.01em;color:var(--color-kpi-value,var(--color-primary-dark,var(--color-primary,#1a1a1a)));min-height:1lh;line-height:1;display:block}.kpi-counter__label{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));display:block}@media (width<=479px){.kpi-counter:not([data-variant]) .kpi-counter__item{min-width:calc(50% - var(--kpi-counter-gap,18px))}}.kpi-counter[data-variant=band]{width:100%;max-width:none;box-shadow:none;padding:var(--kpi-band-pad-y,var(--section-pad-y-compact,48px)) var(--kpi-band-pad-x,var(--container-pad-x,24px));background:0 0;border:none;border-radius:0;margin-top:0;overflow:visible}@media (width<=768px){.kpi-counter[data-variant=band]{padding-block:calc(var(--section-pad-y-compact,48px) * var(--section-pad-y-mobile-factor,.6))}}.kpi-counter[data-variant=band] .kpi-counter__list{max-width:var(--container-max,1280px);gap:var(--kpi-band-gap,32px);justify-content:initial;flex-wrap:initial;text-align:center;grid-template-columns:repeat(4,1fr);margin:0 auto;display:grid}.kpi-counter[data-variant=band] .kpi-counter__item{flex:initial;align-items:center;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;margin-top:var(--space-2,8px);color:var(--color-kpi-band-label,var(--color-text-secondary,var(--color-text-muted,#6b7280)));line-height:1.4}@media (width<=720px){.kpi-counter[data-variant=band] .kpi-counter__list{grid-template-columns:repeat(2,1fr)}}@media (width<=400px){.kpi-counter[data-variant=band] .kpi-counter__list{grid-template-columns:1fr}}.kpi-counter[data-variant=inline]{max-width:var(--kpi-inline-max-width,var(--container-max,1280px));border:none;border-top:1px solid var(--color-kpi-inline-border,var(--color-border-subtle,#e5e7eb));width:100%;box-shadow:none;padding:var(--kpi-inline-pad-top,var(--section-pad-y-compact,48px)) 0 0;background:0 0;border-radius:0;margin-top:0;position:static;overflow:visible}.kpi-counter[data-variant=inline] .kpi-counter__list{gap:var(--kpi-inline-gap,24px);justify-content:initial;flex-wrap:initial;text-align:left;grid-template-columns:repeat(3,1fr);display:grid}.kpi-counter[data-variant=inline] .kpi-counter__item{flex:initial;text-align:left;align-items:flex-start;min-width:0}.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 (width<=640px){.kpi-counter[data-variant=inline] .kpi-counter__list{grid-template-columns:1fr}}}