.usage-billing-stage{min-height:100vh;overflow:clip}.usage-billing-main{width:min(1080px,calc(100% - 64px));margin:0 auto;padding:54px 0 72px}.usage-billing-eyebrow{margin:0;color:#7e8698;font-size:13px;font-weight:700;letter-spacing:.2em;line-height:17px}.usage-billing-main h1{margin:12px 0 0;color:var(--ink);font-size:50px;font-weight:800;letter-spacing:-.04em;line-height:56px}.usage-billing-rows{display:flex;flex-direction:column;align-items:flex-start;width:min(760px,100%);margin-top:34px;gap:32px}.usage-billing-usage{width:calc(100% * 2 / 3)}.usage-billing-fact{width:100%}.usage-billing-usage-heading{display:flex;align-items:center;justify-content:space-between;color:#0f172a;font-size:16px;font-weight:600;line-height:22px}.usage-billing-usage-heading strong{color:#7c3aed;font-size:22px;font-weight:800;letter-spacing:-.03em;line-height:28px}.usage-billing-track{height:10px;margin-top:14px;overflow:hidden;border-radius:999px;background:#e4ddfd}.usage-billing-fill{display:block;width:0;height:100%;border-radius:inherit;background:#7c3aed;transition:width .24s ease}.usage-billing-fact{display:flex;align-items:flex-start;flex-direction:column;gap:6px;margin:0;padding:0;font-size:16px;line-height:22px}.usage-billing-fact dt{color:#7e8698;font-size:13px;font-weight:500;line-height:18px}.usage-billing-fact dd{margin:0;overflow-wrap:anywhere;color:#050b1a;font-weight:700;text-align:left}.usage-billing-subscription{display:flex;align-items:center;gap:8px}.usage-billing-subscription>span{width:7px;height:7px;flex:0 0 auto;border-radius:999px;background:#64748b}.usage-billing-subscription.is-active,.usage-billing-subscription.is-active strong{color:#1ccc5e}.usage-billing-subscription.is-active>span{background:#1ccc5e}.usage-billing-subscription.is-ending,.usage-billing-subscription.is-ending strong{color:#667085}.usage-billing-subscription.is-ending>span{background:#98a2b3}.usage-billing-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:32px}.usage-billing-buy{width:188px;height:42px;text-decoration:none}.usage-billing-cancel{width:180px;height:42px;margin:0;padding:0;border:1px solid #dfe3ea;border-radius:999px;color:#5f6878;background:#eef0f4;box-shadow:inset 0 1px #ffffffb8,0 12px 28px #232a3b1a;font-size:13px;font-weight:700;line-height:18px;cursor:pointer}.usage-billing-cancel:hover:not(:disabled){color:#4b5563;background:#e7e9ee}.usage-billing-cancel:focus-visible{outline:3px solid rgb(124 58 237 / 24%);outline-offset:4px}.usage-billing-cancel:disabled{color:#7e8698;cursor:default}.usage-billing-message{width:min(760px,100%);margin:18px 0 0;color:#667085;font-size:14px;font-weight:700;line-height:20px}.usage-billing-message.is-error{color:#b91c1c}.usage-billing-message.is-success{color:#1ccc5e}.usage-billing-message:not([hidden])+.usage-billing-rows{margin-top:22px}@media(max-width:820px){.usage-billing-stage{overflow:visible}.usage-billing-main{width:calc(100% - 40px);padding-top:32px}.usage-billing-main h1{font-size:clamp(40px,10vw,50px);line-height:1.06}}@media(max-width:600px){.usage-billing-main{width:calc(100% - 32px)}}@media(prefers-reduced-motion:reduce){.usage-billing-fill{transition:none}}