.dev-hero h1 em{white-space:nowrap}.dev-hero-mcp{font-size:11px;line-height:1.9;max-width:470px;margin:0 0 24px;color:#9ca9a1!important;word-break:keep-all}.dev-hero-mcp>.dev-status-dot{width:5px;height:5px;margin-right:7px;vertical-align:middle}.developer-body .dev-hero-mcp>a{display:inline-block;margin-left:10px;color:#bad1c1;font-size:10px}.dev-hero-mcp>a:hover{text-decoration:underline}
.mcp-demo{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.3fr);gap:70px;padding:80px 0;border-top:1px solid var(--dev-line);align-items:center}
.mcp-demo-copy h2{font-size:38px;line-height:1.35;letter-spacing:-.05em;margin:16px 0 20px}.mcp-demo-copy>.dev-muted{line-height:1.9}.mcp-demo-phases{list-style:none;padding:0;margin:30px 0;display:grid;gap:8px}.mcp-demo-phases li{display:flex;gap:15px;align-items:center;padding:12px 14px;border:1px solid transparent;border-radius:9px;color:#777783;transition:background .3s,color .3s,border-color .3s}.mcp-demo-phases li>span{font-size:12px;font-variant-numeric:tabular-nums}.mcp-demo-phases strong{display:block;font-size:13px;font-weight:500}.mcp-demo-phases small{display:block;font-size:11px;margin-top:5px;color:#858591}.mcp-demo-phases li.is-active{background:#b3dbbc0b;border-color:#b3dbbc30;color:#c3e7cc}.mcp-demo-phases li.is-complete>span{color:#94b49d}
.mcp-demo-window{min-width:0;background:#101013;border:1px solid #34343d;border-radius:16px;overflow:hidden;box-shadow:0 24px 70px #0003}.mcp-demo-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px;border-bottom:1px solid #2b2b32}.mcp-demo-header>div{display:flex;gap:11px;align-items:center}.mcp-demo-logo{display:grid;place-items:center;width:34px;height:34px;border:1px solid #4a574e;border-radius:10px;background:#c3e7cc;color:#17201a;font-size:13px;font-weight:800}.mcp-demo-header strong{font-size:13px;font-weight:600;display:block}.mcp-demo-header small{display:block;color:#888894;font-size:10px;margin-top:5px}.mcp-demo-badge{font-size:9px;color:#b8cfc0;border:1px solid #3b4c41;border-radius:20px;padding:5px 8px;white-space:nowrap}.mcp-demo-toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 20px;border-bottom:1px solid #25252c;color:#93939f;font-size:10px}.mcp-demo-toolbar>div{display:flex;gap:7px;flex-shrink:0}.mcp-demo-toolbar button{border:1px solid #373741;border-radius:5px;background:#1b1b21;color:#c6c6ce;padding:5px 8px;cursor:pointer;font:inherit}.mcp-demo-toolbar button:hover{border-color:#8fae98;color:#d2ebd9}.mcp-demo button:focus-visible,.mcp-demo-messages:focus-visible{outline:2px solid #b3dbbc;outline-offset:-2px}
.mcp-demo-messages{height:480px;overflow:auto;overscroll-behavior:contain;padding:22px 20px;display:flex;flex-direction:column;gap:22px;scrollbar-width:thin;scrollbar-color:#3c3c48 transparent;overflow-anchor:none}.mcp-demo-message{font-size:12px;line-height:1.85;flex-shrink:0;min-width:0;animation:mcp-demo-arrive .35s ease-out}.mcp-demo-message p{margin:0 0 12px}.mcp-demo-message p:last-child{margin-bottom:0}.mcp-demo-message strong{color:#ededeF;font-weight:600}.mcp-demo-message.is-user{align-self:flex-end;max-width:87%;background:#27272f;padding:13px 16px;border:1px solid #393942;border-radius:14px 14px 3px 14px;color:#e4e4e9}.mcp-demo-speaker{display:block;font-size:9px;letter-spacing:.13em;color:#b3dbbc;margin-bottom:8px}.mcp-demo-file{display:flex;gap:11px;align-items:center;background:#1b1b21;border:1px solid #42424d;border-radius:8px;padding:10px;margin-bottom:12px}.mcp-demo-file>b{font-size:9px;color:#e5aaa2;border:1px solid #75524e;border-radius:4px;padding:7px 3px;line-height:1}.mcp-demo-file strong{display:block;font-size:11px}.mcp-demo-file small{display:block;font-size:10px;color:#92929e}.mcp-demo-tool{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px;border:1px solid #334439;border-radius:8px;background:#263a2c20;font-size:10px;flex-shrink:0;color:#96b49f;animation:mcp-demo-arrive .35s ease-out}.mcp-demo-tool .dev-status-dot{flex-shrink:0}.mcp-demo-tool strong{display:block;font-size:11px;color:#c3dfcb;font-weight:500;margin-top:3px}.mcp-demo-tool>small{margin-left:auto;color:#9abfa5;font-size:9px}
.mcp-demo-table{overflow-x:auto;margin:14px 0;border:1px solid #33333d;border-radius:7px}.mcp-demo-table table{border-collapse:collapse;width:100%;font-size:11px;white-space:nowrap;text-align:left}.mcp-demo-table th,.mcp-demo-table td{padding:10px 11px;border-bottom:1px solid #2d2d35}.mcp-demo-table th{background:#19191f;color:#92929e;font-size:10px;font-weight:500}.mcp-demo-table td{color:#c8c8d0}.mcp-demo-table tr:last-child td{border-bottom:0}.mcp-demo-table .is-selected td{background:#a8d6b313;color:#c3e7cc}.mcp-demo-table .needs-review td{color:#e1c18d}.mcp-demo-summary{margin:15px 0;padding:12px 14px;background:#19191e;border:1px solid #303038;border-radius:8px}.mcp-demo-summary>div{display:flex;justify-content:space-between;gap:12px;margin:6px 0}.mcp-demo-summary dt{color:#92929f;flex-shrink:0}.mcp-demo-summary dd{text-align:right;margin:0;color:#e0e0e6}.mcp-demo-summary dd small{display:block;color:#92929f;font-size:10px}.mcp-demo-message .mcp-demo-warning{color:#c8b48f;font-size:11px;line-height:1.8;border-left:2px solid #746448;padding-left:12px}.mcp-demo-result-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.mcp-demo-result-metrics>span{padding:12px 8px;border:1px solid #34453a;background:#b3dbbc07;border-radius:7px}.mcp-demo-result-metrics small{display:block;font-size:9px;color:#8ea395}.mcp-demo-result-metrics strong{display:block;font-size:18px;color:#c3e7cc;margin-top:4px;line-height:1.3}
.mcp-demo-download{margin-top:14px}.mcp-demo-download>div{flex:1}.mcp-demo-download>span{font-size:21px;color:#b3dbbc}.mcp-demo-transition{display:flex;align-items:center;justify-content:center;gap:12px;border-block:1px dashed #3b4540;padding:16px 0;color:#a9b9ad;font-size:10px;flex-shrink:0}.mcp-demo-transition>span{font-size:17px;color:#b3dbbc}
.mcp-demo-composer{display:flex;align-items:center;gap:12px;min-height:65px;margin:0 16px;padding:13px 14px;border:1px solid #3e3e49;border-radius:10px;background:#1c1c23;color:#bdbdc9;font-size:11px;line-height:1.6}.mcp-demo-composer>[data-demo-input]{flex:1;min-width:0}.mcp-demo-composer .is-typing::after{content:"";display:inline-block;width:1px;height:12px;background:#b3dbbc;vertical-align:middle;margin-left:3px;animation:mcp-demo-caret 1s steps(2,start) infinite}.mcp-demo-send{display:grid;place-items:center;width:27px;height:27px;flex-shrink:0;border-radius:8px;background:#b3dbbc;color:#17221a;font-size:17px}.mcp-demo-disclaimer{margin:12px 18px 16px;font-size:9px;line-height:1.7;color:#8b8b98}
@keyframes mcp-demo-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes mcp-demo-caret{to{visibility:hidden}}
@media(max-width:1000px){.mcp-demo{gap:30px;grid-template-columns:minmax(200px,.8fr) minmax(0,1.3fr)}.mcp-demo-copy h2{font-size:30px}}
@media(max-width:800px){.mcp-demo{grid-template-columns:1fr;padding:55px 0;gap:26px}.mcp-demo-copy>.dev-muted br{display:none}.mcp-demo-phases{grid-template-columns:1fr 1fr;gap:4px;margin:20px 0}.mcp-demo-phases li{padding:10px 8px;gap:10px}.mcp-demo-phases small{font-size:10px}.mcp-demo-messages{height:480px;padding:18px 14px}.mcp-demo-header{padding:16px 14px}.mcp-demo-toolbar{padding-inline:14px}.mcp-demo-message{font-size:11px}.mcp-demo-copy h2{font-size:31px}}
@media(prefers-reduced-motion:reduce){.mcp-demo *{animation:none!important;transition:none!important}}