.metrics-section{
    background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);
    padding:60px 0
}

.metrics-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(180px,1fr))
}

.metric-item{
    text-align:center;
    padding:32px 24px;
    position:relative
}

.metric-item:not(:last-child)::after{
    content:'';
    position:absolute;
    right:0;
    top:20%;
    height:60%;
    width:1px;
    background:rgba(255,255,255,.12)
}

.metric-number{
    display:block;
    font-size:clamp(2.2rem,4vw,3.2rem);
    font-weight:700;
    color:#4ade80;
    line-height:1;
    margin-bottom:10px;
    letter-spacing:-1px
}

.metric-label{
    display:block;
    font-size:.92rem;
    color:rgba(255,255,255,.6);
    letter-spacing:.04em;
    text-transform:uppercase;
    font-weight:500
}

@media(max-width:600px){
    .metrics-grid{grid-template-columns:repeat(2,1fr)}
    .metric-item::after{display:none!important}
    .metric-item:nth-child(odd){border-right:1px solid rgba(255,255,255,.12)}
    .metric-item:nth-child(1),.metric-item:nth-child(2){border-bottom:1px solid rgba(255,255,255,.12)}
}