/* The closing CTA on the inner pages (Pricing, About, Features, the Blog): the homepage's
   dark bookend (css/home-final-cta.css, which stays homepage-only), running into the dark
   footer. Markup: section.hp-final > .wrap > eyebrow, h2, lead, .hp-final-ctas, note. */
.hp-final{position:relative;overflow:hidden;padding:64px 0 60px;text-align:center;color:#fff;
  background:radial-gradient(700px 300px at 50% 0%,rgba(139,92,246,.30),transparent 72%),
    radial-gradient(500px 260px at 50% 110%,rgba(99,102,241,.16),transparent 70%),#12101F;
  border-bottom:1px solid rgba(255,255,255,.07)}
.hp-final-eyebrow{display:inline-flex;padding:6px 14px;border-radius:999px;border:1px solid rgba(196,181,253,.28);
  font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#C4B5FD;margin-bottom:16px}
.hp-final h2{font-size:46px;line-height:1.06;font-weight:800;letter-spacing:-.035em;color:#fff;margin:0 auto 14px;max-width:720px;text-wrap:balance}
.hp-final-lead{font-size:18px;line-height:1.55;color:rgba(255,255,255,.7);max-width:640px;margin:0 auto 26px;text-wrap:pretty}
.hp-final-points{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 24px;list-style:none;padding:0;margin:-6px auto 26px;max-width:760px;font-size:15px;color:rgba(255,255,255,.82)}
.hp-final-points li{position:relative;padding-left:22px}
.hp-final-points li::before{content:"";position:absolute;left:2px;top:.45em;width:10px;height:6px;border-left:2px solid #C4B5FD;border-bottom:2px solid #C4B5FD;transform:rotate(-45deg)}
.hp-final-ctas{display:flex;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap}
.hp-final .btn-grad{display:inline-block;color:#fff;font-weight:700;text-decoration:none;
  background:linear-gradient(135deg,#6366F1,#8B5CF6);padding:16px 30px;font-size:16px;border-radius:13px;
  box-shadow:0 14px 32px -12px rgba(124,58,237,.85)}
.hp-final .btn-grad:hover{color:#fff}
.hp-final .btn-grad:focus-visible,.hp-final-alt:focus-visible{outline:2px solid #C4B5FD;outline-offset:3px}
.hp-final-alt{display:inline-block;padding:11px 0;font-size:15px;font-weight:600;color:#C4B5FD;text-decoration:none}
.hp-final-alt:hover{color:#fff}
.hp-final-note{margin:16px 0 0;font-size:13.5px;color:rgba(255,255,255,.5)}
.hp-nowrap{white-space:nowrap}
@media (max-width:640px){
  .hp-final{padding:56px 0 52px}
  .hp-final h2{font-size:32px}
  .hp-final-lead{font-size:16px}
  .hp-final-ctas{flex-direction:column;gap:14px}
}