/* Meister Carbon Cleaners — Homepage Proof + Vehicle Slider V10 */

.home-proof{
  padding:0 0 56px;
  background:#fff;
}

.home-proof-panel{
  position:relative;
  overflow:hidden;
  background:#171b22;
  border-radius:22px;
  color:#fff;
  box-shadow:0 18px 46px rgba(20,24,32,.10);
}

.home-proof-panel::before{
  content:"";
  position:absolute;
  width:360px;
  height:360px;
  right:-150px;
  top:-210px;
  border-radius:50%;
  background:rgba(227,6,19,.12);
  pointer-events:none;
}

.home-proof-main{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:1.05fr 1.95fr;
  gap:30px;
  align-items:center;
  padding:28px 30px 26px;
}

.home-proof-copy .mini-title{
  margin:0 0 7px;
  color:#ff2632!important;
}

.home-proof-copy h2{
  margin:0;
  max-width:430px;
  color:#fff;
  font-size:clamp(1.55rem,2.8vw,2.2rem);
  line-height:1.08;
  letter-spacing:-.035em;
}

.home-proof-copy p{
  margin:10px 0 0;
  max-width:480px;
  color:rgba(255,255,255,.67);
  font-size:.83rem;
  line-height:1.55;
}

.home-proof-stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}

.home-proof-stat{
  min-height:112px;
  padding:17px 18px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:15px;
  background:rgba(255,255,255,.055);
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.home-proof-stat strong{
  display:block;
  color:#fff;
  font-size:clamp(1.65rem,3vw,2.5rem);
  line-height:1;
  letter-spacing:-.045em;
}

.home-proof-stat strong.compact{
  font-size:clamp(1rem,1.75vw,1.34rem);
  line-height:1.12;
  letter-spacing:-.02em;
}

.home-proof-stat span{
  display:block;
  margin-top:7px;
  color:rgba(255,255,255,.64);
  font-size:.72rem;
  font-weight:700;
  line-height:1.35;
}

/* Moving strip */
.home-vehicle-slider{
  position:relative;
  z-index:1;
  overflow:hidden;
  padding:18px 0;
  border-top:1px solid rgba(255,255,255,.10);
  background:rgba(0,0,0,.13);
}

.home-vehicle-slider::before,
.home-vehicle-slider::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width:72px;
  z-index:3;
  pointer-events:none;
}

.home-vehicle-slider::before{
  left:0;
  background:linear-gradient(90deg,#171b22,rgba(23,27,34,0));
}

.home-vehicle-slider::after{
  right:0;
  background:linear-gradient(270deg,#171b22,rgba(23,27,34,0));
}

.home-vehicle-track{
  display:flex;
  width:max-content;
  animation:mccVehicleMarquee 26s linear infinite;
  will-change:transform;
}

.home-vehicle-slider:hover .home-vehicle-track{
  animation-play-state:paused;
}

.home-vehicle-set{
  display:flex;
  align-items:center;
  gap:0;
  flex-shrink:0;
}

.home-vehicle-item{
  min-width:165px;
  padding:2px 23px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:11px;
  color:#fff;
  border-right:1px solid rgba(255,255,255,.09);
  white-space:nowrap;
}

.home-vehicle-item i{
  min-width:30px;
  color:#e30613;
  font-size:1.55rem;
  text-align:center;
}

.home-vehicle-item b{
  font-size:.78rem;
  letter-spacing:.02em;
}

@keyframes mccVehicleMarquee{
  from{transform:translateX(0)}
  to{transform:translateX(-50%)}
}

.home-proof-foot{
  position:relative;
  z-index:1;
  padding:11px 20px 13px;
  color:rgba(255,255,255,.46);
  font-size:.67rem;
  text-align:center;
  border-top:1px solid rgba(255,255,255,.06);
}

@media(max-width:900px){
  .home-proof-main{
    grid-template-columns:1fr;
  }
}

@media(max-width:700px){
  .home-proof{
    padding-bottom:42px;
  }

  .home-proof-panel{
    border-radius:18px;
  }

  .home-proof-main{
    padding:23px 18px 21px;
  }

  .home-proof-stats{
    grid-template-columns:1fr;
  }

  .home-proof-stat{
    min-height:auto;
  }

  .home-vehicle-item{
    min-width:145px;
    padding:2px 18px;
  }

  .home-vehicle-slider::before,
  .home-vehicle-slider::after{
    width:38px;
  }
}

@media(prefers-reduced-motion:reduce){
  .home-vehicle-track{
    animation:none;
    width:100%;
  }

  .home-vehicle-set{
    width:100%;
    flex-wrap:wrap;
    justify-content:center;
  }

  .home-vehicle-set[aria-hidden="true"]{
    display:none;
  }

  .home-vehicle-item{
    flex:1 1 145px;
    min-width:130px;
  }

  .home-vehicle-slider::before,
  .home-vehicle-slider::after{
    display:none;
  }
}