.billing-nav { width:min(1280px,calc(100% - 48px)); margin:auto; min-height:72px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.billing-nav>div,.billing-actions { display:flex; flex-wrap:wrap; align-items:center; gap:24px; }
.billing-nav form { margin:0; }.text-button { color:inherit; background:none; border:0; cursor:pointer; }
.billing-shell { width:min(1120px,calc(100% - 48px)); margin:80px auto 100px; }
.billing-shell h1 { font:300 clamp(44px,6vw,76px)/1.02 var(--serif); letter-spacing:-.035em; margin:22px 0 48px; }
.billing-shell h2 { font:300 36px/1.1 var(--serif); margin:16px 0 24px; }.checkout-grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:28px; align-items:start; }
.billing-panel { min-width:0; border:1px solid var(--iron); background:var(--onyx); padding:36px; }.plan-summary { border-top:3px solid var(--signal); }
.checkout-price { font:300 58px/1.1 var(--serif); margin:28px 0; }.checkout-price small { font:400 13px/1.5 var(--sans); color:var(--smoke); }.checkout-price small:last-child { display:block; margin-top:10px; }
.billing-muted { color:var(--smoke); font-size:12px; line-height:1.7; }.billing-accent { color:var(--signal); }
.checkout-facts { margin:32px 0; }.checkout-facts>div { display:flex; flex-wrap:wrap; justify-content:space-between; gap:10px; padding:16px 0; border-bottom:1px solid var(--slate); }.checkout-facts dt { color:var(--smoke); }.checkout-facts dd { margin:0; }
.billing-form p { margin:0 0 22px; }.billing-form label { display:block; margin-bottom:8px; }.billing-form input:not([type=radio]):not([type=hidden]),.key-receipt { box-sizing:border-box; width:100%; background:var(--carbon); border:1px solid var(--slate); padding:14px; color:var(--bone); border-radius:3px; }
.billing-form input:focus-visible,.key-receipt:focus-visible,button:focus-visible { outline:2px solid var(--signal); outline-offset:3px; }.helptext { display:block; font-size:12px; color:var(--smoke); margin-top:8px; }
.payment-methods { border:0; margin:28px 0; padding:0; }.payment-methods legend { margin-bottom:14px; font-weight:500; }.billing-form .method-choice { display:flex; gap:14px; padding:18px; margin-bottom:12px; background:var(--carbon); border:1px solid var(--slate); cursor:pointer; }.method-choice:has(input:checked) { border-color:var(--signal); }.method-choice input { accent-color:var(--signal); }.method-choice small { display:block; color:var(--smoke); margin-top:4px; }
.purchase-total { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:16px; padding:24px 0; margin:22px 0; border-block:1px solid var(--slate); }.purchase-total strong { font-size:26px; font-weight:500; }
.billing-notice { padding:18px; border-left:2px solid var(--signal); background:var(--carbon); margin:24px 0; line-height:1.7; }.billing-actions { margin-top:24px; }.account-email { color:var(--smoke); overflow-wrap:anywhere; }.errorlist { list-style:none; padding:12px; border-left:2px solid var(--signal); background:var(--carbon); }
.billing-shell button:disabled { opacity:.5; cursor:not-allowed; transform:none; }.auth-panel { max-width:540px; margin:auto; }.auth-panel h1 { font-size:48px; }.order-panel { max-width:800px; }.order-list { list-style:none; padding:0; }.order-list li { padding:20px 0; border-bottom:1px solid var(--slate); }.order-list span { display:block; color:var(--smoke); margin-top:6px; }
.key-receipt { min-height:100px; margin-bottom:24px; font-family:var(--mono); overflow-wrap:anywhere; }.billing-footer { padding:28px; border-top:1px solid var(--slate); text-align:center; color:var(--smoke); font-size:12px; }
@media(max-width:760px) { .checkout-grid { grid-template-columns:1fr; }.billing-shell { margin-top:48px; }.billing-panel { padding:24px; }.billing-nav { gap:12px; }.billing-nav>div { gap:14px; font-size:12px; }.billing-nav,.billing-shell { width:calc(100% - 28px); } }