[data-wh-animated-metrics]{display:grid;gap:1rem}[data-wh-animated-metrics]>h3{margin:0}.wh-pkg-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.wh-pkg-metric{padding:1.15rem;border:1px solid var(--wh-border,#d8dae4);border-radius:var(--wh-radius,16px);background:var(--wh-surface,#fff)}.wh-pkg-metric-value{display:flex;align-items:baseline;gap:.12em}.wh-pkg-metric-value strong{font-size:clamp(1.8rem,4vw,3rem);line-height:1}.wh-pkg-metric h4{margin:.65rem 0}.wh-pkg-metric p{margin:.65rem 0 0;color:var(--wh-text-muted,#667085)}.wh-pkg-metric-track{height:.55rem;border-radius:999px;background:var(--wh-surface-muted,#eef0f5);overflow:hidden}.wh-pkg-metric-track span{display:block;width:var(--wh-metric-progress,0%);height:100%;background:var(--wh-color-primary,#4f46e5);border-radius:inherit;transition:width var(--wh-metric-duration,1200ms) ease}[data-wh-animated-metrics].is-visible .wh-pkg-metric-track span{width:var(--wh-metric-target,0%)}