/* Navbar Pricing pill + in-menu Log in, shared by every static page's Webflow navbar.
   Selectors are specific enough to win over each page's inline .navbar_login-btn rules
   regardless of load order. */

/* Desktop: Pricing + Log in sit together as a pair */
.navbar_ctas{
  display:flex;
  align-items:center;
  gap:0.625rem;
}
.navbar_ctas .navbar_pricing-btn,
.navbar_ctas .navbar_login-btn{
  margin-left:0;
}
/* Pin the pills' line-height: a page with a looser body line-height (results) would otherwise grow them */
.navbar_pricing-btn,
.navbar_ctas .navbar_login-btn,
.menu_links .navbar_login-btn--menu{
  line-height:1.4;
}

/* Buyers never see Pricing: <html class="pp-paid"> is set by a head script from the
   pp_paid cookie (lib/paid-cookie.ts) before first paint, so there is no flash */
html.pp-paid .navbar_pricing-btn{
  display:none!important;
}

/* Soft tinted pill, distinct from the solid Log in pill */
.navbar_pricing-btn{
  display:inline-flex;
  align-items:center;
  padding:0.5rem 1.25rem;
  background-color:#c3d1e3;
  color:#0d2442;
  font-family:inherit;
  font-size:0.875rem;
  font-weight:600;
  letter-spacing:-0.01em;
  border-radius:100px;
  text-decoration:none;
  transition:background-color 0.2s ease;
  white-space:nowrap;
  cursor:pointer;
  border:none;
  margin-left:0.5rem;
}
/* Hover only on real pointers, so a tap doesn't leave phones stuck on the darker shade */
@media (hover:hover){
  .navbar_pricing-btn:hover{
    background-color:#a6bad3;
  }
}

/* Log in inside the hamburger menu: lives in .menu_links so it rides the menu-open animation */
.menu_links .navbar_login-btn--menu{
  align-self:flex-start;
  margin-left:0;
  margin-top:0.75rem;
  padding:0.65rem 1.5rem;
  font-size:1rem;
}

/* Phone: Pricing replaces Log in in the top bar */
.navbar_pricing-btn--mobile{
  display:none;
}
@media (max-width:991px){
  /* the 2rem gap is sized for the desktop links; pull Pricing in toward the hamburger */
  .navbar_content .navbar_links-menu{
    gap:0.5rem!important;
  }
  .navbar_pricing-btn.navbar_pricing-btn--mobile{
    display:inline-flex;
    padding:0.32rem 0.95rem;
    font-size:0.78rem;
    flex-shrink:0;
  }
}
@media (max-width:479px){
  .navbar_pricing-btn.navbar_pricing-btn--mobile{
    padding:0.3rem 0.9rem;
    font-size:0.76rem;
  }
}