/* InvestElos — pricing hierarchy, shared between comparison and checkout. */
html:root .plans-content{max-width:1080px;padding-top:40px}
html:root .plans-heading{align-items:center;margin-bottom:28px}
html:root .plans-heading h1{font-size:clamp(30px,4vw,46px);letter-spacing:-.045em;line-height:1.12}
html:root .plans-selection{padding:16px 0;border-block:1px solid var(--ie-line)}
html:root .plans-content .subscription-plans{align-items:stretch;gap:20px}
html:root .subscription-page .plan-card{min-width:0;border-radius:20px;box-shadow:0 12px 32px #0000000d}
html:root .plans-content .plan-card{padding:28px;position:relative;display:flex;flex-direction:column}
html:root .plans-content .plan-connected{border:2px solid var(--ie-accent);background:var(--ie-paper)}
html:root .plans-content .plan-essential{background:var(--ie-paper);border:1px solid var(--ie-line)}
html:root .plans-content .plan-heading{margin-bottom:18px}
html:root .plans-content .plan-price-block{margin:20px 0;padding:20px 0;border-block:1px solid var(--ie-line)}
html:root .plans-content .plan-price{font-size:clamp(30px,3.4vw,42px);letter-spacing:-.045em;font-variant-numeric:tabular-nums;line-height:1.2}
html:root .plans-content .plan-description{min-height:0;line-height:1.65}
html:root .plans-content .plan-card-footer{margin-top:auto;padding-top:20px}
html:root .plans-content .plan-card-footer .subscription-button{width:100%;min-height:48px}
html:root .premium-annual-badge{background:var(--ie-tint);color:var(--ie-accent);font-size:10px;letter-spacing:.06em;font-weight:750;line-height:1.5;border-radius:8px;padding:8px 10px;margin-bottom:18px;align-self:flex-start}
html:root .subscription-page .annual-saving{color:var(--ie-accent);background:var(--ie-tint);border-radius:10px;padding:13px 14px;margin:14px 0 0;font-size:13px;line-height:1.6}
html:root .annual-saving[hidden]{display:none}
html:root .subscription-page .annual-saving p{color:inherit;margin:5px 0;font-size:13px}
html:root .annual-saving small{font-size:12px;color:var(--ie-muted)}
html:root .subscription-page .annual-saving strong{color:var(--ie-accent);font-weight:700}
html:root .checkout-executive .checkout-summary :is(h2,.plan-price,.plan-features){color:var(--ie-ink)}
html:root .checkout-executive .checkout-summary :is(.checkout-summary-description,.plan-price-label,.plan-price small,.checkout-coverage-note,.checkout-summary-bottom p){color:var(--ie-muted)}
html:root .checkout-executive .checkout-summary :is(.subscription-kicker,.checkout-plan-symbol){color:var(--ie-accent)}
html:root .annual-offer-link{display:inline-block;margin-top:12px;color:var(--ie-accent);font-size:13px;line-height:1.5}
html:root .checkout-executive{max-width:1080px;margin-inline:auto}
html:root .checkout-executive .checkout-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:22px;align-items:start}
html:root .checkout-executive .checkout-summary{background:var(--ie-soft);border:1px solid var(--ie-line);padding:28px}
html:root .checkout-executive .checkout-payment{padding:28px;background:var(--ie-paper)}
html:root .checkout-executive .checkout-heading h1{font-size:clamp(26px,3.2vw,38px);letter-spacing:-.035em;line-height:1.2}
html:root .checkout-executive .plan-payment-actions{display:grid;gap:12px;grid-template-columns:minmax(0,1fr)}
html:root .checkout-executive .payment-method{width:100%;min-width:0;min-height:78px;border-radius:12px;text-align:left;padding:16px;white-space:normal}
html:root .checkout-executive .payment-method-copy{min-width:0;overflow-wrap:break-word}
html:root .checkout-executive .billing-period-selector{width:100%}
html:root .checkout-executive .billing-period-selector .subscription-button{min-width:0}
@media(max-width:760px){
 html:root .plans-content{padding:24px 16px}
 html:root .plans-heading{display:block}
 html:root .plans-intro-note{max-width:none;margin-top:20px}
 html:root .plans-selection{display:grid;gap:12px}
 html:root .plans-selection .billing-period-selector{width:100%}
 html:root .plans-selection .billing-period-selector button{min-width:0}
 html:root .plans-content .subscription-plans,html:root .checkout-executive .checkout-grid{grid-template-columns:minmax(0,1fr)}
 html:root .plans-content .plan-card,html:root .checkout-executive .checkout-summary,html:root .checkout-executive .checkout-payment{padding:22px 18px;border-radius:16px}
 html:root .plans-content .plan-price{font-size:34px}
 html:root .checkout-executive .checkout-heading{display:grid;gap:14px}
}