/* Limited-time price banner (state "launch" in js/launch.js): shared desktop, checkout and 26M mobile chrome. */
.launch-banner { position: fixed; inset: 0 0 auto; z-index: 60; background: var(--blue); color: #fff; }
.launch-banner[hidden] { display: none; }
.launch-banner-inner { display: flex; align-items: center; justify-content: center; gap: 32px; padding: 15px 24px 18px; }
.launch-banner-copy strong { display: block; font-size: 17px; font-weight: 600; line-height: 1.4; }
.launch-banner-copy p { margin: 4px 0 0; font-size: 13px; line-height: 1.4; color: #fff; }
.launch-banner-copy s { opacity: .7; margin-right: 6px; }
.launch-banner-countdown { border-left: 1px solid #ffffff55; padding-left: 32px; }
.launch-banner-countdown > span { display: block; font-size: 12px; line-height: 1.4; }
.launch-banner-countdown strong { display: block; margin-top: 4px; font-size: 25px; line-height: 1.1; font-weight: 500; font-variant-numeric: tabular-nums; white-space: nowrap; letter-spacing: -.02em; }
.launch-banner-cta { display: inline-flex; justify-content: center; align-items: center; gap: 12px; min-height: 44px; padding: 12px 18px; border-radius: 6px; background: #fff; color: var(--blue); font-size: 13px; font-weight: 600; text-decoration: none; transition: background .15s; }
.launch-banner-cta:hover { background: #eeedff; }
.launch-banner-cta:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }
body.has-launch-banner { padding-top: var(--launch-banner-height); }
.has-launch-banner .header { top: var(--launch-banner-height); }
.has-launch-banner #pricing { scroll-margin-top: calc(var(--launch-banner-height) + 84px); }
html.m26-active .has-launch-banner #mobile26 { top: var(--launch-banner-height); height: calc(100svh - var(--launch-banner-height)); }
@media (max-width: 600px) {
  .launch-banner-inner { display: grid; grid-template-columns: 1fr auto; gap: 10px 12px; padding: 12px 16px 15px; }
  .launch-banner-copy { grid-column: 1 / -1; text-align: center; }
  .launch-banner-copy strong { font-size: 15px; }
  .launch-banner-copy p { font-size: 12px; margin-top: 2px; }
  .launch-banner-countdown { border: 0; padding: 0; }
  .launch-banner-countdown > span { font-size: 10px; }
  .launch-banner-countdown strong { font-size: 21px; margin-top: 2px; }
  .launch-banner-cta { padding: 10px 12px; font-size: 12px; gap: 8px; }
}

@media (max-width: 600px) {
  .co-page .launch-banner-countdown { grid-column: 1 / -1; text-align: center; }
}

/* Landing-page offer stays in a single quiet line, including on phones. */
.launch-banner--inline .launch-banner-inner { display: flex; gap: 22px; padding: 13px 24px 16px; white-space: nowrap; }
.launch-banner--inline .launch-banner-copy { display: flex; align-items: baseline; gap: 16px; }
.launch-banner--inline .launch-banner-copy strong { font-size: 15px; }
.launch-banner--inline .launch-banner-copy p { margin: 0; font-size: 15px; }
.launch-banner--inline .launch-banner-countdown { display: flex; align-items: baseline; gap: 9px; padding-left: 22px; }
.launch-banner--inline .launch-banner-countdown strong { margin: 0; font-size: 17px; }
@media (max-width: 600px) {
  .launch-banner--inline .launch-banner-inner { gap: 10px; padding: 12px 10px 15px; }
  .launch-banner--inline .launch-banner-copy { gap: 10px; }
  .launch-banner--inline .launch-banner-copy strong, .launch-banner--inline .launch-banner-copy p { font-size: 12px; }
  .launch-banner--inline .launch-banner-detail, .launch-banner--inline .launch-banner-countdown > span, .launch-banner--inline .launch-banner-secs { display: none; }
  .launch-banner--inline .launch-banner-countdown { padding-left: 10px; border-left: 1px solid #ffffff55; }
  .launch-banner--inline .launch-banner-countdown strong { font-size: 13px; }
}