/* /profile/pro — mobile-first. Site chrome (nav, footer, Inter) comes from style.css. Neutral surfaces, ink buttons; the Pro violet is a badge, not a background. */
.evb-pro-account-page{background:#f6f7f8;color:#17212b}
.pro-account{max-width:560px;margin:0 auto;padding:16px 16px 120px}
.pro-account__back{display:inline-block;margin-bottom:10px;color:#6b7680;font-size:14px;text-decoration:none;min-height:32px;line-height:32px}
.pro-account__back:hover{color:#17212b}
.pro-hero{padding:6px 0 18px}
.pro-hero__badge{display:inline-block;padding:4px 10px;border-radius:999px;background:#6d35c5;color:#fff;font-size:11px;font-weight:800;letter-spacing:.08em}
.pro-hero h1{margin:12px 0 8px;font-size:28px;font-weight:800;letter-spacing:-.03em;line-height:1.1}
.pro-hero__lead{margin:0 0 14px;color:#586470;font-size:15px;line-height:1.5}
.pro-benefits{margin:0 0 12px;padding:0;list-style:none;display:grid;gap:8px}
.pro-benefits li{position:relative;padding-left:26px;font-size:14px;line-height:1.45}
.pro-benefits li::before{content:"";position:absolute;left:0;top:3px;width:16px;height:16px;border-radius:50%;background:#e8f6ee url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='%23126c40' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}
.pro-details-link{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin:0 0 8px;color:#6d35c5;font-size:14px;font-weight:650;text-underline-offset:3px}
.pro-details-link:hover{color:#49208b}
.pro-details-link:focus-visible{outline:2px solid #6d35c5;outline-offset:3px;border-radius:3px}
.pro-trust{margin:0;font-size:13px;font-weight:700}
.pro-trust span{display:block;font-weight:400;font-size:12px;color:#6b7680}
.pro-primary{margin:0}
.pro-primary__fine{margin:10px 0 0;text-align:center;font-size:12px;color:#6b7680;line-height:1.45}
.pro-divider{display:flex;align-items:center;gap:12px;margin:18px 0 14px;color:#8a949e;font-size:12px}
.pro-divider::before,.pro-divider::after{content:"";flex:1;height:1px;background:#e4e8ec}
.pro-checkout{background:#fff;border:1px solid #e4e8ec;border-radius:16px;padding:14px}
.pro-plans{display:grid;gap:10px;margin:0 0 12px;padding:0;border:0;min-width:0}
.pro-plans legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.pro-plan{position:relative;display:grid;gap:6px;padding:14px;border:1.5px solid #e4e8ec;border-radius:14px;background:#fff;cursor:pointer;transition:border-color .12s}
.pro-plan:has(input:checked){border-color:#17212b;box-shadow:inset 0 0 0 1px #17212b}
.pro-plan input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.pro-plan__row{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.pro-plan__name{font-size:14px;font-weight:700}
.pro-plan__save{padding:3px 8px;border-radius:999px;background:#e8f6ee;color:#126c40;font-size:11px;font-weight:750;white-space:nowrap}
.pro-plan__price{font-size:22px;font-weight:800;letter-spacing:-.03em;line-height:1}
.pro-plan__price small{font-size:12px;font-weight:600;color:#6b7680;letter-spacing:0}
.pro-plan__total{font-size:12px;color:#6b7680;text-align:right}
.pro-consent{display:flex;gap:10px;align-items:start;margin:0 0 12px;font-size:13px;line-height:1.5;color:#3d4954}
.pro-consent input{width:20px;height:20px;margin-top:1px;flex:0 0 auto;accent-color:#17212b}
.pro-consent a{color:#17212b}
.pro-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border:1px solid #e4e8ec;border-radius:12px;background:#fff;color:#17212b;font:inherit;font-size:14px;font-weight:700;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
.pro-btn:hover{background:#f6f7f8}
.pro-btn--primary{background:#17212b;border-color:#17212b;color:#fff}
.pro-btn--primary:hover{background:#0f171e;color:#fff}
.pro-btn--primary:disabled{background:#b3bcc5;border-color:#b3bcc5;cursor:not-allowed}
.pro-btn--lg{width:100%;min-height:52px;font-size:16px}
.pro-btn--danger{color:#a92a26;border-color:#ebc8c5}
.pro-guarantees{margin:12px 0 0;padding:0;list-style:none;display:grid;gap:5px}
.pro-guarantees li{padding-left:18px;font-size:12px;color:#6b7680;line-height:1.4;position:relative}
.pro-guarantees li::before{content:"✓";position:absolute;left:0;color:#126c40;font-weight:800}
.pro-unavailable{margin:12px 0 0;padding:12px 14px;border-radius:12px;background:#fff8da;color:#5b4a00;font-size:13px;line-height:1.5}
.pro-card{background:#fff;border:1px solid #e4e8ec;border-radius:16px;padding:16px;margin-top:14px}
.pro-card h2{margin:0 0 12px;font-size:17px;font-weight:750}
.pro-card__head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.pro-card__head h2{margin:0}
.pro-state{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:#f0f2f4;font-size:12px;font-weight:650;white-space:nowrap}
.pro-state::before{content:"";width:7px;height:7px;border-radius:50%;background:#b3bcc5}
.pro-state.is-active{background:#e8f6ee;color:#126c40}.pro-state.is-active::before{background:#17844e}
.pro-state.is-pending{background:#fff8da;color:#5b4a00}.pro-state.is-pending::before{background:#f5b800}
.pro-facts{margin:12px 0 0;padding:0;list-style:none;display:grid;gap:9px}
.pro-facts li{display:flex;justify-content:space-between;gap:12px;padding-bottom:9px;border-bottom:1px solid #eef1f4;font-size:14px}
.pro-facts li:last-child{border-bottom:0;padding-bottom:0}
.pro-facts span{color:#6b7680}
.pro-facts strong{font-weight:700;text-align:right}
.pro-muted{margin:12px 0 0;color:#6b7680;font-size:13px;line-height:1.5}
.pro-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.pro-actions form{display:contents}
.pro-actions .pro-btn{flex:1 1 auto}
.pro-cancel{margin-top:14px;padding-top:12px;border-top:1px solid #eef1f4}
.pro-cancel summary{cursor:pointer;font-size:13px;color:#6b7680;min-height:32px;line-height:32px}
.pro-cancel p{margin:6px 0 10px;font-size:13px;color:#586470;line-height:1.5}
.pro-history{margin:0;padding:0;list-style:none}
.pro-history li{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid #eef1f4;font-size:14px}
.pro-history li:first-child{border-top:0;padding-top:0}
.pro-history small{display:block;color:#6b7680;font-size:12px;margin-top:2px}
.pro-history .is-failed small{color:#a92a26}
.pro-faq{margin-top:18px;border-top:1px solid #e4e8ec}
.pro-faq details{border-bottom:1px solid #e4e8ec}
.pro-faq summary{cursor:pointer;padding:14px 0;font-size:14px;font-weight:650;list-style:none;display:flex;justify-content:space-between;gap:10px}
.pro-faq summary::-webkit-details-marker{display:none}
.pro-faq summary::after{content:"+";color:#8a949e;font-weight:400}
.pro-faq details[open] summary::after{content:"−"}
.pro-faq p{margin:0 0 14px;font-size:13px;color:#586470;line-height:1.55}
.pro-help{margin:18px 0 0;color:#8a949e;font-size:12px;line-height:1.5}
.pro-help a{color:#17212b}
.notice{margin:0 0 14px;padding:12px 14px;border-radius:12px;background:#fff8da;color:#5b4a00;font-size:14px;line-height:1.5}
.notice.error{background:#fff0ef;color:#a92a26}
.notice.success{background:#e8f6ee;color:#126c40}
.pro-sticky{position:fixed;left:0;right:0;bottom:0;z-index:1030;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);border-top:1px solid #e4e8ec;backdrop-filter:blur(8px)}
.pro-sticky[hidden]{display:none}
.pro-sticky__copy{display:grid;min-width:0}
.pro-sticky__copy b{font-size:14px}
.pro-sticky__copy span{font-size:12px;color:#6b7680;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pro-sticky .pro-btn{flex:0 0 auto;min-width:132px}
.pro-btn:focus-visible,.pro-plan:has(input:focus-visible),.pro-consent input:focus-visible,summary:focus-visible{outline:3px solid #b3bcc5;outline-offset:2px}
@media(min-width:720px){.pro-account{padding:32px 20px 80px}.pro-hero h1{font-size:34px}.pro-checkout,.pro-card{padding:22px}.pro-plans{grid-template-columns:1fr 1fr}.pro-plan__total{text-align:left}.pro-plan__row:last-child{flex-direction:column;align-items:start;gap:4px}.pro-sticky{display:none}}

/* Десктоп: пітч ліворуч, форма підписки праворуч, усе на одному екрані замість
   довгої колонки. Розкладка через dense-потік сітки, тож не залежить від того,
   чи є нотифікації між «← Профіль» і героєм. */
@media(min-width:1024px){
  .pro-account{max-width:1120px;display:grid;grid-template-columns:minmax(0,1fr) 460px;grid-auto-flow:row dense;column-gap:48px;align-items:start;padding:24px 24px 64px}
  .pro-account>*{grid-column:1;min-width:0}
  .pro-account__back,.pro-account>.notice,.pro-faq,.pro-help,.pro-card{grid-column:1/-1}
  .pro-account__back{margin-bottom:4px}
  .pro-checkout{grid-column:2;grid-row:span 2}
  .pro-divider{display:none}
  .pro-hero{padding:0 0 12px}
  .pro-hero h1{margin:10px 0 6px;font-size:36px}
  .pro-hero__lead{font-size:15px;margin-bottom:12px}
  .pro-benefits{gap:7px;margin-bottom:10px}
  .pro-primary{margin-top:6px}
  .pro-faq{margin-top:28px;columns:2;column-gap:48px}
  .pro-faq details{break-inside:avoid}
}

/* Активний Pro: вигода, використане і ще не спробуване. */
.pro-usage{margin-top:6px}
.pro-usage__title{margin:22px 0 10px;font-size:17px;font-weight:800;letter-spacing:-.01em}
.pro-usage__lead{margin:-4px 0 10px;color:#586470;font-size:14px;line-height:1.45}
.pro-usage__note{margin:16px 0 0;color:#6b7680;font-size:12px;line-height:1.45}
.pro-value{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.pro-value__tile{display:flex;flex-direction:column;gap:4px;padding:14px;border-radius:16px;background:#fff;border:1px solid #e4e8ec}
.pro-value__tile:first-child{background:#f3edff;border-color:#e2d6fb}
.pro-value__kicker{display:inline-flex;align-items:center;gap:5px;color:#6d35c5;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.pro-value__kicker i{font-size:15px}
.pro-value__tile strong{font-size:16px;font-weight:800;line-height:1.25}
.pro-value__tile span:last-child{color:#586470;font-size:12.5px;line-height:1.4}
.pro-used,.pro-next{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.pro-used__item,.pro-next__item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;background:#fff;border:1px solid #e4e8ec}
.pro-used__icon{flex:0 0 38px;width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#e8f6ee;color:#126c40;font-size:20px}
.pro-used__icon--next{background:#f3edff;color:#6d35c5}
.pro-used__body,.pro-next__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.pro-used__row{display:flex;align-items:baseline;gap:7px;flex-wrap:wrap}
.pro-used__value{font-size:20px;font-weight:850;line-height:1}
.pro-used__label{font-size:14px;font-weight:700}
.pro-used__label--strong{font-weight:800}
.pro-used__hint,.pro-next__body span{color:#586470;font-size:12.5px;line-height:1.4}
.pro-next__body strong{font-size:14px;font-weight:800}
.pro-next__cta{flex:0 0 auto;min-height:38px;padding:0 12px;font-size:13px}
@media (max-width:520px){
  .pro-value{grid-template-columns:1fr}
  .pro-next__item{flex-wrap:wrap}
  .pro-next__cta{width:100%}
}
/* Десктоп: блок активного Pro — на всю ширину сітки. Права колонка існує для
   форми оплати, а в активного Pro її немає, тож без цього половина екрана
   лишалась порожньою. */
@media(min-width:1024px){
  .pro-account>.pro-usage{grid-column:1/-1}
  .pro-used,.pro-next{grid-template-columns:1fr 1fr}
  .pro-next__item{flex-wrap:wrap}
  .pro-next__cta{width:100%}
}

.pro-management{grid-column:1/-1}
.pro-management>p{font-size:14px;line-height:1.5}
.pro-management .pro-cancel summary{color:#a12b32;font-size:15px;font-weight:700;min-height:44px;line-height:1.5;padding:10px 0}
.pro-used__link{height:100%;color:inherit;text-decoration:none;transition:border-color .15s,background .15s}
.pro-used__link:hover{color:inherit;border-color:#93b6a1;background:#f5fbf7}
.pro-used__link:focus-visible{outline:3px solid #6d35c5;outline-offset:2px}

/* Personal activity: one route to resume, then recorded events and wallet spending. */
.pro-activity{grid-column:1/-1;min-width:0;margin-top:8px}
.pro-activity__heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 12px}
.pro-activity__heading h2{font-size:20px;font-weight:800;margin:0}
.pro-activity__heading>span{font-size:12px;color:#586470}
.pro-resume{display:flex;align-items:center;gap:20px;background:#edf7f1;border:1px solid #c9e5d4;border-radius:18px;padding:20px;margin-bottom:12px}
.pro-resume__body{flex:1;min-width:0}
.pro-activity__eyebrow{font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.06em;color:#126c40}
.pro-resume h3{font-size:20px;font-weight:750;line-height:1.4;margin:6px 0;overflow-wrap:anywhere}
.pro-resume p{font-size:12px;color:#52645a;margin:0;line-height:1.5}
.pro-resume>.pro-btn{flex-shrink:0}
.pro-activity__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pro-activity__card{min-width:0;padding:20px;border:1px solid #e4e8ec;background:#fff;border-radius:18px;display:flex;flex-direction:column;align-items:stretch}
.pro-activity__card h3{font-size:17px;font-weight:800;margin:0 0 8px}
.pro-activity__card>.pro-btn{margin-top:auto}
.pro-activity__muted{font-size:12px;color:#586470;margin:0 0 12px}
.pro-activity__note{font-size:12px;color:#586470;line-height:1.5;margin:12px 0 16px}
.pro-activity__empty{font-size:15px;color:#586470;line-height:1.5;margin:20px 0}
.pro-events{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.pro-events li{padding:0 0 12px;border-bottom:1px solid #edf0f2;overflow-wrap:anywhere}
.pro-events time{display:block;color:#687580;font-size:11px;margin-bottom:4px}
.pro-events strong{font-size:14px;display:block}
.pro-events p{font-size:13px;line-height:1.5;margin:3px 0 6px;color:#586470}
.pro-events a{font-size:12px;color:#126c40;font-weight:650}
.pro-spend{font-size:16px;color:#126c40;margin:8px 0 2px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.pro-spend strong{font-size:36px;font-weight:800;letter-spacing:-.03em}
.pro-spend__details{margin:2px 0 8px;font-size:13px}
.pro-spend__details>div{display:flex;justify-content:space-between;gap:12px;padding:6px 0}
.pro-spend__details dt{font-weight:400;color:#586470}
.pro-spend__details dd{margin:0;font-weight:650;font-variant-numeric:tabular-nums}
.pro-charging-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px 0;border-top:1px solid #edf0f2}
.pro-charging-facts>div{display:flex;flex-direction:column;gap:3px}
.pro-charging-facts strong{font-size:22px}
.pro-charging-facts span{font-size:12px;color:#586470}
@media(max-width:719px){.pro-activity__grid{grid-template-columns:1fr}.pro-resume{flex-direction:column;align-items:stretch;padding:16px}.pro-activity__card{padding:16px}.pro-activity__heading{flex-wrap:wrap;gap:4px}.pro-resume h3{font-size:18px}}

/* The validated promo quote is the price shown before explicit payment consent. */
.pro-promo{margin:16px 0 20px}
.pro-promo>label{display:block;font-size:13px;font-weight:650;margin-bottom:7px}
.pro-promo__controls{display:flex;gap:8px;flex-wrap:wrap}
.pro-promo__controls input{flex:1 1 150px;min-width:0;width:100%;padding:12px;border:1px solid #ccd5d0;border-radius:12px;text-transform:uppercase;font:inherit}
.pro-promo__controls input:focus-visible{outline:2px solid #126c40;outline-offset:2px}
.pro-promo [data-promo-message]{font-size:13px;line-height:1.5;margin:8px 0 0}
.pro-promo [data-promo-message]:empty{display:none}
.pro-promo[data-state="error"] [data-promo-message]{color:#637087}
.pro-promo-benefit{padding:18px;margin:0 0 16px;background:#edf8f0;border:1px solid #b9dfc6;border-radius:14px;color:#124e31}
.pro-promo-benefit[hidden],.pro-plan__price del[hidden]{display:none}
.pro-promo-benefit__heading{display:flex;align-items:center;justify-content:space-between;gap:10px}
.pro-promo-benefit__heading>strong{font-size:19px;line-height:1.25;letter-spacing:-.02em}
.pro-promo-benefit__badge{background:#126c40;color:white;border-radius:9px;padding:5px 9px;font-size:20px;font-weight:800;white-space:nowrap}
.pro-promo-benefit__code{font-size:12px;margin:8px 0 12px;overflow-wrap:anywhere}
.pro-promo-benefit__prices{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;font-variant-numeric:tabular-nums}
.pro-promo-benefit__prices del{color:#62786a;font-size:14px}
.pro-promo-benefit__prices strong{font-size:26px;line-height:1.25;letter-spacing:-.03em}
.pro-promo-benefit__note{font-size:12px;line-height:1.5;margin:10px 0 0;color:#395d48}
.pro-plan__price del{display:block;color:#77818a;font-size:12px;font-weight:500;letter-spacing:0;margin-bottom:5px}

/* Pro purchase: benefits alongside the actual paid and trial offers. */
.pro-account--offer{display:block;max-width:1480px;padding:24px 24px 70px}
.pro-offer-layout{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:38px;align-items:start;margin-top:8px}
.pro-offer-intro{padding:10px 0 0}
.pro-offer-trial-status{padding:12px 16px;margin:16px 0 0;background:#f0ebff;border:1px solid #e1d7f8;border-radius:12px;color:#5b3d8e;font-size:14px;line-height:1.5}
.pro-offer-intro h1{font-size:clamp(34px,3.2vw,52px);line-height:1.13;letter-spacing:-.045em;font-weight:800;margin:20px 0 16px;color:#101b2d}
.pro-desktop-title>span{display:block;color:#06694f}
.pro-offer-lead{font-size:17px;line-height:1.6;color:#637087;margin:0;max-width:600px}
.pro-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px 26px;list-style:none;margin:36px 0 30px;padding:0}
.pro-feature-grid li{display:flex;gap:16px;min-width:0;align-items:start}
.pro-feature-icon{display:grid;place-items:center;flex:0 0 52px;width:52px;height:52px;background:#eaf6ef;border-radius:16px;color:#08724f}
.pro-feature-icon svg{width:28px;height:28px}
.pro-feature-grid h2{font-size:16px;line-height:1.35;letter-spacing:-.02em;font-weight:750;margin:4px 0 6px;color:#142034}
.pro-feature-grid p{font-size:14px;color:#637087;line-height:1.45;margin:0}
.pro-offer-trust{display:flex;align-items:center;gap:24px;border-top:1px solid #e0e6ec;padding-top:24px}
.pro-offer-trust>div{padding-right:24px;border-right:1px solid #d5dce5}
.pro-offer-trust strong{display:block;font-size:18px;white-space:nowrap;color:#142034}
.pro-offer-trust strong span{font-size:14px;color:#f3ab00;letter-spacing:1px}
.pro-offer-trust small{font-size:12px;color:#637087}
.pro-offer-trust>a{font-size:13px;font-weight:650;color:#6650b9;max-width:135px;text-underline-offset:4px}
.pro-offer-rating-note{font-size:11px;color:#7a8596;margin:12px 0 0}
.pro-offer-panel{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.88fr);grid-template-areas:"paid trial";grid-template-rows:auto;align-items:start;gap:16px;padding:0;min-width:0}
.pro-offer-panel--paid-only{grid-template-columns:1fr;grid-template-rows:auto;grid-template-areas:"paid"}






.pro-purchase-form{grid-area:paid;display:block;padding:0;border:0;background:transparent;min-width:0}
.pro-paid-card{grid-area:paid;display:flex;flex-direction:column;min-width:0;padding:20px;border:1px solid #2e9959;border-radius:14px;background:linear-gradient(145deg,#f5faf7,#fff)}
.pro-trial-card{grid-area:trial;align-self:start;display:flex;flex-direction:column;min-width:0;padding:20px;margin:0;border:1px solid #e5e8f7;border-radius:14px;background:linear-gradient(135deg,#f7f6fe,#f7faff)}
.pro-offer-kicker{display:inline-flex;align-self:start;border-radius:6px;background:#ffca22;color:#182320;font-size:11px;letter-spacing:0;font-weight:750;padding:5px 8px;margin:0 0 10px}
.pro-offer-kicker--trial{background:#e9e3ff;color:#5a37bd}
.pro-paid-card h2,.pro-trial-card h2{font-size:25px;font-weight:800;letter-spacing:-.035em;line-height:1.15;margin:0 0 8px;color:#111e32}
.pro-trial-card h2{font-size:25px;margin-top:6px}
.pro-paid-card__intro,.pro-trial-card>p{font-size:14px;line-height:1.5;color:#536179;margin:0 0 14px}
.pro-period-switch{display:flex;gap:3px;background:#e8f0eb;padding:3px;border-radius:10px;margin:3px 0 14px}
.pro-period-switch .pro-plan{flex:1;display:block;padding:8px 5px;text-align:center;border:0;border-radius:7px;background:transparent;font-size:12px;font-weight:650}
.pro-period-switch .pro-plan:has(input:checked){background:#fff;color:#08724f;box-shadow:0 1px 4px #19352a1a}
.pro-offer-price-block{margin:0 0 15px}
.pro-offer-price-block .pro-plan__save{display:inline-block;margin-bottom:5px}
.pro-offer-price-block [hidden]{display:none!important}
.pro-offer-original{font-size:13px;color:#718175;margin-left:8px}
.pro-offer-price{display:flex;align-items:baseline;gap:5px;flex-wrap:wrap}
.pro-offer-price strong{font-size:34px;font-weight:800;letter-spacing:-.04em;line-height:1.1;color:#111e32;font-variant-numeric:tabular-nums}
.pro-offer-price>span{font-size:14px;color:#526077;font-weight:600}
.pro-offer-price-block>p{font-size:12px;line-height:1.4;color:#708096;margin:5px 0 0}
.pro-offer-checklist{list-style:none;padding:0;margin:0 0 16px;display:grid;gap:8px}
.pro-offer-checklist li{position:relative;padding-left:25px;font-size:12px;line-height:1.45;color:#314159}
.pro-offer-checklist li::before{content:"✓";position:absolute;left:0;top:0;background:#d8f1df;border-radius:50%;width:17px;height:17px;color:#08804b;text-align:center;font-size:12px;line-height:17px;font-weight:800}
.pro-trial-card .pro-offer-checklist{gap:13px;margin:8px 0 24px}
.pro-trial-card .pro-offer-checklist li{font-size:13px}
.pro-paid-card .pro-consent{margin-top:auto;font-size:10px;line-height:1.5;gap:8px}
.pro-paid-card .pro-consent input{width:17px;height:17px;accent-color:#16854c}
.pro-paid-card .pro-btn--primary{background:#ffca00;border-color:#ffca00;color:#17212b}
.pro-paid-card .pro-btn--primary:hover{background:#edba00;border-color:#edba00}
.pro-sticky [data-pro-cta="checkout_sticky"]{background:#ffca00;border-color:#ffca00;color:#17212b}
.pro-sticky [data-pro-cta="trial_sticky"]{background:#fff;border-color:#d4dce9;color:#17243a}
.pro-paid-card .pro-btn--primary:disabled{background:#b3bcc5;border-color:#b3bcc5}
.pro-paid-card .pro-btn--lg,.pro-trial-card .pro-btn--lg{font-size:12px;min-height:44px;padding:10px 12px;line-height:1.4;border-radius:9px}
.pro-trial-card .pro-btn{margin-top:8px;background:#fff;border-color:#d4dce9;color:#17243a;box-shadow:0 2px 3px #15203b09}
.pro-trial-card .pro-trial-fine{font-size:10px;text-align:center;color:#738196;margin:9px 0 0}
.pro-offer-promo{margin:4px 0 16px;padding:14px 0 0;border-top:1px solid #dce6df;min-width:0}
.pro-offer-promo__entry{display:block}
.pro-offer-promo__entry>label{font-weight:700;font-size:12px;white-space:nowrap;margin:0 0 7px;display:block}
.pro-offer-promo .pro-promo__controls{flex:1;flex-wrap:nowrap}
.pro-offer-promo .pro-promo__controls input{flex:1 1 120px;padding:11px 12px;font-size:13px;border-radius:10px}
.pro-offer-promo .pro-promo__controls .pro-btn{padding:0 14px;background:#eff8f3;border-color:#d0e7da;color:#076845;font-size:12px;border-radius:10px}
.pro-offer-promo .pro-promo-benefit{margin:12px 0 0;padding:12px 14px;display:grid;grid-template-columns:1fr;gap:4px}
.pro-offer-promo .pro-promo-benefit[hidden]{display:none}
.pro-offer-promo .pro-promo-benefit__heading{grid-column:1;gap:12px;justify-content:start}
.pro-offer-promo .pro-promo-benefit__heading>strong{font-size:14px}
.pro-offer-promo .pro-promo-benefit__badge{font-size:12px;padding:3px 7px;border-radius:6px}
.pro-offer-promo .pro-promo-benefit__code{grid-column:1;margin:0;font-size:10px}
.pro-offer-promo .pro-promo-benefit__prices{grid-column:1;grid-row:auto;display:flex;flex-direction:row;align-items:baseline;gap:8px}
.pro-offer-promo .pro-promo-benefit__prices strong{font-size:16px}
.pro-offer-promo .pro-promo-benefit__prices del{font-size:10px}
.pro-offer-promo .pro-promo-benefit__note{grid-column:1/-1;font-size:10px;margin:4px 0 0}
.pro-offer-guarantees{list-style:none;margin:14px 0 0;padding:0 4px;display:grid;grid-template-columns:1fr;gap:16px}
.pro-offer-guarantees li{display:flex;align-items:center;gap:10px;font-size:10px;line-height:1.5;color:#6b7890}
.pro-offer-guarantees svg{flex:0 0 22px;width:22px;height:22px;color:#20324b}
.pro-offer-faq{display:grid;grid-template-columns:minmax(180px,.7fr) 2fr;gap:30px;background:#fff;border:1px solid #e4e9ee;border-radius:16px;padding:22px 28px;margin:24px 0 0;columns:initial}
.pro-offer-faq__intro{border-right:1px solid #e4e9ee;padding-right:25px}
.pro-offer-faq__intro h2{font-size:24px;letter-spacing:-.035em;font-weight:800;line-height:1.2;margin:0 0 7px;color:#152139}
.pro-offer-faq__intro a{font-size:12px;color:#6d35c5;text-underline-offset:3px}
.pro-offer-faq__intro p{font-size:12px;margin:0 0 8px}
.pro-offer-faq__items{columns:2;column-gap:30px}
.pro-offer-faq details{break-inside:avoid}
.pro-offer-faq summary{font-size:12px;padding:11px 0;line-height:1.5}
.pro-account--offer .pro-help{font-size:11px}
@media(min-width:1500px){.pro-offer-panel{padding:0}.pro-offer-layout{gap:44px}.pro-offer-intro{padding-top:18px}.pro-feature-grid{margin-top:40px;gap:34px 28px}.pro-paid-card,.pro-trial-card{padding:22px}.pro-paid-card h2,.pro-trial-card h2{font-size:27px}}
@media(max-width:1199px){.pro-offer-layout{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:24px}.pro-offer-intro h1{font-size:36px}.pro-feature-grid{grid-template-columns:1fr;gap:18px}.pro-offer-trust{gap:12px;flex-wrap:wrap}.pro-offer-trust>div{padding-right:12px}}
@media(max-width:959px){.pro-account--offer{max-width:760px;padding:18px 18px 110px}.pro-offer-layout{grid-template-columns:1fr;gap:28px}.pro-offer-intro h1{max-width:620px;font-size:42px}.pro-feature-grid{grid-template-columns:1fr 1fr;margin:24px 0}.pro-offer-faq{grid-template-columns:1fr;gap:8px;padding:20px}.pro-offer-faq__intro{border-right:0;padding-right:0}.pro-offer-faq__items{columns:2}.pro-offer-trust{flex-wrap:nowrap}.pro-offer-panel{gap:14px}}
@media(max-width:539px){.pro-account--offer{padding:12px 14px 110px}.pro-offer-intro h1{font-size:34px;margin:16px 0 12px}.pro-offer-lead{font-size:15px}.pro-feature-grid{gap:18px 12px}.pro-feature-grid li{gap:9px}.pro-feature-icon{flex-basis:36px;width:36px;height:36px;border-radius:11px}.pro-feature-icon svg{width:21px;height:21px}.pro-feature-grid h2{font-size:13px;margin:0 0 5px}.pro-feature-grid p{font-size:12px}.pro-offer-trust{gap:12px}.pro-offer-trust strong{font-size:16px}.pro-offer-trust strong span{font-size:10px;letter-spacing:0}.pro-offer-trust>a{font-size:11px}.pro-offer-panel{padding:0;grid-template-columns:1fr;grid-template-areas:"paid" "trial"}.pro-offer-panel--paid-only{grid-template-areas:"paid"}.pro-paid-card,.pro-trial-card{padding:18px}.pro-paid-card h2,.pro-trial-card h2{font-size:27px}.pro-trial-card .pro-offer-checklist{gap:9px}.pro-offer-checklist li{font-size:13px}.pro-paid-card .pro-consent{font-size:11px}.pro-paid-card .pro-btn--lg,.pro-trial-card .pro-btn--lg{font-size:14px;min-height:48px}.pro-offer-promo__entry{display:block}.pro-offer-promo__entry>label{display:block;margin-bottom:7px}.pro-offer-promo .pro-promo__controls .pro-btn{padding:0 10px}.pro-offer-promo .pro-promo-benefit{grid-template-columns:1fr;gap:5px}.pro-offer-promo .pro-promo-benefit__prices{grid-column:1;grid-row:auto;flex-direction:row;align-items:baseline;justify-content:start;gap:8px}.pro-offer-guarantees{grid-template-columns:1fr;gap:10px;margin-top:5px}.pro-offer-guarantees li{font-size:11px}.pro-offer-faq__items{columns:1}.pro-offer-faq summary{font-size:13px}}

.pro-promo-remove{display:inline-block;border:0;padding:0;margin:8px 0 0;background:none;color:#526077;font-size:12px;text-decoration:underline;text-underline-offset:3px;text-align:left;cursor:pointer}
.pro-promo-remove[hidden],.pro-checkout-hint[hidden]{display:none}
.pro-checkout-hint{font-size:12px;line-height:1.45;margin:0 0 10px;color:#675020;background:#fff8df;border-radius:8px;padding:9px 11px}
.pro-promo-remove:focus-visible{outline:3px solid #b3bcc5;outline-offset:3px}

.pro-mobile-title,.pro-mobile-lead,.pro-mobile-benefits,.pro-mobile-more{display:none}
.pro-offer-promo>summary{font-size:13px;font-weight:650;cursor:pointer;color:#526077;list-style:none}
.pro-offer-promo>summary::after{content:"+";float:right}
.pro-offer-promo[open]>summary::after{content:"−"}
.pro-offer-promo>summary::-webkit-details-marker{display:none}
.pro-offer-promo[open]>summary{margin-bottom:10px}
.pro-offer-promo__entry>label{position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;overflow:hidden}
.pro-checkout-hint{background:none;padding:0;color:#a12b32}
#checkout{scroll-margin-top:100px}
@media(max-width:959px){
 .pro-offer-layout{display:flex;flex-direction:column;gap:0}
 .pro-offer-intro{display:contents}
 .pro-offer-intro .pro-hero__badge{align-self:start}
 .pro-desktop-title,.pro-desktop-lead{display:none}
 .pro-mobile-title{display:block;color:#101b2d}
 .pro-offer-intro h1{font-size:30px;line-height:1.12;margin:12px 0 10px;max-width:550px}
 .pro-mobile-lead{display:block;font-size:14px;line-height:1.45;color:#637087;margin:0 0 12px}
 .pro-mobile-benefits{display:grid;gap:6px;list-style:none;padding:0;margin:0 0 20px;font-size:13px;color:#314159}
 .pro-mobile-benefits li::before{content:"✓";color:#08804b;margin-right:8px}
 .pro-offer-panel{order:1;width:100%;grid-template-columns:1fr;grid-template-areas:"paid" "trial";gap:18px}
 .pro-offer-panel--paid-only{grid-template-areas:"paid"}
 .pro-mobile-more{display:block;order:2;font-size:21px;margin:28px 0 0;color:#142034}
 .pro-feature-grid{order:3;margin:18px 0 24px}
 .pro-offer-trust{order:4;width:100%}
 .pro-offer-rating-note{order:5}
 .pro-paid-card__intro{font-size:13px;margin-bottom:10px}
 .pro-paid-card .pro-offer-checklist{display:none}
 .pro-paid-card{padding:16px}
 .pro-offer-promo{padding-top:10px;margin-bottom:12px}
 .pro-offer-guarantees{gap:7px;margin:12px 0 0;font-size:11px}
 .pro-offer-guarantees li{font-size:11px}
 .pro-offer-guarantees svg{width:18px;height:18px;flex-basis:18px}
 .pro-account__back{margin-bottom:16px}
}

.pro-offer-promo .pro-promo-benefit{padding:10px 12px;background:#f0f9f3;border:0;gap:0}
.pro-offer-promo .pro-promo-benefit__heading{gap:5px;flex-wrap:wrap;font-size:13px}
.pro-offer-promo .pro-promo-benefit__heading>strong{font-size:13px}
.pro-offer-price-block .pro-offer-saving-basis{font-size:11px;line-height:1.4;margin:5px 0;color:#607083}
.pro-consent input[aria-invalid="true"]{outline:2px solid #b93838;outline-offset:3px}

/* Keep the compact checkout summary above the device safe area and dev toolbar. */
.evb-pro-account-page .pro-sticky{bottom:var(--pro-dev-toolbar-offset,0px);padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}
.evb-pro-account-page .pro-sticky__copy{flex:1;gap:3px}
.evb-pro-account-page .pro-sticky .pro-btn{min-width:120px;min-height:44px;white-space:nowrap}
@media(max-width:719px){.evb-pro-account-page:has([data-pro-sticky]){padding-bottom:calc(80px + env(safe-area-inset-bottom) + var(--pro-dev-toolbar-offset,0px))}}

/* Trial and complimentary access retain a visible path to paid checkout. */
.pro-trial-status .pro-btn--primary,
[aria-labelledby="proGrantStatus"] .pro-btn--primary {
    background: #ffcc00;
    color: #17252b;
    border-color: #ffcc00;
}
.pro-trial-status .pro-btn--primary:hover,
[aria-labelledby="proGrantStatus"] .pro-btn--primary:hover { background: #f0bf00; }
.pro-trial-status h1 { font-size: clamp(1.5rem, 3vw, 2rem); }
#proTrialManagement { scroll-margin-top: 90px; }