/* Проводной умный дом — stats как pr-stat на «Проектирование» */

.wr-rv{opacity:1}
.wr-js .wr-rv{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}
.wr-js .wr-rv.is-in{opacity:1;transform:none}

.wr-stats-band{position:relative;z-index:5;padding:0 0 8px}
.uni-main:has(.wr-hero) .uni-wrap .wr-stats-band,
.wr-full.wr-stats-band{margin-top:-56px !important}
@media (max-width:600px){
  .uni-main:has(.wr-hero) .uni-wrap .wr-stats-band,
  .wr-full.wr-stats-band{margin-top:-36px !important}
}

.wr-stats{
  display:grid !important;
  grid-template-columns:repeat(4,1fr) !important;
  gap:14px !important;
  margin:0 !important;
  padding:22px !important;
  border-radius:20px !important;
  background:linear-gradient(135deg,rgba(20,22,32,.96),rgba(18,16,28,.94)) !important;
  border:1px solid rgba(127,107,255,.28) !important;
  backdrop-filter:blur(12px);
  box-shadow:0 16px 40px rgba(0,0,0,.35) !important;
}

.wr-stat{
  text-align:center !important;
  padding:8px !important;
  border-radius:14px !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  transition:transform .25s ease,background .25s ease !important;
}

.wr-stat:hover{
  transform:translateY(-4px) !important;
  background:rgba(255,255,255,.05) !important;
}

.wr-stat-num{
  font:800 clamp(26px,3.6vw,42px)/1 'VelaSans',system-ui,sans-serif !important;
  background:linear-gradient(90deg,#CFC7FF,#7F6BFF) !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  color:transparent !important;
}

.wr-stat-label{
  margin:8px 0 0 !important;
  font:500 13px/1.4 'VelaSans',system-ui,sans-serif !important;
  color:rgba(238,240,246,.72) !important;
}

@media (max-width:760px){
  .wr-stats{grid-template-columns:1fr 1fr !important}
}

@media (prefers-reduced-motion:reduce){
  .wr-js .wr-rv{animation:none!important;transition:none;opacity:1;transform:none}
}