/* Free trial banner above the menu (see trial-banner.js). */
.promo{position:relative;z-index:41;display:flex;justify-content:center;align-items:center;gap:14px;min-height:40px;padding:8px 16px;background:#2F8CFF;color:#fff;font-size:.875rem;font-weight:500;text-align:center;line-height:1.3}
.promo strong,.promo span{color:inherit}
.promo strong{font-weight:700}
.promo a{color:#fff;font-weight:600;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.promo a{padding-block:10px;margin-block:-10px} /* bigger tap area, same layout */
.promo a:hover{text-decoration-thickness:2px}
.promo a:focus-visible{outline:2px solid #fff;outline-offset:3px;border-radius:4px}
.promo-tag{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:999px;background:oklch(1 0 0 / 0.2);font-size:.75rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase}
.promo-short{display:none}
@media (max-width:640px){
  .promo{font-size:.8125rem;gap:10px}
  .promo-tag,.promo-long{display:none}
  .promo-short{display:inline}
}
/* Homepage: keep the floating menu off the banner edge. */
.promo + .nav{margin-top:12px}