/* One payment call to action across the marketing pages and tools. */
.subscribe-cta,
.site-nav .nav-login.nav-subscribe,
.site-nav .nav-mobile a.nav-subscribe {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: #e5a422;
  color: #0f1a2b;
  border: 0;
  border-radius: 6px;
  padding: 10px 16px;
  font-family: 'Barlow Condensed', sans-serif;
  font-size: 18px;
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: .01em;
  text-decoration: none;
  cursor: pointer;
  box-shadow: 0 8px 20px rgba(229,164,34,.35);
  transition: background .15s, box-shadow .15s;
}
.subscribe-cta:hover,
.site-nav .nav-login.nav-subscribe:hover,
.site-nav .nav-mobile a.nav-subscribe:hover {
  background: #f6d27f;
  color: #0f1a2b;
  box-shadow: 0 8px 20px rgba(229,164,34,.35);
}
.subscribe-cta:focus-visible,
.site-nav .nav-subscribe:focus-visible {
  outline: 3px solid #e5a422;
  outline-offset: 3px;
  box-shadow: 0 0 0 2px #0f1a2b, 0 8px 20px rgba(229,164,34,.35);
}
.subscribe-cta:disabled { opacity: .65; cursor: wait; }
.site-nav .nav-login.nav-subscribe { display: none; }
.subscribe-cta-compact { margin-left: 10px; padding: 7px 14px; font-size: 16px; }
.subscribe-cta-full { display: flex; width: 100%; text-align: center; }

/* The Subscribe control is the only gold action in the site header. */
.site-nav .nav-cta { background: #dfe6ee; color: #0f1a2b !important; }
.site-nav .nav-cta:hover { background: #fff !important; }
.site-nav .nav-mobile a.nav-cta-mobile { color: #dfe6ee !important; }
.site-nav .nav-mobile a.nav-subscribe { margin: 8px 0; border-bottom: 0; }
@media (min-width: 1100px) {
  .site-nav .nav-login.nav-subscribe { display: inline-flex; margin-right: 4px; white-space: nowrap; }
}

/* Existing tool buttons have their own styles; these selectors win without
   changing the styling of the trial or other controls beside them. */
#subscribe-box button.subscribe-cta,
#trial-bar button.subscribe-cta {
  background: #e5a422;
  color: #0f1a2b;
  border: 0;
  box-shadow: 0 8px 20px rgba(229,164,34,.35);
}
#subscribe-box button.subscribe-cta:hover,
#trial-bar button.subscribe-cta:hover { background: #f6d27f; color: #0f1a2b; }

@media (max-width: 390px) {
  .subscribe-cta-compact { margin: 8px 0 0; }
}
@media (prefers-reduced-motion: reduce) {
  .subscribe-cta, .site-nav .nav-subscribe { transition: none; }
}