.account-plan{display:block;color:var(--muted,#72756d);font-size:12px;margin-top:2px}.billing-shell{max-width:980px;margin:48px auto;padding:0 24px}.billing-shell h1{font-size:clamp(36px,6vw,64px);letter-spacing:-.045em;margin-bottom:16px}.billing-lead{font-size:20px;max-width:650px;color:#686b61}.plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:36px 0}.plan-card{background:#fffdfa;border:1px solid #dedbd3;border-radius:24px;padding:32px;position:relative}.plan-card.pro{border:2px solid #087fff}.plan-price{font-size:46px;font-weight:650;letter-spacing:-.05em}.plan-card ul{padding:0;list-style:none;line-height:1.6}.plan-card li{margin:14px 0}.plan-card li:before{content:'✓';color:#087fff;margin-right:12px}.billing-shell .button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 24px;border-radius:16px;text-decoration:none;background:#22241f;color:white;border:0;font-weight:600;cursor:pointer}.billing-shell .button.secondary{background:#eeede8;color:#252621}.billing-shell .button.danger{color:#bd3028;background:#fff0ed}.billing-row{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}.storage-track{height:10px;background:#e7e8e4;border-radius:8px;overflow:hidden;margin:20px 0}.storage-fill{height:100%;background:#087fff}.billing-note{padding:20px;background:#edf5ff;border-radius:16px;margin:24px 0}.cancel-warning{background:#fff3eb;border:1px solid #edc9b8;border-radius:20px;padding:24px;margin:24px 0}.billing-shell label{display:flex;gap:12px;align-items:start;margin:24px 0}.billing-shell input[type=checkbox]{width:20px;height:20px}@media(max-width:650px){.plan-grid{grid-template-columns:1fr}.plan-card{padding:24px}.billing-shell{margin:24px auto}}
.upgrade-grid{grid-template-columns:1fr;max-width:650px}.pricing-faq{margin:48px 0}.pricing-faq details{padding:20px 0;border-top:1px solid #dedbd3}.pricing-faq summary{font-weight:600;cursor:pointer}.pricing-faq p{line-height:1.6;max-width:700px}

.account-billing{display:grid;gap:24px}.account-billing>h2{margin-bottom:0}.account-billing .panel{margin:0}.account-billing h3,.cancel-content h3{font-family:var(--body);font-size:19px;font-weight:600;margin:0 0 8px;letter-spacing:-.02em}.account-billing p{margin:8px 0 0}.billing-price{font-size:16px}.account-billing .billing-row{gap:20px}.billing-row>div:first-child{flex:1;min-width:200px}.account-billing .button,.cancel-content .button{min-height:44px;white-space:normal;text-align:center}.account-billing .button.compact{min-height:36px;padding:8px 14px;font-size:12px}.account-billing .account-warning{color:#75281f;background:#fff1ed;border-color:#d58a7d}.account-billing .account-warning h3{color:#872b21}.account-billing .account-warning .button.primary{background:var(--ink);color:white}.account-billing .billing-cancel-card .button.danger,.cancel-content .button.danger{background:#a8231c;color:#fff;border-color:#a8231c}.account-billing .billing-cancel-card .button.danger:hover,.cancel-content .button.danger:hover{background:#831b16}.billing-history{margin-top:16px;border:1px solid var(--border);border-radius:12px;overflow:hidden}.invoice-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto 28px;gap:16px;padding:16px;align-items:center;border-bottom:1px solid var(--border);font-size:12px}.invoice-row:last-child{border:0}.invoice-status{padding:4px 9px;border-radius:7px;background:var(--paper-2);color:var(--ink-2)}.invoice-paid{background:#edf6ee;color:#28643b}.invoice-open,.invoice-uncollectible{background:#fff1ed;color:#872b21}.storage-value{font-size:13px;white-space:nowrap;color:var(--ink-2)}.payment-summary{display:flex;gap:18px;padding:16px 0;border-bottom:1px solid var(--border);font-size:14px}.payment-summary:last-child{border:0}.payment-summary span{color:var(--ink-2)}.cancel-content>.account-warning{margin:24px 0}.cancel-content .billing-row{margin-top:8px}
@media(max-width:650px){.invoice-row{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px}.invoice-row .icon-button{justify-self:end}.billing-row>div:first-child{min-width:0}.account-billing .billing-row{align-items:flex-start}.account-billing .billing-row>form{width:100%}}

.billing-region{display:grid;gap:8px;margin:18px 0 22px}.billing-region label{font-size:14px;color:#666;margin:0;display:block}.billing-region select{width:100%;padding:12px 14px;border:1px solid #ddd;border-radius:12px;background:#fff;color:#222;font:inherit}.billing-region select:focus-visible{outline:2px solid #087fff;outline-offset:2px}.billing-region [role=status]:empty{display:none}.billing-region [role=status]{font-size:14px;color:#b42318}