/* Layout only. Branding, colors and fonts use the shared website UI. */
/* The expanded mobile navigation must not cover pricing or account controls while scrolling. */
@media(max-width:700px){.account-site>.site-header{position:relative;top:auto}}
.billing-page{max-width:1440px;margin:auto;padding:0 32px;font-size:15px;line-height:1.65}
.billing-nav{display:flex;justify-content:space-between;gap:16px;padding:28px 0;color:var(--muted);font-size:12px}.billing-nav a{text-decoration:none}.billing-nav a:hover{text-decoration:underline}
.billing-intro{padding:16px 0 22px}.billing-intro .eyebrow{margin:0 0 16px}.billing-intro h1{font-size:clamp(36px,4.1vw,57px);line-height:1.12;letter-spacing:-2px;font-weight:800;margin:0 0 16px}.billing-intro>p:last-child{font-size:17px;color:var(--muted);margin:0}
.billing-page h2{font-size:21px;letter-spacing:-.5px;line-height:1.3;margin:0 0 10px}.billing-page p{overflow-wrap:anywhere}.billing-page button{min-height:44px;font-size:14px;cursor:pointer}.billing-page button:disabled{cursor:not-allowed}
.billing-page #billing-message{padding:14px 18px;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--muted);font-size:13px;margin:12px 0 28px}
.billing-panel,.billing-free{border:1px solid var(--border);border-radius:10px;background:var(--surface);padding:26px;margin:28px 0}.billing-panel p,.billing-free p{color:var(--muted);margin:0 0 16px}.billing-free{display:flex;justify-content:space-between;align-items:center;gap:24px}.billing-free p{margin:0}.billing-actions{display:flex;flex-wrap:wrap;gap:10px}
.billing-section-title{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin:42px 0 18px}.billing-section-title h2{margin:0}.billing-section-title p{margin:0;color:var(--muted);font-size:13px}
.billing-page .plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.billing-page .plan{min-width:0;padding:26px 22px;background:var(--home-card);border:1px solid var(--border);border-radius:9px;display:flex;flex-direction:column}.billing-page .plan.featured{border-color:var(--home-highlight)}.billing-page .price{font-size:38px;letter-spacing:-1.4px;font-weight:750;line-height:1.2;margin:16px 0}.billing-page .price small{font-size:12px;font-weight:400;letter-spacing:0;color:var(--muted)}.billing-page .plan>p:not(.price){color:var(--muted);font-size:14px;margin:0 0 24px}.billing-page .action{padding:12px 16px;border:1px solid var(--border);border-radius:7px;font:700 14px 'DM Sans',sans-serif}.billing-page .plan .action{margin-top:auto;background:#f8f8f2;color:#181c15;border-color:#fff;box-shadow:0 2px 0 #aaa79a40}.billing-page .plan .action:hover:not(:disabled){background:#e8ebdd}
.billing-page .billing-note{font-size:12px;color:var(--muted);margin:16px 0}.billing-topups{display:flex;justify-content:space-between;align-items:center;gap:28px;margin-top:38px}.billing-topups>div:first-child{max-width:580px}.billing-topups p{margin:0}.billing-page .credits{display:flex;gap:12px;flex-wrap:wrap;flex-shrink:0}.billing-page .credits .action{background:var(--bg)}
.billing-details{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin:38px 0}.billing-details h2{font-size:18px}.billing-details p{font-size:14px;color:var(--muted);margin:0}.billing-page .table-wrap{overflow-x:auto}.billing-page table{border-collapse:collapse;width:100%;text-align:left}.billing-page th,.billing-page td{padding:14px 12px;border-bottom:1px solid var(--border);font-size:13px}.billing-page th{color:var(--muted);font-weight:500}.billing-page .billing-legal{padding-top:24px;border-top:1px solid var(--border)}.billing-page [hidden]{display:none!important}
@media(max-width:1050px){.billing-page .plans{grid-template-columns:repeat(2,minmax(0,1fr))}.billing-topups{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){.billing-page{padding:0 18px}.billing-nav{font-size:11px;padding:22px 0}.billing-nav span{display:none}.billing-intro{padding-top:12px}.billing-intro h1{letter-spacing:-1.4px}.billing-intro>p:last-child{font-size:15px}.billing-page .plans,.billing-details{grid-template-columns:1fr}.billing-page .plan{padding:24px}.billing-section-title{display:block;margin-top:32px}.billing-section-title p{margin-top:8px}.billing-panel,.billing-free{padding:20px}.billing-free{align-items:flex-start;flex-direction:column;gap:18px}.billing-details{gap:24px}.billing-page .credits{width:100%;display:grid;grid-template-columns:1fr 1fr}.billing-page .credits .action{padding:12px 8px}.billing-actions{flex-direction:column}.billing-page th,.billing-page td{min-width:100px}}