.mcp{--cap-tilt:16deg}.mcp-hero{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:36px;padding:26px 0 10px;display:grid}.mcp-hero-copy{order:-1}.mcp-hero-copy>*{animation:rise .7s var(--ease) both}.mcp-hero-copy>:nth-child(2){animation-delay:60ms}.mcp-hero-copy>:nth-child(3){animation-delay:.12s}.mcp-hero-copy>:nth-child(4){animation-delay:.18s}.mcp-hero-copy>:nth-child(5){animation-delay:.24s}.mcp-hero h1{letter-spacing:-2px;margin:16px 0 14px;font-size:clamp(36px,4.6vw,60px);font-weight:800;line-height:1.02}.mcp-hero h1 .grad-text{display:block}.mcp-hero-copy>p{color:var(--muted);max-width:540px;font-size:17px}.mcp-hero-url{max-width:470px;margin-top:22px}.mcp-hero-cta{gap:10px;margin-top:14px}.copybox{border:1px solid var(--line2);background:#0408149e;border-radius:14px;align-items:center;gap:8px;min-width:0;padding:6px 6px 6px 14px;display:flex;box-shadow:inset 0 1px #ffffff0a}.copybox code{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--blue3);flex:1;font:600 14px/1.2 ui-monospace,SF Mono,Menlo,Consolas,monospace;overflow:hidden}.copybox.mono code{color:#e6f0ff}.copybox .btn{flex-shrink:0}.mcp-art{aspect-ratio:1.45;perspective:900px;width:100%;max-width:620px;margin:0 auto;position:relative}.mcp-glow{aspect-ratio:1;background:radial-gradient(circle closest-side,#3b82f66b,#22d3ee1f 55%,#22d3ee00 100%);border-radius:50%;width:62%;animation:5s ease-in-out infinite mcp-breathe;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mcp-wires{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.mcp-wires line{stroke:url(#mcp-wire);stroke-width:.45px;stroke-dasharray:1.4 1.6;opacity:.55;vector-effect:non-scaling-stroke;stroke-width:1.6px;animation:2.8s linear infinite mcp-flow}.mcp-wires line.thin{opacity:.28;stroke-width:1.2px}.cap{--s:84px;width:var(--s);height:var(--s);margin:calc(var(--s) / -2) 0 0 calc(var(--s) / -2);transform:rotateX(var(--cap-tilt)) rotateZ(var(--r,0deg));animation:6s ease-in-out infinite mcp-float;animation-delay:var(--d,0s);z-index:2;background:linear-gradient(#22346e 0%,#121f4a 55%,#0a1434 100%);border-radius:26%;position:absolute;box-shadow:0 0 0 1px #82aaff42,inset 0 1.5px #ffffff29,inset 0 -7px #0206148c,0 18px 34px -14px #000000e6,0 6px 0 -1px #050b22}.cap-face{background:radial-gradient(120% 90% at 30% 15%,#ffffff1a,#0000 55%),linear-gradient(#1a2a5c,#101c44);border-radius:22%;place-items:center;display:grid;position:absolute;inset:9% 9% 17%;box-shadow:inset 0 0 0 1px #a0beff1f,inset 0 -2px 6px #00000059}.cap.sm{--s:58px;opacity:.92}.cap.lg{--s:104px}.cap.xl{--s:150px;z-index:3;transform:rotateX(var(--cap-tilt));animation:none}.cap.light{background:linear-gradient(#fff 0%,#e8edf8 60%,#c9d2e6 100%);box-shadow:0 0 0 1px #fff9,inset 0 -7px #7887aa73,0 18px 34px -14px #000000e6,0 6px 0 -1px #8a96b5}.cap.light .cap-face{background:linear-gradient(#fff,#f1f4fb);box-shadow:inset 0 0 0 1px #0a14320f}.cap.brand{background:linear-gradient(#4f8dff 0%,#2563eb 50%,#1740a8 100%);box-shadow:0 0 0 1px #93c5fd99,inset 0 2px #ffffff59,inset 0 -10px #0612468c,0 28px 60px -18px #2563ebf2,0 8px 0 -1px #0b2a7a}.cap.brand .cap-face{background:radial-gradient(120% 90% at 30% 10%,#ffffff47,#0000 55%),linear-gradient(#3b82f6,#1d4ed8)}.cap.brand img{border-radius:22%;width:62%;height:auto;box-shadow:0 8px 24px #040c2880}.cap img{object-fit:contain;display:block}@keyframes mcp-float{0%,to{translate:0}50%{translate:0 -7px}}@keyframes mcp-flow{to{stroke-dashoffset:-12px}}@keyframes mcp-breathe{0%,to{opacity:.8;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.06)}}.mcp-setup{border:1px solid var(--line2);background:linear-gradient(#0e1a3dd1,#080f26e6);border-radius:26px;margin-top:34px;scroll-margin-top:80px;overflow:hidden;box-shadow:0 40px 90px -50px #2563eb99}.mcp-clients{scrollbar-width:none;border-bottom:1px solid var(--line);background:#04081459;gap:6px;padding:10px;display:flex;overflow-x:auto}.mcp-clients::-webkit-scrollbar{display:none}.mcp-client{height:44px;color:var(--muted);white-space:nowrap;border-radius:14px;align-items:center;gap:9px;padding:0 16px 0 8px;font-size:14px;font-weight:700;transition:background .2s,color .2s,box-shadow .2s;display:inline-flex}.mcp-client:hover{color:var(--text);background:#82aaff12}.mcp-client.on{color:#fff;background:linear-gradient(#3b82f647,#3b82f61a);box-shadow:inset 0 0 0 1px #60a5fa66}.mcp-client-mark{width:30px;height:30px;box-shadow:inset 0 0 0 1px var(--line2), inset 0 -2px 0 #00000059;background:#0d1838;border-radius:9px;place-items:center;display:grid}.mcp-client-mark .mcp-openai{background:#fff;border-radius:6px;padding:2px}.mcp-setup-body{padding:26px 28px 28px}.mcp-setup-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px;display:flex}.mcp-setup-head h2{letter-spacing:-.7px;font-size:26px;font-weight:800}.mcp-setup-head p{margin-top:2px;font-size:14px}.mcp-method{width:230px}.mcp-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;list-style:none;display:grid}.mcp-steps li{border:1px solid var(--line);animation:rise .45s var(--ease) both;background:#04081473;border-radius:20px;gap:14px;min-width:0;padding:18px;display:flex}.mcp-num{color:#fff;background:var(--grad);border-radius:11px;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:15px;font-weight:800;display:grid;box-shadow:0 8px 18px -8px #3b82f6e6,inset 0 -2px #00000040}.mcp-step{flex-direction:column;flex:1;min-width:0;display:flex}.mcp-step h3{letter-spacing:-.2px;margin:5px 0 6px;font-size:16px;font-weight:800}.mcp-step p{color:var(--muted);font-size:14px;line-height:1.55}.mcp-step-action{flex-direction:column;align-items:flex-start;gap:10px;min-width:0;margin-top:auto;padding-top:14px;display:flex}.mcp-step-action>.copybox,.mcp-step-action>.mcp-code{width:100%}.mcp-code{border:1px solid var(--line2);background:#030712;border-radius:14px;flex-direction:column;width:100%;display:flex;overflow:hidden}.mcp-code pre{color:#dbe6ff;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:2px 14px 14px;font:500 12.5px/1.6 ui-monospace,SF Mono,Menlo,Consolas,monospace}.mcp-code-copy{height:28px;color:var(--muted);box-shadow:inset 0 0 0 1px var(--line2);background:#82aaff14;border-radius:9px;order:-1;align-self:flex-end;align-items:center;gap:5px;margin:7px 7px 0;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.mcp-code-copy:hover{color:var(--text)}.mcp-note{color:var(--dim);align-items:flex-start;gap:8px;margin-top:16px;font-size:13px;display:flex}.mcp-note svg{color:var(--blue2);flex-shrink:0;margin-top:2px}.mcp-note a{color:var(--blue3)}.mcp-grid2{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:16px;margin-top:16px;scroll-margin-top:80px;display:grid}.mcp-card-sub{margin:-6px 0 14px;font-size:14px}.mk{flex-direction:column;gap:12px;display:flex}.mk-new .input{flex:1;min-width:0}.mk-new .btn{flex-shrink:0}.mk-fresh{background:#34d39912;border:1px solid #34d39959;border-radius:16px;flex-direction:column;gap:10px;padding:14px;display:flex}.mk-fresh b{color:#a7f3d0;align-items:center;gap:6px;display:inline-flex}.mk-list{flex-direction:column;gap:8px;display:flex}.mk-row{border:1px solid var(--line);background:#04081466;border-radius:14px;align-items:center;gap:12px;padding:10px 10px 10px 12px;display:flex}.mk-ic{width:32px;height:32px;color:var(--blue2);background:#3b82f624;border-radius:10px;flex-shrink:0;place-items:center;display:grid}.mk-meta{flex-direction:column;flex:1;min-width:0;display:flex}.mk-meta b{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.mk-meta span{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.mk-signin{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-size:14px;display:flex}.mcp-head{margin-bottom:18px}.mcp-head h2{letter-spacing:-1px;font-size:clamp(26px,3vw,36px);font-weight:800}.mcp-head p{max-width:620px;margin-top:6px}.mcp-asks{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.mcp-ask{border:1px solid var(--line);transition:border-color .2s, transform .25s var(--spring);background:#0a133099;border-radius:18px;gap:12px;padding:16px 18px;display:flex}.mcp-ask:hover{border-color:var(--line3);transform:translateY(-2px)}.mcp-ask-ic{width:34px;height:34px;color:var(--cyan);background:#22d3ee1a;border-radius:11px;flex-shrink:0;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #22d3ee38}.mcp-ask p{color:#d9e2fb;font-size:14.5px;line-height:1.5}.mcp-tools{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.mcp-tool{border:1px solid var(--line);background:#04081466;border-radius:16px;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.mcp-tool code{color:var(--blue3);font:700 13px ui-monospace,SF Mono,Menlo,Consolas,monospace}.mcp-tool span{color:var(--muted);font-size:13px;line-height:1.45}.mcp-faq-title{letter-spacing:-.8px;text-align:center;margin-bottom:18px;font-size:30px;font-weight:800}.mcp-more{text-align:center;margin-top:18px;font-size:14px}.mcp-more a{color:var(--blue3);font-weight:700}.mcp-connect{min-height:calc(100vh - var(--top) - 60px);place-items:center;padding:30px 0;display:grid}.mcp-consent{border:1px solid var(--line2);width:100%;max-width:460px;animation:pop .45s var(--ease) both;background:linear-gradient(#0e1a3deb,#080f26f2);border-radius:26px;flex-direction:column;gap:14px;padding:30px 28px 24px;display:flex;box-shadow:0 40px 90px -40px #2563eb8c}.mcp-consent h1{letter-spacing:-.5px;text-align:center;font-size:23px;font-weight:800;line-height:1.25}.mcp-consent h1 b{color:var(--blue3)}.mcp-consent>p.dim{text-align:center;font-size:14.5px}.mcp-consent-ic{width:56px;height:56px;color:var(--blue2);background:#3b82f624;border-radius:18px;place-items:center;margin:0 auto;display:grid}.mcp-consent-ic.ok{color:var(--ok);background:#34d39924}.mcp-consent-ic.bad{color:var(--bad);background:#f871711f}.mcp-pair{justify-content:center;align-items:center;gap:12px;margin-bottom:4px;display:flex}.mcp-pair img,.mcp-pair-app{width:58px;height:58px;box-shadow:0 0 0 1px var(--line2), 0 10px 26px -8px #3b82f699;border-radius:17px}.mcp-pair-app{background:linear-gradient(#22346e,#101c44);place-items:center;font-size:26px;font-weight:800;display:grid}.mcp-pair-line{gap:5px;display:flex}.mcp-pair-line i{background:var(--blue2);border-radius:50%;width:6px;height:6px;animation:1.2s infinite blink}.mcp-pair-line i:nth-child(2){animation-delay:.2s}.mcp-pair-line i:nth-child(3){animation-delay:.4s}.mcp-verified{color:#86efac;justify-content:center;align-items:center;gap:6px;margin-top:-6px;font-size:13px;display:flex}.mcp-verified.quiet{color:var(--dim)}.mcp-perms{border:1px solid var(--line);background:#04081473;border-radius:16px;flex-direction:column;gap:9px;padding:14px 16px;font-size:14px;display:flex}.mcp-perms>span{text-transform:uppercase;letter-spacing:.8px;font-size:12px;font-weight:700}.mcp-perms div{align-items:center;gap:10px;display:flex}.mcp-perms div svg{color:var(--blue2);flex-shrink:0}.mcp-perms div.no{color:var(--muted)}.mcp-perms div.no svg{color:var(--dim)}.mcp-back{color:var(--muted);text-align:center;font-size:13.5px}.mcp-back b{color:var(--text)}.mcp-actions .btn{flex:1}.mcp-who{text-align:center;font-size:12.5px}.mcp-who button{color:var(--blue3);font-size:12.5px;font-weight:700}.mcp-consent .hint a{color:var(--blue3)}@media (max-width:1100px){.mcp-steps{grid-template-columns:minmax(0,1fr)}.mcp-tools,.mcp-asks{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.mcp-hero{grid-template-columns:minmax(0,1fr);gap:8px;padding-top:8px}.mcp-hero-copy{order:0}.mcp-art{max-width:480px}.mcp-grid2{grid-template-columns:minmax(0,1fr)}}@media (max-width:640px){.mcp-art{max-width:380px}.cap{--s:60px}.cap.sm{--s:42px}.cap.xl{--s:104px}.cap svg,.cap img{transform:scale(.74)}.cap.brand img{transform:none}.mcp-setup-body{padding:20px 16px}.mcp-method{width:100%}.mcp-asks,.mcp-tools{grid-template-columns:minmax(0,1fr)}.mcp-hero-copy>p{font-size:15.5px}.mcp-consent{padding:24px 18px 20px}}@media (prefers-reduced-motion:reduce){.cap,.mcp-glow,.mcp-wires line{animation:none}}