/* =========================================================================
   ONE BOOST — marketing.css
   Conversion chrome: top announcement bar, sticky mobile CTA, CTA trust line.
   ========================================================================= */

/* ---- Announcement / promo bar (top of page) ---- */
.promo { position: relative; z-index: 40; background: linear-gradient(90deg, var(--red-deep), var(--red)); color: #fff; }
.promo-inner { display: flex; align-items: center; justify-content: center; gap: 12px; min-height: 44px; padding: 8px 46px; text-align: center; flex-wrap: wrap; }
.promo-tag { background: rgba(255,255,255,.22); border-radius: 6px; padding: 3px 9px; font-family: var(--font-display); font-weight: 800; font-size: 11px; letter-spacing: .5px; }
.promo-text { font-size: 13.5px; font-weight: 600; }
.promo-link { display: inline-flex; align-items: center; gap: 5px; font-weight: 800; font-size: 13.5px; text-decoration: underline; text-underline-offset: 3px; white-space: nowrap; }
.promo-link svg { width: 14px; height: 14px; }
.promo-x { position: absolute; inset-inline-end: 14px; top: 50%; transform: translateY(-50%); background: none; border: 0; color: #fff; opacity: .8; cursor: pointer; padding: 4px; display: grid; place-items: center; }
.promo-x:hover { opacity: 1; }
.promo-x svg { width: 15px; height: 15px; }
.promo.promo-hidden { display: none; }

/* ---- CTA band trust line ---- */
.cta-trust { display: flex; align-items: center; justify-content: center; gap: 18px; flex-wrap: wrap; margin-top: 20px; color: var(--text-3); font-size: 13.5px; }
.cta-trust span { display: inline-flex; align-items: center; gap: 7px; }
.cta-trust svg { width: 15px; height: 15px; color: #33d17a; }

/* ---- Sticky mobile CTA bar (shown ≤640px via responsive.css) ---- */
.mcta {
  position: fixed; inset-inline: 0; bottom: 0; z-index: 56; display: none; gap: 10px;
  padding: 11px 16px calc(11px + env(safe-area-inset-bottom, 0px));
  background: color-mix(in srgb, var(--bg) 92%, transparent);
  backdrop-filter: blur(12px); border-top: 1px solid var(--line-2);
}
.mcta .btn { flex: 1; justify-content: center; }
.mcta .btn-ghost { flex: 0 0 auto; }