/* Marketing offer strip: in flow by design, never a fixed overlay. */
#atlas-offer-banner{position:relative;isolation:isolate;margin:0;width:100%;box-sizing:border-box;border:0;border-bottom:1px solid #bba1ce55;background:radial-gradient(ellipse at 18% 0,#59345e66,transparent 70%),#1e1527;color:#fbf5ff;font:14px/1.4 Inter,system-ui,sans-serif;text-align:left}
#atlas-offer-banner *{box-sizing:border-box}
#atlas-offer-banner .atlas-offer-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1160px;margin:0 auto;padding:16px 28px}
#atlas-offer-banner .atlas-offer-copy{display:grid;gap:3px;min-width:0}
#atlas-offer-banner .atlas-offer-eyebrow{font-size:10px;line-height:1.4;font-weight:700;letter-spacing:.16em;color:#e4bde4}
#atlas-offer-title{display:block;font-size:19px;font-weight:750;line-height:1.3;letter-spacing:-.025em;color:#fbf5ff}
#atlas-offer-detail{display:block;font-size:12px;color:#ddd0e6;line-height:1.5}
#atlas-offer-time{flex:none;font-size:27px;font-weight:650;font-variant-numeric:tabular-nums;letter-spacing:.045em;line-height:1.2;color:#fbf5ff}
#atlas-offer-time[hidden]{display:none}
#atlas-offer-banner #atlas-offer-cta{display:inline-flex;align-items:center;justify-content:center;flex:none;min-height:46px;max-width:100%;padding:11px 20px;border:1px solid #ffdcfa;border-radius:12px;background:#f2c8e8;color:#27162e;font-size:14px;font-weight:750;line-height:1.4;letter-spacing:0;text-decoration:none;white-space:normal;text-align:center;box-shadow:0 3px 0 #a0779d}
#atlas-offer-banner #atlas-offer-cta:hover{background:#ffe0f6}
#atlas-offer-banner #atlas-offer-cta:focus-visible{outline:3px solid #fff;outline-offset:4px}
#atlas-offer-banner[data-state="expired"]{background:#211b29}
#atlas-offer-banner[data-state="preview"] .atlas-offer-eyebrow{color:#cdbdff}
@media(max-width:700px){
 #atlas-offer-banner .atlas-offer-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 16px;padding:16px 20px}
 #atlas-offer-banner .atlas-offer-copy{grid-column:1/-1}
 #atlas-offer-title{font-size:18px}
 #atlas-offer-time{font-size:24px}
 #atlas-offer-banner #atlas-offer-cta{padding:11px 16px;font-size:13px;justify-self:end}
 #atlas-offer-banner[data-state="unknown"] #atlas-offer-cta,#atlas-offer-banner[data-state="expired"] #atlas-offer-cta{grid-column:1/-1;justify-self:start}
}
@media(prefers-reduced-motion:reduce){#atlas-offer-banner *{scroll-behavior:auto;transition:none}}
/* Only the bottom comparison control, not other text buttons or the top CTA. */
html body#atlas-playful[data-sales-polished] #show-monthly{padding-inline:24px;max-width:100%;white-space:normal;overflow-wrap:normal;box-sizing:border-box}