/* The offer strip (public/js/offer-banner.js). A fixed dark palette, so it reads the same on the
   white marketing pages and the dark sign-up page. */
.zs-offer{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;
  padding:14px max(24px,calc((100vw - 1280px)/2));background:#172e2b;color:#f2f7f3;font:14px/1.5 'DM Sans',system-ui,sans-serif}
.form-inner .zs-offer{padding:14px 16px;border-radius:10px;margin:0 0 20px}
.zs-offer-words{display:flex;flex-direction:column;gap:2px;max-width:70ch}
.zs-offer-head{font-size:16px;font-weight:700;color:#fff}
.zs-offer-sub{color:#c9d8cf}
.zs-offer-cta{display:inline-block;padding:9px 16px;border-radius:7px;background:#fff;color:#172e2b;font-weight:700;text-decoration:none;white-space:nowrap}
.zs-offer-cta:hover{text-decoration:underline}
.zs-offer-cta:focus-visible{outline:3px solid #9f7fe6;outline-offset:3px}