.mcp-section .sec-head{max-width:860px;margin-inline:auto}
.mcp-apps{display:flex;justify-content:center;gap:16px;margin:0 auto 48px;max-width:850px}
.mcp-app{display:flex;align-items:center;gap:14px;flex:1;min-width:0;padding:20px 22px;border:1px solid var(--border-strong);border-radius:12px;background:var(--surface)}
.mcp-app img{display:block;flex:none;width:46px;height:46px;object-fit:contain}
.mcp-app strong{display:block;color:var(--text);font:600 18px/1.3 var(--font-display)}
.mcp-app span{display:block;color:var(--text-muted);font-size:12px;margin-top:4px}
.mcp-feature-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,64px);align-items:center}
.mcp-copy h3{color:var(--text);font:600 clamp(21px,2.4vw,28px)/1.25 var(--font-display);margin:0 0 16px;letter-spacing:-.025em}
.mcp-copy>p{font-size:17px;line-height:1.75;margin:0 0 24px;color:var(--text-muted)}
.mcp-prompt{margin:28px 0 32px;padding:22px 24px;border-left:3px solid var(--primary-400);border-radius:0 8px 8px 0;background:var(--surface)}
.mcp-prompt>span{font:500 11px var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--primary-400)}
.mcp-prompt p{margin:12px 0 0;color:var(--text);font:500 19px/1.6 var(--font-display)}
.mcp-copy .mcp-setup-note{font-size:12px;line-height:1.6;margin-bottom:0}
.mcp-settings{margin:0;min-width:0;background:#0a0b0d;border:1px solid var(--border-strong);border-radius:14px;overflow:hidden;box-shadow:0 24px 70px #0005}
.mcp-window-bar{display:flex;align-items:center;gap:12px;padding:15px 18px;background:#17181b;border-bottom:1px solid var(--border);font:400 11px var(--font-mono);color:var(--text-muted)}
.mcp-window-dots{display:flex;gap:5px}.mcp-window-dots i{width:7px;height:7px;border-radius:50%;background:#595b62}.mcp-preview-label{margin-left:auto;color:var(--primary-400)}
.mcp-settings-body{padding:26px}
.mcp-settings-title{display:flex;gap:12px;align-items:center;margin-bottom:24px}.mcp-settings-title h3{font:600 22px var(--font-display);margin:0}.mcp-settings-title p{font-size:12px;color:var(--text-muted);margin:5px 0 0}
.mcp-settings-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:9px;color:var(--primary-400);background:#ee693023;font-size:26px}
.mcp-panel{padding:18px;border:1px solid var(--border);border-radius:8px;background:#111216;margin:0 0 16px}.mcp-panel h4{font:600 15px var(--font-display);margin:0;color:var(--text)}.mcp-panel p{font-size:12px;color:var(--text-muted);margin:7px 0 16px}
.mcp-key-form{display:flex;gap:8px;font-size:12px}.mcp-key-form>span{flex:1;border:1px solid var(--border-strong);border-radius:5px;padding:10px;color:var(--text-muted)}.mcp-key-form>b{padding:10px 14px;border-radius:5px;background:var(--primary-400);color:#121212;font-weight:700}
.mcp-key-example{border-left:2px solid var(--primary-400);padding:10px 12px;background:#ffffff04;margin-top:14px}.mcp-key-example>span{display:block;color:var(--text-muted);font:400 9px var(--font-mono);letter-spacing:.07em;margin-bottom:6px}.mcp-key-example code{font:400 12px var(--font-mono);color:var(--text)}
.mcp-config-header{display:flex;align-items:center;justify-content:space-between}.mcp-config-header>span{font-size:10px;border:1px solid var(--border);padding:4px 9px;border-radius:4px;color:var(--text-muted)}
.mcp-panel pre{font:400 11px/1.9 var(--font-mono);white-space:pre-wrap;overflow-wrap:anywhere;color:#c7c9cd;background:#08090b;border-radius:5px;padding:14px;margin:13px 0 0}.mcp-code-section{color:var(--primary-400)}.mcp-code-value{color:#b4c7a8}
.mcp-capabilities{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:11px;color:var(--text-muted)}.mcp-capabilities span:before{content:'✓';color:var(--primary-400);margin-right:7px}
.mcp-settings figcaption{padding:0 22px 18px;color:var(--text-muted);font-size:10px;line-height:1.5}
@media(max-width:800px){.mcp-feature-grid{grid-template-columns:1fr}.mcp-apps{gap:10px}.mcp-app{padding:16px 10px;flex-direction:column;text-align:center;gap:10px}.mcp-app strong{font-size:15px}.mcp-app img{width:40px;height:40px}.mcp-settings{max-width:580px;width:100%;justify-self:center}}
@media(max-width:480px){.mcp-apps{gap:8px;margin-bottom:32px}.mcp-app{padding:14px 6px}.mcp-app strong{font-size:13px}.mcp-app span{font-size:10px}.mcp-settings-body{padding:18px}.mcp-window-bar{padding:12px;font-size:10px;gap:8px}.mcp-panel{padding:13px}.mcp-panel pre{font-size:10px;padding:10px}.mcp-prompt{padding:18px}.mcp-prompt p{font-size:18px}}