.stats-section{
position:relative;
padding:110px 0 120px;
overflow:hidden;
background:
radial-gradient(circle at 10% 20%, rgba(95,201,223,.14), transparent 22%),
radial-gradient(circle at 88% 78%, rgba(17,143,166,.14), transparent 24%);
color:#fff;
}

.stats-section::before{
content:"";
position:absolute;
inset:0;
background:
linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),
linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);
background-size:58px 58px;
mask-image:linear-gradient(180deg, rgba(0,0,0,.55), transparent 100%);
opacity:0;
pointer-events:none;
}

.stats-shell{
position:relative;
z-index:1;
min-width:0;
}

.stats-intro{
max-width:700px;
margin:0 auto 48px;
text-align:center;
}

.stats-kicker{
display:inline-flex;
align-items:center;
gap:10px;
padding:10px 16px;
margin-bottom:18px;
border-radius:999px;
background:rgba(255,255,255,.06);
border:1px solid rgba(95,201,223,.18);
color:#d9f7fb;
font-size:14px;
}

.stats-kicker::before{
content:"";
width:8px;
height:8px;
border-radius:50%;
background:#7be6f3;
box-shadow:0 0 14px rgba(123,230,243,.9);
}

.stats-title{
margin:0 0 16px;
font-size:clamp(32px, 4vw, 48px);
line-height:1.18;
text-shadow:0 8px 28px rgba(0,0,0,.16);
}

.stats-text{
margin:0;
font-size:17px;
line-height:1.9;
color:rgba(232,244,247,.82);
}

.stats-grid{
display:grid;
grid-template-columns:repeat(4, minmax(0, 1fr));
gap:24px;
min-width:0;
}

.stat-card{
position:relative;
display:flex;
flex-direction:column;
justify-content:flex-start;
min-height:250px;
padding:28px;
border-radius:28px;
background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.025));
border:1px solid rgba(255,255,255,.08);
box-shadow:0 24px 50px rgba(0,0,0,.18);
backdrop-filter:blur(12px);
overflow:hidden;
min-width:0;
}

.stat-card::before{
content:"";
position:absolute;
top:0;
left:0;
right:0;
height:3px;
background:linear-gradient(90deg, #34c8e3, #9cecf6, #34c8e3);
box-shadow:0 0 16px rgba(156,236,246,.35);
}

.stat-card::after{
content:"";
position:absolute;
left:-24%;
top:1px;
width:24%;
height:2px;
background:linear-gradient(90deg, rgba(156,236,246,0), rgba(220,253,255,.98), rgba(156,236,246,0));
box-shadow:0 0 10px rgba(200,250,255,.6);
border-radius:0;
filter:blur(.5px);
animation:statsBeam 3.4s linear infinite;
}

.stat-card-large{
background:linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.04));
}

.stat-card-accent{
background:linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.04));
}

.stat-icon{
display:inline-flex;
align-items:center;
justify-content:center;
width:64px;
height:64px;
margin-bottom:22px;
border-radius:20px;
background:linear-gradient(180deg, rgba(95,201,223,.14), rgba(255,255,255,.04));
border:1px solid rgba(95,201,223,.16);
color:#8ce9f7;
box-shadow:0 14px 30px rgba(0,0,0,.12);
}

.stat-icon svg{
width:28px;
height:28px;
stroke-width:1.9;
}

.stat-title-text{
display:block;
margin-bottom:14px;
font-size:24px;
font-weight:800;
line-height:1.35;
color:#f4fdff;
}

.stat-note{
margin:0;
font-size:15px;
line-height:1.85;
color:rgba(232,244,247,.78);
}

@keyframes statsBeam{
from{
transform:translateX(0);
}
to{
transform:translateX(520%);
}
}

@media (max-width: 1100px){
.stats-grid{
grid-template-columns:repeat(2, minmax(0, 1fr));
}
}

@media (max-width: 900px){
.stats-grid{
grid-template-columns:1fr;
}
}

@media (max-width: 767px){
.stats-section{
padding:88px 0;
}

.stats-intro{
margin-bottom:32px;
}

.stat-card{
min-height:auto;
padding:24px;
border-radius:22px;
}
}