.mcp-page{padding-bottom:72px}.mcp-hero{max-width:var(--w-base);margin-inline:auto;padding:88px clamp(20px,3vw,48px) 40px;text-align:center}.mcp-hero h1{max-width:900px;margin:0 auto 24px;font-size:clamp(38px,4.8vw,68px);font-weight:700;line-height:1.1;letter-spacing:-.045em;text-wrap:balance}.mcp-hero>p{max-width:760px;margin:0 auto;color:var(--muted);font-size:20px;line-height:1.6}.mcp-section{max-width:var(--w-base);margin-inline:auto;padding:56px clamp(20px,3vw,48px)}.mcp-head{max-width:780px;margin:0 auto 40px;text-align:center}.mcp-head h2,.mcp-other>h2{margin:0 0 16px;font-size:clamp(30px,3.6vw,48px);font-weight:700;line-height:1.12;letter-spacing:-.04em;text-wrap:balance}.mcp-head p{margin:0;color:var(--muted);font-size:18px;line-height:1.6}.mcp-other>h2{margin-bottom:32px;text-align:center;font-size:clamp(26px,3vw,36px)}.mcp-url,.mcp-code{position:relative;font-family:ui-monospace,SF Mono,Menlo,monospace}.mcp-url{display:inline-block;margin-top:20px;padding:12px 20px;border-radius:14px;background:var(--paper-soft);font-size:17px;font-weight:600}.mcp-copyable{position:relative}.mcp-copyable-url{display:inline-block;margin-top:20px}.mcp-copyable-url .mcp-url{margin-top:0;padding-right:56px}.mcp-copyable .mcp-code{padding-right:56px}.mcp-copy-btn{position:absolute;top:50%;right:8px;display:grid;place-items:center;width:36px;height:36px;padding:0;transform:translateY(-50%);border:0;border-radius:10px;background:transparent;color:var(--muted);cursor:pointer;transition:color .15s ease,background .15s ease}.mcp-copyable .mcp-code~.mcp-copy-btn{top:10px;transform:none}.mcp-copy-btn:hover{color:var(--text);background:#0000000f}.mcp-copy-btn .icon-check{display:none}.mcp-copy-btn.is-copied{color:var(--text)}.mcp-copy-btn.is-copied .icon-copy{display:none}.mcp-copy-btn.is-copied .icon-check{display:block}.mcp-clients{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}.mcp-client{position:relative;display:flex;flex-direction:column;gap:6px;padding:28px;background:var(--paper-soft);border-radius:24px;transition:transform .2s ease}.mcp-client:hover{transform:translateY(-3px)}.mcp-client-mark{display:grid;place-items:center;width:56px;height:56px;margin-bottom:18px;border-radius:18px;background:var(--paper-white);font-size:17px;font-weight:800;letter-spacing:-.03em}.mcp-client b{font-size:21px;letter-spacing:-.025em}.mcp-client small{color:var(--muted);font-size:15px;line-height:1.5}.mcp-client i{position:absolute;top:28px;right:28px;display:flex;color:var(--muted)}.mcp-voice{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:40px}.mcp-orb{position:relative;display:grid;place-items:center;flex:none;width:84px;height:84px;border-radius:50%;background:#e5322d;color:#fff;box-shadow:0 14px 34px #e5322d59;isolation:isolate}.mcp-orb>span{display:flex}.mcp-orb>i{position:absolute;inset:0;z-index:-1;border-radius:50%;border:1.5px solid rgba(229,50,45,.55)}@media(prefers-reduced-motion:no-preference){.mcp-orb>i{animation:mcp-orb-ring 2.8s ease-out infinite}.mcp-orb>i:nth-child(2){animation-delay:1.4s}.mcp-wave i{animation:mcp-wave 1.1s ease-in-out infinite alternate;animation-delay:var(--delay)}}@keyframes mcp-orb-ring{0%{transform:scale(1);opacity:.9}to{transform:scale(1.9);opacity:0}}@keyframes mcp-wave{0%{transform:scaleY(.45)}to{transform:scaleY(1)}}.mcp-voice-label{font-size:15px;font-weight:600}.mcp-wave{display:inline-flex;align-items:center;gap:3px}.mcp-wave i{display:block;width:3px;border-radius:2px;background:#e5322d}.mcp-examples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:28px;background:var(--paper-soft);border-radius:32px}.mcp-example{display:flex;flex-direction:column;gap:8px}.mcp-bubble{align-self:flex-end;max-width:92%;margin:0;padding:14px 18px;border-radius:20px 20px 6px;background:var(--text);color:var(--paper-white);font-size:16px;line-height:1.5}.mcp-result{display:flex;align-items:center;gap:8px;align-self:flex-start;margin:0;padding:8px 14px;border-radius:14px;background:var(--paper-white);font-size:14px;font-weight:600}.mcp-result span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--text);color:var(--paper-white)}.mcp-guide{max-width:760px;margin-inline:auto;padding:72px 20px 24px}.mcp-back{display:inline-block;margin-bottom:28px;color:var(--muted);font-weight:600}.mcp-guide h1{margin:0 0 20px;font-size:clamp(34px,4.2vw,54px);font-weight:700;line-height:1.1;letter-spacing:-.04em;text-wrap:balance}.mcp-guide-lead{margin:0 0 40px;color:var(--muted);font-size:19px;line-height:1.6}.mcp-guide h2{margin:40px 0 16px;font-size:26px;font-weight:700;letter-spacing:-.03em}.mcp-guide p{line-height:1.65}.mcp-guide .mcp-url{margin-top:0}.mcp-steps{margin:0;padding-left:26px;list-style:decimal}.mcp-steps li::marker{font-weight:700}.mcp-link{color:var(--text);font-weight:600;text-decoration:underline;text-underline-offset:3px;word-break:break-all}.mcp-steps li{margin-bottom:18px;padding-left:6px;line-height:1.6}.mcp-steps li p{margin:0 0 10px}.mcp-code{margin:0;padding:16px 20px;overflow-x:auto;border-radius:14px;background:var(--paper-soft);font-size:14.5px;line-height:1.6;white-space:pre}.mcp-note{padding:16px 20px;border-radius:14px;background:var(--paper-soft);color:var(--muted);font-size:15px}.mcp-usage{display:grid;gap:10px;margin:0;padding:0;list-style:none}.mcp-usage li{padding:14px 18px;border-radius:16px;background:var(--paper-soft);line-height:1.5}@media(max-width:900px){.mcp-examples{grid-template-columns:1fr}}@media(max-width:620px){.mcp-hero{padding-top:48px}.mcp-hero>p{font-size:17px}.mcp-section{padding-block:40px}.mcp-examples{padding:18px;border-radius:24px}.mcp-orb{width:56px;height:56px}.mcp-orb svg{width:26px;height:26px}.mcp-voice-label{display:none}.mcp-guide{padding-top:40px}.mcp-url{font-size:15px;word-break:break-all}}