.lp.mcp{--mono:ui-monospace, "SF Mono", "Cascadia Code", "JetBrains Mono", Menlo, Consolas, monospace;--code-bg:oklch(14.6% .005 286);--code-line:oklch(30% .008 286);--code-ink:oklch(92% .004 286);--code-muted:oklch(71.2% .01 286)}.lp .mcp-hero{padding-bottom:clamp(48px,7vw,88px)}.lp .mcp-hero-title{max-width:13ch;font-size:clamp(38px,5.6vw,66px)}.lp .mcp-endpoint{align-items:center;gap:var(--space-md);max-width:max-content;margin-bottom:var(--space-xl);padding:var(--space-sm) var(--space-sm) var(--space-sm) var(--space-lg);border:1px solid var(--line);background:var(--surface);border-radius:999px;display:flex}.lp .mcp-endpoint-label{font-size:var(--t-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--accent-ink);white-space:nowrap;font-weight:600}.lp .mcp-endpoint-url{font-family:var(--mono);font-size:var(--t-sm);color:var(--ink);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lp .mcp-copy{border:1px solid var(--line-2);background:var(--bg);height:30px;color:var(--ink);font-size:var(--t-xs);letter-spacing:.02em;cursor:pointer;border-radius:999px;flex:none;padding:0 14px;font-weight:600;transition:background .16s,color .16s,border-color .16s}.lp .mcp-copy:hover{border-color:var(--ink)}.lp .mcp-copy.is-copied{background:var(--accent-wash);border-color:var(--accent-ink);color:var(--accent-ink)}.lp .mcp-copy--dark{border-color:var(--code-line);color:var(--code-muted);background:0 0}.lp .mcp-copy--dark:hover{border-color:var(--code-ink);color:var(--code-ink)}.lp .mcp-copy--dark.is-copied{background:color-mix(in oklab, var(--accent) 18%, transparent);border-color:var(--accent);color:oklch(87% .12 152)}.lp .mcp-cluster{aspect-ratio:1;width:min(100%,500px);margin-inline:auto;position:relative}.lp .mcp-cluster-ring{border:1px dashed var(--line-2);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.lp .mcp-cluster-ring--inner{width:54%;height:54%}.lp .mcp-cluster-ring--outer{border-style:solid;border-color:var(--line);width:86%;height:86%}.lp .mcp-cluster-center{background:var(--bg);border:1px solid var(--line);border-radius:var(--r3);z-index:1;justify-content:center;align-items:center;width:92px;height:92px;animation:3.2s ease-out infinite mcp-pulse;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 oklch(72.3% .192 149.6/.4)}@keyframes mcp-pulse{0%{box-shadow:0 0 oklch(72.3% .192 149.6/.35)}70%{box-shadow:0 0 0 14px oklch(72.3% .192 149.6/0)}to{box-shadow:0 0 oklch(72.3% .192 149.6/0)}}.lp .mcp-cluster-center img{border-radius:10px;width:44px;height:44px;display:block}.lp .mcp-tile{left:var(--x);top:var(--y);background:var(--bg);border:1px solid var(--line);color:var(--ink);animation:mcp-float 5.6s ease-in-out var(--d) infinite alternate;justify-content:center;align-items:center;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 2px oklch(21% .006 286/.05)}.lp .mcp-tile--lg{border-radius:var(--r3);width:76px;height:76px}.lp .mcp-tile--md{border-radius:var(--r2);width:64px;height:64px}.lp .mcp-tile--sm{border-radius:var(--r2);width:54px;height:54px}@keyframes mcp-float{0%{transform:translate(-50%,calc(-50% - 4px))}to{transform:translate(-50%,calc(4px - 50%))}}.lp .mcp-connect{padding:clamp(48px,7vw,88px) 0}.lp .mcp-picker{gap:var(--space-md);margin:var(--space-2xl) 0 var(--space-3xl);flex-wrap:wrap;display:flex}.lp .mcp-picker a{align-items:center;gap:var(--space-sm);height:40px;padding:0 var(--space-lg) 0 var(--space-sm);border:1px solid var(--line);font-size:var(--t-sm);color:var(--ink-2);border-radius:999px;font-weight:500;transition:border-color .16s,background .16s,color .16s;display:inline-flex}.lp .mcp-picker a:hover{border-color:var(--ink);color:var(--ink);background:var(--surface)}.lp .mcp-picker-logo{background:var(--surface-2);width:28px;height:28px;color:var(--ink);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.lp .mcp-clients{border-top:1px solid var(--line)}.lp .mcp-client{border-bottom:1px solid var(--line);padding:clamp(28px,4vw,44px) 0;scroll-margin-top:96px}.lp .mcp-client-head{align-items:center;gap:var(--space-lg);margin-bottom:var(--space-xl);display:flex}.lp .mcp-client-head h3{font-size:var(--t-xl);letter-spacing:-.015em;margin:0;font-weight:600}.lp .mcp-client-kind{font-size:var(--t-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:2px;display:block}.lp .mcp-client-logo{border:1px solid var(--line);border-radius:var(--r2);background:var(--bg);width:48px;height:48px;color:var(--ink);flex:none;justify-content:center;align-items:center;display:inline-flex}.lp .mcp-client-logo--stack{color:var(--ink-3);gap:2px}.lp .mcp-client-logo--stack svg{width:13px;height:13px}.lp .mcp-client-body{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start;gap:clamp(24px,4vw,56px);display:grid}.lp .mcp-client-tagline{margin:0 0 var(--space-lg);font-size:var(--t-lg);color:var(--ink-2);letter-spacing:-.005em;text-wrap:pretty}.lp .mcp-client-steps ol{counter-reset:mcp-step;gap:var(--space-lg);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.lp .mcp-client-steps li{counter-increment:mcp-step;color:var(--ink-2);max-width:58ch;padding-left:40px;line-height:1.55;position:relative}.lp .mcp-client-steps li:before{content:counter(mcp-step);border:1px solid var(--line-2);width:26px;height:26px;font-size:var(--t-xs);color:var(--ink);background:var(--surface);border-radius:50%;justify-content:center;align-items:center;font-weight:600;display:inline-flex;position:absolute;top:0;left:0}.lp .mcp-client-steps b{color:var(--ink);font-weight:600}.lp .mcp-client-steps code,.lp .mcp-client-tagline code,.lp .mcp-trust-card code{font-family:var(--mono);background:var(--surface-2);border:1px solid var(--line);color:var(--ink);white-space:nowrap;border-radius:5px;padding:1px 5px;font-size:.85em}.lp .mcp-client-note{margin:var(--space-lg) 0 0;font-size:var(--t-sm);color:var(--muted);max-width:58ch;padding-left:40px}.lp .mcp-client-snippets{gap:var(--space-lg);flex-direction:column;min-width:0;display:flex}.lp .mcp-code{border-radius:var(--r2);background:var(--code-bg);margin:0;overflow:hidden}.lp .mcp-code-head{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-sm) var(--space-sm) var(--space-lg);border-bottom:1px solid var(--code-line);display:flex}.lp .mcp-code-label{font-family:var(--mono);font-size:var(--t-xs);color:var(--code-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lp .mcp-code pre{padding:var(--space-lg);font-family:var(--mono);color:var(--code-ink);scrollbar-width:thin;margin:0;font-size:.8125rem;line-height:1.6;overflow-x:auto}.lp .mcp-code code{font-family:inherit}.lp .mcp-tools{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:clamp(48px,7vw,88px) 0}.lp .mcp-sec-sub{margin:var(--space-lg) auto 0;max-width:62ch;color:var(--ink-3);text-wrap:pretty}.lp .mcp-tool-grid{gap:var(--space-lg);margin-top:var(--space-3xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.lp .mcp-tool-card{gap:var(--space-md);padding:var(--space-xl);border:1px solid var(--line);border-radius:var(--r3);background:var(--bg);flex-direction:column;display:flex}.lp .mcp-tool-card h3{font-size:var(--t-lg);letter-spacing:-.01em;margin:0;font-weight:600}.lp .mcp-tool-card>p{font-size:var(--t-sm);color:var(--ink-3);margin:0;line-height:1.55}.lp .mcp-tool-list{padding:var(--space-md) 0 0;border-top:1px solid var(--line);gap:var(--space-sm);flex-direction:column;margin:auto 0 0;list-style:none;display:flex}.lp .mcp-tool-list li{align-items:center;gap:var(--space-md);display:flex}.lp .mcp-tool-list code{font-family:var(--mono);font-size:var(--t-xs);color:var(--ink-2)}.lp .mcp-tool-tag{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-ink);background:var(--accent-wash);border:1px solid var(--accent-haze);border-radius:999px;padding:1px 8px;font-size:10px;font-weight:700}.lp .mcp-tools-foot{margin:var(--space-2xl) 0 0;font-size:var(--t-sm);color:var(--ink-3)}.lp .mcp-tools-foot a{color:var(--accent-ink);text-underline-offset:3px;font-weight:500;text-decoration:underline}.lp .mcp-trust{padding:clamp(48px,7vw,88px) 0 clamp(32px,5vw,56px)}.lp .mcp-trust-grid{gap:var(--space-lg);margin-top:var(--space-3xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.lp .mcp-trust-card{padding:var(--space-xl);border:1px solid var(--line);border-radius:var(--r3);background:var(--bg)}.lp .mcp-trust-card h3{margin:0 0 var(--space-md);font-size:var(--t-lg);letter-spacing:-.01em;font-weight:600}.lp .mcp-trust-card p{font-size:var(--t-sm);color:var(--ink-2);margin:0;line-height:1.6}@media (width<=1080px){.lp .mcp-client-body{grid-template-columns:1fr}}@media (width<=860px){.lp .mcp-cluster{width:min(100%,380px);margin-top:var(--space-xl)}.lp .mcp-tile--lg{border-radius:var(--r2);width:64px;height:64px}.lp .mcp-tile--md{width:54px;height:54px}.lp .mcp-tile--sm{width:48px;height:48px}.lp .mcp-cluster-center{width:76px;height:76px}.lp .mcp-endpoint{max-width:100%}}@media (width<=640px){.lp .mcp-endpoint{border-radius:var(--r2);padding:var(--space-md) var(--space-lg);flex-wrap:wrap}.lp .mcp-endpoint-url{flex-basis:100%;order:3}.lp .mcp-endpoint-label{order:1}.lp .mcp-copy{order:2;margin-left:auto}.lp .mcp-client-head h3{font-size:var(--t-lg)}}@media (prefers-reduced-motion:reduce){.lp .mcp-cluster-center,.lp .mcp-tile{animation:none}}