.billing-hero{min-height:75vh;align-items:flex-start;padding:80px 0 100px;position:relative}
.billing-hero>.bg{opacity:.15;object-position:center top}
.billing-wrap{max-width:1120px;width:88%;position:relative;z-index:1}
.billing-wrap [hidden]{display:none!important}
.billing-wrap h1{margin:18px 0 20px}
.billing-wrap h2{font-size:24px;font-weight:400;line-height:1.3;margin:0 0 12px}
.billing-intro{max-width:760px;margin-bottom:28px}
.billing-badge{display:inline-block;border:1px solid #79b2a3;color:#bde5d7;border-radius:30px;padding:5px 10px;margin-left:10px;font-size:10px;letter-spacing:.1em;vertical-align:middle}
.billing-message{min-height:1.6em;font-size:14px;line-height:1.65;margin:18px 0;color:#ced9d6}
.billing-message[data-tone=error]{color:#ffc5b4}
.billing-notice,.billing-operation{border:1px solid #7eaa9f;background:rgba(23,48,42,.85);border-radius:12px;padding:22px 24px;margin:24px 0;line-height:1.6}
.billing-account{display:flex;justify-content:space-between;gap:26px;background:rgba(14,24,24,.93);border:1px solid #38504b;border-radius:14px;padding:28px;margin:20px 0 34px}
.billing-account>div:first-child{flex:1;min-width:0}
.billing-account .label{margin-bottom:12px}
.billing-account p{line-height:1.65}
.billing-account .billing-actions{align-self:center;justify-content:flex-end;max-width:360px}
.billing-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.billing-wrap .btn{font:inherit;font-size:13px;cursor:pointer;min-height:44px;display:inline-flex;justify-content:center;align-items:center;text-align:center}
.billing-wrap .btn:disabled{opacity:.45;cursor:not-allowed}
.billing-wrap .btn:focus-visible{outline:3px solid #c0ecdb;outline-offset:5px}
.billing-operation h2{font-size:19px}
.billing-operation .billing-actions{margin-top:18px}
.billing-cancellation{border:1px solid #c7a97b;background:rgba(42,35,25,.94);border-radius:12px;padding:24px;margin:24px 0;line-height:1.7}
.billing-cancellation h2{font-size:22px;margin-top:12px}
.billing-cancellation .billing-actions{margin-top:22px}
.billing-cancellation .fine{margin-top:12px}
.billing-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin:34px 0 20px}
.billing-section-heading p{max-width:470px}
.billing-plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.billing-plan{display:flex;flex-direction:column;padding:30px;border:1px solid #38504b;border-radius:14px;background:rgba(14,24,24,.95);min-width:0}
.billing-plan h3{font-size:22px;font-weight:400;margin:10px 0 20px}
.billing-plan .billing-price{font-size:38px;letter-spacing:-.04em;line-height:1.1;color:#f1f6f2;margin-bottom:10px;font-variant-numeric:tabular-nums}
.billing-plan .billing-price-period{font-size:13px;letter-spacing:0;color:#b6c8c1;display:block;line-height:1.6;margin-top:10px}
.billing-plan p{line-height:1.65;margin:0 0 24px}
.billing-plan .btn{align-self:flex-start;margin-top:auto}
.billing-disclaimer{max-width:880px;line-height:1.8;margin:24px 0 0}
.billing-commercial{border:1px solid #38504b;border-radius:14px;background:rgba(14,24,24,.95);padding:26px;margin:24px 0;line-height:1.7}
.billing-facet,.billing-usage-history{margin:20px 0;display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.billing-facet .fine,.billing-usage-history p{flex-basis:100%;margin:0}
.billing-wrap select,.billing-wrap input[type=date],.billing-wrap input[type=month]{font:inherit;color:#f1f6f2;background:#14221e;border:1px solid #7eaa9f;border-radius:7px;padding:11px;min-height:44px}
.billing-wrap select:focus-visible,.billing-wrap input:focus-visible{outline:3px solid #c0ecdb;outline-offset:3px}
.billing-consent{display:flex;gap:12px;align-items:flex-start;margin:20px 0;cursor:pointer}
.billing-consent input{width:20px;height:20px;margin-top:4px;flex-shrink:0}
.billing-plan .billing-price.contact-price{font-size:25px;letter-spacing:0}
@media(max-width:700px){.billing-hero{padding:54px 0 70px}.billing-account{flex-direction:column;padding:22px}.billing-account .billing-actions{align-self:flex-start;justify-content:flex-start;max-width:none}.billing-section-heading{display:block}.billing-plans{grid-template-columns:1fr}.billing-plan{padding:25px}.billing-badge{margin-left:4px}.billing-wrap h1{font-size:40px}.billing-notice,.billing-operation{padding:20px}}
.billing-card-facet{display:grid;gap:8px;margin:0 0 20px}
.billing-card-facet label{font-size:14px;color:#dbe7e2}
.billing-card-facet select{width:100%}
.billing-card-facet .fine{margin:0}
.billing-message[data-tone=error]{font-weight:500}
