/* HerCar Live Patch v99 — refined graphite final CTA banner */
.final-cta .cta-box{
  position:relative;
  overflow:hidden;
  border:1px solid #25272f;
  border-radius:26px;
  background:
    radial-gradient(circle at 85% 16%, rgba(245,29,44,.10), transparent 22%),
    radial-gradient(circle at 92% 25%, rgba(245,29,44,.075), transparent 34%),
    linear-gradient(145deg,#17181d 0%,#101116 54%,#111217 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 16px 36px rgba(16,17,21,.08);
}
.final-cta .cta-box::after{
  content:"";
  position:absolute;
  right:-115px;
  top:-105px;
  width:320px;
  height:320px;
  border-radius:50%;
  border:46px solid rgba(245,29,44,.08);
  pointer-events:none;
}
.final-cta .cta-copy{
  position:relative;
  z-index:1;
}
.final-cta .cta-copy h2{
  color:#fbfbfd;
}
.final-cta .cta-copy p{
  color:#c0c2c9 !important;
}
.final-cta .cta-copy .eyebrow{
  color:#ff3341;
}
.final-cta .btn-primary{
  box-shadow:0 10px 18px rgba(245,29,44,.16);
}
.final-cta .btn-secondary{
  border-color:rgba(255,255,255,.16);
  background:#f5f5f7;
  color:#121318;
  box-shadow:0 10px 22px rgba(0,0,0,.08);
}
.final-cta .btn-secondary:hover{
  background:#ffffff;
  color:#111;
}
.final-cta .cta-photo{
  position:relative;
  z-index:1;
}
.final-cta .cta-photo::before{
  content:"";
  position:absolute;
  left:-18px;
  top:0;
  bottom:0;
  width:72px;
  background:linear-gradient(90deg, rgba(17,18,23,.94) 0%, rgba(17,18,23,.70) 30%, rgba(17,18,23,.28) 62%, rgba(17,18,23,0) 100%);
  pointer-events:none;
}
.final-cta .cta-photo img{
  position:relative;
  z-index:0;
}

@media (max-width: 900px){
  .final-cta .cta-box::after{
    width:280px;
    height:280px;
    right:-130px;
    top:-120px;
  }
  .final-cta .cta-photo::before{
    left:-12px;
    width:48px;
  }
}

@media (max-width: 650px){
  .final-cta .cta-box{
    background:
      radial-gradient(circle at 108% 0, rgba(245,29,44,.11), transparent 32%),
      linear-gradient(155deg,#18191e 0%,#131419 100%);
    border-radius:22px;
  }
  .final-cta .cta-box::after{
    width:230px;
    height:230px;
    right:-145px;
    top:-126px;
    border-width:38px;
  }
  .final-cta .cta-copy p{
    max-width:100% !important;
  }
  .final-cta .cta-photo::before{
    left:0;
    width:100%;
    height:26px;
    top:auto;
    bottom:100%;
    background:linear-gradient(180deg, rgba(19,20,25,0) 0%, rgba(19,20,25,.55) 100%);
    display:none;
  }
  .final-cta .btn-secondary{
    background:#f5f5f7;
    color:#121318;
  }
}
