/* Shared brand tokens and system typography; no additional fonts or runtime. */
.mcp-announcement { display:inline-block; max-width:100%; padding:8px 12px; border:1px solid #dcd3fb; border-radius:12px; background:#f1edf9; color:#403258; font-size:13px; line-height:1.5; font-weight:600; }
a.mcp-announcement:hover { text-decoration:underline; text-underline-offset:3px; }
.mcp-home { padding-block:76px; }
.mcp-home .landing-section-heading { max-width:900px; margin-inline:auto; text-align:center; }
.mcp-home .landing-section-heading h2 { margin:12px 0 20px; }
.mcp-home .mcp-lead { max-width:76ch; margin-inline:auto; color:var(--ink-secondary); font-size:18px; line-height:1.65; }
.mcp-home-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-block:36px 28px; }
.mcp-home-grid article { padding:28px; border:1px solid var(--line); border-radius:16px; background:var(--surface); }
.mcp-home-grid h3 { font-size:21px; line-height:1.3; margin-bottom:14px; }
.mcp-home-grid p,.mcp-home .mcp-proof-note { color:var(--ink-secondary); font-size:16px; line-height:1.65; }
.mcp-home .mcp-actions { display:flex; justify-content:center; flex-wrap:wrap; align-items:center; gap:16px 28px; margin-block:24px; }
.mcp-actions .text-link { font-size:16px; }
.mcp-home .mcp-proof-note { max-width:78ch; text-align:center; margin-inline:auto; font-size:14px; }
.workflow-modes { display:grid; gap:14px; margin-block:24px; }
.workflow-modes p { padding-left:16px; border-left:3px solid var(--line); color:var(--ink-secondary); font-size:15px; line-height:1.6; }
.workflow-modes strong { display:block; color:var(--ink); }
.tools-inventory { margin-top:28px; display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.tools-inventory h3 { font-size:18px; margin-bottom:12px; }
.tools-inventory ul { display:flex; flex-wrap:wrap; gap:8px; padding:0; list-style:none; }
.tools-inventory li { padding:5px 10px; border:1px solid var(--line); border-radius:8px; font-size:14px; background:var(--surface); color:var(--ink-secondary); }
.tools-mcp-caption { margin-top:24px; color:var(--ink-secondary); text-align:center; font-size:16px; }
.landing .landing-hero.shell.masthead-container { padding-top:36px; }
.landing-hero .mcp-announcement { margin-bottom:16px; font-size:12px; }
.landing-hero .hero-copy h1 { font-size:clamp(40px,4vw,58px); }
.landing-hero .hero-description { color:var(--ink-secondary); }
.mcp-hero-grid { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); align-items:center; gap:40px; }
.mcp-page .comparison-breadcrumb { margin-bottom:32px; }
.mcp-page .eyebrow { font-size:11px; }
.mcp-page .mcp-announcement { margin-bottom:20px; }
.mcp-native-preview { min-width:0; }
.mcp-native-preview img { width:100%; height:auto; max-height:570px; object-fit:contain; }
.mcp-native-preview figcaption { margin-top:12px; text-align:center; color:var(--ink-secondary); font-size:12px; line-height:1.5; }
.mcp-proof-strip { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; margin:40px 0 0; padding-top:28px; border-top:1px solid var(--line); }
.mcp-proof-strip dt { color:var(--accent); font-size:25px; font-weight:650; line-height:1.2; }
.mcp-proof-strip dd { margin:8px 0 0; color:var(--ink-secondary); font-size:13px; line-height:1.5; }
.mcp-client-block,.mcp-use-case { margin-top:28px; }
.mcp-page .mcp-client-block p,.mcp-page .mcp-use-case p { margin-top:12px; }
.mcp-note { margin-top:24px; padding:24px; border-left:3px solid var(--accent); background:var(--surface-subtle); border-radius:0 12px 12px 0; }
.mcp-page .mcp-note p { margin-top:12px; }
.mcp-evidence-note { font-size:14px; padding-top:20px; border-top:1px solid var(--line); }
.mcp-setup { margin-top:24px; padding-left:24px; color:var(--ink-secondary); }
.mcp-setup li + li { margin-top:18px; }
.mcp-page code { font-family:ui-monospace,"SF Mono",Menlo,monospace; font-size:.85em; overflow-wrap:anywhere; }
.mcp-request-list article { margin-top:24px; padding:24px; border:1px solid var(--line); border-radius:12px; }
.mcp-request-list h3 { color:var(--accent); }
.mcp-page .mcp-request-list p { margin-top:12px; }
.mcp-capabilities { margin:24px 0 0; }
.mcp-capabilities > div { padding-block:20px; border-bottom:1px solid var(--line); }
.mcp-capabilities dt { font-weight:650; font-size:18px; }
.mcp-capabilities dd { margin:10px 0 0; color:var(--ink-secondary); }
.mcp-page .mcp-table { overflow-x:auto; overscroll-behavior-inline:contain; }
.mcp-page .mcp-table table { min-width:580px; }
.mcp-page .mcp-approaches table { min-width:980px; }
.mcp-page .mcp-approaches thead th:first-child { width:16%; }
.mcp-faq-item { padding-block:24px; border-bottom:1px solid var(--line); }
.mcp-faq-item summary { cursor:pointer; padding-block:4px; }
.mcp-faq-item summary h3 { display:inline; font-size:18px; }
.mcp-page .mcp-faq-item p { margin-top:16px; }
@media (max-width:900px) {
  .mcp-hero-grid { grid-template-columns:minmax(0,1fr); gap:32px; }
  .mcp-native-preview { max-width:480px; margin-inline:auto; }
  .mcp-proof-strip { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .mcp-home-grid { grid-template-columns:1fr; gap:16px; }
  .mcp-home-grid article { padding:24px; }
}
@media (max-width:640px) {
  .landing .landing-hero.shell.masthead-container { padding-top:24px; }
  .landing-hero .hero-description { font-size:16px!important; }
  .mcp-home { padding-block:48px; }
  .tools-inventory { grid-template-columns:1fr; }
  .landing-hero .hero-copy h1 { font-size:clamp(34px,8.7vw,48px); }
  .mcp-home .mcp-lead { font-size:16px; }
  .mcp-note { padding:20px; }
  .mcp-page .mcp-table table { display:table; }
  .mcp-page .mcp-table thead { display:table-header-group; position:static; width:auto; height:auto; clip-path:none; overflow:visible; white-space:normal; }
  .mcp-page .mcp-table tbody { display:table-row-group; }
  .mcp-page .mcp-table tr { display:table-row; }
  .mcp-page .mcp-table :is(th,td) { display:table-cell; padding:16px; border-bottom:1px solid var(--line); }
}

.demo-first-note { margin-top:14px; font-size:14px; line-height:1.5; color:var(--ink-secondary); max-width:60ch; }

.hero-demo-note{max-width:55ch;margin:12px 0 0;color:var(--ink-secondary);font-size:13px;line-height:1.55}.mcp-option-group{margin:16px 0;border:1px solid var(--line);border-radius:14px;padding:18px;background:var(--surface)}.mcp-option-group summary{cursor:pointer;display:list-item}.mcp-option-group summary h3{display:inline;font-size:19px;line-height:1.4;margin:0}.mcp-option-group summary span{margin-left:12px;color:var(--ink-secondary);font-size:13px}.mcp-option-group summary:focus-visible,.mcp-prompt-library button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.mcp-option-group p{margin:18px 0}.mcp-option-group .table-scroll{margin-bottom:0}.mcp-option-group table{min-width:560px}.mcp-option-group code{overflow-wrap:anywhere}.mcp-field-notes div,.mcp-command-stages div{margin:18px 0}.mcp-field-notes dd,.mcp-command-stages dd{margin:6px 0 0;color:var(--ink-secondary)}.mcp-command-stages dt{font-weight:650}.mcp-prompt-library{display:grid;gap:16px}.mcp-prompt-library article{padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.mcp-prompt-library h3{margin-top:0}.mcp-prompt-library [data-prompt-text]{overflow-wrap:anywhere}.mcp-prompt-library button{min-height:44px;padding:9px 16px;border:1px solid var(--accent);border-radius:9px;background:transparent;color:var(--accent);font:inherit;cursor:pointer}.mcp-prompt-status{font-size:14px;color:var(--ink-secondary);min-height:1.5em}.mcp-prompt-status:empty{display:none}

.landing-hero[data-email-confirmed] .hero-demo-note{display:none}