.kpis{
  margin-top: 14px;
  display:grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 14px;
}
.kpi{
  grid-column: span 4;
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: 16px;
  background: rgba(0,0,0,0.22);
  padding: 14px;
}
.kpi .label{
  color: var(--muted);
  font-size: 12px;
}
.kpi .value{
  margin-top: 6px;
  font-size: 22px;
  font-weight: 950;
  letter-spacing: -0.01em;
}

@media (max-width: 820px){
  .kpi{ grid-column: span 6; }
}
@media (max-width: 520px){
  .kpi{ grid-column: span 12; }
}