.plans-page-panel{width:100%;padding:40px 0;box-sizing:border-box}
.plans-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:28px}
.plans-eyebrow{font-size:11px;letter-spacing:.18em;color:#83e3ff;font-weight:700}
.plans-header h1{font-size:clamp(24px,3vw,34px);line-height:1.2;margin:8px 0 10px;letter-spacing:-.035em}
.plans-header p{margin:0;color:#b7a9c7;font-size:14px}
.plans-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.plan-card{display:flex;flex-direction:column;gap:20px;min-width:0;padding:22px 18px;border:1px solid #47364f;border-radius:18px;background:#ffffff03;box-sizing:border-box}
.plan-card[data-plan="pro"]{background:linear-gradient(160deg,#40204755,#253b5455);border-color:#746091}
.plan-card.is-current{border-color:#81dfff;box-shadow:0 0 0 1px #81dfff33,inset 0 0 40px #80dfff05}
.plan-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:6px;min-height:36px}
.plan-card h3{font-size:17px;line-height:1.3;margin:0;letter-spacing:-.02em}
.plan-current{padding:4px 6px;border-radius:5px;background:#80dfff17;color:#9ce8ff;font-size:10px;font-weight:700;white-space:nowrap}
.plan-description{font-size:14px;line-height:1.5;min-height:42px;margin:0;color:#c4b7d2}
.plan-price{min-height:80px;display:flex;flex-direction:column;justify-content:center;gap:5px}
.plan-price strong{font-size:21px;line-height:1.3;letter-spacing:-.03em}
.plan-card[data-plan="standard"] .plan-price strong{font-size:38px}
.plan-price span{font-size:12px;color:#a99ab9}
.plan-features{display:flex;flex-direction:column;gap:20px;padding:20px 0 0;margin:0;border-top:1px solid #ffffff12;list-style:none}
.plan-limit{display:flex;flex-direction:column;gap:5px}
.plan-limit strong{font-size:22px;letter-spacing:-.02em;font-weight:750;color:#f3eaff}
.plan-limit span{font-size:12px;line-height:1.5;color:#b8a8c7}
.plan-feature{font-size:12px;line-height:1.6;color:#d4c7df;padding-left:17px;position:relative}
.plan-feature::before{content:'\2713';position:absolute;left:0;color:#84dce7}
.plan-action{margin-top:auto;width:100%;min-height:40px;padding:10px 8px;border:1px solid #6c527a;border-radius:9px;background:#ffffff04;color:#bfafce;font:inherit;font-size:12px;font-weight:600;line-height:1.3;cursor:default}
.plan-card.is-current .plan-action{border-color:#82dfff55;color:#9ce8ff;background:#80dfff0b}
.plans-payment-note{margin:24px 0 8px;font-size:13px;color:#d4c3df;text-align:center}
.plans-reset-note{margin:0;font-size:11px;line-height:1.7;color:#9989aa;text-align:center}
.plans-compare{margin-top:20px}
.plans-status{padding:40px 0;text-align:center;color:#bcadcb}
@media(max-width:1050px){.plans-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-card{padding:20px}.plan-description{min-height:0}}
@media(max-width:640px){.plans-page-panel{padding:26px 0}.plans-grid{grid-template-columns:1fr}.plan-card{gap:16px}.plan-price{min-height:0}.plan-card-top{min-height:0}.plan-features{display:grid;grid-template-columns:1fr 1fr;gap:16px}.plans-payment-note,.plans-reset-note{text-align:left}}

.nav-account-menu [data-compare-plans]{--account-menu-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M14.5%208H11a2%202%200%200%200%200%204h2a2%202%200%200%201%200%204H9.5M12%206v12%22%2F%3E%3C%2Fsvg%3E")}

.plan-price strong{font-size:38px}
.plan-action:not(:disabled){cursor:pointer;background:#683e91;color:#fff;border-color:#9868c3}
.plan-action:not(:disabled):hover{background:#8150ac}
.plan-action:disabled{opacity:.65}
.billing-management{display:grid;gap:10px;margin-top:20px}
.billing-subscription{display:flex;align-items:center;gap:14px;padding:14px;border:1px solid #47364f;border-radius:12px}
.billing-actions .plan-action{width:auto;margin:0;padding:10px 14px}
.billing-check{max-width:280px;display:block;margin:20px auto}
.plans-status:empty{display:none}


.plan-popular{position:absolute;top:-12px;left:18px;padding:6px 12px;border:1px solid #b37feb;border-radius:20px;background:#683e91;color:#fff;font-size:11px;font-weight:700}
.billing-info{display:grid;gap:6px;flex:1;min-width:0}
.billing-state,.billing-date{font-size:12px;line-height:1.5;color:#bfaed0}
.billing-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.billing-actions .plan-action-secondary:not(:disabled){background:transparent;color:#dfc8f3;border-color:#745788}
.plans-status[data-billing-notice]{padding:0;margin:18px 0;line-height:1.6;text-align:left;font-size:13px}
.billing-management:empty{display:none}
.token-section{margin-top:38px;padding-top:28px;border-top:1px solid #ffffff18}
.token-section h2{font-size:24px;margin:0 0 10px}
.token-description{color:#c4b7d2;font-size:14px;line-height:1.6;margin:0 0 20px;max-width:850px}
.token-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.token-card{display:flex;flex-direction:column;gap:12px;padding:20px;border:1px solid #47364f;border-radius:14px;background:#ffffff03}
.token-card h3{font-size:16px;margin:0}
.token-price{font-size:30px}
.token-period{font-size:12px;color:#b8a8c7}
.token-card .plan-action{margin-top:8px}
@media(max-width:640px){.token-grid{grid-template-columns:1fr}.billing-subscription{align-items:stretch;flex-direction:column}.billing-actions{justify-content:flex-start}.billing-actions .plan-action{flex:1}.token-section{margin-top:28px}}

.plan-unavailable{color:#aa99b8}.plan-unavailable::before{content:"×";color:#aa99b8}
[data-requires-plus="true"]::after{content:" (Pro)";font-size:11px;color:#ba8feb;margin-left:5px}

.plan-price-amount{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px}.plan-price-original{font-size:23px;color:#a99ab9;text-decoration-thickness:2px}.plans-grid+.plans-reset-note{margin:22px 0 10px;line-height:1.6}@media(max-width:640px){.plan-card[data-plan="pro"],.plan-card[data-plan="eternal_pro"]{margin-top:10px}}
.plan-price-history{font-size:11px;line-height:1.4;color:#a99ab9}

.plan-card[data-plan="pro"],.plan-card[data-plan="eternal_pro"]{position:relative;padding-top:22px}
