.mcp-page{--mcp-brand:var(--ds-brand);--mcp-brand-deep:var(--ds-brand);--mcp-glow:color-mix(in srgb, var(--ds-brand) 20%, transparent);--mcp-card-glow:color-mix(in srgb, var(--ds-brand) 14.0%, transparent);--mcp-line:color-mix(in srgb, var(--ds-brand) 50%, transparent)}html.dark .mcp-page{--mcp-dark-card-border:#454545;--mcp-glow:color-mix(in srgb, var(--ds-brand) 15%, transparent);--mcp-card-glow:color-mix(in srgb, var(--ds-brand) 12%, transparent);--mcp-line:color-mix(in srgb, var(--ds-brand) 62%, transparent)}.mcp-hero{isolation:isolate;background-image:radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--ds-brand) 17%, transparent), transparent 25rem), radial-gradient(circle at 50% 0%, var(--mcp-glow), transparent 36rem), linear-gradient(180deg, #fffaf0 0%, #fff7e8 72%);position:relative}html.dark .mcp-hero{background-image:radial-gradient(circle at 50% 35%, color-mix(in srgb, var(--ds-brand) 14.0%, transparent), transparent 25rem), radial-gradient(circle at 50% 0%, var(--mcp-glow), transparent 36rem), linear-gradient(180deg, #0d0b07 0%, #070707 72%)}.mcp-hero:before{z-index:-1;content:"";pointer-events:none;background:linear-gradient(#0000 0%,#fff7e840 55%,#fff7e8 100%);position:absolute;inset:0}html.dark .mcp-hero:before{background:linear-gradient(#0000 0%,#07070759 55%,#070707 100%)}.mcp-eyebrow{box-shadow:0 10px 30px color-mix(in srgb, var(--ds-brand) 10%, transparent), inset 0 1px 0 #fffc}.mcp-data-flow{border:1px solid color-mix(in srgb, var(--ds-brand) 20%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff94;border-radius:2rem;grid-template-columns:minmax(10rem,1fr) minmax(4rem,.55fr) minmax(10rem,.9fr) minmax(4rem,.55fr) minmax(10rem,1fr);align-items:center;width:min(100%,68rem);min-height:11rem;margin-top:2.5rem;padding:1rem 1.25rem;display:grid;position:relative;box-shadow:0 20px 50px #5e390014,inset 0 1px #ffffffdb}.mcp-data-flow:before{z-index:-1;background:color-mix(in srgb, var(--ds-brand) 18%, transparent);content:"";filter:blur(42px);pointer-events:none;border-radius:999px;width:17rem;height:10rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}html.dark .mcp-data-flow{border-color:color-mix(in srgb, var(--ds-brand) 22%, transparent);background:#12100cb8;box-shadow:0 24px 60px #00000052,inset 0 1px #ffffff0f}.mcp-data-flow__sources{gap:.55rem;display:grid}.mcp-data-node{color:#201b17;background:#ffffffeb;border:1px solid #eadfcdf2;align-items:center;display:flex;position:relative;box-shadow:0 8px 20px #5e390014,inset 0 1px #ffffffd9}html.dark .mcp-data-node{color:#fff;background:#191713f0;border-color:#3a352d;box-shadow:0 10px 24px #00000047,inset 0 1px #ffffff0d}.mcp-data-node--source{text-align:left;border-radius:1rem;gap:.65rem;min-height:2.75rem;padding:.6rem .85rem;font-size:.84rem;font-weight:800}.mcp-data-node__icon{color:var(--mcp-brand-deep);flex:none;font-size:1.2rem}html.dark .mcp-data-node__icon{color:var(--mcp-brand)}.mcp-data-node--savi,.mcp-data-node--assistant{text-align:center;border-radius:1.5rem;flex-direction:column;justify-content:center;min-height:6.8rem;padding:1.1rem}.mcp-data-node--savi{border-color:color-mix(in srgb, var(--ds-brand) 75%, transparent);box-shadow:0 16px 35px color-mix(in srgb, var(--ds-brand) 17%, transparent), 0 0 32px color-mix(in srgb, var(--ds-brand) 20%, transparent), inset 0 1px 0 #fff;background:linear-gradient(145deg,#fff8e4,#fff 72%)}html.dark .mcp-data-node--savi{border-color:color-mix(in srgb, var(--ds-brand) 65%, transparent);box-shadow:0 18px 38px #00000059, 0 0 36px color-mix(in srgb, var(--ds-brand) 18%, transparent), inset 0 1px 0 #ffffff14;background:linear-gradient(145deg,#2b210e,#181818 72%)}.mcp-data-node--savi .mcp-data-node__icon,.mcp-data-node--assistant .mcp-data-node__icon{margin-bottom:.3rem;font-size:1.55rem}.mcp-data-node__eyebrow{color:#7a6c5d;letter-spacing:.11em;text-transform:uppercase;font-size:.63rem;font-weight:800;line-height:1.2}html.dark .mcp-data-node__eyebrow{color:#cfc6b9}.mcp-data-node strong{color:#201b17;margin-top:.22rem;font-size:1rem;line-height:1.2}html.dark .mcp-data-node strong{color:#fff}.mcp-data-flow__connector{height:11rem;position:relative}.mcp-data-flow__connector svg{width:100%;height:100%;overflow:visible}.mcp-data-flow__connector path{fill:none;stroke-linecap:round;stroke-width:2px;vector-effect:non-scaling-stroke}.mcp-data-flow__connector--assistant path{stroke:var(--mcp-line)}.mcp-data-particle{fill:var(--ds-brand);filter:drop-shadow(0 0 4px color-mix(in srgb, var(--ds-brand) 90%, transparent))}.mcp-device-showcase{position:relative}.mcp-flow-visual,.mcp-support-visual{transition:border-color .25s,box-shadow .35s,transform .35s;transform:translateZ(0)}.mcp-flow-visual{isolation:isolate;background:0 0;margin:0;position:relative}.mcp-flow-visual__float{animation:5.5s ease-in-out infinite mcp-device-float}.mcp-flow-visual__float picture{display:block}.mcp-flow-visual:before{z-index:-1;background:radial-gradient(ellipse, color-mix(in srgb, var(--ds-brand) 24%, transparent), transparent 70%);content:"";pointer-events:none;border-radius:50%;animation:6s ease-in-out infinite alternate mcp-device-glow;position:absolute;inset:25% 20%}@keyframes mcp-device-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes mcp-device-glow{0%{opacity:.55;transform:translate(-12%)}to{opacity:.85;transform:translate(12%)}}.mcp-flow-visual__image{filter:drop-shadow(0 16px 20px #382d1c1a);object-fit:contain;width:100%;height:auto;transition:filter .35s,transform .35s;display:block}html.dark .mcp-flow-visual__image{filter:drop-shadow(0 18px 24px #0000003d)}.mcp-support-section{border-block:1px solid color-mix(in srgb, var(--ds-brand) 10%, transparent);background-image:radial-gradient(circle at 85% 45%, var(--mcp-card-glow), transparent 28rem);position:relative}html.dark .mcp-support-section{border-block-color:color-mix(in srgb, var(--ds-brand) 10%, transparent)}.mcp-journey{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;padding:0;list-style:none;display:grid;position:relative}.mcp-journey:before{background:linear-gradient(90deg, var(--ds-brand), color-mix(in srgb, var(--ds-brand) 65%, white), var(--ds-brand));content:"";pointer-events:none;height:2px;position:absolute;top:1.65rem;left:12.5%;right:12.5%}.mcp-journey__step{z-index:1;grid-template-rows:auto 1fr;gap:1rem;display:grid;position:relative}.mcp-journey__marker{border:1px solid color-mix(in srgb, var(--ds-brand) 58.0%, transparent);width:3.3rem;height:3.3rem;color:var(--ds-ink);box-shadow:0 12px 28px color-mix(in srgb, var(--ds-brand) 18%, transparent), inset 0 1px 0 #ffffffe6;background:linear-gradient(145deg,#fff0c5,#fff);border-radius:1.15rem;justify-content:center;align-items:center;margin-inline:auto;display:inline-flex}.mcp-journey__marker .site-icon{font-size:1.35rem}.mcp-journey__content{background:#fffaf0e0;border:1px solid #f3e4c3f2;border-radius:1.5rem;padding:1.35rem;transition:border-color .25s,box-shadow .3s,transform .3s;box-shadow:0 12px 28px #5e390014,inset 0 1px #ffffffbf}.mcp-journey__number{color:var(--ds-ink);letter-spacing:.15em;text-transform:uppercase;font-size:.75rem;font-weight:900}html.dark .mcp-journey:before{background:linear-gradient(90deg, color-mix(in srgb, var(--ds-brand) 55.0%, transparent), var(--ds-brand), color-mix(in srgb, var(--ds-brand) 55.0%, transparent))}html.dark .mcp-journey__marker{border-color:color-mix(in srgb, var(--ds-brand) 48%, transparent);color:var(--ds-brand);background:linear-gradient(145deg,#32250c,#181818);box-shadow:0 14px 30px #0000004d,inset 0 1px #ffffff12}html.dark .mcp-journey__content{border-color:var(--mcp-dark-card-border);background:#181818eb;box-shadow:0 14px 32px #00000038,inset 0 1px #ffffff0d}html.dark .mcp-journey__number{color:var(--mcp-brand)!important}.mcp-button{isolation:isolate;justify-content:center;align-items:center;min-height:3rem;transition:background-color .2s,border-color .2s,box-shadow .25s,color .2s,transform .2s,translate .2s;position:relative;overflow:hidden}.mcp-button:after{z-index:-1;content:"";opacity:0;pointer-events:none;background:linear-gradient(105deg,#0000 25%,#ffffff52 50%,#0000 75%);transition:opacity .2s,transform .45s;position:absolute;inset:0;transform:translate(-80%)}.mcp-button-primary{box-shadow:0 12px 28px color-mix(in srgb, var(--ds-brand) 24%, transparent), inset 0 1px 0 #ffffff59}.mcp-button-secondary{box-shadow:0 10px 24px #5e390014,inset 0 1px #ffffffb3}.mcp-provider-mark{flex:0 0 28px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.mcp-provider-mark__image{object-fit:contain;width:24px;height:24px}.mcp-provider-mark--chatgpt .mcp-provider-mark__image{width:20px;height:20px}html.dark .mcp-provider-mark--chatgpt{background-color:#fff;border-radius:50%}.mcp-button-unavailable{cursor:default;opacity:.72;pointer-events:none}.mcp-button-unavailable:after{display:none}.mcp-client-status{border:1px solid var(--mcp-border);color:var(--ds-ink);background-color:var(--mcp-tinted-surface);letter-spacing:.035em;text-transform:uppercase;white-space:nowrap;border-radius:9999px;padding:.18rem .5rem;font-size:.625rem;line-height:1.3}.mcp-final-section{background-image:radial-gradient(circle at 50% 52%, color-mix(in srgb, var(--ds-brand) 28.0%, transparent), transparent 36rem);position:relative}.mcp-final-card{isolation:isolate;box-shadow:0 30px 70px #5e39002e, 0 0 52px color-mix(in srgb, var(--ds-brand) 12%, transparent), inset 0 1px 0 #ffffffbf;position:relative;overflow:hidden}.mcp-final-card:before{z-index:-1;background:var(--mcp-glow);content:"";filter:blur(60px);pointer-events:none;border-radius:999px;width:26rem;height:16rem;position:absolute;top:-8rem;left:50%;transform:translate(-50%)}.mcp-final-card:after{z-index:-1;border:1px solid color-mix(in srgb, var(--ds-brand) 42%, transparent);border-radius:inherit;content:"";pointer-events:none;position:absolute;inset:0}html.dark .mcp-final-card{box-shadow:0 32px 76px #0000007a, 0 0 56px color-mix(in srgb, var(--ds-brand) 11%, transparent), inset 0 1px 0 #ffffff0f}@media (hover:hover){.mcp-device-showcase:hover .mcp-flow-visual{transform:translateY(-2px)}.mcp-support-visual:hover{transform:translateY(-2px);box-shadow:0 28px 60px #5e390029}.mcp-journey__content:hover{border-color:color-mix(in srgb, var(--ds-brand) 46%, transparent);transform:translateY(-3px);box-shadow:0 18px 38px #5e390021,inset 0 1px #ffffffbf}.mcp-button:hover:after{opacity:1;transform:translate(80%)}}@media (max-width:1023.98px){.mcp-hero{background-image:radial-gradient(circle at 50% 27%, color-mix(in srgb, var(--ds-brand) 18%, transparent), transparent 18rem), linear-gradient(180deg, #fffaf0 0%, #fff7e8 72%)}html.dark .mcp-hero{background-image:radial-gradient(circle at 50% 27%, color-mix(in srgb, var(--ds-brand) 14.0%, transparent), transparent 18rem), linear-gradient(180deg, #0d0b07 0%, #070707 72%)}.mcp-data-flow{border-radius:1.6rem;grid-template-columns:minmax(0,1fr);grid-template-areas:"sources""source-connector""savi""assistant-connector""assistant";width:100%;min-height:0;padding:1rem}.mcp-data-flow__sources{grid-area:sources;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem}.mcp-data-node--source{text-align:center;flex-direction:column;gap:.3rem;min-width:0;min-height:4.25rem;padding:.55rem .2rem;font-size:.65rem}.mcp-data-node--savi{grid-area:savi}.mcp-data-node--assistant{grid-area:assistant}.mcp-data-node--savi,.mcp-data-node--assistant{width:min(100%,13rem);min-height:5.6rem;margin-inline:auto}.mcp-data-flow__connector{background:linear-gradient(to bottom, transparent, var(--mcp-line));width:2px;height:1.8rem;margin-inline:auto}.mcp-data-flow__connector:after{background:var(--ds-brand);width:8px;height:8px;box-shadow:0 0 12px color-mix(in srgb, var(--ds-brand) 90%, transparent);content:"";border-radius:999px;animation:3.5s linear infinite mcp-mobile-particle;position:absolute;top:0;left:-3px}.mcp-data-flow__connector--sources{grid-area:source-connector}.mcp-data-flow__connector--assistant{grid-area:assistant-connector}.mcp-data-flow__connector--assistant:after{animation-delay:-1.75s}.mcp-data-flow__connector svg{display:none}.mcp-journey{grid-template-columns:minmax(0,1fr);gap:1rem}.mcp-journey:before{background:linear-gradient(180deg, var(--ds-brand), color-mix(in srgb, var(--ds-brand) 65%, white), var(--ds-brand));width:2px;height:auto;top:1.65rem;bottom:1.65rem;left:1.62rem}.mcp-journey__step{grid-template-rows:auto;grid-template-columns:3.3rem minmax(0,1fr);align-items:start}.mcp-journey__marker{margin:0}}@keyframes mcp-mobile-particle{0%,10%{opacity:0;transform:translateY(0)}20%,85%{opacity:1}to{opacity:0;transform:translateY(1.3rem)}}@media (prefers-reduced-motion:reduce){.mcp-page *,.mcp-page :before,.mcp-page :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation:none!important}.mcp-flow-visual:before,.mcp-button:after,.mcp-data-particle,.mcp-data-flow__connector:after{display:none}.mcp-device-showcase:hover .mcp-flow-visual,.mcp-support-visual:hover,.mcp-journey__content:hover,.mcp-button:hover{transform:translate(0,0)!important}}.mcp-page{--mcp-page-surface:color-mix(in srgb, var(--ds-brand) 9%, var(--ds-surface));--mcp-tinted-surface:color-mix(in srgb, var(--ds-brand) 5%, var(--ds-surface));--mcp-border:color-mix(in srgb, var(--ds-brand) 20%, var(--ds-surface-subtle));color:var(--ds-ink)}html.dark .mcp-page{--mcp-page-surface:#070707;--mcp-tinted-surface:var(--ds-surface);--mcp-border:#454545}.mcp-page .mcp-page-surface,.mcp-page.mcp-page-surface{background-color:var(--mcp-page-surface)}.mcp-page .mcp-surface{background-color:var(--ds-surface)}.mcp-page .mcp-tinted-surface{background-color:var(--mcp-tinted-surface)}.mcp-page .mcp-brand-surface{background-color:color-mix(in srgb, var(--ds-brand) 16%, var(--ds-surface))}.mcp-page .mcp-positive-surface{background-color:#ecfdf5}html.dark .mcp-page .mcp-positive-surface{background-color:#062318}.mcp-page .mcp-border{border-color:var(--mcp-border)}.mcp-page .mcp-heading{color:var(--ds-heading)}.mcp-page .mcp-copy,.mcp-page .mcp-accent-text{color:var(--ds-ink)}html.dark .mcp-page .mcp-accent-text{color:var(--ds-brand)!important}.mcp-page .mcp-eyebrow{border-color:var(--ds-brand)}.mcp-page .mcp-button-primary{color:var(--ds-on-brand);background-color:var(--ds-brand)}.mcp-page .mcp-button-primary:hover{background-color:var(--ds-brand-hover)}.mcp-page .mcp-button-secondary{border-color:var(--ds-brand)}.mcp-page .mcp-button-secondary:hover{background-color:var(--mcp-tinted-surface)}@media (min-width:640px) and (max-width:1023.98px){.mcp-data-node--source{font-size:.84rem}.mcp-journey{grid-template-columns:repeat(2,minmax(0,1fr))}.mcp-journey:before{display:none}.mcp-journey__step{grid-template-columns:3.3rem minmax(0,1fr)}}
