.billing-screen{max-width:1200px;margin:auto}.billing-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:34px}.billing-heading h1{font-size:clamp(34px,4.5vw,62px);letter-spacing:-.055em;margin:10px 0 14px}.billing-heading h1 span{color:#6325e9}.billing-heading p{max-width:500px;line-height:1.6;color:#73697f}.billing-emblem{display:grid;place-items:center;width:108px;height:108px;flex-shrink:0;border:1px solid #d9c9fa;background:#eee6fc;border-radius:38% 62% 55% 45%;font-size:66px;color:#6325e9;transform:rotate(-12deg)}.payment-steps{display:flex;list-style:none;padding:20px 0 28px;gap:28px;border-bottom:1px solid #e7dff0;margin:0 0 30px}.payment-steps li{display:flex;align-items:center;gap:10px;color:#8a8095;font-size:13px}.payment-steps b{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#ece5f7;color:#8a6dbd;font-size:12px}.payment-steps [aria-current]{color:#6325e9;font-weight:700}.payment-steps [aria-current] b{background:#6325e9;color:white;box-shadow:0 0 0 5px #f0e9fb}.payment-steps .done b{background:#e3f1e9;color:#32644a}.billing-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.billing-plan{padding:32px;border:1px solid #ded2f0;border-radius:25px;background:white;display:flex;flex-direction:column}.billing-plan:nth-child(2n+1){border-top:5px solid #6325e9}.billing-plan h2{font-size:27px;letter-spacing:-.04em;margin:18px 0}.payment-price{font-size:32px;font-weight:750;letter-spacing:-.045em;line-height:1.25;display:block}.payment-price small{display:block;font-size:13px;font-weight:400;letter-spacing:0;color:#766781;margin-top:6px}.billing-plan ul{padding-left:19px;line-height:2;color:#6d6279;margin:26px 0}.billing-plan .button{margin-top:auto}.checkout-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr);gap:24px;align-items:start}.checkout-layout .back-link{display:block;margin-bottom:28px}.checkout-layout .eyebrow{display:block}.checkout-layout h2{font-size:30px;letter-spacing:-.04em;margin-top:15px}.checkout-layout form{margin-top:28px}.payment-summary,.payment-receipt{border-radius:24px;background:#f0e9fb;padding:30px;border:1px solid #e0d3f2}.payment-summary h2{font-size:24px;margin:18px 0 25px}.payment-summary>p,.payment-receipt small{font-size:12px;color:#71617f;line-height:1.7}.payment-lock{display:block;border-top:1px solid #dacee9;padding-top:20px;margin-top:24px;font-size:12px;line-height:1.7}.billing-screen dl{margin:26px 0}.billing-screen dl>div{padding:13px 0;border-bottom:1px solid #e4d9ee}.billing-screen dt{font-size:11px;color:#7c6e8a;margin-bottom:6px}.billing-screen dd{margin:0;font-size:14px;font-weight:600;overflow-wrap:anywhere}.payment-person{background:#faf7fe;padding:8px 20px;border-radius:16px}.payment-resume{display:flex;gap:22px;justify-content:space-between;align-items:center;border-left:4px solid #2978cb;padding:23px;background:#eef5ff;border-radius:0 17px 17px 0;margin:25px 0}.payment-resume p{font-size:12px;line-height:1.6;margin-bottom:0}.payment-resume .button{flex-shrink:0}.payment-empty{text-align:center;background:#f5f0fb;border:1px dashed #cebfe2;padding:55px 25px;border-radius:25px}.payment-empty>span{font-size:48px;color:#9470cf}.payment-empty p{max-width:460px;margin:auto;line-height:1.7;color:#7b6e86}.payment-history{margin:48px 0}.payment-history>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.payment-history>a{display:grid;grid-template-columns:1fr auto auto;gap:24px;padding:22px 0;border-bottom:1px solid #e5ddeb;text-decoration:none;color:inherit;align-items:center}.payment-history small{display:block;font-size:11px;color:#8a7b95;margin-top:8px}.payment-history b{font-size:12px;color:#6325e9}.payment-help{border-top:1px solid #e5ddeb;margin-top:38px;padding-top:27px}.payment-help h2{font-size:22px}.payment-help p{font-size:13px;line-height:1.7;color:#7a6c88;max-width:600px}.payment-result{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,1fr);gap:28px;align-items:start}.payment-result-main{padding:30px 10px 30px 0}.payment-state-icon{display:grid;place-items:center;width:76px;height:76px;border-radius:26px;background:#ede5fa;color:#6325e9;font-size:38px;margin-bottom:30px}.complete .payment-state-icon{background:#e4f3e9;color:#2e7650}.failed .payment-state-icon{background:#fff0df;color:#a06019}.payment-result-main>.eyebrow{display:block}.payment-result h2{font-size:clamp(30px,3vw,43px);line-height:1.1;letter-spacing:-.045em;max-width:510px;margin:13px 0 22px}.payment-result-main>p{line-height:1.8;color:#73667f;font-size:14px}.payment-checklist{border-block:1px solid #e6ddeb;padding:15px 0;margin:26px 0}.payment-checklist p{font-size:13px;display:flex;gap:12px;align-items:center}.payment-checklist b{color:#6325e9}.payment-result-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.payment-result-actions .quiet-link{width:100%;margin-top:8px}.payment-receipt h3{font-size:23px;letter-spacing:-.03em;margin-top:0}.payment-receipt .payment-price{font-size:26px;margin:20px 0 7px}.payment-reference{font-family:inherit!important;font-size:11px!important;letter-spacing:.025em}.receipt-mail{background:#faf7ff;padding:18px;border-radius:13px;font-size:12px;line-height:1.7}.receipt-mail p{margin-bottom:0;color:#7d6b8c}.payment-loading{display:flex;align-items:center;gap:12px;padding:25px;background:#f4eefb;border-radius:16px}.payment-loading>span{width:15px;height:15px;border:2px solid #d7c7ee;border-top-color:#6325e9;border-radius:50%;animation:billing-spin 1s linear infinite}@keyframes billing-spin{to{transform:rotate(360deg)}}.billing-screen button:focus-visible,.billing-screen a:focus-visible{outline:3px solid #377ec3;outline-offset:4px}.billing-screen button:disabled{cursor:not-allowed;opacity:.55}.billing-screen .error p{line-height:1.6;font-size:13px}.billing-screen .surface-card p{line-height:1.75}.billing-screen input[readonly]{background:#f1edf6;color:#6e627b}.reduce-motion .payment-loading>span{animation:none}
@media(max-width:1050px){.checkout-layout,.payment-result{grid-template-columns:1fr}.payment-summary,.payment-receipt{max-width:none}.payment-result-main{padding-top:10px}.payment-receipt dl{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}}
@media(max-width:680px){.billing-emblem{width:66px;height:66px;font-size:42px}.billing-heading{gap:12px;margin-bottom:15px}.billing-heading h1{font-size:35px}.billing-heading p{font-size:13px}.payment-steps{gap:0;justify-content:space-between}.payment-steps li{flex-direction:column;gap:10px;font-size:10px}.billing-plan-grid{grid-template-columns:1fr}.billing-plan{padding:26px}.payment-resume{flex-direction:column;align-items:flex-start}.payment-history>a{grid-template-columns:1fr auto;gap:12px;font-size:12px}.payment-history>a>b{grid-column:1/-1}.payment-history h2{font-size:21px}.payment-result-actions .button{width:100%;font-size:12px}.payment-summary,.payment-receipt{padding:23px}.payment-result h2{font-size:32px}.payment-result .payment-receipt dl{grid-template-columns:1fr}.checkout-layout h2{font-size:26px}.billing-screen .surface-card{padding:23px 19px}.payment-price{font-size:29px}}
@media(prefers-reduced-motion:reduce){.payment-loading>span{animation:none}}
.billing-overview{display:grid;grid-template-columns:1.2fr 1fr;gap:22px;margin-bottom:28px}.billing-current{position:relative;padding:28px;border-radius:23px;background:linear-gradient(130deg,#39205e,#6a31db);color:white;overflow:hidden}.billing-current .eyebrow{color:#dbc8ff;font-size:10px}.billing-current h2{font-size:25px;letter-spacing:-.6px;margin:16px 0 10px;max-width:420px;line-height:1.2}.billing-current p{font-size:12px;color:#e8ddfa;line-height:1.7;margin:0}.billing-space{display:inline-block;margin-top:22px;border:1px solid #ffffff33;background:#ffffff14;border-radius:30px;padding:6px 12px;font-size:11px}.billing-documents{display:flex;gap:18px;align-items:center;padding:27px;border:1px solid #e6dcf1;border-radius:23px;background:#fff}.billing-documents strong{font-size:15px}.billing-documents p{font-size:12px;color:#81718f;line-height:1.7;margin-top:9px}.billing-documents .quiet-button{padding:10px 0;color:#6528c9;font-size:12px}.billing-paper-icon{flex-shrink:0;width:56px;height:64px;display:grid;place-items:center;border-radius:17px;background:#f1e9fc;color:#8b62c1;font-size:34px}.billing-heading .billing-emblem{width:70px;height:70px;font-size:40px;border-radius:22px;transform:none;background:#f0e9fb}.billing-heading h1{font-size:clamp(32px,3.5vw,45px);letter-spacing:-1.7px}.billing-heading p{font-size:14px}.billing-plan{border-radius:21px;box-shadow:0 8px 30px #38225f06}.billing-plan:nth-child(2n+1){border-top-width:1px}.billing-plan:has(button:focus-visible){outline:3px solid #1788bc;outline-offset:4px}.billing-screen .payment-result-main{background:white;border:1px solid #e6dcf1;border-radius:23px;padding:28px}.billing-screen .payment-receipt{background:#fff;border-radius:22px;padding:0;overflow:hidden;box-shadow:0 12px 30px #4527740a}.payment-receipt>.eyebrow,.payment-receipt>h3,.payment-receipt>.payment-price,.payment-receipt>small,.payment-receipt>dl,.payment-receipt>.receipt-pending{display:block;margin-left:25px;margin-right:25px}.payment-receipt>.eyebrow{margin-top:25px}.receipt-document{padding:27px}.receipt-brand{font-size:23px;font-weight:800;letter-spacing:-1px;margin-bottom:24px}.receipt-brand>span{color:#6925eb}.receipt-brand small{display:block;font-size:8px!important;letter-spacing:1.6px!important;font-weight:500;margin-top:7px}.receipt-paid{display:inline-flex;font-size:10px;font-weight:650;color:#227050;background:#e9f7ef;border:1px solid #d4efdf;border-radius:30px;padding:6px 10px}.receipt-paid.is-refunded{color:#7e5920;background:#fff6e3;border-color:#efe0bd}.receipt-document h3{font-size:17px;letter-spacing:-.3px;margin:17px 0 12px}.receipt-total{font-size:31px;font-weight:750;letter-spacing:-1px;line-height:1.2;margin:0}.receipt-confirmed{font-size:10px;color:#897990;line-height:1.7;margin-top:8px}.receipt-document dl{margin:22px 0}.receipt-document dl>div{display:flex;justify-content:space-between;gap:17px;padding:10px 0}.receipt-document dt{font-size:10px;flex-shrink:0;line-height:1.6;margin:0}.receipt-document dd{font-size:11px;font-weight:550;text-align:right;line-height:1.6}.receipt-document .receipt-reference{font:9px/1.6 ui-monospace,Consolas,monospace;overflow-wrap:anywhere}.receipt-legal,.receipt-pending{font-size:10px;line-height:1.8;color:#897791}.payment-receipt .receipt-mail{padding:23px 25px;border-top:1px dashed #d7c7e8;background:#fcf9ff;margin-top:0}.receipt-mail strong{font-size:12px}.receipt-mail p{font-size:11px;line-height:1.8}.receipt-mail .button{width:100%;font-size:11px;padding:12px;min-height:44px;margin-top:10px}.receipt-email-address{overflow-wrap:anywhere;color:#663c88}.payment-history{padding:25px;border:1px solid #e6dcf1;border-radius:23px;background:white;margin-top:28px;scroll-margin-top:25px}.payment-history h2{font-size:23px;letter-spacing:-.6px}.payment-history>a:last-child{border-bottom:0;padding-bottom:0}.billing-screen .payment-steps{gap:18px}.billing-screen .payment-steps li{font-size:11px;line-height:1.5}.payment-checklist p{transition:color .2s,background .2s}.billing-screen .surface-card,.billing-overview,.receipt-document{animation:billing-enter .25s ease-out both}@keyframes billing-enter{from{opacity:.5;transform:translateY(7px)}to{opacity:1;transform:none}}@media(max-width:760px){.billing-overview{grid-template-columns:1fr;gap:14px}.billing-current{padding:24px}.billing-documents{padding:22px}.billing-screen .payment-result-main{padding:24px}.billing-screen .payment-steps{gap:12px}.payment-steps li{flex:1;flex-direction:column;align-items:flex-start}.billing-screen .billing-heading{gap:16px}.billing-heading .billing-emblem{width:50px;height:50px;font-size:30px;border-radius:16px}.payment-history{padding:20px}.receipt-document{padding:24px}.receipt-document dl>div{flex-wrap:wrap;gap:5px}.receipt-document dd{text-align:left}.payment-history>a{gap:12px}}
@media(prefers-reduced-motion:reduce){.billing-screen .surface-card,.billing-overview,.receipt-document{animation:none}.payment-checklist p{transition:none}}
