.first-image-banner{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1080px;margin:0 auto 24px;padding:21px 26px;background:#f1ecff;border:1px solid #ddd1ff;border-radius:22px;text-align:left}
.first-image-banner[hidden]{display:none}.first-image-banner h2{font-size:22px;line-height:1.25;margin:0 0 7px;color:#31283e;font-weight:600;letter-spacing:-.4px}.first-image-banner p{font-size:13px;line-height:1.6;margin:0;color:#71667e}.first-image-banner button{flex-shrink:0}
.subscription-period{display:flex;justify-content:center;gap:4px;flex-wrap:wrap;width:fit-content;margin:0 auto 24px;padding:5px;background:#f1ecff;border-radius:15px}.subscription-period button{border:0;background:transparent;padding:12px 23px;border-radius:11px;color:#51455f;font:inherit;font-size:14px;display:flex;align-items:center;gap:9px}.subscription-period button[aria-pressed=true]{background:var(--purple);color:#fff}.subscription-period span{font-size:11px;border:1px solid currentColor;border-radius:7px;padding:2px 6px}
.subscription-offer{width:min(1160px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:28px;overflow:auto;border:1px solid #ddd1ff;border-radius:24px;background:var(--bg,#f8f7f3)}.subscription-offer::backdrop{background:#24203175}.subscription-offer .dialog-header{gap:18px;align-items:flex-start}.subscription-offer h2{font-size:27px;line-height:1.2;margin:0 0 10px;letter-spacing:-.5px}.subscription-offer-intro{max-width:660px;margin:0 0 22px;font-size:14px;line-height:1.6;color:var(--muted)}.subscription-offer .plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;max-width:none}.subscription-offer .plan{padding:24px;min-width:0;background:#fff}.subscription-offer .plan .amount{font-size:32px}.subscription-offer .plan .amount span{font-size:12px}.subscription-offer .plan-price-note{min-height:48px;font-size:13px}.subscription-offer .plan-term-note{min-height:54px}.subscription-offer .plan-badge{font-size:10px;right:15px;top:10px}.subscription-offer-footnote{font-size:12px;line-height:1.65;color:var(--muted);margin:20px 0 0}.subscription-offer .plan-usage summary{font-size:12px}.subscription-offer .plan-usage p{font-size:12px}
#pricingPeriods[hidden]{display:none}.plan-term-note strong{color:var(--purple);font-weight:500}.billing-options{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:760px){.first-image-banner{margin:0 16px 20px;padding:18px;gap:16px;flex-wrap:wrap}.first-image-banner h2{font-size:20px}.first-image-banner p{font-size:12px}.first-image-banner .button{min-height:44px}.subscription-offer{width:calc(100% - 20px);max-height:calc(100dvh - 20px);padding:20px 16px;border-radius:20px}.subscription-offer h2{font-size:23px}.subscription-offer .plan-grid{grid-template-columns:1fr}.subscription-offer .plan-price-note{min-height:0}.subscription-offer .plan-term-note{min-height:0}.subscription-period button{padding:11px 18px}.subscription-offer-intro{font-size:13px}}