/* v12 - the thank-you page, in the campaign's language */

.erplw-thanks .hero.ty-hero{padding:86px 0 120px;text-align:center}
.erplw-thanks .hero.ty-hero .wrap{max-width:820px;text-align:center}
.erplw-thanks .ty-hero .kicker{display:block;text-align:center;margin:0 auto 14px}
.erplw-thanks .ty-hero h1{
  font-size:clamp(34px,4.6vw,54px);line-height:1.2;color:#fff;font-weight:800;
  letter-spacing:-.025em;margin:0 auto;max-width:14ch;
}
.erplw-thanks .ty-hero .lede{
  margin:20px auto 0;max-width:52ch;font-size:clamp(16px,1.5vw,19px);
  line-height:1.75;color:rgba(255,255,255,.86);text-align:center;
}
.erplw-thanks .ty-hero .facts{margin-top:34px}

.erplw-thanks .ty-mark{
  width:74px;height:74px;margin:0 auto 26px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-size:34px;line-height:1;color:#0E2A33;font-weight:700;
  background:#9DD3DB;
  box-shadow:0 0 0 12px rgba(157,211,219,.18),0 22px 44px -20px rgba(4,10,40,.7);
}

.erplw-thanks .ty-cals{
  display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:34px;
}
.erplw-thanks .ty-cals .btn{min-width:210px;justify-content:center;text-align:center}
.erplw-thanks .btn.ghost{
  background:#fff;border:1px solid #CBD5E6;box-shadow:0 10px 24px -16px rgba(12,20,60,.4);
}
.erplw-thanks .btn.ghost span{color:#232863}
.erplw-thanks .btn.ghost:hover{background:#F2F6FC;border-color:#A9BBD8}
.erplw-thanks .ty-note{
  margin:22px auto 0;text-align:center;font-size:15px;color:#6B7A93;max-width:60ch;
}

@media (max-width:820px){
  .erplw-thanks .hero.ty-hero{padding:62px 0 74px}
  .erplw-thanks .ty-cals .btn{min-width:0;flex:1 1 100%}
}