:root{--color-bg:#ebe3d6;--color-surface:#fffcf7;--color-paper:#fffcf7;--color-text:#242439;--color-divider:#dbd1c0;--color-neutral-100:#1a1a2a;--color-neutral-200:#242439;--color-neutral-300:#3b3b54;--color-neutral-400:#47475e;--color-neutral-500:#5c5c74;--color-neutral-600:#5c5c76;--color-neutral-700:#c7bfaf;--color-neutral-800:#e4ddcf;--color-neutral-900:#f3ede3;--color-accent:#1c6455;--color-accent-100:#12403a;--color-accent-200:#1b5f53;--color-accent-500:#56b3a3;--color-accent-800:#d2eae5;--color-accent-900:#eaf5f2;--color-accent-2:#874b10;--color-accent-2-500:#ffac51;--color-accent-2-800:#ffebd6;--color-alert:#a32232;--color-alert-tint:#fde4e7;--font-heading:"Plus Jakarta Sans", system-ui, sans-serif;--font-body:"Plus Jakarta Sans", system-ui, sans-serif;--radius-sm:6px;--radius-md:8px;--shadow-sm:0 1px 2px #24243912;--shadow-md:0 3px 12px #24243917}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}a{color:var(--color-accent)}a:hover{color:var(--color-accent-100)}.app{flex-direction:column;height:100vh;min-height:640px;display:flex;overflow:hidden}.topbar{flex:none;grid-template-columns:1fr auto 1fr;align-items:center;padding:12px 20px;display:grid}.brand{font-family:var(--font-heading);letter-spacing:-.01em;align-items:center;gap:10px;font-size:15px;font-weight:600;display:flex}.brand-mark{border-radius:var(--radius-sm);background:var(--color-accent-500);width:20px;height:20px;color:var(--color-surface);place-items:center;font-size:11px;font-weight:700;display:grid}.nav{justify-self:center;gap:8px;display:flex}.nav button{border-radius:var(--radius-md);cursor:pointer;font-family:var(--font-heading);color:var(--color-text);border:2px solid var(--color-divider);background:0 0;align-items:baseline;gap:7px;padding:6px 15px;font-size:13.5px;font-weight:500;display:inline-flex}.nav button[aria-current=true]{border-color:var(--color-text);background:var(--color-paper);font-weight:700}.nav button:hover{border-color:var(--color-neutral-700)}.stage{flex:1;padding:24px 20px 48px;overflow:auto}.panel{background:var(--color-paper);border:1px solid var(--color-divider);border-radius:var(--radius-md);max-width:60rem;box-shadow:var(--shadow-sm);margin:0 auto;padding:24px 28px}.panel h1{font-family:var(--font-heading);margin:0 0 4px;font-size:20px}.kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--color-neutral-500);margin:0 0 14px;font-size:11px}.checklist{margin:18px 0 0;padding:0;list-style:none}.checklist li{border-top:1px solid var(--color-divider);gap:10px;padding:10px 0;display:flex}.checklist li .state{width:18px;color:var(--color-neutral-600);flex:none}.checklist .why{color:var(--color-neutral-500);font-size:12.5px}