.billing{padding-block:55px 100px}.billing h1{font-size:clamp(36px,5vw,58px)}.billing-tabs{display:flex;gap:28px;border-bottom:1px solid var(--line);padding:22px 0;margin:20px 0 32px;font-size:13px;font-weight:600;flex-wrap:wrap}.billing-tabs a:hover{color:#608346}.balance-card{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:36px;background:var(--petrol);color:var(--paper);border-radius:16px}.balance-card strong{font-size:56px;font-weight:600;letter-spacing:-2px}.balance-card .eyebrow{color:var(--mint);margin-bottom:10px}.balance-card p{font-size:13px}.balance-card>div:last-child{align-self:center}.balance-card .button{background:var(--paper);color:var(--petrol)}.balance-card span{font-weight:600;font-size:14px}.billing section{scroll-margin-top:25px}.billing #packages,.billing #history{padding-top:55px}.billing h2{font-size:30px}.topup-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:25px 0}.topup-grid article{padding:28px;border:1px solid var(--line);border-radius:12px;background:white;position:relative}.topup-grid .featured{background:#e8f0df;border-color:#96b47f}.topup-grid h3{margin-top:14px}.topup-grid .badge{display:block;color:#47703a;font-size:10px;font-weight:700;letter-spacing:1px;min-height:18px}.topup-grid .plan-price{font-size:34px;white-space:nowrap}.topup-grid p{font-size:13px}.topup-grid button{width:100%;justify-content:center}.topup-grid button:disabled{opacity:.55;cursor:not-allowed}.automatic-card{display:grid;grid-template-columns:1fr 1.2fr;gap:50px;padding:36px;background:white;border:1px solid var(--line);border-radius:14px;margin-top:45px}.automatic-card p{font-size:13px}.billing-fields{display:grid;gap:20px;margin:25px 0}.billing-fields label{display:grid;gap:8px;font-size:12px;font-weight:600}.billing-fields input,.billing-fields select{width:100%;min-height:44px;border:1px solid #ccd4cc;border-radius:6px;padding:10px;background:var(--paper);font:inherit;color:var(--ink)}.billing-fields small{font-size:11px;font-weight:400;color:var(--muted)}.switch-row{display:flex;gap:12px;align-items:center;font-size:13px;font-weight:600}.switch-row input{width:20px;height:20px;accent-color:var(--petrol)}.history-table{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:17px;border-bottom:1px solid var(--line)}@media(max-width:760px){.billing{padding-top:30px}.topup-grid,.automatic-card,.balance-card{grid-template-columns:1fr}.automatic-card{gap:22px}.balance-card,.automatic-card{padding:25px}.topup-grid .plan-price{font-size:38px}.billing-tabs{gap:18px;font-size:12px}}