/* V64 — Homepage attention cards. Scoped to the homepage statistics only. */
.stats-wrap .stats{
  gap:14px;
  background:transparent;
  box-shadow:none;
}
.stats-wrap .stat{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  min-height:118px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:20px 14px;
  border:1px solid rgba(255,255,255,.34);
  border-radius:16px;
  color:#fff;
  box-shadow:0 10px 24px rgba(4,32,68,.14);
  transition:transform .24s ease, box-shadow .24s ease, filter .24s ease;
}
.stats-wrap .stat::before{
  content:"";
  position:absolute;
  inset:-60% -25%;
  z-index:-1;
  background:linear-gradient(115deg,transparent 36%,rgba(255,255,255,.20) 49%,transparent 62%);
  transform:translateX(-65%);
  animation:homeStatSheen 6s ease-in-out infinite;
}
.stats-wrap .stat::after{
  content:"";
  position:absolute;
  width:82px;
  height:82px;
  border-radius:50%;
  right:-25px;
  bottom:-35px;
  background:rgba(255,255,255,.09);
  z-index:-1;
}
.stats-wrap .stat:nth-child(1){background:linear-gradient(135deg,#092a55 0%,#0d4e8b 100%)}
.stats-wrap .stat:nth-child(2){background:linear-gradient(135deg,#0c4974 0%,#1576a5 100%)}
.stats-wrap .stat:nth-child(3){background:linear-gradient(135deg,#8b5b05 0%,#c48a17 100%)}
.stats-wrap .stat:nth-child(4){background:linear-gradient(135deg,#293d62 0%,#4c6288 100%)}
.stats-wrap .stat strong{
  color:#fff;
  font-size:clamp(1.8rem,4vw,2.45rem);
  line-height:1;
  font-weight:800;
  text-shadow:0 2px 10px rgba(0,0,0,.14);
}
.stats-wrap .stat span{
  margin-top:10px;
  color:rgba(255,255,255,.96);
  font-weight:700;
  letter-spacing:.075em;
  line-height:1.35;
  text-align:center;
}
.stats-wrap .stat:nth-child(2),
.stats-wrap .stat:nth-child(3){
  animation:homeStatPulse 3.3s ease-in-out infinite;
}
.stats-wrap .stat:hover,
.stats-wrap .stat:focus-within{
  transform:translateY(-4px) scale(1.012);
  filter:saturate(1.08);
  box-shadow:0 16px 34px rgba(4,32,68,.22);
}
@keyframes homeStatSheen{
  0%,62%{transform:translateX(-68%)}
  78%,100%{transform:translateX(68%)}
}
@keyframes homeStatPulse{
  0%,100%{box-shadow:0 10px 24px rgba(4,32,68,.14)}
  50%{box-shadow:0 12px 30px rgba(190,139,30,.30),0 0 0 3px rgba(209,161,51,.10)}
}
@media (max-width:700px){
  .stats-wrap .stats{gap:10px}
  .stats-wrap .stat{min-height:106px;padding:17px 10px;border-radius:14px}
  .stats-wrap .stat span{font-size:.72rem;letter-spacing:.055em}
}
@media (prefers-reduced-motion:reduce){
  .stats-wrap .stat,
  .stats-wrap .stat::before{animation:none!important;transition:none!important}
}
