.mcp{gap:26px;max-width:760px;padding-block:clamp(20px,4vw,48px) 32px;display:grid}.mcp-head{gap:8px;display:grid}.mcp-head-copy{gap:10px;display:grid}.mcp-head h1{font-size:clamp(1.625rem,4.6vw,2.5rem);line-height:1.25}.mcp-pair{justify-content:center;align-items:end;display:flex}.mcp-pair .mascot+.mascot{margin-left:-16px}@media (min-width:680px){.mcp-head{grid-template-columns:minmax(0,1fr) auto;align-items:end}}.mcp-h2{align-items:center;gap:8px;font-size:1.1875rem;font-weight:700;display:flex}.see-all{color:var(--os-tel-ink);align-items:center;gap:6px;font-weight:650;text-decoration:none;display:inline-flex}.mcp-url-card{background:var(--os-panel-2);box-shadow:var(--os-elev-raised);border-radius:20px;gap:8px;padding:14px;display:grid}.mcp-url-row,.mcp-code{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.mcp-url-row .mcp-url{font-size:.9375rem;font-weight:600}.mcp-copy{gap:6px}.mcp-apps{margin-block:-4px}.mcp-apps .seg{flex:none}@media (max-width:520px){.mcp-apps{margin-inline:0;padding-inline:0;overflow:visible}.mcp-apps .seg{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row}}.mcp-steps{counter-reset:step;animation:rise-in .36s var(--ease) both;gap:12px;display:grid}.mcp-step{background:var(--os-panel-2);box-shadow:var(--os-elev-raised);border-radius:20px;grid-template-columns:30px minmax(0,1fr);gap:12px;padding:14px;display:grid}.mcp-step-num{background:var(--os-go);width:30px;height:30px;color:var(--os-on-go);border-radius:50%;place-items:center;font-size:.875rem;font-weight:750;display:grid}.mcp-step-body{gap:10px;min-width:0;display:grid}.mcp-step-body>p{padding-top:3px;font-weight:500;line-height:1.6}.mock{background:var(--os-panel);box-shadow:0 0 0 1px var(--os-line);color:var(--os-ink-2);border-radius:14px;margin:0;font-size:.75rem;overflow:hidden}.mock-bar{background:color-mix(in srgb, var(--os-ink) 5%, var(--os-panel-2));align-items:center;gap:5px;height:26px;padding:0 10px;display:flex}.mock-bar i{background:color-mix(in srgb, var(--os-ink) 18%, transparent);border-radius:50%;width:7px;height:7px}.mock-bar span{color:var(--os-ink-3);margin-inline-start:8px;font-weight:600}.mock-body{padding:10px}.mock [data-hi]{box-shadow:0 0 0 2px var(--os-go), 0 0 0 6px color-mix(in srgb, var(--os-go) 18%, transparent)}.mock-split{grid-template-columns:92px minmax(0,1fr);gap:10px;display:grid}.mock-nav{gap:4px;margin:0;padding:0;list-style:none;display:grid}.mock-nav li{border-radius:8px;padding:6px 8px}.mock-nav li[data-hi]{color:var(--os-ink);background:var(--os-go-soft);font-weight:650}.mock-pane{align-content:start;justify-items:start;gap:8px;padding:4px;display:grid}.mock-btn{background:var(--os-ink);color:var(--os-panel-2);border-radius:999px;align-items:center;padding:6px 12px;font-weight:650;display:inline-flex}.mock-btn[data-hi]{background:var(--os-go);color:var(--os-on-go)}.mock-end{justify-self:end}.mock-toggle-row{align-items:center;gap:8px;font-weight:600;display:inline-flex}.mock-toggle{background:var(--os-go);border-radius:999px;width:28px;height:16px;position:relative}.mock-toggle:after{content:"";background:#fff;border-radius:50%;width:12px;height:12px;position:absolute;top:2px;right:2px}.mock-form{gap:5px;display:grid}.mock-label{color:var(--os-ink-3);font-weight:650}.mock-input{background:var(--os-panel-2);color:var(--os-ink);box-shadow:0 0 0 1px var(--os-line) inset;white-space:nowrap;text-overflow:ellipsis;border-radius:8px;padding:6px 9px;overflow:hidden}.mock-input.mono{font-family:var(--os-font-mono);font-size:.6875rem}.mock-consent{text-align:center;justify-items:center;gap:8px;padding:6px 4px;display:grid}.mock-brand{color:var(--os-ink);font-size:.875rem;font-weight:800}.mock-wants{max-width:30ch;color:var(--os-ink);font-weight:600;line-height:1.45}.mcp-tries{gap:8px;display:grid}.mcp-try{background:var(--os-panel-2);width:100%;color:var(--os-ink);box-shadow:var(--os-elev-raised);font:inherit;text-align:start;cursor:pointer;transition:transform .22s var(--spring);border:0;border-radius:16px 16px 16px 6px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;font-weight:500;line-height:1.5;display:grid}.mcp-try svg{color:var(--os-ink-3)}.mcp-try:active{transform:scale(.985)}.mcp-can-text{font-weight:500;line-height:1.5}.mcp-data{background:var(--os-panel);box-shadow:0 0 0 1px var(--os-line) inset;border-radius:20px;gap:10px;padding:18px;display:grid}.mcp-data .prose{color:var(--os-ink-2);gap:6px;line-height:1.6}