.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%
    );
}

/* =========================================
VISIBLE WAVE PATTERN
suured nähtavad lained
========================================= */

/* Header */
.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;
}

/* SHINE MOVE */

@keyframes goldShine{

  0%   { background-position:0% 0; }
  50%  { background-position:100% 0; }
  100% { background-position:0% 0; }

}

/* ===================================================
WHY STATS — FINAL PREMIUM VERSION (CLEAN RESET)
=================================================== */

/* TAUST — ülevalt heledam, alla tumedam */
.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;
}

/* RESPONSIVE */
@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%
    );
}

/* ==========================================================
WHY STATS — LUXURY LIGHT SURFACE VERSION
========================================================== */

/* SECTION BACKGROUND */
.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%
    );
}


/* GRID */
.why-stats-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:50px;
  margin-top:40px;
}


/* CARDS — NOT GREY, WARM DARK */
.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);
}


/* HOVER — GOLD GLOW */
@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);
  }
}


/* NUMBER */
.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);
}


/* TITLE */
.why-stat-card h3{
  margin:0 0 16px;
  font-size:22px;
  font-weight:600;
  color:#fff;
}


/* TEXT */
.why-stat-card p{
  margin:0;
  font-size:16px;
  line-height:1.7;
  color:rgba(255,255,255,.85);
}


/* RESPONSIVE */
@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;
  }
}

/* ===================================================
WHY STATS — FAST MOVING ORB
=================================================== */

.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;
  
}

/* ===================================================
WHY STATS — SECOND SMALL ORB
=================================================== */

.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 — FORCE CONSISTENT TOP SPACING
========================================= */

.process{
  padding-top:120px !important;
}

/* kui tuleb kohe pärast why-stats */
.section.why-stats + .process{
  padding-top:60px !important;
}