.mcp-hero{display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:64px;padding-block:72px}.mcp-hero h1{max-width:14ch;font-size:clamp(2.5rem,4.2vw,3.75rem);line-height:1.08;letter-spacing:-.045em}.mcp-hero .lead{max-width:37ch;margin-bottom:28px}.mcp-hero .eyebrow{color:var(--brand)}.mcp-shop{margin:0;background:var(--soft);padding:18px;border-radius:24px 24px 8px 24px;min-width:0}.mcp-shop img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid var(--line)}.mcp-shop figcaption{font-size:.875rem;line-height:1.6;margin:16px 4px 4px;color:var(--muted)}
.mcp-connect{display:grid;grid-template-columns:1fr 1.1fr;gap:24px 64px;background:var(--soft);padding-block:56px;scroll-margin-top:20px}.mcp-connect h2,.mcp-guide h2,.mcp-publication h2,.mcp-faq h2{font-size:clamp(1.875rem,3.1vw,2.75rem);max-width:21ch;line-height:1.15}.mcp-connect-heading p{color:var(--muted);max-width:45ch;margin-bottom:0}.mcp-server{min-width:0}.mcp-server label{font-size:.875rem;font-weight:700;display:block;margin-bottom:10px}.mcp-server-field{display:flex;background:white;border:1px solid var(--line);border-radius:10px;padding:6px;gap:8px}.mcp-server input{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.8125rem;min-width:0;flex:1;border:0;background:transparent;min-height:44px;padding:8px}.mcp-server button{border:0;background:var(--ink);color:white;border-radius:6px;padding:10px 14px;min-height:44px;font-size:.8125rem;font-weight:700;flex:none}.mcp-auth{font-size:.8125rem;margin:10px 0 0;color:var(--muted)}.mcp-copy-status{font-size:.875rem;min-height:1.6em;margin:8px 0 12px}.mcp-open{display:inline-flex;align-items:center;gap:12px;min-height:48px;font-size:.9375rem;font-weight:700;text-decoration:none;border-bottom:2px solid var(--brand);padding-block:7px}.mcp-open svg{flex:none}.mcp-open:hover{color:var(--brand)}.mcp-access{grid-column:1/-1;border-top:1px solid var(--line);padding-top:24px;display:grid;grid-template-columns:1fr 1.1fr;gap:64px}.mcp-access h3{font-size:1rem;margin:0;letter-spacing:0}.mcp-access p{font-size:.9375rem;line-height:1.65;margin:0;color:var(--muted);max-width:56ch}
.mcp-guide{display:grid;grid-template-columns:1.8fr 1fr;gap:80px;padding-bottom:64px}.mcp-guide h2{max-width:23ch}.mcp-instructions>p{color:var(--muted)}.mcp-steps{list-style:none;margin:32px 0 0;padding:0;counter-reset:mcp-step}.mcp-steps li{display:grid;grid-template-columns:40px 1fr;gap:18px;padding:26px 0;border-top:1px solid var(--line)}.mcp-step-index{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--brand);font-size:.875rem;font-weight:700;padding-top:3px}.mcp-steps h3{font-size:1.25rem;letter-spacing:-.015em;line-height:1.35;margin-bottom:12px}.mcp-steps p{margin-bottom:0;color:var(--muted)}.mcp-steps a{font-size:.875rem;font-weight:700;display:inline-flex;align-items:center;min-height:44px;margin-top:8px}.mcp-prerequisites{align-self:start;border-left:3px solid var(--brand);padding:24px 0 24px 24px;margin-top:8px}.mcp-prerequisites h3{font-size:1.375rem;line-height:1.3}.mcp-prerequisites p{font-size:.9375rem;color:var(--muted)}.mcp-prerequisites a{font-size:.875rem;font-weight:700;min-height:44px;display:inline-flex;align-items:center}.mcp-prompt{background:white;border:1px solid var(--line);border-radius:14px;padding:28px;margin-top:20px}.mcp-prompt h3{font-size:1rem;letter-spacing:0}.mcp-prompt blockquote{font-size:1rem;line-height:1.7;margin:16px 0 20px;max-width:58ch}.mcp-prompt button{min-height:44px;padding:8px 0;border:0;background:transparent;font-size:.875rem;font-weight:700;text-decoration:underline;text-underline-offset:.25em}.mcp-publication{display:flex;justify-content:space-between;align-items:center;gap:56px;background:var(--ink);color:white;padding-block:48px}.mcp-publication h2{max-width:24ch;margin-bottom:20px}.mcp-publication p{max-width:64ch;margin-bottom:0}.mcp-publication>a{font-size:.9375rem;line-height:1.5;font-weight:700;flex:none;min-height:48px;display:flex;align-items:center;padding:12px 0;text-decoration:underline;text-underline-offset:.3em}.mcp-publication :focus-visible{outline-color:white}.mcp-faq{padding-block:72px}.mcp-faq h2{margin-bottom:32px}.mcp-faq details{padding-block:8px;border-bottom:1px solid var(--line)}.mcp-faq summary{min-height:52px;cursor:pointer;font-weight:700;padding:12px 28px 12px 0}.mcp-faq details p{margin-block:10px 22px;color:var(--muted)}.mcp-docs{margin-top:28px;font-size:.875rem;font-weight:700}.mcp-docs a{min-height:44px;display:inline-flex;align-items:center}.mcp-client-page button{transition:transform 140ms cubic-bezier(.23,1,.32,1),background-color 140ms ease}.mcp-client-page button:active{transform:scale(.98)}
@media(max-width:1050px){.mcp-hero{gap:32px}.mcp-connect{gap:24px 32px}.mcp-access{gap:32px}.mcp-guide{gap:40px;grid-template-columns:1.6fr 1fr}.mcp-server-field{flex-wrap:wrap}.mcp-server input{min-width:200px}.mcp-server button{flex:1}}
@media(max-width:800px){.mcp-hero{grid-template-columns:1fr;gap:32px;padding-block:48px}.mcp-hero h1{max-width:18ch}.mcp-hero .lead{max-width:50ch}.mcp-shop{max-width:640px}.mcp-connect{grid-template-columns:1fr;gap:28px}.mcp-access{grid-template-columns:1fr;gap:10px}.mcp-server-field{flex-wrap:nowrap}.mcp-server button{flex:none}.mcp-server input{min-width:0}.mcp-guide{grid-template-columns:1fr;gap:32px}.mcp-prerequisites{padding-block:8px;margin-top:0}.mcp-publication{display:block}.mcp-publication>a{margin-top:24px;display:inline-flex}.mcp-faq{padding-block:48px}}
@media(max-width:540px){.mcp-hero h1{font-size:2.5rem}.mcp-hero{gap:28px}.mcp-shop{padding:12px;border-radius:18px 18px 6px 18px}.mcp-shop figcaption{font-size:.8125rem;margin:12px 3px 3px}.mcp-connect h2,.mcp-guide h2,.mcp-publication h2,.mcp-faq h2{font-size:1.875rem}.mcp-server-field{flex-wrap:wrap}.mcp-server input{flex-basis:100%;font-size:.75rem}.mcp-server button{flex:1}.mcp-steps li{gap:10px;grid-template-columns:30px 1fr}.mcp-prompt{padding:22px}.mcp-guide{padding-bottom:48px}.mcp-publication{padding-block:40px}}
@media(prefers-reduced-motion:reduce){.mcp-client-page button{transition:none}.mcp-client-page button:active{transform:none}}