.billing{padding:35px 0 70px}.billing h1{font-size:clamp(44px,6vw,76px)}.billing h1 em{color:#ff6a00;font-style:normal}.billing-intro{max-width:650px;color:#bfc3c5;font-size:18px}.journey{display:flex;list-style:none;padding:25px 0;margin:35px 0 55px;border-block:1px solid #343638;gap:42px;color:#96999c;font-size:14px}.journey li[aria-current]{color:#ff8938}.journey span{margin-left:9px}.plan-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.plan-heading h2{font-size:32px;margin:0}.billing-period{border:1px solid #45484a;border-radius:30px;display:flex;padding:5px;gap:6px;margin:0}.billing-period label{cursor:pointer;padding:10px 15px;border-radius:24px;font-size:14px}.billing-period label:has(:checked){background:#ff6a00;color:#111}.billing-period input{position:absolute;opacity:0;width:1px}.billing-period label:has(:focus-visible){outline:3px solid white;outline-offset:3px}.billing-period small{font-size:10px;margin-left:6px;font-weight:600}.muted{color:#b8bec1}.plans{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:28px 0}.plan{font:inherit;text-align:left;color:#f4f4f2;background:#1b1d1f;border:1px solid #414447;border-radius:22px;padding:26px 20px;cursor:pointer;position:relative;min-width:0}.plan[aria-pressed=true]{border:2px solid #ff6a00;padding:25px 19px;background:linear-gradient(140deg,#38271c,#1b1d1f 70%)}.plan:focus-visible{outline:3px solid #ffb17b;outline-offset:5px}.plan .capacity{display:block;font-size:14px;margin-bottom:25px}.plan strong{font-size:34px;letter-spacing:-.06em;font-weight:550;white-space:nowrap}.plan .monthly{color:#bfc3c5;font-size:13px}.plan .total{display:block;font-size:12px;color:#c9ccce;margin-top:10px}.plan .per-person{display:block;font-size:11px;color:#a9adb1;margin-top:19px}.plan .selection{display:block;color:#ff8a38;font-size:12px;margin-top:28px}.included{display:flex;gap:24px;flex-wrap:wrap;font-size:13px;margin:26px 0}.included span:before{content:'✓';color:#ff8938;margin-right:9px}.fine{font-size:12px;color:#acb1b5;line-height:1.8}.fine a{color:#ff9c59;text-decoration:underline}.account-panel{display:grid;grid-template-columns:1fr 1fr;gap:60px;border-top:1px solid #343638;margin-top:50px;padding-top:45px}.account-panel h2{font-size:32px}.selected-plan{font-weight:600}.preview-note{font-size:13px;color:#ffb07c}.billing .button{border:0;font-family:inherit;justify-content:center;min-height:52px;width:100%;text-align:center}.billing .button:disabled{opacity:.55;cursor:not-allowed;transform:none}.account-panel .eyebrow{margin-bottom:16px}@media(max-width:1050px){.plans{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.billing{padding-top:20px}.journey{gap:15px;font-size:10px;margin:25px 0 35px}.journey span{margin-left:3px}.plan-heading{align-items:flex-start;flex-direction:column}.plan{padding:20px 14px}.plan[aria-pressed=true]{padding:19px 13px}.plan strong{font-size:29px}.plan .capacity{font-size:12px}.account-panel{grid-template-columns:1fr;gap:10px}.included{gap:13px}.billing-intro{font-size:16px}.header>a:last-child{font-size:12px}}

[hidden]{display:none!important}#account-flow label{display:block;font-size:14px;margin:20px 0 8px}#account-flow input{box-sizing:border-box;width:100%;border:1px solid #777;border-radius:12px;background:#191b1d;color:white;padding:14px;font:inherit}#account-flow input:focus{outline:2px solid #ff6a00;outline-offset:3px}.account-link{display:block;margin:15px auto;background:none;border:0;color:#ff9c59;font:inherit;font-size:13px;text-decoration:underline;cursor:pointer}#billing-status{font-size:14px;line-height:1.7;color:#ffb17b}#billing-code{letter-spacing:.2em}

.plan-audience{display:flex;gap:6px;padding:5px;margin:0 0 30px;border:1px solid #45484a;border-radius:30px;width:fit-content}.plan-audience label{cursor:pointer;padding:12px 20px;border-radius:24px;font-size:14px}.plan-audience input{position:absolute;opacity:0;width:1px}.plan-audience label:has(:checked){background:#f4f4f2;color:#151718}.plan-audience label:has(:focus-visible){outline:3px solid #ff6a00;outline-offset:3px}.plans.personal{grid-template-columns:minmax(0,480px)}

#capacity-open{margin:18px 0 8px}#capacity-dialog{width:min(520px,calc(100% - 32px));max-height:85dvh;overflow:auto;border:1px solid #ff6a0040;border-radius:28px;background:#faf7f1;color:#202020;padding:28px;box-shadow:0 20px 80px #0005}#capacity-dialog::backdrop{background:#0007;backdrop-filter:blur(5px)}#capacity-form{display:grid;gap:15px}#capacity-form label{display:grid;gap:6px}#capacity-form input,#capacity-form select,#capacity-form textarea{box-sizing:border-box;width:100%;font:inherit;padding:12px;border:1px solid #c9c2b9;border-radius:12px;background:white;color:#202020}#capacity-form .fine{color:#555}#capacity-form button{min-height:48px;border-radius:24px}#capacity-form .button{background:#ff7900;color:#111}#capacity-status:empty{display:none}

@media(max-width:600px){.plan-audience{display:grid;grid-template-columns:1fr 1fr;width:auto;border-radius:22px}.plan-audience label{padding:12px;text-align:center}}
