.mcp-connect .mcp-tab{display:inline-flex;align-items:center;padding:9px 15px;border:1px solid var(--color-line);background:var(--color-canvas-raised);color:var(--color-ink-muted);border-radius:9px;font-size:14px;font-weight:500;cursor:pointer;transition:border-color .18s,color .18s,box-shadow .18s}.mcp-connect .mcp-tab:hover{color:var(--color-ink);border-color:var(--color-line-strong)}.mcp-connect .mcp-tab[aria-selected=true]{color:var(--color-ink);border-color:var(--color-ink);box-shadow:0 6px 18px -12px #16140f80}.mcp-connect .mcp-panel{background:var(--color-canvas-raised);border:1px solid var(--color-line);border-radius:14px}.mcp-connect .mcp-zap{display:inline-flex;align-items:center;gap:.5rem;background:var(--color-ink);color:var(--color-canvas);border:1px solid var(--color-ink);border-radius:9px;padding:10px 18px;font-size:14px;font-weight:500;cursor:pointer;transition:transform .18s,box-shadow .18s}.mcp-connect .mcp-zap:hover{transform:translateY(-1px);box-shadow:0 10px 26px -14px #16140f99}.mcp-connect .mcp-zap svg{width:15px;height:15px;flex-shrink:0}@media(max-width:639.98px){.mcp-connect .mcp-zap-desktop{display:none}}.mcp-connect .mcp-code{background:var(--color-ink);color:#e6e6f0;font-family:var(--font-mono);font-size:12.5px;line-height:1.7;border-radius:10px;overflow-x:auto;white-space:pre;padding:14px 16px;margin:0}.mcp-connect .mcp-code-bar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:8px 12px;border-bottom:1px solid rgba(230,230,240,.12);background:var(--color-ink);border-radius:10px 10px 0 0;font-family:var(--font-mono);font-size:11px;color:#8f8ba6}.mcp-connect .mcp-code-wrap{border-radius:10px;overflow:hidden}.mcp-connect .mcp-code-wrap .mcp-code{border-radius:0 0 10px 10px}.mcp-connect .mcp-copy{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#e6e6f0;background:transparent;border:1px solid rgba(230,230,240,.25);border-radius:6px;padding:4px 10px;cursor:pointer;transition:border-color .18s}.mcp-connect .mcp-copy:hover{border-color:#e6e6f0}.mcp-connect .mcp-step{display:flex;gap:.75rem;align-items:flex-start}.mcp-connect .mcp-step-num{width:24px;height:24px;border-radius:999px;border:1px solid var(--color-line);display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:11px;color:var(--color-ink);flex-shrink:0;margin-top:1px}.g8-toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%) translateY(20px);background:var(--color-ink);color:var(--color-canvas);padding:11px 20px;border-radius:8px;font-size:13px;font-family:var(--font-mono);opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;z-index:80;max-width:90vw;text-align:center}.g8-toast.show{opacity:1;transform:translate(-50%) translateY(0)}.mcp-run[data-astro-cid-za6dgk6k]{position:relative;z-index:0}@media(min-width:1024px){.mcp-run-img[data-astro-cid-za6dgk6k]{width:142%;max-width:none;margin-left:-20%;margin-top:-6%;margin-bottom:-8%}}.g8-mcp .eyebrow{font-family:var(--font-mono);font-size:11px;line-height:1;letter-spacing:.18em;text-transform:uppercase;color:var(--color-ink-muted)}.g8-mcp h1.display{font-size:clamp(2.5rem,4.6vw,4.75rem);line-height:1;letter-spacing:-.03em;font-weight:500;color:var(--color-ink)}.g8-mcp h2.display{letter-spacing:-.02em;font-weight:500;line-height:1.02;color:var(--color-ink)}.g8-mcp h3.display{font-weight:500;color:var(--color-ink)}.g8-mcp .body-p{color:var(--color-ink-body);font-weight:300;line-height:1.6}.g8-mcp .g8-gradient-text{background-image:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.12em;margin-bottom:-.12em}.g8-mcp .card{background:var(--color-canvas-raised);border:1px solid var(--color-line);border-radius:.75rem}.g8-mcp .chip{display:inline-flex;align-items:center;padding:4px 10px;border-radius:6px;background:var(--color-canvas-raised);border:1px solid var(--color-line);font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink)}.g8-mcp .step-num{width:28px;height:28px;border-radius:999px;border:1px solid var(--color-line);display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:12px;color:var(--color-ink);flex-shrink:0}.g8-mcp .dot-tag{display:inline-flex;align-items:center;gap:.4rem;padding:6px 12px;border:1px solid var(--color-line);border-radius:999px;font-size:12px;color:var(--color-ink-body);background:var(--color-canvas-raised)}.g8-mcp .dot{width:6px;height:6px;border-radius:999px;background:#00c758;box-shadow:0 0 0 4px #00c75821}.g8-mcp [data-demo-tab][aria-selected=true]{border-color:var(--color-ink)}.g8-mcp [data-demo-tab][aria-selected=true] .step-num{background:var(--color-ink);color:var(--color-canvas);border-color:var(--color-ink)}.g8-mcp .btn-primary{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--color-ink);background:transparent;border:1px solid var(--color-ink);border-radius:0;padding:.875rem 1.5rem;cursor:pointer;transition:background .25s,color .25s;text-decoration:none}.g8-mcp .btn-primary:hover{background:var(--color-ink);color:var(--color-canvas)}.g8-mcp .btn-secondary{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--color-ink-muted);background:transparent;border:1px solid var(--color-line);border-radius:0;padding:.875rem 1.5rem;text-decoration:none;transition:border-color .25s,color .25s;cursor:pointer}.g8-mcp .btn-secondary:hover{color:var(--color-ink);border-color:var(--color-ink)}.g8-mcp .url-chip{display:inline-flex;align-items:center;gap:.6rem;align-self:flex-start;background:var(--color-canvas-raised);border:1px solid var(--color-line);border-radius:999px;padding:5px 5px 5px 14px;max-width:100%}.g8-mcp .url-chip code{font-family:var(--font-mono);font-size:12px;color:var(--color-ink);overflow-x:auto;white-space:nowrap}.g8-mcp .url-chip button{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--color-light-ink);background:var(--color-ink);border:0;border-radius:999px;padding:6px 12px;cursor:pointer;flex-shrink:0;transition:opacity .18s}.g8-mcp .url-chip button:hover{opacity:.8}.g8-mcp .ask-chip{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;text-align:left;background:var(--color-canvas-raised);border:1px solid var(--color-line);border-radius:.75rem;padding:.875rem 1rem;cursor:pointer;transition:border-color .2s;color:var(--color-ink)}.g8-mcp .ask-chip:hover{border-color:var(--color-ink)}.g8-mcp .ask-chip svg{flex-shrink:0;color:var(--color-ink-muted)}.g8-mcp .ask-chip:hover svg{color:var(--color-ink)}.g8-mcp .hero-tile{width:40px;height:40px;border-radius:11px;border:1px solid var(--color-line);background:var(--color-canvas-raised);color:var(--color-ink);display:inline-flex;align-items:center;justify-content:center;transition:border-color .2s,transform .2s;flex-shrink:0}.g8-mcp .hero-tile:hover{border-color:var(--color-ink);transform:translateY(-2px)}@media(prefers-reduced-motion:reduce){.g8-mcp .hero-tile:hover{transform:none}}