.section.why-stats{
position:relative;
padding:130px 0;
overflow:hidden;
background:
radial-gradient(1200px 600px at 50% -10%, rgba(255,210,140,.18), transparent 60%),
linear-gradient(
180deg,
#1b1b1f 0%,
#141418 35%,
#0f0f12 70%,
#0a0a0c 100%
);
}  .why-stats .section-header{
margin:0 auto 42px;
max-width:860px;
}
.why-stats .section-eyebrow{
display:inline-block;
font-size:12px;
letter-spacing:.16em;
text-transform:uppercase;
color:#64748b;
margin-bottom:10px;
}
.why-stats .section-header h2{
font-family:"Outfit",sans-serif;
font-weight:600;
font-size:clamp(36px,4vw,56px);
line-height:1.08;
letter-spacing:-.02em;
color:#fff;
}
.why-stats .section-header p{
margin:0;
font-size:16px;
line-height:1.75;
color:#475569;
}
.why-stats-grid{
display:grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap:18px;
align-items:stretch;
} @keyframes goldShine{
0%   { background-position:0% 0; }
50%  { background-position:100% 0; }
100% { background-position:0% 0; }
}  .section.why-stats{
position:relative;
padding:150px 0;
overflow:hidden;
background:
radial-gradient(1100px 600px at 50% -15%, rgba(255,225,160,.35), transparent 60%),
linear-gradient(
180deg,
#1e1e24 0%,
#141418 40%,
#0d0d11 75%,
#09090c 100%
);
}
.why-stats-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:48px;
margin-top:80px;
} @media (max-width:1100px){
.why-stats-grid{
grid-template-columns:repeat(2,1fr);
}
}
@media (max-width:640px){
.why-stats-grid{
grid-template-columns:repeat(2,1fr);
}
.why-stat-card{
padding:38px 28px;
}
}
.section.why-stats{
position:relative;
padding:160px 0;
overflow:hidden;
background:
linear-gradient(
180deg,
#1f1f25 0%,
#141418 45%,
#0c0c10 100%
);
}  .section.why-stats{
position:relative;
padding:100px 0;
overflow:hidden;
background:
radial-gradient(1200px 700px at 50% -10%, rgba(255,225,160,.35), transparent 60%),
linear-gradient(
180deg,
#19191f 0%,
#121218 50%,
#0c0c10 100%
);
} .why-stats-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:50px;
margin-top:40px;
} .why-stat-card{
position:relative;
padding:70px 50px;
border-radius:18px;
background:
radial-gradient(circle at 20% 10%, rgba(255,210,120,.18), transparent 50%),
linear-gradient(
180deg,
#2f2b25 0%,
#242018 100%
);
border:1px solid rgba(255,210,120,.25);
box-shadow:
0 70px 200px rgba(0,0,0,.75);
text-align:center;
transition:.5s cubic-bezier(.22,1,.36,1);
} @media (hover:hover){
.why-stat-card:hover{
transform:translateY(-18px);
box-shadow:
0 120px 260px rgba(0,0,0,.9),
0 0 140px rgba(255,210,120,.35);
border-color:rgba(255,210,120,.6);
}
} .why-stat-number{
font-family:"Outfit",sans-serif;
font-size:clamp(70px,6vw,100px);
font-weight:700;
line-height:1;
margin-bottom:28px;
background:var(--vl24-gold-metal);
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
text-shadow:
0 18px 80px rgba(255,210,120,.4);
} .why-stat-card h3{
margin:0 0 16px;
font-size:22px;
font-weight:600;
color:#fff;
} .why-stat-card p{
margin:0;
font-size:16px;
line-height:1.7;
color:rgba(255,255,255,.85);
} @media (max-width:1100px){
.why-stats-grid{
grid-template-columns:repeat(2,1fr);
}
}
@media (max-width:640px){
.why-stats-grid{
grid-template-columns:1fr;
}
.why-stat-card{
padding:50px 35px;
}
} .section.why-stats{
position:relative;
overflow:hidden;
}
.section.why-stats::before{
content:"";
position:absolute;
width:500px;
height:500px;
top:30%;
left:20%;
background:radial-gradient(
circle,
rgba(255,210,120,1) 0%,
rgba(255,210,120,.7) 30%,
rgba(255,210,120,.3) 55%,
transparent 75%
);
filter:blur(60px);
animation:fastOrb 6s linear infinite alternate;
pointer-events:none;
z-index:0;
}
@keyframes fastOrb{
0%   { transform:translate(0,0); }
100% { transform:translate(400px,-200px); }
}
.section.why-stats > .container{
position:relative;
z-index:2;
}
.why-stats .section-header h2{
margin-top:8px;
} .section.why-stats::after{
content:"";
position:absolute;
width:260px;
height:260px;
bottom:20%;
right:15%;
background:radial-gradient(
circle,
rgba(255,170,60,1) 0%,
rgba(255,170,60,.8) 35%,
rgba(255,170,60,.4) 60%,
transparent 80%
);
filter:blur(40px);
animation:fastOrbSmall 4s linear infinite alternate;
pointer-events:none;
z-index:0;
}
@keyframes fastOrbSmall{
0%   { transform:translate(0,0); }
100% { transform:translate(-120px,100px); }
}
@media (max-width:640px){
.section.why-stats::before{
width:420px;
height:420px;
animation:fastOrb 5s linear infinite alternate;
}
.section.why-stats::after{
width:220px;
height:220px;
animation:fastOrbSmall 3.5s linear infinite alternate;
}
} .process{
padding-top:120px !important;
} .section.why-stats + .process{
padding-top:60px !important;
}