.mcp-content-root{color:#fff;--font-mcp-display:var(--font-primary);--font-mcp-mono:var(--font-primary);background:#0d0d0d;flex-direction:column;width:100%;display:flex}.mcp-container{width:100%;max-width:var(--max-width-content);margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}.mcp-code-block{width:100%;min-width:0;font-family:var(--font-mcp-mono),"JetBrains Mono","Fira Code",monospace;background:#0a0a0a;border:1px solid #ffffff14;border-radius:8px;padding:1.5rem;font-size:.875rem;line-height:1.7;position:relative}.mcp-token-comment{color:#555}.mcp-token-key{color:#7c96b4}.mcp-token-value{color:var(--color-orange)}.mcp-token-string,.mcp-token-fn{color:#7c96b4}.mcp-section-label{font-family:var(--font-mcp-mono),"JetBrains Mono",monospace;letter-spacing:.15em;text-transform:uppercase;color:#7c96b4;font-size:.7rem;font-weight:500}.mcp-btn-orange{background:var(--color-orange);color:#000;font-family:var(--font-mcp-display),"Space Grotesk",sans-serif;letter-spacing:.02em;border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-size:.9rem;font-weight:700;text-decoration:none;transition:all .15s ease-out;display:inline-flex}.mcp-btn-orange:hover{background:#ff8c00;transform:translateY(-1px);box-shadow:0 0 24px #f57c0066}.mcp-btn-ghost{color:#fff;font-family:var(--font-mcp-display),"Space Grotesk",sans-serif;background:0 0;border:1px solid #ffffff26;border-radius:6px;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .15s ease-out;display:inline-flex}.mcp-btn-ghost:hover{background:#ffffff0a;border-color:#ffffff59}.mcp-glass-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;transition:all .2s ease-out}.mcp-glass-card:hover{background:#ffffff0d;border-color:#f57c0040;transform:translateY(-2px)}.mcp-protocol-badge{font-family:var(--font-mcp-mono),"JetBrains Mono",monospace;border:1px solid;border-radius:4px;align-items:center;padding:.3rem .75rem;font-size:.75rem;font-weight:500;transition:all .15s;display:inline-flex}.mcp-protocol-badge.teal{color:#7c96b4;background:#00c9a70f;border-color:#00c9a740}.mcp-protocol-badge.blue{color:#3569a8;background:#3569a80f;border-color:#3569a840}.mcp-protocol-badge.orange{color:var(--color-orange);background:#f57c000f;border-color:#f57c0040}.mcp-protocol-badge.yellow{color:#a99249;background:#fcd34d0f;border-color:#fcd34d40}.mcp-protocol-badge.pink{color:#a94989;background:#a949890f;border-color:#a9498940}.mcp-protocol-badge.violet{color:#643aa5;background:#643aa50f;border-color:#643aa540}.mcp-protocol-badge.green{color:#48805d;background:#48805d0f;border-color:#48805d40}@keyframes mcp-ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.mcp-ticker-track{width:max-content;animation:40s linear infinite mcp-ticker;display:flex}.mcp-ticker-track:hover{animation-play-state:paused}.mcp-stat-number{color:#7c96b4;font-family:var(--font-mcp-display),"Space Grotesk",sans-serif;font-weight:700;line-height:1}.mcp-gradient-text{background:linear-gradient(135deg,var(--color-orange)0%,#e25e0d 50%,#7c96b4 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@keyframes mcp-pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}.mcp-orange-dot{background:var(--color-orange);border-radius:50%;width:10px;height:10px;animation:2s ease-in-out infinite mcp-pulse-dot;box-shadow:0 0 12px #f57c0099}.mcp-copy-btn{color:#888;font-family:var(--font-mcp-mono),"JetBrains Mono",monospace;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:4px;padding:.3rem .6rem;font-size:.65rem;transition:all .15s;position:absolute;top:.75rem;right:.75rem}.mcp-copy-btn:hover{color:#fff;background:#ffffff1a}.mcp-comparison-check{color:#7c96b4}.mcp-comparison-x{color:#ef4444}.mcp-section-tight{padding-top:5rem;padding-bottom:5rem}.mcp-section-normal{padding-top:6rem;padding-bottom:6rem}.mcp-section-wide{padding-top:8rem;padding-bottom:8rem}.mcp-proto-category-label{color:#666;font-family:var(--font-mcp-mono),"JetBrains Mono",monospace;letter-spacing:.12em;text-transform:uppercase;font-size:.68rem}.mcp-btn-row-center{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.mcp-stats-section{border-bottom:1px solid #ffffff0f;padding:4rem 0}.mcp-tools-filter{flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;display:flex}.mcp-hero-grid{grid-template-columns:minmax(0,clamp(300px,50%,600px)) minmax(0,1fr);align-items:center;gap:4rem;display:grid}.mcp-arch-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:4rem;display:grid}.mcp-compare-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2rem;display:grid}.mcp-hero-grid>*,.mcp-arch-grid>*,.mcp-compare-grid>*{min-width:0}.mcp-tools-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.mcp-use-cases-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.mcp-stats-grid{text-align:center;grid-template-columns:repeat(4,1fr);gap:2rem;display:grid}.mcp-steps-grid{grid-template-columns:1fr 1fr 1fr;gap:1.5rem;margin-bottom:3rem;display:grid}.mcp-btn-row{flex-wrap:wrap;gap:1rem;display:flex}.mcp-code-tabs-bar{scrollbar-width:none;border-bottom:1px solid #ffffff0f;padding:0 .5rem;display:flex;overflow-x:auto}.mcp-code-tabs-bar::-webkit-scrollbar{display:none}@media (max-width:768px){.mcp-hero-grid,.mcp-arch-grid{grid-template-columns:1fr;gap:2.5rem}.mcp-compare-grid{grid-template-columns:1fr}.mcp-tools-grid,.mcp-use-cases-grid,.mcp-stats-grid{grid-template-columns:repeat(2,1fr)}.mcp-steps-grid{grid-template-columns:1fr}.mcp-code-block{padding:1.1rem;font-size:.75rem;overflow-x:auto}.mcp-section-tight{padding-top:3.5rem;padding-bottom:3.5rem}.mcp-section-normal{padding-top:4rem;padding-bottom:4rem}.mcp-section-wide{padding-top:5rem;padding-bottom:5rem}.mcp-stats-section{padding:3rem 0}.mcp-btn-row{flex-direction:column;align-items:flex-start}.mcp-btn-row .mcp-btn-orange,.mcp-btn-row .mcp-btn-ghost{justify-content:center;width:100%}.mcp-btn-row-center{flex-direction:column;align-items:center}.mcp-btn-row-center .mcp-btn-orange,.mcp-btn-row-center .mcp-btn-ghost{justify-content:center;width:100%;max-width:320px}}@media (max-width:480px){.mcp-tools-grid,.mcp-use-cases-grid{grid-template-columns:1fr}.mcp-stats-grid{grid-template-columns:repeat(2,1fr)}}