.mcp{z-index:10;max-width:880px;margin:0 auto;padding:3.5rem 1.25rem 4rem;position:relative}.mcp .eyebrow{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--acc);font-size:11px}.mcp .h1{font-family:var(--font-display);letter-spacing:-.035em;text-wrap:balance;margin-top:.75rem;font-size:clamp(32px,6vw,56px);font-weight:700;line-height:1.02}.mcp .hl{color:var(--acc);text-shadow:0 0 32px var(--acc-glow)}.mcp .lede{max-width:54ch;color:var(--muted);margin-top:1rem;font-size:16.5px;line-height:1.6}.mcp .cta{flex-wrap:wrap;gap:.75rem;margin-top:1.75rem;display:flex}.mcp .btn-cmd{border:1px solid var(--acc);background:var(--acc);color:var(--acc-ink);font-family:var(--font-mono);cursor:pointer;border-radius:14px;padding:.7rem 1.1rem;font-size:14px;font-weight:600;transition:box-shadow .25s,transform .25s}.mcp .btn-cmd:hover{box-shadow:0 0 0 4px var(--acc-glow);transform:translateY(-1px)}.mcp .btn-ghost{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:14px;align-items:center;padding:.7rem 1.1rem;font-size:14px;font-weight:600;transition:border-color .25s,color .25s;display:inline-flex}.mcp .btn-ghost:hover{border-color:var(--acc);color:var(--acc)}.term{border:1px solid var(--glass-line);background:var(--surface);background-image:var(--glass-noise);box-shadow:0 30px 70px -30px #000000bf, 0 0 60px -20px var(--halo);border-radius:18px;margin-top:2.5rem;overflow:hidden}.term-bar{border-bottom:1px solid var(--line);background:var(--surface-2);align-items:center;gap:.45rem;padding:.7rem .95rem;display:flex}.term-bar .dot{opacity:.9;border-radius:50%;width:11px;height:11px}.term-title{font-family:var(--font-mono);color:var(--faint);margin-left:.6rem;font-size:11.5px}.term-body{font-family:var(--font-mono);padding:1.1rem 1.1rem 1.3rem;font-size:13.5px;line-height:1.75}.term .line{color:var(--text);overflow-wrap:anywhere;align-items:baseline;gap:.55rem;display:flex}.term .prompt{color:var(--acc);flex-shrink:0}.term .cmd{color:var(--acc-hi)}.term .ok{color:var(--mint);flex-shrink:0}.term .out{color:var(--muted);opacity:0;transform:translateY(4px)}.js .term .out.in,.term .out.in{opacity:1;transition:opacity .4s,transform .4s;transform:none}.term .caret{background:var(--acc);width:8px;height:1em;animation:1s steps(2,start) infinite nm-blink;display:inline-block;translate:0 .12em}@keyframes nm-blink{to{visibility:hidden}}.term .rows{gap:.15rem;margin-top:.5rem;display:grid}.term .row{opacity:0;border-radius:9px;grid-template-columns:minmax(0,15ch) 1fr auto;align-items:baseline;gap:.85rem;padding:.3rem .5rem;display:grid;transform:translateY(5px)}.term .row.in{opacity:1;transition:opacity .45s,transform .45s;transform:none}.term .row:hover{background:var(--surface-2)}.term .slug{color:var(--text);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.term .tag{color:var(--faint);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.term .chip{letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line);white-space:nowrap;border-radius:999px;padding:.12rem .5rem;font-size:10.5px}.term .chip.free{color:var(--mint);border-color:color-mix(in oklab, var(--mint) 45%, transparent)}.term .chip.locked{color:var(--acc-hi);border-color:color-mix(in oklab, var(--acc) 45%, transparent)}[data-theme=light] .term .chip.free{color:color-mix(in oklab, var(--mint) 62%, #000)}[data-theme=light] .term .chip.locked{color:color-mix(in oklab, var(--acc-deep) 88%, #000)}.term .row.more .tag{grid-column:2/-1}.mcp .step{border-top:1px solid var(--line);margin-top:4.5rem;padding-top:2rem}.mcp .step-cmd{font-family:var(--font-mono);color:var(--muted);overflow-wrap:anywhere;align-items:baseline;gap:.6rem;font-size:13px;display:flex}.mcp .step-n{color:var(--faint);letter-spacing:.1em}.mcp .step-title{font-family:var(--font-display);letter-spacing:-.025em;text-wrap:balance;margin-top:.85rem;font-size:clamp(21px,3vw,27px);font-weight:700;line-height:1.15}.mcp .step-body{max-width:62ch;margin-top:1rem}.mcp .step-body p{color:var(--muted);font-size:15.5px;line-height:1.65}.mcp .step-body p+p,.mcp .step-body p+.code,.mcp .step-body .code+p{margin-top:1rem}.mcp .step-body a{color:var(--acc);text-underline-offset:2px;text-decoration:underline}.mcp .note{color:var(--faint)!important;font-size:14px!important}.mcp .code{border:1px solid var(--line);background:var(--surface);font-family:var(--font-mono);color:var(--text);border-radius:14px;padding:.85rem 3.9rem .85rem .95rem;font-size:13px;line-height:1.6;position:relative;overflow-x:auto}.mcp .code pre{white-space:pre;margin:0}.mcp .copy-inline{border:1px solid var(--line);background:var(--surface-2);color:var(--muted);font-family:var(--font-mono);cursor:pointer;border-radius:9px;padding:.28rem .6rem;font-size:11px;transition:color .2s,border-color .2s;position:absolute;top:.6rem;right:.6rem}.mcp .copy-inline:hover{color:var(--acc);border-color:var(--acc)}.mcp .facts{gap:.9rem;margin-top:1.15rem;display:grid}.mcp .facts li{grid-template-columns:15ch 1fr;align-items:baseline;gap:1rem;display:grid}.mcp .facts .k{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--acc);font-size:11.5px}.mcp .facts .v{color:var(--muted);font-size:15px;line-height:1.6}.mcp .facts code{font-family:var(--font-mono);color:var(--text);font-size:13px}.mcp .closer{border:1px solid var(--line);background:linear-gradient(180deg, color-mix(in oklab, var(--acc) 7%, transparent), transparent 55%), var(--surface);border-radius:18px;margin-top:4.5rem;padding:2rem}.mcp .closer-h{font-family:var(--font-display);letter-spacing:-.025em;font-size:clamp(22px,3.2vw,28px);font-weight:700}.mcp .closer p{max-width:58ch;color:var(--muted);margin-top:.75rem;font-size:15.5px;line-height:1.6}.mcp .fine{color:var(--faint)!important;font-size:13px!important}.mcp .fine a{color:var(--muted);text-underline-offset:2px;text-decoration:underline}.mcp .fine a:hover{color:var(--acc)}@media (max-width:640px){.term .row{grid-template-columns:1fr auto}.term .tag{display:none}.mcp .facts li{grid-template-columns:1fr;gap:.25rem}}@media (prefers-reduced-motion:reduce){.term .out,.term .row{opacity:1!important;transition:none!important;transform:none!important}.term .caret{animation:none}.mcp .btn-cmd:hover{transform:none}}
