.plan[data-tier=plus]{--tier:#b9f36b;--tier-line:#526b38;--tier-surface:#172015;--tier-soft:#b9f36b14;--tier-muted:#b3c4a6}
.plan[data-tier=pro]{--tier:#439f98;--tier-line:#345e5b;--tier-surface:#11201f;--tier-soft:#328f871c;--tier-muted:#a0c3bf}
.plan[data-tier=max]{--tier:#d9b86d;--tier-line:#72603a;--tier-surface:#211d14;--tier-soft:#d9b86d17;--tier-muted:#c9bea5}
.plan[data-tier]{background:radial-gradient(ellipse at 50% 20%,var(--tier-soft),transparent 65%),var(--tier-surface);border:1px solid var(--tier-line)}
.plan[data-tier]:hover{background:radial-gradient(ellipse at 50% 20%,var(--tier-soft),transparent 80%),var(--tier-surface);border-color:var(--tier)}
.plan[data-tier] .plan-art{mix-blend-mode:normal;background:none}
.plan[data-tier] .plan-art img,.plan[data-tier]:hover .plan-art img{position:static;display:block;width:100%;height:100%;max-width:100%;object-fit:contain;transform:none;opacity:1;filter:none}
.plan[data-tier] .plan-title h3,.plan[data-tier] .plan-price{color:var(--tier)}
.plan[data-tier] .plan-top,.plan[data-tier] .plan-top span:last-child,.plan[data-tier] .fixed-period{color:var(--tier-muted)}
.plan[data-tier] .plan-select{border-color:var(--tier-line);color:var(--tier-muted)}
.plan[data-tier] .plan-select:hover,.plan[data-tier] .plan-select span:first-child,.plan[data-tier] .plan-select span:last-child{color:var(--tier)}
.plan[data-tier] .period-choice span{border-color:var(--tier-line);color:var(--tier-muted)}
.plan[data-tier] .period-choice input:checked+span{background:var(--tier-soft);border-color:var(--tier);color:var(--tier)}
.plan[data-tier] :focus-visible{outline-color:var(--tier)}
.plan[data-tier=pro] .plan-art img,.plan[data-tier=pro]:hover .plan-art img{filter:brightness(.72) saturate(.75)}
.plan .plan-description{display:flex;align-items:center;justify-content:space-between;min-height:44px;margin:0 0 18px;padding:11px 14px;border:1px solid var(--tier-line);border-radius:8px;background:var(--tier-soft);color:var(--tier-muted);cursor:pointer;transition:background .2s,border-color .2s}.plan .plan-description:hover{border-color:var(--tier);color:var(--tier)}.plan-description span{font-size:20px}#description-dialog{--accent:#b9f36b;width:min(540px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;border:1px solid #526b38;border-radius:20px;padding:34px;background:radial-gradient(ellipse at top right,#b9f36b12,transparent 60%),#111914}#description-dialog[data-tier=pro]{--accent:#6cbeb5;border-color:#345e5b;background:radial-gradient(ellipse at top right,#439f981a,transparent 60%),#101a19}#description-dialog[data-tier=max]{--accent:#d9b86d;border-color:#72603a;background:radial-gradient(ellipse at top right,#d9b86d18,transparent 60%),#191810}#description-dialog[open]{animation:description-in .2s ease-out}#description-dialog::backdrop{background:#030705c9;backdrop-filter:blur(8px)}.description-heading{display:flex;align-items:center;gap:20px;padding-right:16px}.description-heading img{object-fit:contain;flex-shrink:0}.description-heading .eyebrow{font-size:10px;color:var(--accent);letter-spacing:1.5px}#description-dialog h2{margin:8px 0 0;font-size:30px;color:var(--accent)}#description-dialog .description-caption{font-size:13px;color:#acb9b0;margin:26px 0 10px}#description-features{list-style:none;margin:0;padding:0}#description-features li{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #ffffff12;font-size:15px;color:#e5ede7;line-height:1.5}#description-features li::before{content:'✓';color:var(--accent)}.description-limit{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0;margin-top:10px}.description-limit>span{font-size:13px;color:#acb9b0}.description-limit strong{font-size:28px;color:var(--accent);white-space:nowrap}.description-limit small{font-size:12px;font-weight:400;color:#acb9b0}.description-done{width:100%;min-height:46px;border:1px solid var(--accent);border-radius:8px;background:transparent;color:var(--accent);cursor:pointer}.description-done:hover{background:#ffffff08}@keyframes description-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(max-width:480px){#description-dialog{padding:28px 22px}.description-heading{gap:12px}.description-heading img{width:72px;height:72px}#description-dialog h2{font-size:23px}.description-limit{align-items:flex-start;flex-direction:column;gap:8px}}@media(prefers-reduced-motion:reduce){#description-dialog[open]{animation:none}}

#description-dialog .description-updates{margin:0 0 18px;font-size:12px;line-height:1.6;color:#acb9b0}
