/* Shared visual language for the Lifetime Pro campaign. */
.pricing-pro.sales-offer-surface,.ad-design .dashboard-upgrade-card.sales-offer-surface,.landing-sale-card.sales-offer-surface{
  --ui-ink-rgb:3 13 40;--ui-secondary-rgb:105 123 159;--ui-muted-rgb:119 137 170;--ui-accent-rgb:35 134 255;--ui-border-rgb:216 230 248;--ui-panel-rgb:247 251 255;--ui-subtle-rgb:229 241 255;--ui-selected-rgb:229 241 255;--ui-accent-hover-rgb:20 116 239;--promo-deadline:#426895;--promo-urgency:#2386ff;
  background-image:var(--sales-offer-art,url('/offer-surface-art.svg')),linear-gradient(135deg,#f0f7ff 0%,#fbfdff 55%,#f1f7ff 100%);background-size:100% 100%;background-repeat:no-repeat;border-color:#d8e6f8;color:rgb(var(--ui-ink-rgb));box-shadow:0 12px 35px -20px rgb(35 100 180 / .26);
}
.sales-offer-surface:is(.pricing-pro,.dashboard-upgrade-card,.landing-sale-card) .sales-offer-button{background:linear-gradient(135deg,#288cff,#197bfa);border-color:transparent;color:#fff;box-shadow:0 5px 16px rgb(35 134 255 / .16);filter:brightness(1);transition:filter 150ms ease;}
@media(hover:hover){.sales-offer-surface:is(.pricing-pro,.dashboard-upgrade-card,.landing-sale-card) .sales-offer-button:hover:not(:disabled){background:linear-gradient(135deg,#288cff,#197bfa);color:#fff;filter:brightness(.95);}}
.sales-offer-surface:is(.pricing-pro,.dashboard-upgrade-card,.landing-sale-card) .sales-offer-button:focus-visible{outline:2px solid #2386ff;outline-offset:3px;}
.sales-offer-surface .pricing-plan-label,.sales-offer-surface .upgrade-card-header>span{background:rgb(var(--ui-subtle-rgb));border-color:#d5e7ff;color:rgb(var(--ui-accent-rgb));}
.sales-offer-surface .pricing-price-number,.sales-offer-surface .upgrade-purchase .lifetime-offer-current{color:rgb(var(--ui-accent-rgb));}
.sales-offer-surface .pricing-savings,.sales-offer-surface .upgrade-purchase .lifetime-offer-savings{padding:2px 7px;border-radius:20px;background:rgb(var(--ui-subtle-rgb));color:rgb(var(--ui-accent-rgb));}
.sales-offer-surface .upgrade-benefits svg{color:rgb(var(--ui-accent-rgb));}
.pricing-pro.sales-offer-surface li>svg{margin-top:2px;padding:0;border-radius:0;background:none;color:rgb(var(--ui-accent-rgb));}
.sales-offer-surface .offer-countdown .offer-countdown-number{border:0;background:rgb(var(--ui-subtle-rgb));color:rgb(var(--ui-ink-rgb));font-weight:600;}
.sales-offer-surface .offer-countdown-unit-label{display:block;color:rgb(var(--ui-muted-rgb));font-size:7px;line-height:9px;letter-spacing:.15px;}
.sales-offer-surface .offer-countdown-unit + .offer-countdown-unit::before{color:rgb(var(--ui-muted-rgb));}
.sales-offer-surface .offer-countdown-label{color:rgb(var(--ui-secondary-rgb));}
.sales-offer-surface .pricing-checkout-error{color:#ad283d;}
/* Keep the banner compact, with the original dark background. */
.public-offer-surface.public-offer-surface{--ui-ink-rgb:237 243 250;--ui-secondary-rgb:182 198 214;--ui-muted-rgb:143 169 194;--ui-accent-rgb:143 187 216;background:#111923;color:#edf3fa;border-bottom:1px solid #ffffff12;}
.public-offer-surface.public-offer-surface:hover{background:#172335;}
.public-offer-surface .public-offer-icon,.public-offer-surface .public-offer-detail,.public-offer-surface .public-offer-label,.public-offer-surface .public-offer-claim{color:#8fbbd8;}
.public-offer-surface .public-offer-ending{color:#b6c6d6;}
.public-offer-surface .offer-countdown-number{border:0;background:#243348;color:#edf3fa;font-weight:550;}
.public-offer-surface .offer-countdown-unit + .offer-countdown-unit::before{color:#8fa9c2;}
/* The full-width offer at the end of the landing page. */
.landing-sale-card{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);align-items:center;gap:48px;max-width:1060px;margin:0 auto;padding:46px;border:1px solid;border-radius:20px;}
.landing-sale-eyebrow{display:inline-flex;align-items:center;gap:6px;margin:0 0 16px;padding:5px 10px;border-radius:20px;background:rgb(var(--ui-subtle-rgb));color:rgb(var(--ui-accent-rgb));font-size:11px;font-weight:600;text-transform:uppercase;}
.landing-sale-card h2{margin:0;color:rgb(var(--ui-ink-rgb));font-size:42px;font-weight:700;line-height:1.1;letter-spacing:-1.3px;}
.landing-sale-card h2 span{color:rgb(var(--ui-accent-rgb));}
.landing-sale-card .landing-sale-description{margin:16px 0;color:rgb(var(--ui-secondary-rgb));font-size:15px;line-height:1.6;}
.landing-sale-benefits{display:grid;gap:11px;list-style:none;margin:22px 0 0;padding:0;}
.landing-sale-benefits li{display:flex;align-items:center;gap:10px;color:rgb(var(--ui-ink-rgb));font-size:13px;}
.landing-sale-benefits svg{box-sizing:content-box;flex-shrink:0;padding:7px;border-radius:50%;background:rgb(var(--ui-subtle-rgb));color:rgb(var(--ui-accent-rgb));}
.landing-sale-purchase{min-width:0;}
.landing-sale-price{display:flex;align-items:center;gap:12px;margin:0 0 18px;color:rgb(var(--ui-secondary-rgb));font-size:13px;}
.landing-sale-price strong{color:rgb(var(--ui-ink-rgb));font-size:52px;font-weight:650;line-height:1;letter-spacing:-2px;}
.landing-sale-price s{font-size:16px;}
.landing-sale-price span{padding:3px 8px;border-radius:20px;background:rgb(var(--ui-subtle-rgb));color:rgb(var(--ui-accent-rgb));font-size:12px;}
.landing-sale-card .sales-offer-button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:50px;padding:12px 16px;border-radius:9px;font-size:14px;font-weight:600;text-decoration:none;}
.landing-sale-card .landing-sale-reassurance{margin:12px 0 0;color:rgb(var(--ui-secondary-rgb));font-size:11px;line-height:18px;text-align:center;}
.landing-sale-free{display:block;min-height:40px;margin:8px auto -8px;padding:8px 12px;border:0;background:transparent;color:rgb(var(--ui-secondary-rgb));font-size:12px;cursor:pointer;}
.landing-sale-free:hover{text-decoration:underline;text-underline-offset:3px;}
@media(max-width:720px){.landing-sale-card{grid-template-columns:1fr;gap:28px;padding:28px;}.landing-sale-card h2{font-size:36px;}}
@media(prefers-reduced-motion:reduce){.sales-offer-surface:is(.pricing-pro,.dashboard-upgrade-card,.landing-sale-card) .sales-offer-button{transition:none;}}

.sales-offer-surface .offer-countdown-unit{gap:1px;}

.ad-design .dashboard-upgrade-card.sales-offer-surface .upgrade-card-header>span{background:rgb(var(--ui-subtle-rgb));border-color:#d5e7ff;color:rgb(var(--ui-accent-rgb));}
.ad-design .dashboard-upgrade-card.sales-offer-surface .upgrade-benefits svg{color:rgb(var(--ui-accent-rgb));}

/* Feature Pro through its frame and material, with light only near the purchase area. */
.pricing-pro.sales-offer-surface,.ad-design .dashboard-upgrade-card.sales-offer-surface{
  --ui-panel-rgb:248 251 255;--ui-border-rgb:202 220 243;
  --offer-frame-rgb:180 205 236;--offer-glow-opacity:.07;
  --offer-light:radial-gradient(ellipse 100% 36% at 60% 100%,rgb(35 134 255 / var(--offer-glow-opacity)),transparent 82%);
  background-color:rgb(var(--ui-panel-rgb));background-image:var(--offer-light);
  border-color:rgb(var(--offer-frame-rgb));
  box-shadow:0 1px 0 rgb(255 255 255 / .65) inset,0 0 0 1px rgb(var(--offer-frame-rgb) / .1),0 10px 28px -18px rgb(35 100 180 / .2);
}
.ad-design .dashboard-upgrade-card.sales-offer-surface{--offer-glow-opacity:.03;}

:root[data-theme='dark'] :is(.pricing-pro,.dashboard-upgrade-card,.landing-sale-card).sales-offer-surface{
  --ui-ink-rgb:237 243 255;--ui-secondary-rgb:167 188 215;--ui-muted-rgb:148 169 197;--ui-accent-rgb:101 173 255;--ui-border-rgb:48 72 105;--ui-panel-rgb:23 36 55;--ui-subtle-rgb:33 55 84;--ui-selected-rgb:33 55 84;--promo-deadline:#9abce5;
  background-image:var(--sales-offer-art,url('/offer-surface-art-dark.svg')),linear-gradient(135deg,#142238,#182b44);border-color:rgb(var(--ui-border-rgb));color:rgb(var(--ui-ink-rgb));box-shadow:0 12px 35px -20px #030a17;
}
/* Blue charcoal stays native to the app while the clearer frame distinguishes Pro. */
:root[data-theme='dark'] :is(.pricing-pro,.dashboard-upgrade-card).sales-offer-surface{
  --ui-ink-rgb:231 238 247;--ui-secondary-rgb:193 204 219;--ui-muted-rgb:158 175 194;
  --ui-panel-rgb:30 41 56;--ui-border-rgb:54 72 96;--ui-subtle-rgb:35 49 68;--ui-selected-rgb:44 58 75;
  --offer-frame-rgb:74 109 150;--offer-glow-opacity:.09;
  background-color:rgb(var(--ui-panel-rgb));background-image:var(--offer-light);border-color:rgb(var(--offer-frame-rgb));
  box-shadow:0 1px 0 rgb(255 255 255 / .035) inset,0 0 0 1px rgb(var(--offer-frame-rgb) / .08),var(--ui-shadow);
}
:root[data-theme='dark'] .ad-design .dashboard-upgrade-card.sales-offer-surface{--offer-glow-opacity:.04;}
:root[data-theme='dark'] .sales-offer-surface .pricing-plan-label,:root[data-theme='dark'] .sales-offer-surface .upgrade-card-header>span{border-color:#304869;}

:root[data-theme='dark'] .sales-offer-surface .pricing-checkout-error{color:#ffb2bc;}

/* Keep feature-heavy cards quiet; reserve the artwork for the larger offer. */
.pricing-pro.sales-offer-surface,.ad-design .dashboard-upgrade-card.sales-offer-surface{--sales-offer-art:none;}


/* Shared compact countdown directly below purchase buttons. */
.offer-deadline{width:max-content;max-width:100%;margin:0 auto;padding:0;border:0;background:none;box-shadow:none;}
.offer-deadline .offer-countdown{flex-shrink:0;flex-wrap:nowrap;align-items:center;gap:7px;line-height:18px;}
.offer-deadline .offer-countdown-label{font-size:10px;line-height:18px;}
.offer-deadline .offer-countdown-digits{gap:9px;}
.offer-deadline .offer-countdown .offer-countdown-number{min-width:19px;padding:0 3px;border-radius:4px;font-size:11px;line-height:16px;letter-spacing:0;}
.offer-deadline .offer-countdown-unit + .offer-countdown-unit::before{left:-6px;font-size:10px;line-height:18px;}

.offer-deadline .offer-countdown-unit-label{display:none;}

.offer-deadline{display:inline-flex;flex-wrap:nowrap;align-items:center;gap:5px;white-space:nowrap;}
.offer-deadline-icon{flex-shrink:0;color:rgb(var(--ui-secondary-rgb));}

.ad-design .upgrade-card-alignment{flex-shrink:0;}
@media(max-width:1120px){.ad-design .upgrade-section>.upgrade-card-alignment{display:none;}}


/* Share the popup offer pill with the dashboard card. */
.sales-offer-badge,.ad-design .sales-offer-surface .sales-offer-badge,.pricing-pro.sales-offer-surface .sales-offer-badge{
  display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border:0;border-radius:20px;font-family:var(--font-interface,'Geist',system-ui,sans-serif);
  background:rgb(var(--ui-accent-rgb) / .09);color:rgb(var(--ui-accent-rgb));
  font-size:11px;font-weight:600;line-height:16px;letter-spacing:.15px;text-transform:none;white-space:nowrap;
}
.sales-offer-badge>svg{flex-shrink:0;}
.ad-design .dashboard-upgrade-card .upgrade-card-header{flex-wrap:wrap;}

.ad-design .sales-offer-surface .sales-offer-badge--compact,.pricing-pro.sales-offer-surface .sales-offer-badge--compact{
  gap:4px;padding:4px 8px;font-size:10px;line-height:14px;letter-spacing:0;text-transform:none;background:rgb(var(--ui-subtle-rgb));
}

/* The same price hierarchy on every offer surface. */
.lifetime-offer .lifetime-offer-price-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-variant-numeric:tabular-nums;}
.lifetime-offer .lifetime-offer-previous{color:var(--offer-previous-color,#b5474c);font-size:21px;line-height:24px;font-weight:500;}
.lifetime-offer .lifetime-offer-current{margin:0;}
.sales-offer-surface .lifetime-offer .lifetime-offer-savings{margin-left:2px;padding:5px 10px;border-radius:20px;background:rgb(var(--ui-subtle-rgb));color:rgb(var(--ui-accent-rgb));font-size:12px;line-height:18px;font-weight:600;white-space:nowrap;}
.lifetime-offer .lifetime-offer-billing{margin-top:7px;color:rgb(var(--ui-secondary-rgb));font-size:12px;line-height:18px;font-weight:400;}
.lifetime-offer--dashboard .lifetime-offer-price-row{gap:10px;}
.lifetime-offer--dashboard .lifetime-offer-previous{font-size:14px;}
.lifetime-offer--dashboard .lifetime-offer-billing{margin-top:5px;font-size:11px;line-height:17px;}

.sales-offer-surface .lifetime-offer .lifetime-offer-current{color:var(--offer-price-color,#080f2e);font-size:54px;font-weight:750;line-height:1;}
:root[data-theme='dark'] .sales-offer-surface{--offer-price-color:#edf3ff;--offer-previous-color:#e68286;}
.ad-design .dashboard-upgrade-card .lifetime-offer--dashboard .lifetime-offer-current{font-size:34px;color:var(--offer-price-color,#080f2e);}
@media(max-width:640px){.pricing-pro .lifetime-offer .lifetime-offer-current{font-size:44px;}}

.pricing-plan .pricing-plan-actions>.offer-deadline{display:flex;margin:12px auto 0;}

.public-offer-surface .public-offer-payment{color:#b6c6d6;font-weight:400;}