.mcp-page{--mcp-violet: var(--purple-dark);--mcp-line: #e9e3f0;--mcp-wash: #f4efff;--mcp-highlight: #ddd1ff;--mcp-hand: "Caveat Variable", "Bradley Hand", cursive;max-width:1136px;margin-inline:auto;padding:clamp(42px,7vw,90px) 0 24px;background:#fff;box-shadow:0 0 0 100vmax #fff;clip-path:inset(0 -100vmax)}.mcp-page :focus-visible{outline:2px solid var(--mcp-violet);outline-offset:4px}.mcp-page h1,.mcp-page h2,.mcp-page h3,.mcp-page p{margin:0}.mcp-page h2{font:600 clamp(32px,3.8vw,50px)/1.08 var(--sans);letter-spacing:-.045em;text-wrap:balance}.mcp-page h3{font:600 20px/1.25 var(--sans);letter-spacing:-.025em}.mcp-page p{color:var(--muted);line-height:1.6;text-wrap:pretty}.mcp-page .mcp-kicker{display:inline-block;margin-bottom:12px;color:var(--mcp-violet);font:600 30px/1 var(--mcp-hand);transform:rotate(-2deg)}.mcp-hero{padding-bottom:clamp(48px,7vw,88px);text-align:center}.mcp-hero-copy{max-width:760px;margin-inline:auto}.mcp-hero .mcp-actions{justify-content:center}.mcp-page .mcp-badge{display:inline-flex;align-items:center;gap:8px;margin-bottom:22px;padding:5px 12px 5px 7px;border:1px solid var(--mcp-line);border-radius:999px;color:var(--ink);font-size:13px;font-weight:600}.mcp-page h1{font:600 clamp(38px,5.6vw,74px)/1.02 var(--sans);letter-spacing:-.06em}.mcp-hero h1>span{display:block}.mcp-hero h1 em{padding-inline:.05em;font-style:normal;background:linear-gradient(transparent 56%,var(--mcp-highlight) 56% 94%,transparent 94%);box-decoration-break:clone;-webkit-box-decoration-break:clone}.mcp-page .mcp-lede{max-width:52ch;margin:22px auto 0;font-size:clamp(17px,1.5vw,20px)}.mcp-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:24px}.mcp-actions .button{min-height:48px;padding-inline:18px;border-radius:999px;font-size:14px;font-weight:600}.mcp-actions .button-primary{box-shadow:0 8px 20px -8px #562dd26b}.mcp-actions .button-primary img{filter:brightness(0) invert(1)}.mcp-actions .mcp-secondary{border:1px solid var(--mcp-line);background:#fff;color:var(--ink)}.mcp-actions .mcp-secondary:hover{border-color:var(--mcp-violet);color:var(--mcp-violet)}.mcp-checks{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 18px;margin:22px 0 0;padding:0;list-style:none}.mcp-checks li{display:flex;gap:8px;align-items:flex-start;text-align:left;color:var(--muted);font-size:14px;line-height:1.45}.mcp-checks li:before{content:"";flex:none;width:16px;height:16px;margin-top:2px;border-radius:50%;background:var(--mcp-wash);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4.5 8 2.25 2.25 4.75-4.5' fill='none' stroke='%235433e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5'/%3E%3C/svg%3E")}.mcp-work{padding:clamp(30px,5vw,56px) 0 clamp(55px,7vw,88px);border-top:1px solid var(--mcp-line)}.mcp-example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:27px}.mcp-example-grid article{display:grid;grid-template-rows:auto auto 1fr auto;gap:10px;padding:clamp(17px,2.3vw,28px);border:1px solid var(--mcp-line);border-radius:15px}.mcp-example-grid article p{font-size:15px}.mcp-example-number,.mcp-step-number{color:var(--mcp-violet);font:600 12px/1 var(--mono)}.mcp-example-number{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:var(--mcp-wash)}.mcp-example-grid blockquote{margin:4px 0 0;padding:12px 14px;border-radius:4px 10px 10px 4px;border-left:2px solid #b9a5e8;background:#f8f5fd;color:#514164;font-size:14px;line-height:1.5}.mcp-setup,.mcp-faq{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);align-items:start;gap:clamp(22px,5vw,64px)}.mcp-setup{padding:clamp(23px,4.5vw,53px);border:1px solid #e9e0f8;border-radius:22px;background:var(--mcp-wash);scroll-margin-top:24px}.mcp-setup>div>p:last-child{margin-top:16px;font-size:15px}.mcp-setup-steps{display:grid;gap:9px;margin:0;padding:0;list-style:none}.mcp-step{display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;padding:clamp(13px,2vw,20px);border:1px solid var(--mcp-line);border-radius:12px;background:#fff}.mcp-step-number{display:grid;place-items:center;width:27px;height:27px;border:1px solid #ddcff6;border-radius:50%}.mcp-step p{margin-top:6px;font-size:15px}.mcp-step a,.mcp-faq a{color:var(--mcp-violet)}.mcp-step p.mcp-setup-note{margin-top:9px;font-size:13px}.mcp-setup-note code{color:#533a77;overflow-wrap:anywhere}.mcp-copy{margin-top:10px}.mcp-copy-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;padding:3px 3px 3px 9px;border:1px solid var(--mcp-line);border-radius:9px;background:#faf8fd}.mcp-copy-row code{font:12px/1.5 var(--mono);overflow-wrap:anywhere}.mcp-copy-row button{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:44px;padding:0 9px;border:0;border-radius:6px;background:#eee7fa;color:#492f6f;font-size:13px;font-weight:550;cursor:pointer}.mcp-copy-row button:hover{background:#e5d8f8}.mcp-copy-error{display:block;margin-top:6px;color:#613b37;font-size:13px}.mcp-faq{padding:clamp(55px,8vw,96px) 0}.mcp-faq details{border-top:1px solid var(--mcp-line)}.mcp-faq details:last-child{border-bottom:1px solid var(--mcp-line)}.mcp-faq summary{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:54px;padding:12px 0;font-size:16px;font-weight:550;cursor:pointer}.mcp-faq summary::-webkit-details-marker{display:none}.mcp-faq summary:after{content:"+";color:var(--mcp-violet);font:17px var(--mono)}.mcp-faq details[open] summary:after{content:"−"}.mcp-faq details p{padding:0 24px 14px 0;font-size:15px}.mcp-closing{padding:clamp(33px,5vw,67px) 20px;border-radius:22px;background:var(--mcp-highlight);text-align:center}.mcp-closing h2{max-width:19ch;margin-inline:auto}.mcp-closing h2+p{margin-top:14px;color:#453754}.mcp-closing .mcp-actions{justify-content:center}@media(max-width:720px){.mcp-setup,.mcp-faq,.mcp-example-grid{grid-template-columns:minmax(0,1fr)}.mcp-example-grid{gap:10px;margin-top:20px}}@media(max-width:440px){.mcp-page{padding-top:32px}.mcp-page .mcp-badge{margin-bottom:17px}.mcp-step{grid-template-columns:minmax(0,1fr)}}
