.billing-page{min-height:100vh;background:radial-gradient(ellipse at 14% 18%,#eaf3ff 0,transparent 40%),radial-gradient(ellipse at 90% 65%,#edf3ff 0,transparent 38%),#fafbfe}
.billing-header,.billing-footer{max-width:1160px;margin:auto;padding:28px 36px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #e5e9f1}
.billing-header .brand img{width:26px;height:26px}.billing-header>a:last-child{font-size:14px;color:#64728a}
.billing-main{max-width:1160px;margin:65px auto 80px;padding:0 36px}.billing-intro{margin-bottom:35px}.billing-intro h1{font-size:clamp(46px,5.4vw,70px);line-height:1.04;letter-spacing:-3.5px;margin:18px 0 22px}.billing-intro h1 span{color:#3f7eef}.billing-intro>p:last-child{font-size:18px;color:#748197}
.billing-message{font-size:14px;line-height:1.65;color:#426fa9;margin:0 0 26px;padding:17px 20px;border:1px solid #dfe8f7;background:#f3f7fe;border-radius:13px;overflow-wrap:anywhere}.billing-message:empty{display:none}
.billing-workspace{display:grid;grid-template-columns:1.15fr 1fr;gap:22px}.billing-card{background:#fff;border:1px solid #e1e7f1;border-radius:24px;padding:32px;box-shadow:0 16px 45px #32508008;min-width:0}.billing-card .eyebrow{font-size:10px;margin-bottom:22px}.billing-card h2{font-size:33px;letter-spacing:-1.2px;line-height:1.12;margin:0 0 20px}.billing-card p{font-size:14px;color:#738099;line-height:1.75}.billing-card .billing-small,.billing-small{font-size:12px;color:#8591a5;line-height:1.7;margin:14px 0 0}.billing-card-top{display:flex;justify-content:space-between;gap:16px;align-items:start}.billing-status{font-size:10px;color:#3b74b8;background:#edf4ff;border:1px solid #d9e6f8;border-radius:50px;padding:4px 10px;white-space:nowrap}.billing-status[data-state=past_due],.billing-status[data-state=unpaid]{color:#976b2e;background:#fff7e9;border-color:#f4e4c9}.billing-status[data-state=canceled],.billing-status[data-state=inactive]{color:#778194;background:#f2f4f8;border-color:#e6eaf1}.billing-card .billing-price{font-size:21px;color:#37455d;letter-spacing:-.5px;margin:-5px 0 25px}.billing-facts{margin:0;padding:0}.billing-facts>div{display:grid;grid-template-columns:145px 1fr;gap:16px;margin:12px 0;font-size:13px}.billing-facts dt{color:#8a96a8}.billing-facts dd{margin:0;color:#53657f;overflow-wrap:anywhere}.billing-state-note{padding-top:16px;border-top:1px solid #ebeff5;margin-top:24px!important}.billing-card .billing-scheduled{padding:14px 16px;background:#eff5ff;border-radius:11px;color:#4776ae;font-size:13px;margin-bottom:24px}.billing-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:24px}.billing-page .button{font-size:13px;min-height:44px;padding:12px 18px}.billing-page .button:disabled,.billing-secondary:disabled{opacity:.55;cursor:not-allowed;transform:none}.billing-text-link,.billing-text-button{font-size:12px;color:#3f74bb;line-height:1.6}.billing-text-link:hover,.billing-text-button:hover{text-decoration:underline;text-underline-offset:3px}.billing-text-button{border:0;padding:8px 0;background:transparent;min-height:36px}.billing-text-button:disabled{opacity:.55;cursor:wait}.billing-balance{display:flex;flex-direction:column;margin:26px 0 18px}.billing-balance strong{font-size:57px;font-weight:500;color:#377de2;letter-spacing:-2.5px;line-height:1.1}.billing-balance span{font-size:13px;margin-top:9px;color:#8592a7}.billing-credits progress{display:block;width:100%;height:6px;border:0;border-radius:10px;background:#e9eef7;color:#5894f2;overflow:hidden;appearance:none}.billing-credits progress::-webkit-progress-bar{background:#e9eef7;border-radius:10px}.billing-credits progress::-webkit-progress-value{background:linear-gradient(90deg,#8ebaff,#3679e1);border-radius:10px}.billing-credits progress::-moz-progress-bar{background:#5894f2;border-radius:10px}.billing-credit-explanation{padding-top:20px;border-top:1px solid #ebeff5;margin-top:25px}.billing-plan-section,.billing-renewal{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.billing-plan-section h2{font-size:37px}.billing-plan-section>div>p:not(.eyebrow){max-width:420px}.billing-page label{display:block;font-size:12px;color:#53657f;font-weight:500;margin:18px 0 8px}.billing-page select,.billing-page input[type=email],.billing-page input[type=password]{display:block;width:100%;min-width:0;border:1px solid #dbe3ef;background:#fafbfd;color:#36445b;border-radius:11px;padding:13px 14px;font:inherit;font-size:13px;box-sizing:border-box}.billing-page select{cursor:pointer;font-size:12px}.billing-page select:focus-visible,.billing-page input:focus-visible{outline:3px solid #a5c5ff;outline-offset:2px}.billing-plan-section form .button{margin-top:22px}.billing-plan-section #billing-change-description{margin-top:15px}.billing-renewal h2{font-size:30px;margin-bottom:15px}.billing-renewal p{margin:0;max-width:430px}.billing-renewal-actions{display:flex;flex-direction:column;align-items:start;gap:10px}.billing-secondary{font:inherit;font-size:12px;padding:11px 17px;min-height:44px;border:1px solid #d5dfec;border-radius:11px;color:#53739e;background:#f6f9fd;cursor:pointer}.billing-secondary:hover{background:#edf4ff;border-color:#b3c9e7}.billing-access{margin-top:22px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.billing-access h2{font-size:32px}.billing-access p{max-width:415px}.billing-access form>label:first-child{margin-top:0}.billing-access form .button{margin-top:25px;width:100%}.billing-access>.billing-small{margin-bottom:0}.billing-support{font-size:12px!important;color:#98a2b3;line-height:1.75;margin:26px 0}.billing-support a{color:#557caf;text-decoration:underline;text-underline-offset:3px}.billing-footer{border-bottom:0;border-top:1px solid #e5e9f1;font-size:11px;color:#98a2b3;padding-bottom:35px}.billing-footer div{display:flex;gap:20px}.billing-footer a:hover{color:#3f74bb}.billing-confirmation{max-width:480px;width:calc(100% - 36px);padding:32px;border:1px solid #dfe7f3;border-radius:23px;box-shadow:0 20px 70px #142e633b;color:#263852;background:#fff}.billing-confirmation::backdrop{background:#23344f5e;backdrop-filter:blur(5px)}.billing-confirmation .eyebrow{font-size:10px;margin-bottom:23px}.billing-confirmation h2{font-size:32px;letter-spacing:-1.1px;line-height:1.14;margin-bottom:20px}.billing-confirmation p{font-size:13px;line-height:1.8;color:#76849a}.billing-page .billing-confirm-consent{display:flex;gap:12px;align-items:flex-start;font-size:12px;line-height:1.7;font-weight:400;margin:23px 0}.billing-confirm-consent input{width:16px;height:16px;flex-shrink:0;margin:3px 0 0;accent-color:#3d7fe9}.billing-confirm-buttons{display:flex;justify-content:space-between;gap:12px;margin-top:25px}.billing-confirmation #billing-confirm-error{color:#925b49;font-size:12px;margin:15px 0}.billing-confirmation #billing-confirm-error:empty{display:none}
@media(max-width:900px){.billing-workspace{gap:18px}.billing-card{padding:26px}.billing-plan-section,.billing-renewal,.billing-access{gap:35px}.billing-facts>div{grid-template-columns:1fr;gap:3px;margin-bottom:18px}.billing-card h2{font-size:29px}.billing-page select{font-size:11px}}
@media(max-width:700px){.billing-header{padding:22px}.billing-header .brand img{width:24px;height:24px}.billing-header>a:last-child{font-size:12px}.billing-main{padding:0 22px;margin:40px auto 55px;max-width:570px}.billing-intro h1{font-size:50px;letter-spacing:-2.6px}.billing-intro>p:last-child{font-size:15px}.billing-intro{margin-bottom:27px}.billing-workspace{grid-template-columns:1fr}.billing-card{border-radius:20px;padding:25px}.billing-plan-section,.billing-renewal,.billing-access{grid-template-columns:1fr;gap:25px}.billing-plan-section h2{font-size:33px}.billing-facts>div{grid-template-columns:130px 1fr;gap:10px}.billing-plan-section>div>p:not(.eyebrow){max-width:none}.billing-card p{font-size:13px}.billing-card .billing-small{font-size:11px}.billing-actions{gap:17px}.billing-balance strong{font-size:51px}.billing-page select{font-size:12px}.billing-access form .button,.billing-plan-section form .button{width:100%}.billing-support{font-size:11px!important}.billing-footer{padding:23px 22px 30px;gap:15px}.billing-footer div{gap:13px}.billing-confirmation{padding:26px}.billing-confirmation h2{font-size:28px}.billing-confirm-buttons .button,.billing-confirm-buttons .billing-secondary{font-size:12px}}
.billing-credit-breakdown{margin:18px 0 0;display:grid;gap:10px;font-size:13px}.billing-credit-breakdown>div{display:flex;justify-content:space-between;gap:18px}.billing-credit-breakdown dt{color:#738099}.billing-credit-breakdown dd{margin:0;color:#37455d;font-weight:500}.billing-card .billing-credit-warning{color:#805617;background:#fff6e5;border:1px solid #f0dfbc;padding:12px 14px;border-radius:10px;font-size:13px}.billing-topups{grid-column:1/-1;scroll-margin-top:24px}.billing-topups>div>p:not(.eyebrow){max-width:640px}.billing-credit-packs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:25px 0 18px}.billing-credit-pack{border:1px solid #dfe7f3;background:#f8faff;border-radius:16px;padding:22px 18px}.billing-credit-pack h3{font-size:23px;line-height:1.3;margin:0 0 12px;letter-spacing:-.5px}.billing-credit-pack p{font-size:27px;color:#37455d;margin:0 0 22px;line-height:1.5}.billing-credit-pack p span{font-size:11px;color:#738099;white-space:nowrap}.billing-credit-pack .button{width:100%;font-size:12px;padding:12px 10px;white-space:normal}.billing-topups .billing-message{margin:18px 0 0}.billing-page [hidden]{display:none!important}
@media(max-width:700px){.billing-credit-packs{grid-template-columns:1fr;gap:12px}.billing-credit-pack{padding:20px}.billing-credit-pack h3{font-size:22px}.billing-credit-pack p{margin-bottom:17px}.billing-credit-breakdown{font-size:12px}}