@font-face{font-family:'Figtree';src:url(/billing/assets/figtree.woff2?v=4b4a5be7192b) format('woff2');font-weight:300 900;font-style:normal;font-display:swap}
:root{color-scheme:dark;--frame:#141518;--card:#22242a;--inset:#101114;--raised:#2a2c33;--pressed:#40434b;--text:#eeeff2;--text-2:#b7bac2;--text-3:#9b9ea8;--text-on-accent:#ffffff;--hair:rgba(255, 255, 255, 0.07);--state-edge:#9b9ea8;--dot:#7e828c;--accent:#2c66ee;--accent-press:#2459d6;--accent-text:#8fb6ff;--accent-line:#5b95ff;--accent-soft:rgba(80, 135, 255, 0.16);--alert:#e8475f;--alert-soft:rgba(232, 71, 95, 0.1);--field-fill:rgba(255, 255, 255, 0.08);--field-fill-hover:rgba(255, 255, 255, 0.11);--field-hint:#acafb8;--field-edge-rest:#6c707a;--seg-thumb:rgba(255, 255, 255, 0.17);--ring-seg-thumb:none;--r-row:14px;--r-xl:20px;--r-pill:999px;--type-dialog-title:700 20px/26px var(--font-ui);--type-body:400 14px/21px var(--font-ui);--type-label:600 14px/20px var(--font-ui);--type-secondary:500 13px/18px var(--font-ui);--font-ui:'Figtree',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif}
@media (prefers-color-scheme:light){:root{color-scheme:light;--frame:#eef0f3;--card:#ffffff;--inset:#e3e5e9;--raised:#e9ebef;--pressed:#dde0e5;--text:#15171b;--text-2:#474b54;--text-3:#5c606a;--text-on-accent:#ffffff;--hair:rgba(15, 17, 21, 0.1);--state-edge:#6b6f78;--dot:#7a7e87;--accent:#2c66ee;--accent-press:#2459d6;--accent-text:#1f55d0;--accent-line:#2c66ee;--accent-soft:rgba(44, 102, 238, 0.12);--alert:#9e0f2a;--alert-soft:rgba(158, 15, 42, 0.08);--field-fill:rgba(15, 17, 21, 0.05);--field-fill-hover:rgba(15, 17, 21, 0.08);--field-hint:var(--text-3);--field-edge-rest:#85898f;--seg-thumb:#ffffff;--ring-seg-thumb:inset 0 0 0 1px var(--state-edge);}}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--frame);color:var(--text);font:var(--type-body)}
body{display:flex;justify-content:center;align-items:flex-start;padding:48px 16px}
main{width:100%;max-width:440px;background:var(--card);border-radius:var(--r-xl);padding:32px;box-shadow:0 0 0 1px var(--hair)}
.brand{margin:0 0 20px;line-height:0}
.brand .lockup{display:block;height:24px;width:63px}
.brand .lockup-light{display:none}
@media (prefers-color-scheme:light){.brand .lockup-dark{display:none}.brand .lockup-light{display:block}}
h1{font:var(--type-dialog-title);margin:0 0 8px}
p{margin:0 0 16px}
.lead{color:var(--text-2)}
.small{font:var(--type-secondary);color:var(--text-2)}
form{margin:0}
label.field{display:block;font:var(--type-label);margin:0 0 6px}
input[type=email],input[type=text]{width:100%;height:44px;padding:0 14px;border-radius:var(--r-row);border:0;background:var(--field-fill);color:var(--text);font:400 16px/20px var(--font-ui)}
input[type=email]:hover,input[type=text]:hover,textarea:hover{background:var(--field-fill-hover)}
input::placeholder,textarea::placeholder{color:var(--field-hint);opacity:1}
input[type=email]:focus,input[type=text]:focus,textarea:focus{outline:none;box-shadow:inset 0 0 0 1.5px var(--accent-line)}
@media (prefers-contrast:more){input[type=email]:not(:focus),input[type=text]:not(:focus),textarea:not(:focus){box-shadow:inset 0 0 0 1px var(--field-edge-rest)}}
@media (forced-colors:active){input[type=email],input[type=text],textarea{outline:1px solid CanvasText;outline-offset:-1px}input[type=email]:focus,input[type=text]:focus,textarea:focus{outline:2px solid Highlight;outline-offset:-2px}}
input:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--accent-line);outline-offset:2px}
button{appearance:none;border:0;cursor:pointer;width:100%;min-height:44px;border-radius:var(--r-pill);font:var(--type-label);padding:0 18px}
.primary{background:var(--accent);color:var(--text-on-accent)}
.primary:hover{background:var(--accent-press)}
.neutral{background:var(--raised);color:var(--text)}
.quiet{background:transparent;color:var(--accent-text);width:auto;min-height:36px;padding:0 4px}
.row{display:flex;flex-wrap:wrap;gap:4px 16px;align-items:center;margin-top:12px}
.row a{display:inline-flex;align-items:center;min-height:36px;padding:0 4px;font:var(--type-label);text-decoration:none}
.row a:hover{text-decoration:underline}
.error{display:flex;gap:8px;align-items:flex-start;background:var(--alert-soft);border-radius:var(--r-row);padding:10px 12px;margin:0 0 16px}
.error::before{content:'!';flex:none;width:18px;height:18px;border-radius:50%;background:var(--alert);color:var(--text-on-accent);font:700 12px/18px var(--font-ui);text-align:center}
a{color:var(--accent-text)}
footer{margin-top:24px;padding-top:16px;border-top:1px solid var(--hair)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:480px){body{padding:16px}main{padding:24px 20px}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
main.wide{max-width:520px}
main.centre{text-align:center}
main.centre .brand .lockup{margin:0 auto}
.badge{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--accent-soft);color:var(--accent-text);margin:0 auto 20px}
.badge.alert{background:var(--alert-soft);color:var(--alert)}
.badge svg{width:28px;height:28px}
main.centre h1{font:700 28px/1.15 var(--font-ui);letter-spacing:-.01em;margin-bottom:10px}
main.centre .lead{font-size:16px;line-height:25px}
.facts{margin:20px 0;border-top:1px solid var(--hair)}
.facts div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--hair);color:var(--text-2)}
.facts div b{color:var(--text);font-weight:600;text-align:right;overflow-wrap:anywhere;white-space:pre-wrap}
main.form{max-width:720px}
main.form h1{font:700 40px/1.1 var(--font-ui);letter-spacing:-.015em;margin-bottom:12px}
main.form .lead{font-size:16px;line-height:25px}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 16px;margin:24px 0}
.grid .full{grid-column:1/-1}
@media (max-width:640px){.grid{grid-template-columns:1fr}main{padding:24px 20px}main.form h1{font-size:32px}}
fieldset{border:0;margin:0;padding:0;min-width:0}
legend{font:var(--type-label);padding:0;margin:0 0 6px}
.hint{font:var(--type-secondary);color:var(--text-2);margin:6px 0 0}
.radio{display:flex;gap:10px;align-items:center;min-height:32px}
.radio input{width:18px;height:18px;margin:0;flex:none;accent-color:var(--accent)}
textarea{width:100%;min-height:96px;padding:10px 14px;border-radius:var(--r-row);border:0;background:var(--field-fill);color:var(--text);font:400 16px/22px var(--font-ui);resize:vertical}
p.field{display:block;font:var(--type-label);margin:0 0 6px}
main>.co{margin:28px 0 0;padding-top:16px;border-top:1px solid var(--hair);font-size:12px;line-height:18px;color:var(--text-3)}
/* The fixed "When" answer is text, not a field (no fill: field look E is for what can be typed in; design review of 12 October 2026). */
.fixed{margin:0;padding:13px 0 0;color:var(--text-2);font-size:16px;line-height:22px}
.field-error{font:var(--type-secondary);color:var(--alert);margin:6px 0 0}
input[aria-invalid=true]:not(:focus),textarea[aria-invalid=true]:not(:focus){box-shadow:inset 0 0 0 1.5px var(--alert)}
main.form button.primary{width:auto;padding:0 28px}
.actions{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:center}
.actions p{margin:0}
/* The withdrawal function's entry under the cancel form (legal review 2026-10-13 L2): one quiet line, below the form. */
.wd-also{margin:16px 0 0;padding:10px 14px;border:1px solid var(--hair);border-radius:12px;font:var(--type-secondary);color:var(--text-2)}
.wd-also a{display:inline-flex;align-items:center;min-height:32px;color:var(--accent-text);font-weight:600}
a.button{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 16px;border-radius:var(--r-pill);font:var(--type-label);text-decoration:none}
a.button.big{min-height:48px;padding:0 24px;font-size:16px;gap:8px;margin-top:4px}
.next{list-style:none;margin:20px 0;padding:0;display:grid;gap:10px;text-align:left}
.next li{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:var(--r-row);background:var(--inset)}
.next .n{display:grid;place-items:center;flex:none;width:26px;height:26px;border-radius:50%;background:var(--raised);color:var(--text);font:700 13px/1 var(--font-ui)}
.next b{display:block;color:var(--text);font:var(--type-label)}
.next span.t{display:block;color:var(--text-2);font:var(--type-secondary)}
.leave{margin:24px 0 0;padding:20px 0 0;border:0;border-top:1px solid var(--hair);text-align:left;min-width:0}
.leave legend{float:left;width:100%;padding:0;margin:0 0 4px;font:600 16px/22px var(--font-ui);color:var(--text)}
.leave .leave-sub{clear:both;margin:0 0 12px;font-size:14px;line-height:20px;color:var(--text-2)}
.leave .chips{display:flex;flex-wrap:wrap;gap:8px}
.leave .chip{position:relative;display:inline-flex}
.leave .chip input{position:absolute;opacity:0;width:1px;height:1px;margin:0}
.leave .chip span{display:inline-flex;align-items:center;min-height:40px;padding:8px 14px;border-radius:999px;background:var(--raised);color:var(--text);font:500 14px/20px var(--font-ui);cursor:pointer}
.leave .chip span:hover{background:var(--pressed)}
.leave .chip input:checked+span{background:var(--seg-thumb,rgba(255,255,255,.17));font-weight:650;box-shadow:var(--ring-seg-thumb,none)}
.leave .chip input:focus-visible+span{outline:2px solid var(--accent-line);outline-offset:2px}
.leave .other{margin:12px 0 0}
.leave .other label{display:block;font:600 14px/20px var(--font-ui);margin:0 0 6px}
.leave .other textarea{width:100%;min-height:72px;padding:10px 14px;border-radius:12px;border:0;background:var(--field-fill,rgba(255,255,255,.08));color:var(--text);font:400 16px/22px var(--font-ui);resize:vertical}
.leave .other textarea:hover{background:var(--field-fill-hover,rgba(255,255,255,.11))}
.leave .other textarea:focus,.leave .other textarea:focus-visible{outline:none;box-shadow:inset 0 0 0 1.5px var(--accent-line)}
@supports selector(:has(*)){.leave .other{display:none}.leave:has(input[value=other]:checked) .other{display:block}}
.leave .leave-send{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;margin:14px 0 0}
.leave .leave-send p{margin:0;font-size:13px;line-height:18px;color:var(--text-3)}
.leave .trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.leave .leave-clear{margin:10px 0 0;padding:4px 0;border:0;background:none;color:var(--accent-text,#8fb4ff);font:600 14px/20px var(--font-ui);cursor:pointer}
.leave .leave-clear:focus-visible{outline:2px solid var(--accent-line);outline-offset:2px;border-radius:6px}
@supports selector(:has(*)){.leave .leave-clear{display:none}.leave:has(input[name=reason]:checked) .leave-clear{display:inline-block}
.leave-form:not(:has(input[name=reason]:checked)) .leave-send button{opacity:.5}}
.leave-form .leave .leave-send button.primary{width:auto;padding:0 24px}