.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:60px 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;
}
}  .section.why-stats{
background:#f8fafc !important;
padding:0px 0 !important;
} .section.why-stats::before,
.section.why-stats::after{
display:none !important;
} .why-stats .section-header h2{
color:#111 !important;
}
.why-stats .section-header p{
color:#555 !important;
} .why-stats-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:20px;
margin-top:40px;
} .why-stat-card{
background:#ffffff !important;
border:1px solid rgba(0,0,0,0.05) !important;
border-radius:14px !important;
padding:32px 24px !important;
text-align:center;
box-shadow:
0 6px 20px rgba(0,0,0,.06) !important;
transition:all .25s ease;
} .why-stat-number{
font-size:42px;
font-weight:700;
color:#111 !important;
margin-bottom:12px;
} .why-stat-card h3{
font-size:16px;
font-weight:600;
color:#111 !important;
margin-bottom:6px;
} .why-stat-card p{
font-size:14px;
color:#666 !important;
line-height:1.5;
} .why-stat-card:hover{
background:#dc2626 !important;
border-color:#dc2626 !important;
transform:translateY(-4px);
box-shadow:
0 16px 40px rgba(0,0,0,.12) !important;
} .why-stat-card:hover h3,
.why-stat-card:hover p,
.why-stat-card:hover .why-stat-number{
color:#fff !important;
} @media (max-width:1100px){
.why-stats-grid{
grid-template-columns:repeat(2,1fr);
}
}
@media (max-width:640px){
.why-stats-grid{
grid-template-columns:1fr;
}
}
.section.why-stats{
padding-top:0px !important; padding-bottom:40px !important; } .why-stat-number{
display:inline-flex;
align-items:center;
justify-content:center;
min-width:72px;
height:56px;
padding:0 14px;
border-radius:8px; background:#dc2626;
color:#fff !important;
font-size:26px; font-weight:800;
letter-spacing:-0.01em;
margin:0 auto 16px;
transition:all .25s ease; background-clip:unset !important;
-webkit-background-clip:unset !important;
-webkit-text-fill-color:#fff !important;
text-shadow:none !important;
} .why-stat-card:hover .why-stat-number{
background:#fff !important;
color:#dc2626 !important;
box-shadow:0 6px 20px rgba(0,0,0,.12);
}
.why-stat-card:hover .why-stat-number{
background:#fff !important;
color:#dc2626 !important;
-webkit-text-fill-color:#dc2626 !important;
} .why-stats-grid{
display:grid !important; grid-template-columns:repeat(auto-fit, minmax(0,1fr)) !important;
width:100% !important;
gap:16px !important;
} .why-stat-card{
width:100% !important;
min-width:0 !important;
box-sizing:border-box !important;
} @media (max-width:768px){
.why-stats-grid{
gap:8px !important;
}
.why-stat-card{
padding:14px 10px !important;
}
.why-stat-number{
font-size:18px !important;
height:40px !important;
}
}
@media (max-width:768px){
.section.why-stats{
padding-top:0px !important;  
padding-bottom:40px !important; 
}
}