.sa-mcp-hero{align-items:center;gap:var(--sa-space-16);grid-template-columns:1.1fr 1fr;padding-block:88px 72px;display:grid}.sa-mcp-product{align-items:center;gap:10px;font-weight:600;display:flex;color:var(--foreground)!important;margin-bottom:22px!important}.sa-mcp-intro h1{font-size:var(--sa-display-size);text-wrap:balance;max-width:720px}.sa-mcp-intro .sa-description{max-width:620px}.sa-mcp-endpoint{min-width:0}.sa-mcp-endpoint>p{font-size:var(--sa-text-sm);margin:18px 0 12px}.sa-mcp-section{padding-block:var(--sa-section-space);border-top:1px solid var(--border)}.sa-mcp-heading{margin-bottom:var(--sa-space-8);max-width:850px}.sa-mcp .sa-mcp-heading h2,.sa-mcp-billing h2{font-size:clamp(28px,3vw,42px)}.sa-mcp-heading p{margin-top:18px;line-height:1.7}.sa-mcp-setup{border:1px solid var(--border);border-radius:var(--sa-radius);background:var(--card);grid-template-columns:230px minmax(0,1fr);display:grid;overflow:hidden}.sa-mcp-clients{border-right:1px solid var(--border);flex-direction:column;gap:8px;padding:24px;display:flex}.sa-mcp-clients button{text-align:left;border-radius:var(--sa-radius-sm);min-height:48px;color:var(--muted-foreground);border:1px solid #0000;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.sa-mcp-clients button:hover{color:var(--foreground);background:var(--secondary)}.sa-mcp-clients button[aria-pressed=true]{border-color:var(--primary);color:var(--foreground);background:var(--secondary)}.sa-mcp-clients svg{color:var(--primary);flex-shrink:0}.sa-mcp-instructions{min-width:0;padding:32px}.sa-mcp-claude-modes{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.sa-mcp-claude-modes button{border:1px solid var(--border);border-radius:var(--sa-radius-sm);min-height:44px;color:var(--muted-foreground);padding:8px 14px}.sa-mcp-claude-modes button[aria-pressed=true]{border-color:var(--primary);color:var(--foreground);background:var(--secondary)}.sa-mcp-instructions ol{margin:24px 0;padding-left:24px}.sa-mcp-instructions li{margin-top:22px;padding-left:8px}.sa-mcp-instructions li::marker{color:var(--primary);font-weight:600}.sa-mcp-instructions li p{color:var(--foreground);line-height:1.7}.sa-mcp-instructions .sa-mcp-code{margin-top:16px}.sa-mcp-code{border:1px solid var(--border);background:var(--background);border-radius:var(--sa-radius);min-width:0;overflow:hidden}.sa-mcp-code-bar{border-bottom:1px solid var(--border);color:var(--muted-foreground);font-size:var(--sa-text-sm);justify-content:space-between;align-items:center;gap:16px;padding:10px 16px;display:flex}.sa-mcp-code-bar button{min-height:36px;color:var(--foreground);flex-shrink:0;align-items:center;gap:8px;display:inline-flex}.sa-mcp-code-bar button:hover{color:var(--primary)}.sa-mcp-code pre{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--foreground);margin:0;padding:22px;font-size:14px;line-height:1.8;overflow:auto}.sa-mcp-copy-error{color:var(--muted-foreground);font-size:var(--sa-text-sm);padding:0 22px 16px;display:block}.sa-mcp .sa-mcp-text-link{color:var(--foreground);text-underline-offset:4px;font-size:var(--sa-text-sm);align-items:center;gap:8px;text-decoration:underline;display:inline-flex}.sa-mcp-text-link:hover{color:var(--primary)!important}.sa-mcp-compatibility{max-width:950px;font-size:var(--sa-text-sm);line-height:1.7;margin-top:22px!important}.sa-mcp-use-layout{gap:var(--sa-space-16);grid-template-columns:1fr 1fr;display:grid}.sa-mcp-tool{border-bottom:1px solid var(--border);gap:20px;padding-block:24px;display:flex}.sa-mcp-tool:first-child{padding-top:0}.sa-mcp-tool:last-child{border:0;padding-bottom:0}.sa-mcp-tool svg{color:var(--primary);flex-shrink:0;margin-top:4px}.sa-mcp .sa-mcp-tool h3{font-size:20px}.sa-mcp-tool p{margin-block:12px;line-height:1.7}.sa-mcp-tool code{color:var(--muted-foreground);font-size:13px}.sa-mcp-example{min-width:0}.sa-mcp-example h3{margin-bottom:22px}.sa-mcp-example>p{font-size:var(--sa-text-sm);margin-top:20px;line-height:1.7}.sa-mcp-billing{gap:var(--sa-space-16);grid-template-columns:1fr 1fr;display:grid}.sa-mcp-billing p{max-width:520px;margin:22px 0;line-height:1.7}.sa-mcp-billing ul{margin:0;padding-left:22px}.sa-mcp-billing li{margin-bottom:16px;padding-left:8px;line-height:1.7}.sa-mcp-billing li::marker{color:var(--primary)}.sa-mcp-faq{max-width:960px}.sa-mcp-faq details{border-bottom:1px solid var(--border);padding-block:24px}.sa-mcp-faq summary{font-size:18px;font-weight:600}.sa-mcp-faq p{margin-top:16px;line-height:1.8}.sa-mcp-bottom-links{font-size:var(--sa-text-sm);flex-wrap:wrap;gap:24px;margin-top:32px;display:flex}.sa-mcp-bottom-links a{text-underline-offset:4px;text-decoration:underline}@media (max-width:1000px){.sa-mcp-hero{grid-template-columns:1fr;gap:36px;padding-block:56px}.sa-mcp-setup{grid-template-columns:1fr}.sa-mcp-clients{border-right:0;border-bottom:1px solid var(--border);flex-flow:wrap;padding:16px}.sa-mcp-use-layout,.sa-mcp-billing{gap:32px}}@media (max-width:640px){.sa-mcp-use-layout,.sa-mcp-billing{grid-template-columns:1fr}.sa-mcp-instructions{padding:24px 18px}.sa-mcp-clients{gap:6px}.sa-mcp-clients button{min-height:44px;padding:8px 12px}.sa-mcp-code pre{padding:16px;font-size:13px}.sa-mcp-code-bar{padding:8px 12px}.sa-mcp-intro h1{font-size:40px}}
