/* Clear, larger calls to action across the brand and creator pages. */
.pearl-cta,
.hero-capture button.pearl-cta,
.main-nav .mobile-nav-cta.pearl-cta,
.final-cta .button.pearl-cta,
.creator-nav-cta,
.creator-button-primary,
.simulator-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:56px;
  padding:0 28px;
  border:1px solid #172a48;
  border-radius:999px;
  background:#172a48;
  color:#fff;
  box-shadow:none;
  font-size:16px;
  font-weight:650;
  line-height:1.2;
  text-align:center;
  text-decoration:none;
  transition:background-color .2s ease,border-color .2s ease,transform .2s ease;
}
.pearl-cta .pearl-wrap{display:flex;align-items:center;justify-content:center;width:auto;padding:0;overflow:visible;isolation:auto}
.pearl-cta .pearl-wrap::before,.pearl-cta .pearl-wrap::after{content:none;display:none}
.pearl-cta .pearl-content{color:inherit;font:inherit;line-height:inherit;letter-spacing:-.02em;transform:none;-webkit-mask-image:none;mask-image:none}
.pearl-cta:is(:hover,:focus-visible),
.hero-capture button.pearl-cta:is(:hover,:focus-visible),
.final-cta .button.pearl-cta:is(:hover,:focus-visible),
.creator-nav-cta:hover,
.creator-button-primary:hover,
.simulator-cta:hover{
  transform:translateY(-2px);
  border-color:#275fbd;
  background:#275fbd;
  color:#fff;
  box-shadow:none;
}
.pearl-cta:is(:hover,:focus-visible) .pearl-content{transform:none}
.pearl-cta:active,.creator-nav-cta:active,.creator-button-primary:active,.simulator-cta:active{transform:translateY(0);box-shadow:none}
.pearl-cta:focus-visible,.creator-nav-cta:focus-visible,.creator-button:focus-visible,.simulator-cta:focus-visible{outline:3px solid #79aaff;outline-offset:3px}

.main-nav .mobile-nav-cta.pearl-cta{display:none}
.nav-actions .pearl-cta,.creator-nav-cta{min-height:48px;padding:0 21px;font-size:14px}
.nav-actions .pearl-cta .pearl-wrap{padding:0}
.nav-actions .pearl-cta .pearl-content{font-size:14px}
.hero-capture{min-height:68px;height:auto;padding:5px 6px 5px 18px}
.hero-capture button.pearl-cta{min-height:56px;height:56px;padding:0 23px;flex:none;white-space:nowrap}
.hero-capture .pearl-cta .pearl-wrap{padding:0}
.hero-capture .pearl-cta .pearl-content{font-size:15px}
.center-cta .pearl-cta{min-height:58px;padding:0 31px}
.final-cta form{align-items:center;padding:7px;border-radius:999px}
.final-cta input{border-radius:999px;background:transparent}
.final-cta .pearl-cta{min-height:56px;padding:0 27px}
.lead-submit{min-height:58px}
.lead-submit .pearl-wrap{display:flex}
.creator-button{min-height:58px;padding:0 29px;font-size:16px}
.creator-button-secondary{border:1px solid #c3d4ec;background:#fff;color:#172a48;box-shadow:none}
.creator-button-secondary:hover{transform:translateY(-2px);border-color:#759bd2;background:#f3f8ff;box-shadow:none}
.simulator-cta{min-height:58px;padding:0 29px}

@media(max-width:800px){
  body:not(.creator-page) .nav-actions{display:none}
  .main-nav .mobile-nav-cta.pearl-cta{display:flex;min-height:52px;margin-top:9px;padding:0 18px}
  .creator-page .main-nav .mobile-nav-cta{min-height:52px;border-radius:999px;font-size:15px}
}
@media(max-width:640px){
  .final-cta form{border-radius:24px}
}
@media(max-width:600px){
  .hero-capture{padding:9px;gap:8px}
  .hero-capture input{height:38px}
  .hero-capture button.pearl-cta{width:100%;min-height:55px;height:auto;padding:11px 18px}
  .hero-capture .pearl-cta .pearl-content{font-size:14px}
  .final-cta .pearl-cta{width:100%}
}
@media(max-width:520px){
  .nav-actions .pearl-cta{min-height:46px;padding:0 14px}
  .nav-actions .pearl-cta .pearl-wrap{padding:0}
  .nav-actions .pearl-cta .pearl-content{font-size:12px}
  .hero-capture button.pearl-cta{min-height:55px;height:auto;width:100%;padding:11px 18px}
  .hero-capture .pearl-cta .pearl-wrap{padding:0}
  .hero-capture .pearl-cta .pearl-content{font-size:14px}
}
@media(prefers-reduced-motion:reduce){
  .pearl-cta,.creator-nav-cta,.creator-button,.simulator-cta{transition:none}
}
