.of-billing-page .of-billing-card{flex:1;align-self:center;width:100%;max-width:640px;margin:64px auto}.of-billing-card h1{letter-spacing:-1.3px;margin:12px 0 24px;font-size:clamp(28px,4vw,38px);line-height:1.2}.of-billing-card>p,.of-billing-empty p{color:var(--of-muted)}.of-billing-empty{padding:18px 0 4px}.of-billing-empty>svg{color:var(--of-blue);margin-bottom:16px}.of-billing-empty h2{font-size:22px}.of-billing-empty .of-account-text{margin-top:14px}.of-billing-summary{border-block:1px solid var(--of-line);margin:24px 0;padding:10px 0}.of-billing-summary div{justify-content:space-between;gap:20px;padding:10px 0;display:flex}.of-billing-summary dt{color:var(--of-muted)}.of-billing-summary dd{text-transform:capitalize;text-align:right;margin:0}.of-billing-actions{gap:12px;margin:24px 0 14px;display:grid}.of-billing-note{color:var(--of-muted);font-size:13px;line-height:1.6}.of-billing-other{margin-top:24px}.of-billing-other h2{font-size:17px}.of-billing-other button{display:flex}@media (max-width:600px){.of-billing-page .of-billing-card{margin:32px auto;padding:24px}.of-billing-summary div{font-size:14px}}.of-retention{border-top:1px solid var(--of-account-border,#2d3b50);margin:26px 0;padding-top:22px}.of-retention h2{font-size:19px}.of-retention label{margin:12px 0;font-size:14px;display:block}.of-retention label small{color:#9babc4;margin-top:5px;font-size:12px;display:block}.of-retention select{color:#edf4ff;width:100%;font:inherit;background:#101c2f;border:1px solid #354967;border-radius:8px;margin-bottom:18px;padding:12px}.of-retention p{font-size:13px;line-height:1.6}.of-retention button{width:100%}