/* CPI METRICS RESTORE V2 - scoped only */
#why.metrics-section,
.metrics-section:has(#metricsGrid),
.cpi-metrics-restored-section{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  background:#071426!important;
  color:#fff!important;
  padding:54px 0!important;
  margin:0!important;
  max-height:none!important;
  height:auto!important;
  overflow:visible!important;
}

#metricsGrid,
#metricsGrid.cpi-metrics-restored-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:0!important;
  visibility:visible!important;
  opacity:1!important;
  max-height:none!important;
  height:auto!important;
  overflow:visible!important;
}

#metricsGrid .cpi-metric-item{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  min-height:112px!important;
  padding:22px 28px!important;
  border-left:1px solid rgba(255,255,255,.18)!important;
  color:#fff!important;
  background:transparent!important;
  max-height:none!important;
  overflow:visible!important;
}

#metricsGrid .cpi-metric-item:first-child{
  border-left:0!important;
}

#metricsGrid .cpi-metric-value{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  color:#fff!important;
  font-size:38px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:-.04em!important;
  margin:0 0 10px!important;
  max-height:none!important;
  height:auto!important;
  overflow:visible!important;
}

#metricsGrid .cpi-metric-label{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  color:#cbd5e1!important;
  font-size:14px!important;
  line-height:1.35!important;
  font-weight:800!important;
  max-width:240px!important;
  max-height:none!important;
  height:auto!important;
  overflow:visible!important;
}

@media(max-width:900px){
  #why.metrics-section,
  .metrics-section:has(#metricsGrid),
  .cpi-metrics-restored-section{
    padding:34px 0!important;
    background:#071426!important;
  }

  #metricsGrid,
  #metricsGrid.cpi-metrics-restored-grid{
    grid-template-columns:1fr 1fr!important;
    padding-left:24px!important;
    padding-right:24px!important;
  }

  #metricsGrid .cpi-metric-item{
    min-height:104px!important;
    padding:18px 14px!important;
    border-left:0!important;
    border-top:1px solid rgba(255,255,255,.16)!important;
  }

  #metricsGrid .cpi-metric-item:nth-child(-n+2){
    border-top:0!important;
  }

  #metricsGrid .cpi-metric-value{
    font-size:30px!important;
  }

  #metricsGrid .cpi-metric-label{
    font-size:13px!important;
  }
}