:root{--ink:#153331;--muted:#48635c;--accent:#1a5e4c;--accent-fill:#1a5e4c;--page:#f2f4ef;--card:#fff;--line:#dce4dc;--field:#aebfb6;--error:#a43a29;--gate:#fbf6ea;--gate-line:#b7862b;font-family:system-ui,sans-serif;color:var(--ink);background:var(--page);font-synthesis:none}
@media(prefers-color-scheme:dark){:root{--ink:#e3ece7;--muted:#a9bdb4;--accent:#69c7aa;--accent-fill:#246e59;--page:#101917;--card:#18231f;--line:#2c3b35;--field:#4a5f56;--error:#f0937f;--gate:#2b2616;--gate-line:#c9a24a}}
body{margin:0;background:var(--page)}main{max-width:1080px;margin:60px auto;padding:0 28px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;color:var(--muted)}h1{font-size:clamp(38px,6vw,64px);line-height:1.08;letter-spacing:-2px;margin:28px 0}h2{font-size:22px}.intro{font-size:19px;max-width:650px;line-height:1.6;color:var(--muted)}
button{border:0;border-radius:7px;background:var(--accent-fill);color:white;font:inherit;font-weight:600;padding:13px 20px;cursor:pointer}button:disabled{opacity:.5;cursor:wait}button.link{background:none;color:var(--accent);padding:0;text-decoration:underline}
.layout{display:grid;grid-template-columns:180px 1fr 260px;gap:24px;margin-top:20px}article,aside,#workspaces{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:26px}#workspaces{margin-top:34px;max-width:650px}aside{align-self:start;font-size:14px;line-height:1.6}#price{font-size:34px}
ol{padding-left:20px;line-height:2.5}li[aria-current=step]{font-weight:750}#workspace-list{list-style:none;padding:0}#workspace-list li{margin:10px 0}.crumb{margin-top:34px}.mono{font-family:ui-monospace,monospace;font-size:13px;overflow-wrap:anywhere}.hint{color:var(--muted);font-size:14px;line-height:1.5}
label{display:block;font-size:14px;font-weight:600;margin:18px 0 6px}input,select,textarea{box-sizing:border-box;width:100%;padding:11px;border:1px solid var(--field);border-radius:5px;background:var(--card);color:inherit;font:inherit}textarea{min-height:90px;font-family:ui-monospace,monospace;font-size:13px}form button{margin-top:22px}
dl{display:grid;grid-template-columns:max-content 1fr;gap:8px 16px}dt{font-weight:600}dd{margin:0}#status{min-height:1.5em;color:var(--error)}.gate{border-left:4px solid var(--gate-line);background:var(--gate);padding:12px 16px;border-radius:4px}p{line-height:1.5}
@media(max-width:850px){.layout{grid-template-columns:1fr}main{margin-top:30px;padding:0 16px}nav ol{display:flex;flex-wrap:wrap;gap:8px 28px}h1{letter-spacing:-1px}dl{grid-template-columns:1fr}}

:focus-visible{outline:3px solid var(--accent);outline-offset:3px}button{min-height:44px}