@sfranalytics/mcp 0.6.2 → 0.6.3

package/dist/landing.js

@@ -0,0 +1,891 @@
+import { VERSION } from "./version.js";
+/* Inline the marketing-site logo SVG with white-background rect removed */
+const LOGO_SVG = `<svg xmlns="http://www.w3.org/2000/svg" width="174" height="53" fill="none" viewBox="0 0 174 53"><g clip-path="url(#a)"><path fill="#7D7DB6" stroke="#fff" stroke-width="3" d="m49.88-1.06-1.06-1.061-1.061 1.06-29.345 29.345-1.06 1.06 1.06 1.062 4.95 4.95 1.06 1.06 1.06-1.06L48.82 12.02l23.335 23.334 1.06 1.061 1.061-1.06 4.95-4.95 1.06-1.061-1.06-1.06L49.88-1.062z" opacity=".3"/><path fill="#7D7DB6" d="m39.88 8.94-1.06-1.061-1.061 1.06L8.414 38.284l-1.06 1.06 1.06 1.062 4.95 4.95 1.06 1.06 1.06-1.06L38.82 22.02l23.335 23.334 1.06 1.061 1.061-1.06 4.95-4.95 1.06-1.061-1.06-1.06L39.88 8.938z"/><path stroke="#fff" stroke-width="3" d="m39.88 8.94-1.06-1.061-1.061 1.06L8.414 38.284l-1.06 1.06 1.06 1.062 4.95 4.95 1.06 1.06 1.06-1.06L38.82 22.02l23.335 23.334 1.06 1.061 1.061-1.06 4.95-4.95 1.06-1.061-1.06-1.06L39.88 8.938z"/><path fill="#000085" d="m30.405 17.99-1.06-1.061-1.06 1.06-29.346 29.345-1.06 1.061 1.06 1.06 4.95 4.95 1.06 1.061 1.061-1.06L29.345 31.07l23.334 23.335 1.06 1.06 1.062-1.06 4.95-4.95 1.06-1.06-1.06-1.062L30.404 17.99z"/><path stroke="#fff" stroke-width="3" d="m30.405 17.99-1.06-1.061-1.06 1.06-29.346 29.345-1.06 1.061 1.06 1.06 4.95 4.95 1.06 1.061 1.061-1.06L29.345 31.07l23.334 23.335 1.06 1.06 1.062-1.06 4.95-4.95 1.06-1.06-1.06-1.062L30.404 17.99z"/><path fill="#000085" d="M129.727 27V3.727h9.181c1.758 0 3.258.315 4.5.943 1.25.622 2.201 1.504 2.853 2.648.659 1.137.988 2.474.988 4.011 0 1.546-.333 2.875-1 3.99-.666 1.105-1.632 1.954-2.897 2.545-1.258.59-2.781.886-4.569.886h-6.147v-3.955h5.352c.939 0 1.72-.128 2.341-.386.621-.258 1.083-.644 1.386-1.159.311-.515.466-1.155.466-1.92 0-.773-.155-1.425-.466-1.955-.303-.53-.769-.932-1.398-1.205-.621-.28-1.405-.42-2.352-.42h-3.318V27h-4.92zm12.568-10.59L148.079 27h-5.432l-5.659-10.59h5.307zM111.648 27V3.727h15.41v4.057h-10.489v5.545h9.466v4.057h-9.466V27h-4.921zm-7.704-16.58c-.091-.916-.481-1.628-1.17-2.136-.69-.507-1.625-.761-2.807-.761-.803 0-1.481.113-2.034.34-.553.22-.977.527-1.273.921a2.215 2.215 0 0 0-.432 1.341c-.015.417.072.78.262 1.09.197.312.466.58.807.808.34.22.734.413 1.181.58.447.158.925.295 1.432.408l2.091.5c1.015.228 1.947.53 2.796.91a8.489 8.489 0 0 1 2.204 1.397 5.812 5.812 0 0 1 1.443 1.955c.349.75.527 1.61.534 2.58-.007 1.423-.371 2.658-1.09 3.704-.713 1.038-1.743 1.845-3.091 2.42-1.341.569-2.959.852-4.853.852-1.879 0-3.515-.287-4.909-.863-1.386-.576-2.47-1.428-3.25-2.557-.772-1.136-1.178-2.542-1.216-4.216h4.762c.053.78.276 1.432.67 1.955.402.515.936.905 1.602 1.17.675.258 1.436.386 2.285.386.833 0 1.556-.12 2.17-.363.621-.242 1.102-.58 1.443-1.012.341-.431.512-.928.512-1.488 0-.523-.156-.962-.466-1.318-.303-.356-.75-.66-1.341-.91-.584-.25-1.3-.477-2.148-.681l-2.534-.636c-1.962-.478-3.511-1.224-4.648-2.24-1.136-1.014-1.7-2.382-1.693-4.101-.008-1.41.367-2.64 1.125-3.694.765-1.053 1.814-1.875 3.148-2.466 1.333-.59 2.848-.886 4.545-.886 1.727 0 3.235.296 4.523.886 1.295.591 2.303 1.413 3.023 2.466.719 1.053 1.091 2.273 1.113 3.66h-4.716z"/><path fill="#7D7DB6" d="m172.851 39.754-1.925.341a2.272 2.272 0 0 0-.383-.703 1.906 1.906 0 0 0-.696-.547c-.294-.142-.661-.213-1.101-.213-.601 0-1.103.135-1.506.405-.402.265-.603.608-.603 1.03 0 .364.134.658.404.88.27.223.706.405 1.307.547l1.733.398c1.004.232 1.752.59 2.244 1.072.493.483.739 1.11.739 1.883a2.86 2.86 0 0 1-.568 1.747c-.374.506-.897.904-1.57 1.193-.667.289-1.441.433-2.322.433-1.222 0-2.218-.26-2.99-.781-.772-.526-1.245-1.271-1.421-2.237l2.053-.313c.128.535.391.94.788 1.215.398.27.916.404 1.556.404.696 0 1.252-.144 1.669-.433.416-.293.625-.65.625-1.072 0-.341-.128-.627-.384-.86-.251-.232-.637-.407-1.157-.525l-1.847-.405c-1.018-.232-1.771-.601-2.259-1.108-.483-.506-.724-1.148-.724-1.925 0-.644.18-1.207.54-1.69.36-.483.857-.86 1.491-1.13.635-.274 1.361-.411 2.181-.411 1.179 0 2.107.256 2.784.767.677.506 1.124 1.186 1.342 2.038zm-14.527 8.466c-1.055 0-1.964-.239-2.727-.717a4.751 4.751 0 0 1-1.747-1.996c-.407-.847-.611-1.818-.611-2.912 0-1.108.209-2.085.625-2.933.417-.852 1.004-1.518 1.762-1.996.757-.478 1.65-.717 2.677-.717.829 0 1.567.154 2.216.462a3.976 3.976 0 0 1 1.57 1.278c.402.55.641 1.19.717 1.925h-2.067a2.473 2.473 0 0 0-.781-1.321c-.402-.37-.942-.554-1.619-.554-.592 0-1.111.156-1.556.468-.44.308-.783.748-1.03 1.321-.246.569-.369 1.24-.369 2.017 0 .796.121 1.483.362 2.06.242.578.583 1.025 1.023 1.342.445.318.968.476 1.57.476.402 0 .767-.073 1.093-.22.332-.151.609-.367.831-.646.228-.28.386-.616.476-1.009h2.067a4.013 4.013 0 0 1-.689 1.89c-.383.553-.897.99-1.541 1.306-.639.318-1.39.476-2.252.476zm-9.175-.22V37.09h2.123V48h-2.123zm1.072-12.592c-.369 0-.686-.123-.951-.37a1.2 1.2 0 0 1-.391-.894c0-.35.13-.65.391-.895.265-.251.582-.377.951-.377.37 0 .684.126.945.377.265.246.398.544.398.895 0 .345-.133.643-.398.894-.261.247-.575.37-.945.37zm-3.022 1.682v1.705h-5.959v-1.704h5.959zm-4.361-2.613h2.124v10.32c0 .412.061.722.184.93a.968.968 0 0 0 .476.42c.199.07.415.106.647.106.17 0 .319-.012.447-.036.128-.023.227-.042.298-.056l.384 1.754a3.55 3.55 0 0 1-.526.142 4.15 4.15 0 0 1-.852.085 3.734 3.734 0 0 1-1.562-.298 2.678 2.678 0 0 1-1.172-.966c-.299-.436-.448-.983-.448-1.64v-10.76zM132.521 52.09c-.317 0-.606-.025-.866-.077a2.725 2.725 0 0 1-.583-.157l.512-1.74c.388.105.733.15 1.036.135a1.24 1.24 0 0 0 .803-.34c.237-.214.445-.562.625-1.044l.263-.725-3.992-11.051h2.273l2.763 8.466h.113l2.763-8.466h2.28l-4.496 12.365a4.925 4.925 0 0 1-.795 1.442 3.09 3.09 0 0 1-1.151.895c-.445.199-.961.298-1.548.298zm-3.799-18.635V48h-2.123V33.455h2.123zm-9.935 14.787c-.692 0-1.317-.128-1.875-.384a3.152 3.152 0 0 1-1.328-1.13c-.322-.492-.483-1.095-.483-1.81 0-.616.118-1.123.355-1.52a2.61 2.61 0 0 1 .959-.945 5.002 5.002 0 0 1 1.349-.526 13.42 13.42 0 0 1 1.52-.27l1.591-.184c.407-.052.703-.135.888-.249.184-.113.277-.298.277-.554v-.05c0-.62-.176-1.1-.526-1.441-.346-.34-.862-.511-1.548-.511-.715 0-1.279.158-1.691.476-.407.312-.689.66-.845 1.044l-1.996-.455c.237-.663.583-1.198 1.037-1.605a4.22 4.22 0 0 1 1.584-.895 6.185 6.185 0 0 1 1.882-.284c.436 0 .897.052 1.385.156.493.1.952.284 1.378.554.431.27.784.656 1.058 1.158.275.497.412 1.143.412 1.939V48h-2.074v-1.492h-.085a3.01 3.01 0 0 1-.618.81 3.274 3.274 0 0 1-1.058.66c-.431.176-.947.264-1.548.264zm.461-1.705c.587 0 1.089-.116 1.506-.348.421-.232.741-.535.959-.91a2.36 2.36 0 0 0 .334-1.214V42.66c-.076.076-.223.147-.441.213a6.843 6.843 0 0 1-.731.163c-.275.043-.542.083-.803.121-.26.033-.478.062-.653.086a5.31 5.31 0 0 0-1.129.262c-.337.123-.607.3-.81.533-.199.227-.298.53-.298.909 0 .526.194.923.582 1.193.388.265.883.398 1.484.398zm-13.066-5.014V48h-2.123V37.09h2.038v1.776h.135a3.119 3.119 0 0 1 1.179-1.392c.54-.35 1.219-.525 2.038-.525.744 0 1.395.156 1.953.469.559.307.992.767 1.3 1.377.308.611.462 1.366.462 2.266V48h-2.124v-6.683c0-.791-.206-1.409-.618-1.854-.412-.45-.978-.675-1.697-.675-.493 0-.931.107-1.314.32-.379.213-.68.526-.902.937-.218.408-.327.9-.327 1.478zM91.854 48h-2.33l5.235-14.545h2.535L102.53 48h-2.33l-4.112-11.903h-.114L91.854 48zm.39-5.696h7.557v1.847h-7.556v-1.847z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h174v53H0z"/></clipPath></defs></svg>`;
+export function renderLandingPage(opts) {
+    const crispId = opts?.crispWebsiteId || "";
+    return `<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>SFR Analytics — MCP Server</title>
+  <meta name="description" content="MCP server for single-family residential property data, buyer intelligence, and private lending insights.">
+
+  <!-- Open Graph / Social -->
+  <meta property="og:type" content="website">
+  <meta property="og:title" content="SFR Analytics — MCP Server">
+  <meta property="og:description" content="39 tools for single-family residential data: property transactions, buyer intelligence, rental analytics, and private lending insights. Connect via Claude Code, Claude Desktop, or any MCP client.">
+  <meta property="og:url" content="https://mcp.sfranalytics.com">
+  <meta property="og:image" content="https://sfranalytics.com/logo.png">
+  <meta property="og:image:width" content="800">
+  <meta property="og:image:height" content="600">
+  <meta property="og:image:alt" content="SFR Analytics Logo">
+  <meta property="og:site_name" content="SFR Analytics">
+
+  <!-- Twitter -->
+  <meta name="twitter:card" content="summary_large_image">
+  <meta name="twitter:title" content="SFR Analytics — MCP Server">
+  <meta name="twitter:description" content="39 tools for single-family residential data: property transactions, buyer intelligence, rental analytics, and private lending insights.">
+  <meta name="twitter:image" content="https://sfranalytics.com/logo.png">
+
+  <link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><rect width='32' height='32' rx='6' fill='%23000085'/><text x='16' y='23' font-size='20' font-weight='bold' text-anchor='middle' fill='white'>S</text></svg>">
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
+  <style>
+    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
+
+    :root {
+      --brand: #000085;
+      --brand-light: #4D4DAA;
+      --brand-lavender: #7D7DB6;
+      --bg: #fbfcfe;
+      --bg2: #f4f6fb;
+      --surface: rgba(255,255,255,0.72);
+      --surface-solid: #ffffff;
+      --border: rgba(15,23,42,0.08);
+      --border-strong: rgba(15,23,42,0.14);
+      --text: rgba(15,23,42,0.85);
+      --text-strong: rgba(15,23,42,0.92);
+      --text-secondary: rgba(15,23,42,0.62);
+      --text-muted: rgba(15,23,42,0.48);
+      --green: #16a34a;
+      --red: #dc2626;
+      --amber: #d97706;
+      --code-bg: rgba(2,6,23,0.92);
+      --radius: 14px;
+      --radius-sm: 10px;
+      --radius-xs: 6px;
+      --shadow: 0 1px 2px rgba(15,23,42,0.04), 0 4px 16px rgba(15,23,42,0.05);
+      --max-w: 1060px;
+      --transition: 160ms ease;
+      --mono: 'SF Mono', 'Fira Code', ui-monospace, monospace;
+    }
+
+    body {
+      font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+      background:
+        radial-gradient(1200px 600px at 10% -8%, rgba(0,0,133,0.06), transparent 60%),
+        radial-gradient(900px 500px at 90% 5%, rgba(125,125,182,0.05), transparent 55%),
+        linear-gradient(180deg, var(--bg), var(--bg2));
+      color: var(--text);
+      line-height: 1.55;
+      -webkit-font-smoothing: antialiased;
+    }
+
+    a { color: var(--brand); text-decoration: none; }
+    a:hover { text-decoration: underline; }
+
+    :focus-visible {
+      outline: 2px solid rgba(0,0,133,0.25);
+      outline-offset: 2px;
+      border-radius: var(--radius-xs);
+    }
+
+    @media (prefers-reduced-motion: reduce) {
+      *, *::before, *::after { transition: none !important; animation: none !important; }
+    }
+
+    /* --- Nav --- */
+    .nav-wrap {
+      position: sticky; top: 0; z-index: 10;
+      background: rgba(251,252,254,0.8);
+      backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
+      border-bottom: 1px solid var(--border);
+    }
+    nav {
+      display: flex; align-items: center; justify-content: space-between;
+      max-width: var(--max-w); margin: 0 auto; padding: 0 1.5rem; height: 56px;
+    }
+    .logo { display: flex; align-items: center; }
+    .logo svg { height: 30px; width: auto; }
+    .nav-right { display: flex; align-items: center; gap: 1.5rem; font-size: 0.875rem; }
+    .nav-right a { color: var(--text-secondary); font-weight: 500; }
+    .nav-right a:hover { color: var(--text); text-decoration: none; }
+    .version-badge {
+      background: rgba(15,23,42,0.04); border: 1px solid var(--border); border-radius: 999px;
+      padding: 0.15rem 0.55rem; font-size: 0.72rem; font-weight: 500;
+      color: var(--text-muted); font-family: var(--mono);
+    }
+    .nav-cta {
+      background: var(--brand); color: #fff !important; font-weight: 600;
+      font-size: 0.8rem; padding: 0.35rem 0.9rem; border-radius: 8px;
+      transition: opacity var(--transition);
+    }
+    .nav-cta:hover { opacity: 0.88; text-decoration: none !important; }
+
+    /* --- Hero (stacked) --- */
+    .hero {
+      text-align: center;
+      padding: 4.5rem 1.5rem 2.5rem;
+      max-width: var(--max-w); margin: 0 auto;
+    }
+    .hero h1 {
+      font-size: clamp(2rem, 1.4rem + 2.6vw, 2.8rem); font-weight: 750;
+      letter-spacing: -0.025em; line-height: 1.08; margin-bottom: 1rem;
+      color: var(--text-strong);
+    }
+    .hero h1 .accent {
+      background: linear-gradient(135deg, var(--brand), var(--brand-light));
+      -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
+    }
+    .hero-lead {
+      font-size: 1.05rem; color: var(--text-secondary); line-height: 1.6;
+      max-width: 54ch; margin: 0 auto 1.75rem;
+    }
+    .hero-cta-row { display: flex; gap: 0.65rem; flex-wrap: wrap; justify-content: center; }
+    .btn-primary {
+      display: inline-flex; align-items: center; height: 40px;
+      background: var(--brand); color: #fff;
+      font-weight: 600; font-size: 0.875rem; padding: 0 1.25rem;
+      border-radius: 10px; transition: transform var(--transition), box-shadow var(--transition);
+    }
+    .btn-primary:hover { transform: translateY(-1px); box-shadow: 0 4px 12px rgba(0,0,133,0.2); text-decoration: none; }
+    .btn-secondary {
+      display: inline-flex; align-items: center; height: 40px;
+      background: var(--surface); color: var(--text);
+      font-weight: 600; font-size: 0.875rem; padding: 0 1.25rem;
+      border: 1px solid var(--border-strong); border-radius: 10px;
+      transition: border-color var(--transition), background var(--transition);
+    }
+    .btn-secondary:hover { border-color: rgba(15,23,42,0.22); background: rgba(255,255,255,0.9); text-decoration: none; }
+
+    /* --- Stepper --- */
+    .hero-panel {
+      background: var(--surface); border: 1px solid var(--border);
+      border-radius: var(--radius); padding: 1.75rem 2rem;
+      max-width: 720px; margin: 2rem auto 0; text-align: left;
+    }
+    .stepper { display: flex; flex-direction: column; gap: 0.25rem; }
+    .step {
+      display: grid; grid-template-columns: 20px 1fr; gap: 0.85rem;
+      padding: 0.75rem 0.5rem; border-radius: var(--radius-sm);
+      transition: background var(--transition);
+    }
+    .step-indicator { display: flex; flex-direction: column; align-items: center; }
+    .step-dot {
+      width: 8px; height: 8px; border-radius: 50%;
+      background: rgba(0,0,133,0.35); margin-top: 6px; flex-shrink: 0;
+    }
+    .step-line {
+      width: 1px; flex: 1; background: var(--border-strong); margin: 4px 0;
+    }
+    .step:last-child .step-line { display: none; }
+    .step-content { min-width: 0; }
+    .step-title {
+      font-size: 0.9rem; font-weight: 600; color: var(--text-strong); margin-bottom: 0.25rem;
+    }
+    .step-desc {
+      font-size: 0.82rem; color: var(--text-secondary); margin-bottom: 0.5rem; line-height: 1.5;
+    }
+    .step-content .code-block { margin-top: 0.25rem; }
+    .step-content .code-block pre { padding-right: 4rem; }
+    .step-label {
+      font-size: 0.78rem; font-weight: 500; color: var(--text-muted);
+      margin-bottom: 0.4rem; letter-spacing: 0.01em;
+    }
+    .stepper .copy-btn {
+      opacity: 1; transform: translateY(0);
+      background: rgba(99,102,241,0.25); border-color: rgba(99,102,241,0.35);
+      color: rgba(226,232,240,0.95);
+    }
+    .stepper .copy-btn:hover { background: rgba(99,102,241,0.4); color: #fff; }
+
+    /* --- Segmented control --- */
+    .seg-control {
+      display: inline-flex; background: rgba(15,23,42,0.04); border: 1px solid var(--border);
+      border-radius: 8px; padding: 2px; margin-bottom: 0.5rem;
+    }
+    .seg-btn {
+      background: transparent; border: none; padding: 0.25rem 0.7rem;
+      font-size: 0.75rem; font-weight: 500; font-family: inherit;
+      color: var(--text-muted); border-radius: 6px; cursor: pointer;
+      transition: background var(--transition), color var(--transition);
+    }
+    .seg-btn.active { background: var(--surface-solid); color: var(--text-strong); box-shadow: 0 1px 2px rgba(0,0,0,0.06); }
+    .client-block { display: none; }
+    .client-block.active { display: block; }
+
+    /* --- Desktop toggle --- */
+    .desktop-toggle {
+      font-size: 0.72rem; color: var(--text-muted); cursor: pointer;
+      margin-top: 0.3rem; display: inline-block;
+    }
+    .desktop-toggle:hover { color: var(--text-secondary); }
+    .desktop-content { display: none; margin-top: 0.5rem; }
+    .desktop-content.show { display: block; }
+
+    /* --- Section shared --- */
+    section {
+      max-width: var(--max-w); margin: 0 auto; padding: 0 1.5rem 3.5rem;
+    }
+    section h2 {
+      font-size: 1.25rem; font-weight: 650; letter-spacing: -0.015em;
+      margin-bottom: 1rem; color: var(--text-strong);
+    }
+
+    /* --- Code blocks --- */
+    .code-block {
+      position: relative; background: var(--code-bg);
+      border: 1px solid rgba(148,163,184,0.14);
+      border-radius: var(--radius-sm);
+      padding: 0.85rem 1rem; overflow-x: auto;
+    }
+    .code-block pre {
+      margin: 0; font-family: var(--mono); font-size: 0.8rem;
+      line-height: 1.65; white-space: pre; color: rgba(226,232,240,0.88);
+    }
+    .code-block.chat-prompt { border-color: rgba(99,102,241,0.22); }
+    .code-block .comment { color: rgba(148,163,184,0.5); }
+    .code-block .string { color: #34d399; }
+    .code-block .key { color: #60a5fa; }
+    .copy-btn {
+      position: absolute; top: 0.5rem; right: 0.5rem;
+      background: rgba(148,163,184,0.18); border: 1px solid rgba(148,163,184,0.25);
+      border-radius: 6px; color: rgba(226,232,240,0.85);
+      padding: 0.3rem 0.7rem; font-size: 0.74rem; font-weight: 500;
+      cursor: pointer; font-family: inherit;
+      opacity: 0; transform: translateY(-2px);
+      transition: opacity var(--transition), transform var(--transition), color var(--transition), background var(--transition);
+    }
+    .code-block:hover .copy-btn { opacity: 1; transform: translateY(0); }
+    .copy-btn:hover { color: #fff; background: rgba(148,163,184,0.32); }
+    .copy-btn.visible { opacity: 1; transform: translateY(0); }
+
+    /* --- Prompt Gallery --- */
+    .gallery {
+      display: grid; grid-template-columns: 220px 1fr;
+      background: var(--surface); border: 1px solid var(--border);
+      border-radius: var(--radius); overflow: hidden; min-height: 360px;
+    }
+    .gallery-sidebar {
+      border-right: 1px solid var(--border); padding: 0.5rem 0;
+      overflow-y: auto; max-height: 420px;
+    }
+    .gallery-item {
+      display: block; width: 100%; text-align: left; background: none; border: none;
+      padding: 0.55rem 0.85rem; cursor: pointer; font-family: inherit;
+      border-left: 2px solid transparent;
+      transition: background var(--transition), border-color var(--transition);
+    }
+    .gallery-item:hover { background: rgba(15,23,42,0.025); }
+    .gallery-item.active { background: rgba(15,23,42,0.03); border-left-color: var(--brand); }
+    .gallery-item-title {
+      font-size: 0.8rem; font-weight: 600; color: var(--text); line-height: 1.3;
+    }
+    .gallery-item-persona {
+      font-size: 0.68rem; color: var(--text-muted); margin-top: 0.1rem;
+    }
+    .gallery-detail { padding: 1.25rem; overflow-y: auto; max-height: 420px; }
+    .gallery-persona-badge {
+      display: inline-block; font-size: 0.65rem; font-weight: 600;
+      text-transform: uppercase; letter-spacing: 0.06em;
+      padding: 0.12rem 0.45rem; border-radius: var(--radius-xs);
+      background: rgba(0,0,133,0.05); color: var(--brand); margin-bottom: 0.5rem;
+    }
+    .gallery-detail h3 {
+      font-size: 1rem; font-weight: 650; margin-bottom: 0.65rem; color: var(--text-strong);
+    }
+    .gallery-prompt {
+      background: rgba(15,23,42,0.025); border: 1px solid var(--border); border-radius: var(--radius-sm);
+      padding: 0.75rem 0.85rem; font-size: 0.84rem; line-height: 1.5;
+      color: var(--text); margin-bottom: 0.85rem; position: relative;
+    }
+    .gallery-prompt .copy-prompt-btn {
+      position: absolute; top: 0.45rem; right: 0.45rem;
+      background: var(--surface-solid); border: 1px solid var(--border);
+      border-radius: 999px; padding: 0.15rem 0.45rem;
+      font-size: 0.65rem; cursor: pointer; font-family: inherit;
+      color: var(--text-muted); transition: color var(--transition);
+    }
+    .gallery-prompt .copy-prompt-btn:hover { color: var(--text); }
+    .gallery-tools-label {
+      font-size: 0.68rem; font-weight: 600; text-transform: uppercase;
+      letter-spacing: 0.06em; color: var(--text-muted); margin-bottom: 0.35rem;
+    }
+    .gallery-tools {
+      display: flex; flex-wrap: wrap; gap: 0.25rem; margin-bottom: 0.85rem;
+    }
+    .gallery-tool-tag {
+      font-family: var(--mono); font-size: 0.68rem;
+      background: rgba(15,23,42,0.035); border: 1px solid var(--border);
+      border-radius: var(--radius-xs); padding: 0.1rem 0.4rem;
+      color: var(--text-secondary);
+    }
+    .gallery-output-label {
+      font-size: 0.68rem; font-weight: 600; text-transform: uppercase;
+      letter-spacing: 0.06em; color: var(--text-muted); margin-bottom: 0.35rem;
+    }
+    .gallery-output {
+      background: var(--code-bg); border-radius: var(--radius-sm);
+      padding: 0.75rem 0.85rem; font-family: var(--mono); font-size: 0.72rem;
+      line-height: 1.55; color: rgba(148,163,184,0.85); overflow-x: auto; white-space: pre;
+    }
+
+    /* --- Tool Catalog --- */
+    .tool-search {
+      width: 100%; padding: 0.5rem 0.85rem; border: 1px solid var(--border);
+      border-radius: var(--radius-sm); font-size: 0.85rem; font-family: inherit;
+      background: var(--surface); margin-bottom: 0.65rem;
+      transition: border-color var(--transition);
+    }
+    .tool-search:focus { outline: none; border-color: rgba(0,0,133,0.25); }
+    .tool-list {
+      background: var(--surface); border: 1px solid var(--border);
+      border-radius: var(--radius-sm); overflow: hidden;
+    }
+    .tool-group { border-bottom: 1px solid var(--border); }
+    .tool-group:last-child { border-bottom: none; }
+    .tool-group summary {
+      cursor: pointer; padding: 0.5rem 0.85rem; font-size: 0.84rem; font-weight: 600;
+      background: transparent; border: none; list-style: none;
+      display: flex; align-items: center; gap: 0.4rem;
+      transition: background var(--transition); color: var(--text);
+    }
+    .tool-group summary:hover { background: rgba(15,23,42,0.02); }
+    .tool-group summary::after {
+      content: '\\25B6'; font-size: 0.5rem; color: var(--text-muted);
+      transition: transform var(--transition); flex-shrink: 0;
+    }
+    .tool-group[open] summary::after { transform: rotate(90deg); }
+    .tool-label { display: inline-flex; align-items: center; gap: 0.4rem; }
+    .api-badge {
+      font-size: 0.58rem; font-weight: 600; letter-spacing: 0.04em;
+      padding: 0.08rem 0.3rem; border-radius: 4px;
+    }
+    .api-badge-sfr { background: rgba(0,0,133,0.06); color: var(--brand); }
+    .api-badge-plr { background: rgba(125,125,182,0.1); color: var(--brand-lavender); }
+    .tool-group summary .tool-count {
+      font-size: 0.7rem; font-weight: 500; color: var(--text-muted);
+    }
+    .tool-group summary .tool-spacer { margin-left: auto; }
+    .tool-group-body {
+      padding: 0.2rem 0.85rem 0.55rem;
+      display: flex; flex-wrap: wrap; gap: 0.25rem;
+    }
+    .tool-group-body .tool-tag {
+      font-family: var(--mono); font-size: 0.68rem;
+      background: rgba(15,23,42,0.035); border: 1px solid var(--border);
+      border-radius: var(--radius-xs); padding: 0.1rem 0.4rem;
+      color: var(--text-secondary);
+    }
+    .tool-group-body .tool-tag.hidden { display: none; }
+    .tool-group.hidden { display: none; }
+
+    /* --- Status --- */
+    .status-row {
+      display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.65rem;
+    }
+    .status-card {
+      background: var(--surface); border: 1px solid var(--border);
+      border-radius: var(--radius-sm); padding: 0.75rem 0.85rem;
+    }
+    .status-card-header { display: flex; align-items: center; gap: 0.35rem; margin-bottom: 0.15rem; }
+    .status-dot {
+      width: 6px; height: 6px; border-radius: 50%; background: var(--text-muted); flex-shrink: 0;
+    }
+    .status-dot.ok { background: var(--green); }
+    .status-dot.down { background: var(--red); }
+    .status-dot.checking { background: var(--amber); animation: pulse 1.5s ease-in-out infinite; }
+    @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.4; } }
+    .status-card h3 { font-size: 0.8rem; font-weight: 600; color: var(--text); }
+    .status-detail { font-size: 0.72rem; color: var(--text-muted); }
+
+    /* --- CTA --- */
+    .cta-wrap {
+      background: linear-gradient(135deg, var(--brand) 0%, var(--brand-light) 50%, #00008B 100%);
+      margin-top: 0.5rem;
+    }
+    .cta {
+      text-align: center; padding: 3rem 1.5rem;
+      max-width: var(--max-w); margin: 0 auto;
+    }
+    .cta h2 { color: #fff; font-size: 1.35rem; font-weight: 700; letter-spacing: -0.02em; margin-bottom: 0.5rem; }
+    .cta p { color: rgba(255,255,255,0.65); font-size: 0.9rem; margin-bottom: 1.5rem; }
+    .cta-cards {
+      display: grid; grid-template-columns: 1fr 1fr; gap: 0.85rem;
+      max-width: 600px; margin: 0 auto; text-align: left;
+    }
+    .cta-card {
+      background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.15);
+      border-radius: var(--radius-sm); padding: 1.15rem;
+      backdrop-filter: blur(4px);
+    }
+    .cta-card-label {
+      font-size: 0.62rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.06em;
+      color: rgba(255,255,255,0.45); margin-bottom: 0.3rem;
+    }
+    .cta-card h3 { color: #fff; font-size: 0.95rem; font-weight: 700; margin-bottom: 0.3rem; }
+    .cta-card p { color: rgba(255,255,255,0.6); font-size: 0.8rem; margin-bottom: 0.75rem; line-height: 1.5; }
+    .cta-btn {
+      display: inline-block; background: #fff; color: var(--brand);
+      font-weight: 600; font-size: 0.8rem; padding: 0.45rem 1.1rem;
+      border-radius: 8px; transition: transform var(--transition);
+    }
+    .cta-btn:hover { transform: translateY(-1px); text-decoration: none; }
+
+    /* --- Footer --- */
+    footer { background: #0f172a; color: rgba(148,163,184,0.65); font-size: 0.78rem; }
+    .footer-inner {
+      max-width: var(--max-w); margin: 0 auto; padding: 1.15rem 1.5rem;
+      display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 0.75rem;
+    }
+    footer .links { display: flex; gap: 1.25rem; }
+    footer a { color: rgba(148,163,184,0.65); }
+    footer a:hover { color: #e2e8f0; text-decoration: none; }
+
+    /* --- Responsive --- */
+    @media (max-width: 768px) {
+      .hero { padding: 3rem 1.5rem 2rem; }
+      .hero-panel { max-width: none; }
+      .gallery { grid-template-columns: 1fr; }
+      .gallery-sidebar {
+        border-right: none; border-bottom: 1px solid var(--border);
+        display: flex; overflow-x: auto; max-height: none; padding: 0;
+      }
+      .gallery-item { border-left: none; border-bottom: 2px solid transparent; white-space: nowrap; padding: 0.45rem 0.75rem; }
+      .gallery-item.active { border-bottom-color: var(--brand); border-left-color: transparent; }
+      .gallery-detail { max-height: none; }
+      .status-row { grid-template-columns: 1fr; }
+      .cta-cards { grid-template-columns: 1fr; }
+    }
+  </style>
+</head>
+<body>
+
+  <div class="nav-wrap">
+    <nav>
+      <a href="https://www.sfranalytics.com" class="logo" aria-label="SFR Analytics">${LOGO_SVG}</a>
+      <div class="nav-right">
+        <a href="#examples">Examples</a>
+        <a href="#tools">Tools</a>
+        <a href="https://www.npmjs.com/package/@sfranalytics/mcp">npm</a>
+        <span class="version-badge">v${VERSION}</span>
+        <a href="https://www.sfranalytics.com" class="nav-cta" data-open-chat>Get API Key</a>
+      </div>
+    </nav>
+  </div>
+
+  <!-- Hero -->
+  <div class="hero">
+    <h1>Screen deals, research buyers, and underwrite loans &mdash; from <span class="accent">Claude Code</span> or <span class="accent">Cursor</span></h1>
+    <p class="hero-lead">39 MCP tools that give your AI assistant live access to property transactions, rental comps, market rankings, and private lending data. Set up in 60 seconds.</p>
+    <div class="hero-cta-row">
+      <a href="https://www.sfranalytics.com" class="btn-primary" data-open-chat>Get API Key</a>
+      <a href="#tools" class="btn-secondary">View 39 Tools</a>
+    </div>
+    <div class="hero-panel">
+      <div class="stepper">
+        <!-- Step 1 -->
+        <div class="step">
+          <div class="step-indicator"><div class="step-dot"></div><div class="step-line"></div></div>
+          <div class="step-content">
+            <div class="step-title">Create your account</div>
+            <div class="step-desc">Sign up at <a href="https://www.sfranalytics.com">sfranalytics.com</a> and grab your API key from the dashboard.</div>
+          </div>
+        </div>
+          <!-- Step 2 -->
+          <div class="step">
+            <div class="step-indicator"><div class="step-dot"></div><div class="step-line"></div></div>
+            <div class="step-content">
+              <div class="step-title">Connect your client</div>
+              <div class="seg-control">
+                <button class="seg-btn active" data-client="claude-code">Claude Code</button>
+                <button class="seg-btn" data-client="cursor">Cursor</button>
+              </div>
+              <div class="client-block active" id="client-claude-code">
+                <div class="step-label">Paste this into Claude Code:</div>
+                <div class="code-block chat-prompt">
+                  <button class="copy-btn" data-copy="claude-code">Copy</button>
+                  <pre style="color:rgba(226,232,240,0.92);white-space:pre-wrap;">Set up the SFR Analytics MCP server for me. The server URL is https://mcp.sfranalytics.com/mcp and it needs two HTTP headers: SFR-Api-Token set to <span class="string">YOUR_SFR_KEY</span> and PLR-Api-Token set to <span class="string">YOUR_PLR_KEY</span></pre>
+                </div>
+              </div>
+              <div class="client-block" id="client-cursor">
+                <div class="step-label">Paste this into Cursor chat:</div>
+                <div class="code-block chat-prompt">
+                  <button class="copy-btn" data-copy="cursor">Copy</button>
+                  <pre style="color:rgba(226,232,240,0.92);white-space:pre-wrap;">Add the SFR Analytics MCP server to my mcp.json config. Use npx with the package @sfranalytics/mcp. Set env vars SFR_API_TOKEN to <span class="string">YOUR_SFR_KEY</span> and PLR_API_TOKEN to <span class="string">YOUR_PLR_KEY</span></pre>
+                </div>
+              </div>
+              <span class="desktop-toggle" id="desktopToggle">Using Claude Desktop? &#9656;</span>
+              <div class="desktop-content" id="desktopContent">
+                <div class="code-block">
+                  <button class="copy-btn" data-copy="claude-desktop">Copy</button>
+                  <pre><span class="comment">// Add to claude_desktop_config.json</span>
+{
+  <span class="key">"mcpServers"</span>: {
+    <span class="key">"sfranalytics"</span>: {
+      <span class="key">"command"</span>: <span class="string">"npx"</span>,
+      <span class="key">"args"</span>: [<span class="string">"-y"</span>, <span class="string">"@sfranalytics/mcp"</span>],
+      <span class="key">"env"</span>: {
+        <span class="key">"SFR_API_TOKEN"</span>: <span class="string">"YOUR_SFR_KEY"</span>,
+        <span class="key">"PLR_API_TOKEN"</span>: <span class="string">"YOUR_PLR_KEY"</span>
+      }
+    }
+  }
+}</pre>
+                </div>
+              </div>
+            </div>
+          </div>
+          <!-- Step 3 -->
+          <div class="step">
+            <div class="step-indicator"><div class="step-dot"></div></div>
+            <div class="step-content">
+              <div class="step-title">Run your first query</div>
+              <div class="step-desc">Ask your AI assistant:</div>
+              <div class="code-block">
+                <button class="copy-btn" data-copy="first-query">Copy</button>
+                <pre style="color:rgba(226,232,240,0.92);white-space:pre-wrap;">Find the top 5 zip codes in Phoenix for SFR investment under $400k, sorted by gross yield</pre>
+              </div>
+            </div>
+          </div>
+      </div>
+    </div>
+  </div>
+
+  <!-- Prompt Gallery -->
+  <section id="examples">
+    <h2>See It in Action</h2>
+    <div class="gallery">
+      <div class="gallery-sidebar" id="gallerySidebar"></div>
+      <div class="gallery-detail" id="galleryDetail"></div>
+    </div>
+  </section>
+
+  <!-- Tool Catalog -->
+  <section id="tools">
+    <h2>Tool Catalog <span style="font-size:0.75rem;font-weight:500;color:var(--text-muted);">(39 tools)</span></h2>
+    <input class="tool-search" id="toolSearch" placeholder="Search tools&hellip;" autocomplete="off">
+    <div class="tool-list" id="toolGroups"></div>
+  </section>
+
+  <!-- Status -->
+  <section>
+    <h2>Server Status</h2>
+    <div class="status-row">
+      <div class="status-card">
+        <div class="status-card-header">
+          <div class="status-dot checking" id="dot-mcp"></div>
+          <h3>MCP Server</h3>
+        </div>
+        <div class="status-detail" id="detail-mcp">Checking&hellip;</div>
+      </div>
+      <div class="status-card">
+        <div class="status-card-header">
+          <div class="status-dot checking" id="dot-sfr"></div>
+          <h3>SFR API</h3>
+        </div>
+        <div class="status-detail" id="detail-sfr">Checking&hellip;</div>
+      </div>
+      <div class="status-card">
+        <div class="status-card-header">
+          <div class="status-dot checking" id="dot-plr"></div>
+          <h3>PLR API</h3>
+        </div>
+        <div class="status-detail" id="detail-plr">Checking&hellip;</div>
+      </div>
+    </div>
+  </section>
+
+  <!-- CTA -->
+  <div class="cta-wrap">
+    <div class="cta">
+      <h2>Get Your API Keys</h2>
+      <p>Provide at least one API token &mdash; SFR, PLR, or both. Tools are enabled per key.</p>
+      <div class="cta-cards">
+        <div class="cta-card">
+          <div class="cta-card-label">For investors &amp; developers</div>
+          <h3>SFR API</h3>
+          <p>Property transactions, buyer intelligence, rental analytics, and market data. 21 tools.</p>
+          <a class="cta-btn" href="https://www.sfranalytics.com/products/api" data-open-chat>Get API Access</a>
+        </div>
+        <div class="cta-card">
+          <div class="cta-card-label">For private lenders</div>
+          <h3>PLR API</h3>
+          <p>Borrower search, lender rankings, loan history, and market trends. 17 tools.</p>
+          <a class="cta-btn" href="https://www.sfranalytics.com/products/private-lender" data-open-chat>Book a Demo</a>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <footer>
+    <div class="footer-inner">
+      <span>&copy; ${new Date().getFullYear()} SFR Analytics</span>
+      <div class="links">
+        <a href="https://www.sfranalytics.com">sfranalytics.com</a>
+        <a href="https://www.npmjs.com/package/@sfranalytics/mcp">npm</a>
+        <a href="mailto:support@sfranalytics.com">Support</a>
+      </div>
+    </div>
+  </footer>
+
+  <script>
+    // --- Segmented control ---
+    document.querySelectorAll('.seg-btn').forEach(function(btn) {
+      btn.addEventListener('click', function() {
+        document.querySelectorAll('.seg-btn').forEach(function(b) { b.classList.remove('active'); });
+        document.querySelectorAll('.client-block').forEach(function(b) { b.classList.remove('active'); });
+        btn.classList.add('active');
+        document.getElementById('client-' + btn.dataset.client).classList.add('active');
+      });
+    });
+
+    // --- Desktop toggle ---
+    document.getElementById('desktopToggle').addEventListener('click', function() {
+      var content = document.getElementById('desktopContent');
+      var showing = content.classList.toggle('show');
+      this.textContent = 'Using Claude Desktop? ' + (showing ? '\\u25BE' : '\\u25B8');
+    });
+
+    // --- Copy ---
+    var snippets = {
+      'claude-code': 'Set up the SFR Analytics MCP server for me. The server URL is https://mcp.sfranalytics.com/mcp and it needs two HTTP headers: SFR-Api-Token set to YOUR_SFR_KEY and PLR-Api-Token set to YOUR_PLR_KEY',
+      'cursor': 'Add the SFR Analytics MCP server to my mcp.json config. Use npx with the package @sfranalytics/mcp. Set env vars SFR_API_TOKEN to YOUR_SFR_KEY and PLR_API_TOKEN to YOUR_PLR_KEY',
+      'claude-desktop': JSON.stringify({mcpServers:{sfranalytics:{command:"npx",args:["-y","@sfranalytics/mcp"],env:{SFR_API_TOKEN:"YOUR_SFR_KEY",PLR_API_TOKEN:"YOUR_PLR_KEY"}}}}, null, 2),
+      'first-query': 'Find the top 5 zip codes in Phoenix for SFR investment under $400k, sorted by gross yield'
+    };
+    document.querySelectorAll('.copy-btn').forEach(function(btn) {
+      btn.addEventListener('click', function() {
+        var key = btn.dataset.copy;
+        navigator.clipboard.writeText(snippets[key]).then(function() {
+          btn.textContent = 'Copied!';
+          setTimeout(function() { btn.textContent = 'Copy'; }, 1200);
+        });
+      });
+    });
+
+    // --- Prompt Gallery ---
+    var EXAMPLES = [
+      {
+        title: 'Deal screen in 60 seconds',
+        persona: 'SFR Investor',
+        prompt: 'Analyze 123 Main St, Mesa AZ 85201. Estimate market rent, cap rate, and cash-on-cash at 25% down. Use recent nearby rentals and recent sales comps. Show assumptions and a sensitivity table.',
+        tools: ['sfr_get_property', 'sfr_property_comps', 'sfr_rental_comparables'],
+        output: \`{
+  "property": { "beds": 3, "baths": 2, "sqft": 1420, "year": 2004 },
+  "rent_estimate": { "median": 2150, "p25": 1950, "p75": 2350 },
+  "cap_rate": 0.061,
+  "cash_on_cash": 0.074,
+  "comps_used": { "sales": 6, "rentals": 10 },
+  "assumptions": { "vacancy": 0.05, "maintenance": 0.08 }
+}\`
+      },
+      {
+        title: 'Rank zip codes by yield',
+        persona: 'Acquisitions Analyst',
+        prompt: 'Rank the top 10 zip codes in Phoenix metro for SFR acquisitions under $450k. Sort by gross yield. Include median rent, home value, and institutional ownership percentage.',
+        tools: ['sfr_zip_finder', 'sfr_zip_detail', 'sfr_rental_stats'],
+        output: \`{
+  "top_zips": [
+    { "zip": "85009", "gross_yield": 0.082, "med_value": 285000, "med_rent": 1950, "inst_own": 0.04 },
+    { "zip": "85033", "gross_yield": 0.079, "med_value": 310000, "med_rent": 2040, "inst_own": 0.06 },
+    { "zip": "85035", "gross_yield": 0.076, "med_value": 295000, "med_rent": 1870, "inst_own": 0.03 }
+  ],
+  "total_zips_screened": 89
+}\`
+      },
+      {
+        title: 'Who\\'s buying in Dallas?',
+        persona: 'Fund Manager',
+        prompt: 'Identify the top 10 repeat buyers of SFR in Dallas-Fort Worth in the last 90 days. For each, show deal count, typical price band, and whether they are mostly cash or financed.',
+        tools: ['sfr_top_buyers', 'sfr_buyer_profile', 'sfr_investor_activity'],
+        output: \`{
+  "top_buyers": [
+    { "name": "INVITATION HOMES", "deals": 47, "avg_price": 342000, "cash_pct": 0.15 },
+    { "name": "PROGRESS RESIDENTIAL", "deals": 31, "avg_price": 298000, "cash_pct": 0.22 },
+    { "name": "FIRSTKEY HOMES", "deals": 24, "avg_price": 275000, "cash_pct": 0.83 }
+  ],
+  "period": "last_90_days",
+  "total_institutional_deals": 284
+}\`
+      },
+      {
+        title: 'Bridge loan underwriting',
+        persona: 'Private Lender',
+        prompt: 'Underwrite a bridge loan request: purchase $320k, rehab $60k, ARV target $460k at 456 Oak Ave, Jacksonville FL. Validate ARV from comps, flag risks, and propose terms.',
+        tools: ['sfr_property_comps', 'plr_loans_nearby', 'plr_borrower_search'],
+        output: \`{
+  "arv_validation": { "comp_median": 448000, "comp_count": 8, "confidence": "moderate" },
+  "ltc": 0.826,
+  "arv_ltv": 0.696,
+  "risks": ["ARV comps show 12% dispersion", "Borrower has 2 active bridge loans"],
+  "proposed_terms": { "rate": 0.115, "points": 2.0, "term_months": 12 }
+}\`
+      },
+      {
+        title: 'Rent optimization audit',
+        persona: 'Asset Manager',
+        prompt: 'I have 8 rental properties in Charlotte, NC. For each zip (28205, 28208, 28210, 28212), find the current median rent for 3bd/2ba and compare to my current rents. Identify the biggest rent lift opportunities.',
+        tools: ['sfr_rental_stats', 'sfr_rental_comparables'],
+        output: \`{
+  "zip_analysis": [
+    { "zip": "28205", "market_median": 1850, "your_rent": 1550, "lift": 300, "pct": 0.19 },
+    { "zip": "28208", "market_median": 1720, "your_rent": 1650, "lift": 70, "pct": 0.04 },
+    { "zip": "28210", "market_median": 2100, "your_rent": 1900, "lift": 200, "pct": 0.11 },
+    { "zip": "28212", "market_median": 1680, "your_rent": 1700, "lift": -20, "pct": -0.01 }
+  ],
+  "total_annual_lift": 6600
+}\`
+      },
+      {
+        title: 'Private lending market overview',
+        persona: 'Market Analyst',
+        prompt: 'What are the nationwide private lending trends? Show total loan volume, top MSAs by growth, and the leading lenders by market share.',
+        tools: ['plr_portfolio_summary', 'plr_market_trends', 'plr_msa_rankings', 'plr_top_lenders'],
+        output: \`{
+  "nationwide": { "total_loans": 184200, "total_volume_bn": 42.8, "avg_loan": 232000 },
+  "top_growth_msas": [
+    { "msa": "Austin-Round Rock, TX", "yoy_growth": 0.34 },
+    { "msa": "Phoenix-Mesa-Chandler, AZ", "yoy_growth": 0.28 },
+    { "msa": "Tampa-St. Petersburg, FL", "yoy_growth": 0.22 }
+  ],
+  "top_lenders": [
+    { "name": "Kiavi", "market_share": 0.087 },
+    { "name": "Lima One Capital", "market_share": 0.064 }
+  ]
+}\`
+      }
+    ];
+
+    var activeExample = 0;
+    var sidebar = document.getElementById('gallerySidebar');
+    var detail = document.getElementById('galleryDetail');
+
+    function renderGallery() {
+      sidebar.innerHTML = EXAMPLES.map(function(ex, i) {
+        return '<button class="gallery-item' + (i === activeExample ? ' active' : '') + '" data-idx="' + i + '">' +
+          '<div class="gallery-item-title">' + ex.title + '</div>' +
+          '<div class="gallery-item-persona">' + ex.persona + '</div>' +
+        '</button>';
+      }).join('');
+
+      sidebar.querySelectorAll('.gallery-item').forEach(function(btn) {
+        btn.addEventListener('click', function() {
+          activeExample = parseInt(btn.dataset.idx);
+          renderGallery();
+        });
+      });
+
+      var ex = EXAMPLES[activeExample];
+      detail.innerHTML =
+        '<div class="gallery-persona-badge">' + ex.persona + '</div>' +
+        '<h3>' + ex.title + '</h3>' +
+        '<div class="gallery-prompt"><button class="copy-prompt-btn" id="copyPrompt">Copy</button>' + ex.prompt + '</div>' +
+        '<div class="gallery-tools-label">Tools called</div>' +
+        '<div class="gallery-tools">' + ex.tools.map(function(t) { return '<span class="gallery-tool-tag">' + t + '</span>'; }).join('') + '</div>' +
+        '<div class="gallery-output-label">Sample output</div>' +
+        '<div class="gallery-output">' + escapeHtml(ex.output) + '</div>';
+
+      document.getElementById('copyPrompt').addEventListener('click', function() {
+        var self = this;
+        navigator.clipboard.writeText(ex.prompt).then(function() {
+          self.textContent = 'Copied!';
+          setTimeout(function() { self.textContent = 'Copy'; }, 1200);
+        });
+      });
+    }
+
+    function escapeHtml(s) {
+      return s.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;');
+    }
+
+    renderGallery();
+
+    // --- Tool Catalog ---
+    var TOOL_GROUPS = [
+      { label: 'Property Research', api: 'SFR', tools: ['sfr_search_properties','sfr_get_property','sfr_property_transactions','sfr_property_batch','sfr_property_comps','sfr_distress_search'] },
+      { label: 'Rental Analysis', api: 'SFR', tools: ['sfr_rental_stats','sfr_rental_comparables','sfr_rental_market_analysis'] },
+      { label: 'Zip & Market Screening', api: 'SFR', tools: ['sfr_zip_finder','sfr_zip_detail','sfr_institutional_owners'] },
+      { label: 'Buyer Intelligence', api: 'SFR', tools: ['sfr_top_buyers','sfr_buyer_profile','sfr_buyer_growth','sfr_best_buyers','sfr_market_highlights'] },
+      { label: 'Market Activity', api: 'SFR', tools: ['sfr_investor_activity','sfr_flip_stats','sfr_flip_activity','sfr_activity_highlights'] },
+      { label: 'Borrower Intelligence', api: 'PLR', tools: ['plr_borrower_search','plr_borrower_profile','plr_borrower_rankings','plr_top_borrowers','plr_borrower_loans','plr_borrower_contacts'] },
+      { label: 'Lender Intelligence', api: 'PLR', tools: ['plr_lender_rankings','plr_top_lenders','plr_lender_borrowers','plr_churned_borrowers'] },
+      { label: 'Market & Portfolio', api: 'PLR', tools: ['plr_market_trends','plr_msa_rankings','plr_loans_nearby','plr_transaction_history','plr_portfolio_summary'] },
+      { label: 'Risk & Research', api: 'PLR', tools: ['plr_negative_remarks','plr_owner_search'] },
+      { label: 'Shared', api: '', tools: ['sfra_welcome','sfra_health'] }
+    ];
+
+    var toolGroupsEl = document.getElementById('toolGroups');
+    var toolSearchEl = document.getElementById('toolSearch');
+
+    function renderToolGroups(filter) {
+      var q = (filter || '').toLowerCase();
+      toolGroupsEl.innerHTML = TOOL_GROUPS.map(function(g) {
+        var matchingTools = g.tools.filter(function(t) { return !q || t.includes(q) || g.label.toLowerCase().includes(q); });
+        if (matchingTools.length === 0) return '';
+        var apiTag = g.api ? '<span class="api-badge api-badge-' + g.api.toLowerCase() + '">' + g.api + '</span>' : '';
+        return '<details class="tool-group"' + (!q ? '' : ' open') + '>' +
+          '<summary><span class="tool-label">' + g.label + apiTag + '<span class="tool-count">' + matchingTools.length + (matchingTools.length === 1 ? ' tool' : ' tools') + '</span></span><span class="tool-spacer"></span></summary>' +
+          '<div class="tool-group-body">' + matchingTools.map(function(t) { return '<span class="tool-tag">' + t + '</span>'; }).join('') + '</div>' +
+        '</details>';
+      }).join('');
+    }
+
+    toolSearchEl.addEventListener('input', function() { renderToolGroups(toolSearchEl.value); });
+    renderToolGroups('');
+
+    // --- Status ---
+    function setStatus(id, ok, txt) {
+      var dot = document.getElementById('dot-' + id);
+      var el = document.getElementById('detail-' + id);
+      dot.classList.remove('checking');
+      dot.classList.add(ok ? 'ok' : 'down');
+      el.textContent = txt;
+    }
+
+    function formatUptime(s) {
+      if (s < 60) return s + 's';
+      if (s < 3600) return Math.floor(s / 60) + 'm';
+      if (s < 86400) return Math.floor(s / 3600) + 'h ' + Math.floor((s % 3600) / 60) + 'm';
+      return Math.floor(s / 86400) + 'd ' + Math.floor((s % 86400) / 3600) + 'h';
+    }
+
+    fetch('/status')
+      .then(function(r) { return r.json(); })
+      .then(function(data) {
+        setStatus('mcp', true, 'v' + data.version + ' \\u00b7 up ' + formatUptime(data.uptimeSeconds));
+        if (data.apis.sfr) {
+          setStatus('sfr', data.apis.sfr.reachable,
+            data.apis.sfr.reachable ? 'Reachable \\u00b7 ' + data.apis.sfr.latencyMs + 'ms' : 'Unreachable');
+        } else { setStatus('sfr', false, 'Not configured'); }
+        if (data.apis.plr) {
+          setStatus('plr', data.apis.plr.reachable,
+            data.apis.plr.reachable ? 'Reachable \\u00b7 ' + data.apis.plr.latencyMs + 'ms' : 'Unreachable');
+        } else { setStatus('plr', false, 'Not configured'); }
+      })
+      .catch(function() {
+        setStatus('mcp', false, 'Could not reach server');
+        setStatus('sfr', false, 'Unknown');
+        setStatus('plr', false, 'Unknown');
+      });
+
+    // --- Crisp Chat ---
+    var CRISP_ID = '${crispId}';
+    if (CRISP_ID) {
+      window.$crisp = [];
+      window.CRISP_WEBSITE_ID = CRISP_ID;
+      var cs = document.createElement('script');
+      cs.src = 'https://client.crisp.chat/l.js';
+      cs.async = 1;
+      document.head.appendChild(cs);
+    }
+
+    // --- Wire "Get API Key" buttons to open Crisp chat ---
+    document.querySelectorAll('[data-open-chat]').forEach(function(el) {
+      el.addEventListener('click', function(e) {
+        if (window.$crisp && window.$crisp.push) {
+          e.preventDefault();
+          window.$crisp.push(['do', 'chat:open']);
+          window.$crisp.push(['do', 'message:send', ['text', 'Hi! I\\'d like to get set up with an API key.']]);
+        }
+        // If Crisp not loaded, falls through to href
+      });
+    });
+  </script>
+
+</body>
+</html>`;
+}
+//# sourceMappingURL=landing.js.map