body { background:var(--bg-subtle); color:var(--text); font-family:var(--font-sans);
       margin:0; }
.welcome { max-width:44rem; margin:0 auto; padding:var(--sp-7) var(--sp-6); }

.lockup { display:flex; align-items:center; gap:var(--sp-6); margin-bottom:var(--sp-6); }
.lockup .btlogo { --mark-h:72px;   /* the eyebrow and h1 beside it */
                  background-image:url(img/logo-vertical-neutral-700.png); }
.lockup h1 { font-size:40px; margin:0; font-weight:800; letter-spacing:-.02em; }
.lockup .eyebrow { font-size:11px; font-weight:600; text-transform:uppercase;
                   letter-spacing:.1em; color:var(--text-muted); margin:0 0 var(--sp-2); }

.lede { font-size:18px; line-height:1.55; color:var(--text); margin:0 0 var(--sp-7);
        max-width:34rem; }

.doors { display:grid; gap:var(--sp-3); }
.door { display:block; padding:var(--sp-4) var(--sp-5); background:var(--surface);
        border:1px solid var(--border); border-radius:10px; text-decoration:none;
        color:inherit; }
.door:hover { border-color:var(--mauve-200); }
.door .k { display:block; font-weight:700; color:var(--mauve-600); }
.door .d { display:block; color:var(--text-muted); font-size:15px; margin-top:2px; }
.door.primary { border-left:3px solid var(--mauve-600); }

.door code { font-family:var(--font-mono); font-size:.92em;
             background:var(--bg-subtle); border-radius:3px; padding:0 3px; }