.mcp-flow-demo{--void-blue:#0d2d49;--nova-white:#ededed;--card-white:#fff;--bubble-navy:#123a63;background:#e8e8ed}.mcpflow-eyebrow{font-family:var(--mono);letter-spacing:.18em;color:var(--royal);margin-bottom:22px;font-size:12px;font-weight:700}.mcpflow-eyebrow.mcpflow-right{color:var(--ink)}.mcpflow-eyebrow.mcpflow-center{color:var(--royal);text-align:center;opacity:0}.mcpflow-stage{grid-template-columns:1.3fr .55fr .55fr 1.3fr;grid-template-areas:"questions mcp llms answers";align-items:stretch;gap:34px;display:grid;position:relative}.mcpflow-questions{grid-area:questions}.mcpflow-mcp-col{grid-area:mcp}.mcpflow-llms-col{grid-area:llms}.mcpflow-answers{grid-area:answers}.mcpflow-col{z-index:2;flex-direction:column;display:flex;position:relative}.mcpflow-col.mcpflow-mid{justify-content:center}.mcpflow-questions{gap:22px}.mcpflow-qcard{background:var(--card-white);border:1px solid #22263b0f;border-radius:18px;min-height:150px;padding:22px 24px;transition:opacity .5s,transform .5s,box-shadow .4s;box-shadow:0 1px 2px #22263b0f}.mcpflow-qcard.mcpflow-dim{opacity:.4;transform:scale(.985)}.mcpflow-qcard.mcpflow-active{opacity:1;transform:scale(1);box-shadow:0 8px 24px #052d8a1f}.mcpflow-qhead{align-items:center;gap:12px;margin-bottom:12px;display:flex}.mcpflow-qicon{width:32px;height:32px;color:var(--royal);background:#e7ecfc;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;display:flex}.mcpflow-qcard.mcpflow-active .mcpflow-qicon{background:var(--royal);color:var(--teal)}.mcpflow-qtitle{font-family:var(--serif);color:var(--ink);font-size:19px;font-weight:400;line-height:1.15}.mcpflow-qtext{color:#4b4f66;min-height:66px;font-size:14.5px;line-height:1.5}.mcpflow-cursor{background:var(--plasma);vertical-align:-2px;width:2px;height:14px;margin-left:2px;animation:1s step-end infinite mcpflowBlink;display:inline-block}@keyframes mcpflowBlink{50%{opacity:0}}.mcpflow-mcp-card,.mcpflow-llm-card{text-align:center;border-radius:18px;padding:26px 16px;transition:box-shadow .4s,transform .4s}.mcpflow-mcp-card{background:var(--royal);color:var(--nova-white)}.mcpflow-mcp-card.mcpflow-pulse{transform:scale(1.03);box-shadow:0 0 0 8px #89d2dc2e}.mcpflow-mcp-logo{background:var(--nova-white);width:46px;height:46px;color:var(--royal);font-weight:800;font-family:var(--mono);border-radius:10px;justify-content:center;align-items:center;margin:0 auto 12px;padding:9px;font-size:18px;display:flex}.mcpflow-mcp-logo img{object-fit:contain;width:100%;height:100%}.mcpflow-mcp-name{font-family:var(--serif);margin-bottom:6px;font-size:19px}.mcpflow-mcp-sub{font-family:var(--mono);letter-spacing:.12em;color:var(--periwinkle);font-size:9px}.mcpflow-source-badge{font-family:var(--mono);letter-spacing:.04em;color:var(--ink-70);background:var(--card-white);border:1px solid var(--line);border-radius:999px;justify-content:center;align-items:center;gap:6px;width:fit-content;margin:0 auto 8px;padding:7px 12px;font-size:10px;display:flex;box-shadow:0 1px 2px #22263b0f}.mcpflow-source-badge svg{color:var(--royal);flex-shrink:0}.mcpflow-source-line{background:repeating-linear-gradient(to bottom, var(--periwinkle) 0 4px, transparent 4px 8px);width:1px;height:16px;margin:0 auto 8px}.mcpflow-mcp-stack{flex-direction:column;align-items:center;display:flex}.mcpflow-llm-card{background:var(--card-white);box-shadow:0 1px 2px #22263b0f}.mcpflow-llm-card.mcpflow-pulse{transform:scale(1.03);box-shadow:0 8px 22px #052d8a2e}.mcpflow-tools-icons{justify-content:center;gap:10px;margin-bottom:10px;display:flex}.mcpflow-tools-icons span{background:#f1f1f1;border-radius:9px;justify-content:center;align-items:center;width:32px;height:32px;padding:7px;font-size:14px;transition:transform .3s,background .3s;display:flex}.mcpflow-tools-icons span img{object-fit:contain;width:100%;height:100%}.mcpflow-tools-icons span.mcpflow-pulse{background:var(--teal);transform:translateY(-3px)}.mcpflow-tools-label{font-family:var(--serif);color:var(--ink);font-size:15px;line-height:1.25}svg.mcpflow-paths{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0}path.mcpflow-qpath{fill:none;stroke:var(--periwinkle);stroke-width:2px;stroke-dasharray:6 6;opacity:.3;transition:opacity .3s,stroke .3s}path.mcpflow-qpath.mcpflow-active{stroke:var(--plasma);opacity:1;animation:.6s linear infinite mcpflowDash}@keyframes mcpflowDash{to{stroke-dashoffset:-12px}}.mcpflow-chat-panel{background:var(--void-blue);color:var(--nova-white);border-radius:18px;flex-direction:column;flex:1;min-height:420px;padding:20px 22px 22px;display:flex}.mcpflow-chat-header{font-family:var(--mono);letter-spacing:.08em;color:var(--periwinkle);border-bottom:1px solid #ededed1f;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:14px;font-size:11px;display:flex}.mcpflow-dot{background:var(--teal);border-radius:50%;width:7px;height:7px;animation:1.6s ease-in-out infinite mcpflowPulseDot}@keyframes mcpflowPulseDot{0%,to{opacity:1}50%{opacity:.3}}.mcpflow-header-logos{align-items:center;gap:8px;margin-left:auto;display:flex}.mcpflow-header-logos span{background:#ffffff14;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;padding:6px;font-size:11px;display:flex}.mcpflow-header-logos span img{object-fit:contain;width:100%;height:100%}#mcpflow-chat-messages{flex-direction:column;flex:1;gap:14px;display:flex}.mcpflow-msg{opacity:0;gap:10px;max-width:92%;animation:.4s forwards mcpflowPop;display:flex;transform:translateY(6px)}@keyframes mcpflowPop{to{opacity:1;transform:translateY(0)}}.mcpflow-msg.mcpflow-user{align-self:flex-end;max-width:80%}.mcpflow-msg.mcpflow-assistant{align-self:flex-start}.mcpflow-bubble{border-radius:14px;padding:10px 14px;font-size:14px;line-height:1.5}.mcpflow-msg.mcpflow-user .mcpflow-bubble{background:#ffffff1a;border-radius:14px 14px 4px}.mcpflow-msg.mcpflow-assistant .mcpflow-bubble{background:var(--bubble-navy);border-radius:14px 14px 14px 4px}.mcpflow-bubble ul{flex-direction:column;gap:8px;margin:8px 0 0;padding:0;list-style:none;display:flex}.mcpflow-bubble li{opacity:0;align-items:flex-start;gap:8px;animation:.35s forwards mcpflowPop;display:flex;transform:translateY(4px)}.mcpflow-check{background:var(--teal);width:16px;height:16px;color:var(--void-blue);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;font-size:10px;font-weight:800;display:flex}.mcpflow-artifact{opacity:0;background:#ffffff0f;border:1px solid #ffffff24;border-radius:10px;align-items:center;gap:10px;margin-top:12px;padding:10px 12px;animation:.35s forwards mcpflowPop;display:flex;transform:translateY(4px)}.mcpflow-artifact-icon{background:var(--teal);width:28px;height:28px;color:var(--void-blue);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.mcpflow-artifact-title{color:var(--nova-white);font-size:12.5px;font-weight:600}.mcpflow-artifact-sub{font-family:var(--mono);color:var(--periwinkle);margin-top:2px;font-size:10px}.mcpflow-stream-cursor{background:var(--teal);vertical-align:-2px;width:2px;height:13px;margin-left:2px;animation:1s step-end infinite mcpflowBlink;display:inline-block}.mcpflow-typing-dots{align-items:center;gap:4px;padding:4px 2px;display:flex}.mcpflow-typing-dots span{background:var(--periwinkle);border-radius:50%;width:6px;height:6px;animation:1s ease-in-out infinite mcpflowBounce}.mcpflow-typing-dots span:nth-child(2){animation-delay:.15s}.mcpflow-typing-dots span:nth-child(3){animation-delay:.3s}@keyframes mcpflowBounce{0%,80%,to{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(-5px)}}@media (width<=1000px){.mcpflow-stage{grid-template-columns:1fr 1fr;grid-template-areas:"questions questions""mcp llms""answers answers";gap:20px}.mcpflow-qcard{display:none}.mcpflow-qcard.mcpflow-active{display:block}}@media (prefers-reduced-motion:reduce){.mcpflow-cursor,path.mcpflow-qpath.mcpflow-active,.mcpflow-typing-dots span,.mcpflow-stream-cursor{animation:none!important}}.mcp-diff-container{background:#fff;border-radius:24px;margin:0 -32px;padding:56px 64px;box-shadow:0 2px 32px #0d2d4912}.mcp-diff-container .diff-card{background:#f4f6fa;border-color:#0000000f}.mcp-diff-container .diff-card p,.section-head p{font-size:16px}.mcp-compare .compare-col.bad{background:#ffffff8c;border-style:dashed;border-color:#0000001a}.mcp-compare .compare-col.good{background:var(--ink);border-color:var(--ink)}@media (width<=640px){.mcp-diff-container{margin:0 -16px;padding:32px 24px}}.mcp-how-grid{grid-template-columns:.8fr 1.2fr;align-items:start;gap:40px;display:grid}.mcp-how-steps{grid-template-columns:1fr}.step-head{align-items:center;gap:14px;display:flex}.step-head .num{flex-shrink:0;margin-bottom:0}.step-head-text{flex-direction:column;gap:4px;display:flex}.step-head-text h3,.step-head-text .time{margin-top:0}.step p{margin-top:10px}.mcp-how-video{justify-content:center;display:flex}.mcp-how-video video{border:1px solid var(--line);border-radius:18px;width:100%;max-width:100%;height:auto;display:block;box-shadow:0 2px 32px #0d2d491a}@media (width<=1024px){.mcp-how-grid{grid-template-columns:1fr}}.market-strip{flex-wrap:wrap;align-items:center;gap:12px 18px;margin:18px 0 0;display:flex}.market-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.group-label{font-family:var(--sans);letter-spacing:.01em;white-space:nowrap;margin-right:2px;font-size:12px;font-weight:700}.market-group.is-live .group-label{color:#f5f5f7eb}.market-group.is-soon .group-label{color:#f5f5f78f}.market-divider{background:#f5f5f729;flex:none;width:1px;height:18px}.badge{opacity:0;border-radius:6px;align-items:center;gap:6px;height:28px;padding:0 10px 0 8px;font-size:13px;line-height:1;animation:.42s cubic-bezier(.2,.7,.3,1) forwards marketStripIn;display:inline-flex}.badge .flag{font-size:13px;line-height:1;transform:translateY(-.5px)}.badge .code{font-family:var(--mono);letter-spacing:.03em;font-size:11.5px;font-weight:500}.badge--live{color:#ededed;background:#052d8a;box-shadow:0 1px #0000001f,0 6px 16px -8px #052d8ab3}.badge--soon{color:#f5f5f7ad;background:#9db9fb14;border:1px solid #9db9fb66}.badge--soon .code{color:#f5f5f7ad}.badge--more{font-family:var(--mono);letter-spacing:.02em;color:#f5f5f780;background:0 0;border:1px dashed #9db9fb59;padding:0 10px;font-size:11.5px;font-weight:500}.market-group.is-live .badge:nth-child(2){animation-delay:40ms}.market-group.is-live .badge:nth-child(3){animation-delay:80ms}.market-group.is-live .badge:nth-child(4){animation-delay:.12s}.market-group.is-soon .badge:nth-child(2){animation-delay:.18s}.market-group.is-soon .badge:nth-child(3){animation-delay:.22s}.market-group.is-soon .badge--more{animation-delay:.26s}@keyframes marketStripIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.badge{opacity:1;animation:none}}.notify-wrap{display:inline-flex;position:relative}.notify-link{appearance:none;cursor:pointer;font-family:var(--sans);color:#89d2dc;white-space:nowrap;background:0 0;border:none;align-items:center;gap:5px;padding:4px 2px;font-size:12.5px;font-weight:600;display:inline-flex;position:relative}.notify-link .underline{opacity:.35;background:currentColor;height:1px;transition:opacity .18s;position:absolute;bottom:1px;left:2px;right:2px}.notify-link svg{flex:none;transition:transform .18s}.notify-link:hover,.notify-link:focus-visible{color:#b7e7ed}.notify-link:hover .underline,.notify-link:focus-visible .underline{opacity:.85}.notify-link:hover svg,.notify-link:focus-visible svg{transform:translate(3px)}.notify-link:focus-visible{outline-offset:4px;border-radius:3px;outline:2px solid #89d2dc}.notify-link[aria-expanded=true]{color:#b7e7ed}.notify-pop{z-index:20;background:#262a40;border:1px solid #9db9fb47;border-radius:10px;width:290px;padding:14px;position:fixed;box-shadow:0 20px 44px -16px #0000008c}.notify-pop:before{content:"";background:#262a40;border-top:1px solid #9db9fb47;border-left:1px solid #9db9fb47;width:11px;height:11px;position:absolute;top:-6px;left:22px;transform:rotate(45deg)}.notify-pop .pop-title{font-family:var(--sans);color:#ededed;margin:0 0 3px;font-size:12.5px;font-weight:700}.notify-pop .pop-close{color:#ededed66;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex;position:absolute;top:10px;right:10px}.notify-pop .pop-close:hover{color:#edededcc}#notify-eu-form{margin-top:10px}.notify-field-row{gap:6px;display:flex}.notify-input{color:#ededed;min-width:0;height:34px;font-family:var(--sans);background:#ffffff0a;border:1px solid #9db9fb4d;border-radius:6px;flex:1;padding:0 10px;font-size:12.5px}.notify-input::placeholder{color:#ededed57}.notify-input:focus{background:#89d2dc0f;border-color:#89d2dc;outline:none}.notify-input:disabled{opacity:.6}.notify-submit{color:#0d2d49;cursor:pointer;background:#89d2dc;border:none;border-radius:6px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.notify-submit:disabled{opacity:.55;cursor:default}.notify-status{font-family:var(--sans);margin:8px 0 0;font-size:11.5px;line-height:1.4}.notify-status.is-pending{color:#ededed80}.notify-status.is-success{color:#89d2dc;font-weight:600}.notify-status.is-error{color:#e8879f}.notify-pop .pop-legal{font-family:var(--sans);color:#ededed66;margin:10px 0 0;font-size:10.5px;line-height:1.5}.notify-pop .pop-legal a{color:#9db9fb;text-underline-offset:2px;text-decoration:underline #9db9fb66}.notify-pop .pop-legal a:hover{color:#b7e7ed;text-decoration-color:currentColor}@media (width<=640px){.market-strip{row-gap:10px}.market-divider{display:none}.market-group.is-soon{width:100%}.notify-pop{width:260px}}