.mcp{font-family:var(--font-body);color:var(--text-1);background:var(--white)}.mcp-container{max-width:var(--container);margin:0 auto;padding:0 var(--gutter)}@media(max-width:900px){.mcp-container{padding:0 var(--gutter-md)}}.mcp-section{padding:104px 0}@media(max-width:768px){.mcp-section{padding:72px 0}}.mcp-section .wch-heading{margin:0 0 14px}.mcp-section .wch-desc{margin:0}.mcp-head{max-width:640px;margin:0 auto 56px;text-align:center}.mcp-head .wch-eyebrow{margin-bottom:14px}.mcp-hero{--mcp-nav-h:84px;position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - var(--mcp-nav-h));min-height:calc(100dvh - var(--mcp-nav-h));padding:56px 0 72px;background:var(--crm-50);text-align:center}@media(max-width:900px){.mcp-hero{--mcp-nav-h:76px}}.mcp-hero__inner{position:relative;z-index:1;width:100%;max-width:960px;margin:0 auto;padding:0 var(--gutter)}.mcp-hero__title{margin:14px 0 16px;font-family:var(--font-display);font-size:var(--text-display);font-weight:600;line-height:var(--lh-display);letter-spacing:-.04em;color:var(--text-1)}.mcp-hero__title span{color:var(--crm-600)}.mcp-hero__desc{max-width:560px;margin:0 auto 28px;font-size:var(--text-body-lg);line-height:var(--lh-body);color:var(--text-3)}.mcp-hero__ctas{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.mcp-hero__stage{position:relative;max-width:620px;margin:48px auto 0}@media(max-width:768px){.mcp-hero__stage{margin-top:40px}}.mcp-input{display:flex;align-items:center;gap:14px;padding:12px 12px 12px 16px;border:1px solid rgba(219,234,254,.95);border-radius:22px;background:var(--white);text-align:left;box-shadow:0 1px 2px rgba(15,23,42,.04),0 30px 60px -30px rgba(37,99,235,.45)}@media(max-width:520px){.mcp-input{gap:10px;padding:10px 10px 10px 12px;border-radius:18px}}.mcp-input__tool{position:relative;flex-shrink:0;width:36px;height:36px}.mcp-input__logo{position:absolute;inset:0;display:grid;place-items:center;border-radius:11px;background:#f8fafc;opacity:0;transform:scale(.85);transition:opacity .5s ease,transform .5s cubic-bezier(.22,1,.36,1)}.mcp-input__logo.is-on{opacity:1;transform:none}.mcp-input__logo img{width:20px;height:20px;object-fit:contain}.mcp-input__field{flex:1 1;min-width:0;min-height:26px;font-size:17px;line-height:26px;color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .5s ease,transform .5s ease}.mcp-input__field.is-clearing{opacity:0;transform:translateY(-6px)}@media(max-width:520px){.mcp-input__field{font-size:15px}}.mcp-input__placeholder{color:var(--text-4)}.mcp-input__caret{display:inline-block;width:2px;height:1.1em;margin-left:2px;vertical-align:-.18em;background:var(--text-1);animation:mcp-blink 1s steps(1) infinite}.mcp-input__send{position:relative;flex-shrink:0;display:grid;place-items:center;width:36px;height:36px;overflow:hidden;border-radius:50%;background:#e2e8f0;color:var(--white);transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s ease}.mcp-input__send.is-ready{transform:translateY(-2px) scale(1.06);box-shadow:0 10px 22px -6px var(--glow)}.mcp-input__send.is-pressed{transform:translateY(0) scale(.9);box-shadow:0 4px 10px -4px var(--glow)}.mcp-input__send-bg{position:absolute;inset:0;opacity:0;transition:opacity .6s ease}.mcp-input__send.is-ready .mcp-input__send-bg.is-on{opacity:1}.mcp-input__arrow{position:absolute;z-index:1;font-size:13px;transition:transform .55s cubic-bezier(.55,0,.2,1),opacity .4s ease}.mcp-input__arrow--out{transform:translateY(0)}.mcp-input__arrow--in{opacity:0;transform:translateY(160%)}.mcp-input__send.is-sent .mcp-input__arrow--out{opacity:0;transform:translateY(-180%)}.mcp-input__send.is-sent .mcp-input__arrow--in{opacity:1;transform:translateY(0);transition-delay:.12s}@keyframes mcp-blink{50%{opacity:0}}.mcp-ask{--mcp-nav-h:84px;position:relative;height:calc(100vh + var(--mcp-ask-steps)*35vh);background:var(--white)}@media(max-width:900px){.mcp-ask{--mcp-nav-h:76px}}.mcp-ask__pin{position:-webkit-sticky;position:sticky;top:var(--mcp-nav-h);display:flex;align-items:center;height:calc(100vh - var(--mcp-nav-h));height:calc(100dvh - var(--mcp-nav-h))}.mcp-ask__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-gap:72px;gap:72px;align-items:center;width:100%}@media(max-width:900px){.mcp-ask__grid{grid-template-columns:minmax(0,1fr);gap:32px}}.mcp-ask .wch-heading{margin:0 0 14px}.mcp-ask .wch-desc{margin:0}.mcp-prompts{margin:0;padding:0;list-style:none}.mcp-prompts li{padding:8px 0;font-family:var(--font-display);font-size:clamp(1.6rem,1.2rem + 1.6vw,2.6rem);font-weight:600;line-height:1.15;letter-spacing:-.03em;color:#cbd5e1;transition:color .6s ease}@media(max-width:560px){.mcp-prompts li{font-size:min(5.2vw,1.6rem);white-space:nowrap}}.mcp-prompts li span{color:inherit;opacity:0;transition:opacity .6s ease}.mcp-prompts li.is-past{color:#94a3b8}.mcp-prompts li.is-active{color:var(--text-1)}.mcp-prompts li.is-active span{opacity:1;color:var(--crm-600)}.mcp-where__diagram{max-width:1040px;margin:0 auto}.mcp-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:16px;gap:16px;margin:0;padding:0;list-style:none}@media(max-width:900px){.mcp-tools{grid-template-columns:repeat(2,minmax(0,1fr))}}.mcp-tools li{display:flex;flex-direction:column;align-items:center;gap:4px;padding:24px 16px 22px;border:1px solid var(--border);border-radius:20px;background:var(--white);text-align:center;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}.mcp-tools li:hover{border-color:var(--crm-200);box-shadow:0 18px 36px -24px rgba(37,99,235,.45);transform:translateY(-2px)}.mcp-tools__logo{display:grid;place-items:center;width:52px;height:52px;margin-bottom:10px;border-radius:14px;background:#f8fafc}.mcp-tools__logo img{width:28px;height:28px;object-fit:contain}.mcp-tools__logo .pi{font-size:20px;color:var(--crm-600)}.mcp-tools strong{font-size:16px;font-weight:700}.mcp-tools small{font-size:13px;color:var(--text-3)}.mcp-where__lines{display:block;width:100%;height:110px;overflow:visible}.mcp-where__lines path{fill:none;stroke-width:1;vector-effect:non-scaling-stroke}@media(max-width:900px){.mcp-where__lines{display:none}}.mcp-where__line{stroke:var(--crm-200)}.mcp-where__flow{stroke:var(--crm-600);stroke-dasharray:6 14;opacity:.6;animation:mcp-flow 2.4s linear infinite}.mcp-where__hub{display:flex;align-items:center;gap:12px;width:-moz-fit-content;width:fit-content;margin:0 auto;padding:12px 20px 12px 12px;border:1px solid var(--crm-200);border-radius:999px;background:var(--white);box-shadow:0 0 0 6px rgba(37,99,235,.06),0 20px 40px -24px rgba(37,99,235,.55)}@media(max-width:900px){.mcp-where__hub{margin-top:24px}}.mcp-where__hub>span:last-child{display:flex;flex-direction:column;text-align:left}.mcp-where__hub strong{font-size:15px;font-weight:700}.mcp-where__hub small{font-size:12.5px;color:var(--text-3)}.mcp-where__hub-logo{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--crm-50)}.mcp-where__hub-logo img{width:24px;height:24px;object-fit:contain}@keyframes mcp-flow{to{stroke-dashoffset:-40}}.mcp-why{background:#f8fafc}.mcp-why__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:20px;gap:20px}@media(max-width:900px){.mcp-why__grid{grid-template-columns:minmax(0,1fr)}}.mcp-why__item{padding:28px;border:1px solid var(--border);border-radius:20px;background:var(--white)}.mcp-why__item h3{margin:18px 0 8px;font-size:18px;font-weight:700}.mcp-why__item p{margin:0;font-size:15px;line-height:1.6;color:var(--text-3)}.mcp-why__icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--crm-50);color:var(--crm-600)}.mcp-why__icon .pi{font-size:17px}.mcp-examples__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:20px;gap:20px}@media(max-width:900px){.mcp-examples__grid{grid-template-columns:minmax(0,1fr)}}.mcp-example{display:flex;flex-direction:column;overflow:hidden;border:1px solid #d5d9df;border-radius:16px;background:var(--white);font-family:var(--font-body);box-shadow:0 30px 60px -38px rgba(15,23,42,.3),var(--shadow-xs)}.mcp-example__bar{display:flex;align-items:center;gap:8px;padding:11px 14px;border-bottom:1px solid #eef1f5;background:#fafbfc;font-size:13px;font-weight:600;color:var(--text-1)}.mcp-example__bar>img{width:18px;height:18px;object-fit:contain}.mcp-example__thread{display:flex;flex-direction:column;gap:12px;height:288px;padding:16px 14px 8px;transition:opacity .6s ease}.mcp-example__thread.is-fading{opacity:0}.mcp-example__msg--user{align-self:flex-end;max-width:86%;padding:9px 12px;border-radius:14px 14px 4px 14px;background:#f1f5f9;font-size:13px;line-height:1.45;color:var(--text-1);opacity:0;transform:translateY(10px);transition:opacity .5s ease,transform .6s cubic-bezier(.22,1,.36,1)}.mcp-example__msg--user.is-on{opacity:1;transform:none}.mcp-example__reply{display:flex;align-items:flex-start;gap:8px;min-width:0;opacity:0;transform:translateY(10px);transition:opacity .5s ease,transform .6s cubic-bezier(.22,1,.36,1)}.mcp-example__reply.is-on{opacity:1;transform:none}.mcp-example__avatar{flex-shrink:0;display:grid;place-items:center;width:24px;height:24px;border:1px solid #eef1f5;border-radius:8px;background:var(--white)}.mcp-example__avatar img{width:15px;height:15px;object-fit:contain}.mcp-example__bubble{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:0}.mcp-example__tool{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;max-width:100%;padding:3px 9px 3px 5px;border:1px solid #e2e8f0;border-radius:999px;background:#f8fafc;font-size:11px;font-weight:600;color:var(--text-2);white-space:nowrap;transition:background .4s ease,border-color .4s ease,color .4s ease}.mcp-example__tool img{flex-shrink:0;width:14px;height:14px;object-fit:contain}.mcp-example__tool .pi{flex-shrink:0;font-size:9px;color:var(--text-4)}.mcp-example__tool.is-done{border-color:#a7f3d0;background:#ecfdf5;color:#047857}.mcp-example__tool.is-done .mcp-example__tool-name{color:#047857}.mcp-example__tool.is-done .pi{color:#10b981}.mcp-example__tool-name{position:relative;min-width:0;overflow:hidden;padding-left:7px;font-weight:500;color:var(--text-3);text-overflow:ellipsis}.mcp-example__tool-name:before{content:"";position:absolute;top:50%;left:0;width:1px;height:10px;margin-top:-5px;background:#cbd5e1}.mcp-example__lead{font-size:13px;font-weight:600;line-height:1.4;color:var(--text-1);opacity:0;transition:opacity .45s ease}.mcp-example__lead.is-on{opacity:1}.mcp-example__data{margin:0;padding:2px 10px;border:1px solid #eef1f5;border-radius:10px;background:#fbfcfd;list-style:none}.mcp-example__data li{display:flex;gap:10px;padding:7px 0;overflow:hidden;font-size:12px;line-height:1.35;color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;opacity:0;transform:translateY(4px);transition:opacity .4s ease,transform .5s cubic-bezier(.22,1,.36,1)}.mcp-example__data li+li{border-top:1px solid #f1f5f9}.mcp-example__data li span{flex-shrink:0;width:74px;overflow:hidden;font-weight:600;color:var(--text-4);text-overflow:ellipsis;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.mcp-example__data li.is-on{opacity:1;transform:none}.mcp-example__composer{display:flex;align-items:center;justify-content:space-between;margin:0 12px 12px;padding:9px 9px 9px 14px;border:1px solid #e2e8f0;border-radius:12px;font-size:12.5px;color:var(--text-5)}.mcp-example__composer .pi{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#e2e8f0;font-size:10px;color:var(--white)}.mcp-connect{background:#f8fafc}.mcp-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:20px;gap:20px;max-width:960px;margin:0 auto 32px;padding:0;list-style:none}@media(max-width:900px){.mcp-steps{grid-template-columns:minmax(0,1fr)}}.mcp-steps li{padding:24px;border:1px solid var(--border);border-radius:20px;background:var(--white)}.mcp-steps__num{font-family:var(--font-display);font-size:28px;font-weight:600;color:var(--crm-600)}.mcp-steps p{margin:10px 0 0;font-size:15px;line-height:1.55;color:var(--text-2)}.mcp-endpoint{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:960px;margin:0 auto;padding:20px 24px;border:1px solid var(--border);border-radius:20px;background:var(--white)}@media(max-width:820px){.mcp-endpoint{flex-direction:column;align-items:stretch}}.mcp-endpoint__text{display:flex;flex-direction:column;gap:4px;max-width:420px}.mcp-endpoint__text strong{font-size:16px;font-weight:700}.mcp-endpoint__text small{font-size:13.5px;line-height:1.5;color:var(--text-3)}.mcp-endpoint__row{display:flex;align-items:center;gap:8px;padding:6px 6px 6px 14px;border:1px solid var(--border);border-radius:12px;background:#f8fafc}.mcp-endpoint__row code{flex:1 1;min-width:0;font-size:14px;color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mcp-endpoint__copy{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:0;border-radius:9px;background:var(--crm-600);font:600 13px var(--font-body);color:var(--white);cursor:pointer;transition:background .25s ease}.mcp-endpoint__copy:hover{background:var(--crm-700)}.mcp-endpoint__copy.is-done{background:#10b981}.mcp-connect__help{margin:20px 0 0;text-align:center;font-size:14.5px;color:var(--text-3)}.mcp-connect__help a{font-weight:600;color:var(--crm-600);text-decoration:none}@media(prefers-reduced-motion:reduce){.mcp-input__caret,.mcp-where__flow{animation:none}.mcp-example__data li,.mcp-example__lead,.mcp-example__msg--user,.mcp-example__reply,.mcp-example__thread,.mcp-example__tool,.mcp-input__arrow,.mcp-input__field,.mcp-input__logo,.mcp-input__send,.mcp-input__send-bg,.mcp-prompts li,.mcp-prompts span{transition:none}}