@layer theme, base, components, utilities;@layer components{.upgrade-modal{width:min(630px,100%);max-height:calc(100vh - 30px);overflow-y:auto;position:relative;padding:28px 35px;border:1px solid rgba(159,113,255,.35);border-radius:26px;background:radial-gradient(circle at 80% 0,rgb(var(--rgb-deep-violet)/.24),transparent 35%),var(--color-panel-2);box-shadow:0 30px 100px rgba(0,0,0,.5);text-align:center;animation:modalIn .25s ease-out}.upgrade-modal>.logo{justify-content:center}.upgrade-modal>.badge{margin:24px auto 12px}.upgrade-modal h1{font-size:31px;letter-spacing:-.05em}.upgrade-modal>p{color:var(--color-muted);font-size:11px;margin:8px 0 18px}.billing-toggle,.region-toggle{display:inline-flex;padding:3px;gap:3px;background:rgba(0,0,0,.2);border:1px solid var(--color-line);border-radius:10px}.region-toggle{margin-bottom:10px}.billing-toggle button,.region-toggle button{padding:8px 12px;border-radius:7px;background:transparent;color:var(--color-muted);font-size:11px}.billing-toggle button.active,.region-toggle button.active{color:white;background:var(--color-surface-2)}.billing-toggle{display:flex;margin:auto;width:fit-content}.billing-toggle .badge{font-size:11px;margin-left:4px}.modal-price{margin:18px 0}.modal-price span{font:600 18px var(--ff-mono);vertical-align:top}.modal-price strong{font:700 44px var(--ff-mono);letter-spacing:-.07em}.modal-price small{color:var(--color-muted);font-size:11px}.compare{display:grid;grid-template-columns:1fr 1fr;gap:8px;text-align:left;margin-bottom:16px}.compare>div{display:grid;gap:9px;padding:16px;border:1px solid var(--color-line);border-radius:14px}.compare>div>strong{font:600 12px var(--ff-display);margin-bottom:3px}.compare>div>span{display:flex;align-items:center;gap:7px;font-size:11px;color:#c8c8d8}.compare>div>span .icon{width:13px;color:var(--color-success)}.compare>div>span.muted,.compare>div>span.muted .icon{color:#66667e}.compare .pro-col{border-color:rgba(139,92,246,.4);background:rgb(var(--rgb-deep-violet)/.09)}.pay-methods{display:flex;justify-content:center;gap:8px;margin:14px 0 8px}.pay-methods span{padding:6px 10px;border:1px solid var(--color-line);border-radius:7px;color:var(--color-muted)}.cancel-copy{color:#73738c}.checkout{margin-top:24px}.checkout h1,.checkout-success h1{margin-top:14px}.order-summary{display:flex;justify-content:space-between;align-items:center;padding:16px;margin:20px 0;text-align:left;border:1px solid var(--color-line);border-radius:13px;background:var(--color-surface)}.order-summary>span{display:grid;gap:6px}.order-summary small{color:var(--color-muted);font-size:11px}.order-summary button{background:transparent;color:#c4aaff;text-decoration:underline;font-size:11px}.checkout-label{display:block;text-align:left;margin-bottom:8px;color:var(--color-muted);font-size:11px}.checkout-methods{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.checkout-methods button{min-height:55px;display:flex;align-items:center;justify-content:center;gap:8px;background:rgba(255,255,255,.07);border:1px solid var(--color-line);border-radius:11px;color:#dfdfea;font-size:12px}.checkout-methods button.active{border-color:var(--color-violet);background:rgba(139,92,246,.18)}.checkout-methods i{width:17px;height:17px;display:grid;place-items:center;border:1px solid var(--color-line);border-radius:50%}.checkout-methods button.active i{background:var(--color-violet)}.checkout-fields{display:grid;grid-template-columns:1fr .45fr .35fr;gap:7px;margin:12px 0}.checkout-fields label{display:grid;gap:6px;text-align:left}.checkout-fields span{color:var(--color-muted);font-size:11px}.checkout-fields input{width:100%;min-height:46px;padding:0 10px;border:1px solid var(--color-line);border-radius:9px;background:var(--color-surface);color:white;font-size:11px}.checkout .cancel-copy{display:block;margin-top:11px;font-size:11px}.checkout-success{padding:28px 0 5px}.checkout-success>div:first-child{width:80px;height:80px;margin:0 auto 17px;display:grid;place-items:center;border-radius:50%;color:var(--color-success);background:rgb(var(--rgb-success)/.11);border:1px solid rgb(var(--rgb-success)/.3)}.checkout-success>p{color:var(--color-muted);margin:10px auto 20px;max-width:390px;font-size:12px;line-height:1.6}.success-details{display:grid;grid-template-columns:1fr 1fr;padding:15px;margin-bottom:16px;border:1px solid var(--color-line);border-radius:12px;background:var(--color-surface)}.success-details span{display:grid;gap:5px}.success-details small{color:var(--color-muted);font-size:11px}.pay-methods span{padding:8px 12px;color:#e1e1ec;font-size:11px;background:rgba(255,255,255,.07)}@media (max-width:520px){.upgrade-modal{padding:25px 18px;border-radius:22px}.compare{grid-template-columns:1fr}.compare>div:first-child{display:none}.modal-price strong{font-size:38px}.checkout-methods{grid-template-columns:1fr}.checkout-methods button{min-height:48px}.checkout-fields{grid-template-columns:1fr 1fr}.checkout-fields label:first-child{grid-column:1/-1}}}@layer components{.handoff-steps{display:grid;gap:6px;margin:4px 0 0;padding-left:20px;list-style:decimal;color:var(--color-muted);font-size:12px;line-height:1.6}.checkout-fieldset{display:grid;gap:14px;min-width:0;margin:0;padding:0;border:0}.checkout-fieldset[aria-disabled=true]{pointer-events:none}.checkout-fieldset[aria-disabled=true] .btn{opacity:.6}.checkout-form[data-state=pending]{cursor:progress}.checkout-status{display:flex;align-items:center;gap:10px;color:#d6d6e4;font-size:13px}.checkout-spinner{width:16px;height:16px;flex:none;border:2px solid rgba(255,255,255,.25);border-top:2px solid var(--color-violet);border-radius:50%;animation:checkoutSpin .8s linear infinite}.checkout-alert,.checkout-slow{display:grid;gap:10px;justify-items:start}.plan-state{display:grid;gap:8px}.plan-state p{color:#d6d6e4;font-size:14px;line-height:1.6}.billing-country-note{display:grid;gap:6px;margin:12px 0;padding:12px 14px;border:1px solid var(--color-line);border-left:3px solid var(--color-violet-soft);border-radius:10px;background:var(--color-surface);font-size:13px;line-height:1.6}.billing-country-note p{color:#d6d6e4}.pricing-or{color:#b4b4cc;font-size:12px}}@layer components{@keyframes checkoutSpin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.checkout-spinner{animation:none}}}