.mcp-wrap{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:24px 0 64px}.mcp-banner{flex-direction:column;text-align:center;padding:72px 24px 76px;border-radius:28px;background:linear-gradient(180deg,#1d6fe8,#3592fb);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 20px 60px rgba(29,111,232,.25)}.mcp-banner,.mcp-logos{display:flex;align-items:center}.mcp-logos{margin-bottom:30px}.mcp-logo-main,.mcp-logo-side{display:grid;place-items:center;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.18)}.mcp-logo-side{width:84px;height:84px;border-radius:22px}.mcp-logo-side img{width:40px;height:40px}.mcp-logo-side.is-left{transform:rotate(-9deg) translateX(14px)}.mcp-logo-side.is-right{transform:rotate(9deg) translateX(-14px)}.mcp-logo-main{position:relative;z-index:1;width:124px;height:124px;border-radius:32px;background:#0b0c0f;border:1px solid rgba(255,255,255,.14)}.mcp-logo-main img{width:84px;height:84px;border-radius:20px}.mcp-banner-title{margin:0 0 28px;font-size:clamp(32px,5vw,62px);line-height:1.05;font-weight:600;letter-spacing:-.035em;color:#fff}.mcp-apps{gap:2px;padding:5px;background:rgba(255,255,255,.92)}.mcp-app,.mcp-apps{display:inline-flex;border-radius:999px}.mcp-app{align-items:center;gap:8px;height:40px;padding:0 16px;border:none;background:transparent;font:inherit;font-size:15px;color:#6b7280;cursor:pointer}.mcp-app img{width:18px;height:18px;opacity:.7}.mcp-app.is-on{color:#111;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.12)}.mcp-app.is-on img{opacity:1}.mcp-setup{margin-top:20px;padding:30px 32px;border-radius:24px;background:var(--cz-box);border:1px solid var(--cz-box-border)}.mcp-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.mcp-steps li{display:flex;gap:14px}.mcp-step-n{flex:0 0 auto;width:28px;height:28px;border-radius:999px;display:grid;place-items:center;font-size:13px;color:var(--cz-muted);background:rgba(255,255,255,.07)}.mcp-step-body{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.mcp-step-body b{font-size:16px;font-weight:600;color:var(--cz-text);line-height:28px}.mcp-step-body p{margin:2px 0 0;font-size:14.5px;line-height:1.5;color:var(--cz-muted)}.mcp-step-body .pg-btn{margin-top:16px;height:44px;padding:0 20px;font-size:15px}.mcp-url{display:flex;align-items:center;gap:12px;margin-top:26px;padding:12px 12px 12px 18px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid var(--cz-box-border)}.mcp-url-text{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.mcp-url-text span{font-size:13px;color:var(--cz-dim)}.mcp-url-text code{font-size:15px;color:var(--cz-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mcp-url-copy{flex:0 0 auto;width:38px;height:38px;display:grid;place-items:center;border-radius:10px;border:none;background:transparent;color:var(--cz-muted);cursor:pointer}.mcp-url-copy:hover{color:var(--cz-text);background:rgba(255,255,255,.06)}.mcp-how{margin-top:48px}.mcp-how h2{margin:0 0 18px;font-size:clamp(24px,2.6vw,32px);font-weight:600;letter-spacing:-.025em;color:var(--cz-text)}.mcp-how-card{padding:22px;border-radius:24px;background:var(--cz-box);border:1px solid var(--cz-box-border)}.mcp-how-tabs{display:flex;width:max-content;max-width:100%;margin:0 auto 22px;gap:2px;padding:4px;border-radius:999px;overflow-x:auto;scrollbar-width:none;background:rgba(255,255,255,.05);border:1px solid var(--cz-box-border)}.mcp-how-tabs::-webkit-scrollbar{display:none}.mcp-how-tab{flex:0 0 auto;height:34px;padding:0 14px;border-radius:999px;border:none;background:transparent;font:inherit;font-size:14px;color:var(--cz-muted);cursor:pointer}.mcp-how-tab:hover{color:var(--cz-text)}.mcp-how-tab.is-on{color:#111;background:#fff}.mcp-how-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:center}.mcp-chat{display:flex;flex-direction:column;gap:12px}.mcp-chat-user{align-self:flex-end;max-width:92%;padding:14px 16px;border-radius:18px 18px 4px 18px;font-size:15px;line-height:1.55;color:var(--cz-text);background:rgba(255,255,255,.07)}.mcp-chat-tool{display:inline-flex;align-items:center;gap:10px;align-self:flex-start;height:40px;padding:0 14px;border-radius:12px;font-size:14px;color:var(--cz-text);background:rgba(255,255,255,.04);border:1px solid var(--cz-box-border)}.mcp-chat-tool img{width:20px;height:20px;border-radius:5px}.mcp-chat-tool span{color:#4ade80}.mcp-chat-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.mcp-how-media{justify-self:center;width:100%;max-width:520px;height:380px;border-radius:18px;overflow:hidden;background:#000}.mcp-how-media video{width:100%;height:100%;object-fit:contain;display:block}@media (max-width:900px){.mcp-steps{gap:20px}.mcp-how-body,.mcp-steps{grid-template-columns:1fr}}@media (max-width:640px){.mcp-wrap{width:calc(100% - 24px);padding-top:12px}.mcp-banner{padding:44px 16px 40px;border-radius:22px}.mcp-logo-side{width:60px;height:60px;border-radius:16px}.mcp-logo-side img{width:28px;height:28px}.mcp-logo-main{width:88px;height:88px;border-radius:24px}.mcp-logo-main img{width:60px;height:60px;border-radius:14px}.mcp-app{height:36px;padding:0 11px;font-size:14px;gap:6px}.mcp-setup{padding:22px 18px}.mcp-url-text code{font-size:13px}.mcp-how-card{padding:14px}.mcp-how-tabs{margin-left:0}.mcp-how-media{height:320px}}