.usage-metrics{padding:clamp(44px,7vw,82px) 0;background:linear-gradient(180deg,#f4f8fb 0%,#fff 100%)}
.usage-metrics-head{max-width:760px;margin-bottom:25px}.usage-metrics-head .eyebrow{margin-bottom:10px}.usage-metrics-head h2{margin:0;color:#102f45;font-size:clamp(25px,3vw,36px);letter-spacing:-.035em}.usage-metrics-head p{margin:11px 0 0;color:#607387;line-height:1.7}
.usage-metrics-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.usage-metric{min-width:0;min-height:140px;padding:20px;border:1px solid #d9e5ed;border-radius:18px;background:rgba(255,255,255,.9);box-shadow:0 10px 26px rgba(20,51,71,.055)}.usage-metric-icon{display:grid;place-items:center;width:38px;height:38px;margin-bottom:16px;border-radius:12px;background:#e8f7f8;color:#087a91;font-size:18px}.usage-metric-value{display:block;color:#12354a;font-size:clamp(18px,1.7vw,27px);font-weight:800;line-height:1.15;overflow-wrap:anywhere}.usage-metric-label{display:block;margin-top:7px;color:#667b8c;font-size:13px;font-weight:650}.usage-metric--volume .usage-metric-value{font-size:16px;line-height:1.6}.usage-metrics-foot{margin:15px 2px 0;color:#8393a1;font-size:11px;line-height:1.5}.usage-metrics[hidden]{display:none}
@media(max-width:1100px){.usage-metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.usage-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.usage-metric{min-height:128px;padding:15px;border-radius:15px}.usage-metric--volume{grid-column:1/-1}.usage-metrics-foot{font-size:10px}}