/* HerCar Live Patch v98 — graphite depth for calculator promo + proof footer bar */

.mobile-calculator-promo{padding-top:8px;padding-bottom:8px}
.mobile-calculator-promo-card{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:18px;
  min-height:122px;
  padding:20px 22px;
  border:1px solid #26282f;
  border-radius:24px;
  text-decoration:none;
  background:
    radial-gradient(circle at 92% 16%,rgba(245,29,44,.12),transparent 24%),
    radial-gradient(circle at 88% 16%,rgba(245,29,44,.09),transparent 34%),
    linear-gradient(145deg,#17181d 0%,#101116 55%,#111217 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 16px 36px rgba(16,17,21,.08);
}
.mobile-calculator-promo-card::after{
  content:"";
  position:absolute;
  right:-92px;
  top:-78px;
  width:270px;
  height:270px;
  border-radius:50%;
  border:44px solid rgba(245,29,44,.085);
  pointer-events:none;
}
.mobile-calculator-promo-icon{
  position:relative;
  z-index:1;
  width:56px;
  height:56px;
  min-width:56px;
  display:grid;
  place-items:center;
  border-radius:18px;
  background:linear-gradient(180deg,#ff3442,#f51d2c 88%);
  color:#fff;
  font-size:1.35rem;
  box-shadow:0 0 0 9px rgba(245,29,44,.10),0 12px 24px rgba(245,29,44,.22);
}
.mobile-calculator-promo-copy{position:relative;z-index:1;display:block;max-width:590px}
.mobile-calculator-promo-copy strong{
  display:block;
  color:#fbfbfd;
  font-size:clamp(1.55rem,2.65vw,2.55rem);
  line-height:.95;
  letter-spacing:-.04em;
  margin:0 0 8px;
}
.mobile-calculator-promo-copy small{
  display:block;
  color:#c0c2c9;
  font-size:.93rem;
  line-height:1.55;
}
.mobile-calculator-promo-arrow{
  position:relative;
  z-index:1;
  display:inline-flex;
  align-items:center;
  gap:9px;
  align-self:center;
  padding:14px 20px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:14px;
  background:#f5f5f7;
  color:#121318;
  font-size:.95rem;
  font-weight:850;
  white-space:nowrap;
  box-shadow:0 10px 22px rgba(0,0,0,.08);
}
.mobile-calculator-promo-arrow::before{content:"Open calculator";}
.mobile-calculator-promo-card:hover .mobile-calculator-promo-arrow,
.mobile-calculator-promo-card:focus-visible .mobile-calculator-promo-arrow{transform:translateY(-1px)}

.why-proof-bottom-v83{
  position:relative;
  overflow:hidden;
  border:1px solid #25272e;
  background:
    radial-gradient(circle at 92% 18%,rgba(245,29,44,.10),transparent 18%),
    radial-gradient(circle at 95% 40%,rgba(245,29,44,.075),transparent 30%),
    linear-gradient(145deg,#17181d 0%,#101116 56%,#111217 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 14px 28px rgba(16,17,21,.06);
}
.why-proof-bottom-v83::after{
  content:"";
  position:absolute;
  right:-80px;
  top:-86px;
  width:220px;
  height:220px;
  border-radius:50%;
  border:34px solid rgba(245,29,44,.08);
  pointer-events:none;
}
.why-proof-bottom-v83 > span{
  position:relative;
  z-index:1;
  color:#f6f6f8;
  letter-spacing:-.015em;
}
.why-proof-bottom-v83 .btn-primary{
  position:relative;
  z-index:1;
  box-shadow:0 10px 18px rgba(245,29,44,.16);
}

@media (max-width: 900px){
  .mobile-calculator-promo-card{grid-template-columns:auto 1fr;gap:16px;padding:18px 18px 74px}
  .mobile-calculator-promo-arrow{
    position:absolute;
    left:18px;
    right:18px;
    bottom:18px;
    justify-content:center;
    padding:13px 18px;
  }
  .mobile-calculator-promo-copy strong{font-size:clamp(1.35rem,5.5vw,2rem)}
}

@media (max-width: 650px){
  .mobile-calculator-promo-card{
    min-height:0;
    padding:18px 16px 76px;
    border-radius:22px;
    gap:14px;
    background:
      radial-gradient(circle at 108% 0,rgba(245,29,44,.11),transparent 34%),
      linear-gradient(155deg,#18191e 0%,#131419 100%);
  }
  .mobile-calculator-promo-card::after{
    right:-116px;
    top:-118px;
    width:240px;
    height:240px;
    border-width:38px;
  }
  .mobile-calculator-promo-icon{width:52px;height:52px;min-width:52px;border-radius:17px;font-size:1.25rem}
  .mobile-calculator-promo-copy strong{font-size:1.85rem;line-height:.98}
  .mobile-calculator-promo-copy small{font-size:.86rem;max-width:250px}
  .mobile-calculator-promo-arrow{
    left:16px;
    right:16px;
    bottom:16px;
    font-size:.88rem;
    padding:12px 16px;
    border-radius:13px;
  }
  .why-proof-bottom-v83{
    background:
      radial-gradient(circle at 110% 0,rgba(245,29,44,.10),transparent 30%),
      linear-gradient(155deg,#18191e 0%,#131419 100%);
  }
  .why-proof-bottom-v83::after{
    right:-98px;
    top:-92px;
    width:180px;
    height:180px;
    border-width:28px;
  }
}