@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=Space+Mono:wght@400;700&display=swap');
:root{--bg:#F8F8F8;--ink:#111;--mute:#5A5A5A;--line:#E4E4E4;--pill:#F1F1F1;--ok:#1E6B45;--warn:#8A5A00;--bad:#A02020}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 'Space Grotesk',system-ui,sans-serif;letter-spacing:.01em}
a{color:var(--ink)}
header.top{border-bottom:1px solid var(--line)}
.bar{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;flex-wrap:wrap;align-items:center;gap:0 36px;min-height:76px}
.logo{font-weight:700;font-size:22px;line-height:.95;letter-spacing:-.04em;text-transform:uppercase}
.logo small{font-size:9px;vertical-align:top;letter-spacing:0}
.tag{font:11px/1.2 'Space Mono',monospace;text-transform:uppercase;color:var(--mute);border-left:1px solid #CFCFCF;padding-left:12px;margin-left:12px}
nav{display:flex;flex-wrap:wrap;gap:0 26px;flex:1;font:13px 'Space Mono',monospace;text-transform:uppercase}
nav a{padding:26px 0 22px;border-bottom:2px solid transparent;color:var(--mute);text-decoration:none;cursor:pointer}
nav a.on{color:var(--ink);border-color:var(--ink)}
.who{font:13px 'Space Mono',monospace;text-transform:uppercase}
.who a{margin-left:14px;color:var(--mute);cursor:pointer}
main{max-width:1200px;margin:0 auto;padding:36px 24px 72px}
h1{margin:0 0 8px;font-size:40px;line-height:1.05;letter-spacing:-.03em;text-transform:uppercase}
h2{margin:0 0 10px;font-size:22px;letter-spacing:-.02em;text-transform:uppercase}
h3{margin:0 0 6px;font-size:16px}
.lbl{font:12px 'Space Mono',monospace;text-transform:uppercase;color:var(--mute)}
.mute{color:var(--mute)}
.panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:26px;margin-bottom:22px}
.row{display:flex;flex-wrap:wrap;gap:22px;align-items:flex-start}
.row>.grow{flex:999 1 560px;min-width:0}.row>.side{flex:1 1 300px;min-width:0}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.tiers{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.tier{border:1px solid var(--line);border-radius:12px;padding:14px;background:var(--bg)}
.tier.on{border-color:var(--ink);background:#fff}
.tier b{display:block;font-size:30px;letter-spacing:-.03em}
button,.btn{font:700 13px 'Space Mono',monospace;text-transform:uppercase;border:2px solid var(--ink);background:var(--ink);color:#fff;border-radius:999px;padding:13px 24px;min-height:44px;cursor:pointer;text-decoration:none;display:inline-block}
button.alt,.btn.alt{background:#fff;color:var(--ink)}
button.sm{padding:7px 14px;min-height:34px;font-size:12px}
button:disabled{opacity:.4;cursor:default}
input,select,textarea{width:100%;font:16px 'Space Grotesk',sans-serif;border:1px solid #D0D0D0;border-radius:999px;background:var(--pill);padding:0 20px;height:48px;color:var(--ink)}
textarea{border-radius:12px;padding:12px 16px;height:90px}
input[type=checkbox]{width:22px;height:22px;accent-color:#111;flex:none}
label.f{display:flex;flex-direction:column;gap:6px;font:12px 'Space Mono',monospace;text-transform:uppercase;margin-bottom:14px}
label.c{display:flex;gap:12px;align-items:flex-start;margin:12px 0;font-size:14px}
.msg{padding:12px 16px;border-radius:12px;margin:12px 0;font-size:14px}
.msg.bad{background:#FBE9E7;color:var(--bad)}.msg.ok{background:#E3EEE8;color:var(--ok)}.msg.info{background:#F1F1F1}.msg.warn{background:#FBF0DA;color:var(--warn)}
table{width:100%;border-collapse:collapse;font-size:14px}
th{font:12px 'Space Mono',monospace;text-transform:uppercase;color:var(--mute);text-align:left;border-bottom:2px solid var(--ink);padding:8px 6px;font-weight:400}
td{padding:9px 6px;border-bottom:1px solid var(--line);vertical-align:top}
.r{text-align:right}.num{font-family:'Space Mono',monospace}
.pill{display:inline-block;font:11px 'Space Mono',monospace;text-transform:uppercase;border-radius:999px;padding:3px 10px;background:var(--pill)}
.pill.go{background:#E3EEE8;color:var(--ok)}.pill.watch{background:#FBF0DA;color:var(--warn)}.pill.bad{background:#FBE9E7;color:var(--bad)}
.steps{display:flex;flex-wrap:wrap;gap:10px}.steps div{flex:1 1 180px;border-top:3px solid #D5D5D5;padding-top:8px;font:12px 'Space Mono',monospace;text-transform:uppercase;color:var(--mute)}
.steps div.on{border-color:var(--ink);color:var(--ink)}
.bars{display:flex;gap:4px}.bars i{flex:1;height:8px;border-radius:4px;background:var(--line)}.bars i.on{background:var(--ink)}
.tabs{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}
.qty{width:84px;text-align:center;padding:0 8px}
.scroll{overflow-x:auto}
dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:4px 16px}dt{color:var(--mute)}dd{margin:0}
@media(max-width:700px){h1{font-size:30px}.tiers{grid-template-columns:repeat(2,1fr)}.bar{gap:0 20px}nav{gap:0 16px}}