:root {
      --bg-primary: #0D1117;
      --bg-surface: #161B22;
      --bg-elevated: #1C2128;
      --bg-inset: #0A0D12;
      --border: #30363D;
      --border-bright: #484F58;

      --amber: #E8A838;
      --amber-bright: #F0BC5E;
      --amber-dim: #C08B2E;
      --amber-glow: rgba(232, 168, 56, 0.15);
      --amber-glow-strong: rgba(232, 168, 56, 0.25);

      --text-primary: #E6EDF3;
      --text-secondary: #8B949E;
      --text-tertiary: #6E7681;
      --text-on-amber: #0D1117;

      --green: #3FB950;
      --red: #F85149;
      --blue: #58A6FF;

      --font-display: 'Sora', sans-serif;
      --font-body: 'Plus Jakarta Sans', sans-serif;
      --font-mono: 'JetBrains Mono', monospace;

      --radius: 10px;
      --radius-box: 15px;

      --sp-1: 8px; --sp-2: 16px; --sp-3: 24px; --sp-4: 32px;
      --sp-5: 40px; --sp-6: 48px; --sp-8: 64px; --sp-10: 80px;
      --sp-12: 96px; --sp-16: 128px;
      --max-width: 1200px;
    }

    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    html { font-size: 16px; -webkit-font-smoothing: antialiased; scroll-padding-top: 80px; }

    body {
      font-family: var(--font-body);
      font-size: 17px;
      font-weight: 400;
      line-height: 1.65;
      color: var(--text-primary);
      background: var(--bg-primary);
    }


    h1, h2, h3, h4 { font-family: var(--font-display); color: var(--text-primary); }
    section h2 { text-align: center; }
    p { max-width: 68ch; }
    a { color: var(--amber); text-decoration: none; transition: color 0.2s; }
    a:hover { color: var(--amber-bright); }
    .container { max-width: var(--max-width); margin: 0 auto; padding: 0 var(--sp-8); }

    /* Header */
    .header {
      position: fixed; top: 0; left: 0; right: 0; height: 72px;
      background: rgba(13,17,23,0.85);
      backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px);
      border-bottom: 1px solid var(--border); z-index: 100;
    }
    .header .container { display: flex; justify-content: space-between; align-items: center; height: 100%; }
    .header-left { display: flex; align-items: center; gap: var(--sp-4); }
    .logo { display: flex; align-items: center; gap: 10px; text-decoration: none; }
    .logo-glyph {
      width: 32px; height: 32px; background: var(--amber);
      display: flex; align-items: center; justify-content: center;
      font-family: var(--font-mono); font-size: 14px; font-weight: 700;
      color: var(--text-on-amber); letter-spacing: -0.5px;
      border-radius: var(--radius);
    }
    .logo-text { font-family: var(--font-display); font-size: 20px; font-weight: 700; color: var(--text-primary); letter-spacing: -0.02em; }
    .logo-text span { color: var(--amber); }
    .header-right { display: flex; align-items: center; gap: var(--sp-3); }
    .endorsement { font-size: 13px; color: var(--text-tertiary); text-decoration: none; font-family: var(--font-mono); }
    .endorsement:hover { color: var(--text-secondary); }
    .nav-link { font-family: var(--font-display); font-size: 14px; font-weight: 600; color: var(--text-secondary); text-decoration: none; transition: color 0.2s; }
    .nav-link:hover { color: var(--amber); }

    .btn {
      display: inline-flex; align-items: center; justify-content: center;
      height: 40px; padding: 0 var(--sp-3);
      font-family: var(--font-display); font-size: 14px; font-weight: 600;
      text-decoration: none; border: 2px solid transparent; cursor: pointer;
      transition: all 0.2s; border-radius: var(--radius);
      white-space: nowrap; box-sizing: border-box;
    }
    .btn-amber { background: var(--amber); color: var(--text-on-amber); border-color: var(--amber); }
    .btn-amber:hover { background: var(--amber-bright); border-color: var(--amber-bright); color: var(--text-on-amber); box-shadow: 0 0 24px var(--amber-glow-strong); }
    .btn-ghost { background: transparent; color: var(--text-secondary); border-color: var(--border-bright); }
    .btn-ghost:hover { border-color: var(--amber-dim); color: var(--amber); }
    .btn-lg { height: 48px; padding: 0 var(--sp-4); font-size: 15px; }

    /* Hero */
    .hero {
      padding-top: calc(72px + var(--sp-12));
      padding-bottom: var(--sp-12);
      position: relative; overflow: hidden;
    }
    .hero::before {
      content: ''; position: absolute; top: 0; left: 25%; transform: translateX(-50%);
      width: 800px; height: 600px;
      background: radial-gradient(ellipse at center, var(--amber-glow) 0%, transparent 70%);
      pointer-events: none;
    }
    .hero .container { position: relative; z-index: 1; }
    .hero-layout {
      display: grid; grid-template-columns: 1fr 480px;
      gap: var(--sp-8); align-items: center;
    }
    .hero-left { text-align: left; }
    .hero-badge {
      display: inline-flex; align-items: center; gap: 8px;
      padding: 6px 16px; background: var(--amber-glow);
      border: 1px solid rgba(232,168,56,0.3);
      border-radius: var(--radius);
      font-family: var(--font-mono); font-size: 12px; font-weight: 500;
      color: var(--amber); text-transform: uppercase; letter-spacing: 0.1em;
      margin-bottom: var(--sp-4);
    }
    .hero-badge::before {
      content: ''; width: 6px; height: 6px; background: var(--amber);
      border-radius: 50%; animation: pulse 2s ease-in-out infinite;
    }
    @keyframes pulse { 0%,100%{opacity:1} 50%{opacity:0.3} }

    .hero h1 { font-size: 52px; font-weight: 800; line-height: 1.1; letter-spacing: -0.03em; margin-bottom: var(--sp-4); }
    .hero h1 em { font-style: normal; color: var(--amber); }
    .hero-subtitle { font-size: 18px; color: var(--text-secondary); line-height: 1.6; margin-bottom: var(--sp-4); max-width: 560px; }
    .hero-cta { display: flex; gap: var(--sp-2); flex-wrap: wrap; }

    /* Evidence Bar */
    .evidence-bar {
      padding: var(--sp-5) 0;
      border-top: 1px solid var(--border);
      border-bottom: 1px solid var(--border);
      background: var(--bg-surface);
    }
    .evidence-grid {
      display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--sp-4);
      text-align: center;
    }
    .evidence-stat .ev-value {
      font-family: var(--font-display); font-size: 32px; font-weight: 800;
      color: var(--amber); line-height: 1;
    }
    .evidence-stat .ev-label {
      font-size: 13px; color: var(--text-tertiary); margin-top: 6px;
      font-family: var(--font-mono); text-transform: uppercase; letter-spacing: 0.06em;
    }

    /* Comparison / structural matrix */
    .comparison { padding: var(--sp-12) 0; border-bottom: 1px solid var(--border); background: var(--bg-inset); }
    .comparison h2 { font-size: 32px; font-weight: 700; letter-spacing: -0.02em; margin-bottom: var(--sp-2); text-align: center; }
    .comparison-subtitle { color: var(--text-secondary); margin: 0 auto var(--sp-6); text-align: center; max-width: 72ch; }

    .comp-table { width: 100%; border-collapse: collapse; }
    .comp-table th {
      font-family: var(--font-mono); font-size: 12px; font-weight: 500;
      text-transform: uppercase; letter-spacing: 0.1em;
      padding: var(--sp-2) var(--sp-3); text-align: left;
      border-bottom: 2px solid var(--border);
    }
    .comp-table th:first-child { color: var(--text-tertiary); }
    .comp-table th.theirs { color: var(--text-tertiary); }
    .comp-table th.ours { color: var(--amber); }

    .comp-table td {
      padding: 14px var(--sp-3); border-bottom: 1px solid var(--border);
      font-size: 15px; vertical-align: top;
    }
    .comp-table td:first-child {
      font-family: var(--font-mono); font-size: 13px; color: var(--text-secondary);
      font-weight: 500;
    }
    .comp-table td.theirs { color: var(--text-tertiary); }
    .comp-table td.ours { color: var(--text-primary); }
    .comp-table .check { color: var(--green); font-family: var(--font-mono); }
    .comp-table .cross { color: var(--red); font-family: var(--font-mono); opacity: 0.7; }
    .comp-table .warn { color: var(--amber-dim); font-family: var(--font-mono); }

    .comp-source {
      margin-top: var(--sp-4); text-align: center;
      font-size: 14px; color: var(--text-secondary);
    }
    .comp-source strong { color: var(--text-primary); font-weight: 600; }

    /* Capabilities / Pillars */
    .capabilities { padding: var(--sp-12) 0; border-bottom: 1px solid var(--border); background: var(--bg-surface); }
    .capabilities h2 { font-size: 32px; font-weight: 700; letter-spacing: -0.02em; margin-bottom: var(--sp-2); }
    .capabilities-subtitle { color: var(--text-secondary); margin: 0 auto var(--sp-6); max-width: 72ch; text-align: center; }

    .cap-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--sp-3); }
    .cap-card {
      padding: var(--sp-4); background: var(--bg-surface);
      border: 1px solid var(--border); transition: border-color 0.2s;
      border-radius: var(--radius-box);
    }
    .cap-card:hover { border-color: var(--amber-dim); }
    .cap-card h3 { font-size: 18px; font-weight: 700; margin-bottom: var(--sp-1); }
    .cap-count {
      font-family: var(--font-mono); font-size: 12px; color: var(--amber);
      margin-bottom: var(--sp-2);
    }
    .cap-card p { font-size: 14px; color: var(--text-secondary); line-height: 1.55; }

    /* Terminal Readout */
    .readout { padding: var(--sp-12) 0; border-bottom: 1px solid var(--border); background: var(--bg-inset); }
    .readout h2 { font-size: 32px; font-weight: 700; letter-spacing: -0.02em; margin-bottom: var(--sp-2); }
    .readout-subtitle { color: var(--text-secondary); margin: 0 auto var(--sp-6); max-width: 72ch; text-align: center; }

    .terminal { background: var(--bg-inset); border: 1px solid var(--border); overflow: hidden; border-radius: var(--radius-box); }
    .terminal-bar {
      display: flex; align-items: center; gap: 8px;
      padding: 12px var(--sp-3); background: var(--bg-surface);
      border-bottom: 1px solid var(--border);
    }
    .terminal-dot { width: 12px; height: 12px; border-radius: 50%; background: var(--border-bright); }
    .terminal-dot:nth-child(1) { background: #F85149; }
    .terminal-dot:nth-child(2) { background: #D29922; }
    .terminal-dot:nth-child(3) { background: #3FB950; }
    .terminal-title { font-family: var(--font-mono); font-size: 12px; color: var(--text-tertiary); margin-left: 8px; }

    .terminal-body {
      padding: var(--sp-4); font-family: var(--font-mono); font-size: 13px;
      line-height: 1.7; color: var(--text-secondary); white-space: pre; overflow-x: auto;
    }
    .terminal-body .prompt { color: var(--amber); }
    .terminal-body .cmd { color: var(--text-primary); font-weight: 500; }
    .terminal-body .success { color: var(--green); }
    .terminal-body .heading { color: var(--text-primary); font-weight: 700; }
    .terminal-body .bar { color: var(--amber); }
    .terminal-body .bar-dim { color: var(--amber-dim); }
    .terminal-body .dim { color: var(--text-tertiary); }
    .terminal-body .val { color: var(--amber-bright); }
    .terminal-body .tree { color: var(--text-tertiary); }

    /* Demo Showcase */
    .showcase { padding: var(--sp-12) 0; border-bottom: 1px solid var(--border); background: var(--bg-surface); }
    .showcase h2 { font-size: 32px; font-weight: 700; letter-spacing: -0.02em; margin-bottom: var(--sp-2); }
    .showcase-subtitle { color: var(--text-secondary); margin: 0 auto var(--sp-6); max-width: 72ch; text-align: center; }

    .showcase-content {
      display: grid; grid-template-columns: 1fr 1fr;
      gap: var(--sp-6); align-items: stretch;
    }
    .showcase-text h3 { font-size: 22px; font-weight: 700; margin-bottom: var(--sp-2); }
    .showcase-text p { font-size: 15px; color: var(--text-secondary); line-height: 1.6; margin-bottom: var(--sp-3); }
    .showcase-specs { list-style: none; }
    .showcase-specs li {
      font-size: 14px; color: var(--text-secondary); padding: 8px 0;
      border-bottom: 1px solid rgba(48,54,61,0.5);
      display: flex; align-items: flex-start; gap: 10px;
    }
    .showcase-specs li:last-child { border-bottom: none; }
    .showcase-specs li::before {
      content: ''; width: 4px; height: 4px; margin-top: 8px;
      background: var(--amber); border-radius: 50%; flex-shrink: 0;
    }

    .showcase-card {
      background: var(--bg-surface); border: 1px solid var(--border); padding: var(--sp-4);
      border-radius: var(--radius-box);
    }
    .showcase-card-header {
      font-family: var(--font-mono); font-size: 12px; color: var(--amber);
      text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: var(--sp-3);
      padding-bottom: var(--sp-2); border-bottom: 1px solid var(--border);
    }
    .showcase-stat {
      display: flex; justify-content: space-between; padding: 8px 0;
      border-bottom: 1px solid rgba(48,54,61,0.3); font-size: 14px;
    }
    .showcase-stat:last-child { border-bottom: none; }
    .showcase-stat .stat-label { color: var(--text-secondary); }
    .showcase-stat .stat-value { color: var(--text-primary); font-family: var(--font-mono); font-weight: 500; }

    /* Visual Proof */
    .visual-proof { padding: var(--sp-12) 0; border-bottom: 1px solid var(--border); background: var(--bg-surface); }
    .visual-proof h2 { font-size: 32px; font-weight: 700; letter-spacing: -0.02em; margin-bottom: var(--sp-2); }
    .visual-proof-subtitle { color: var(--text-secondary); margin: 0 auto var(--sp-6); max-width: 72ch; text-align: center; }

    .proof-tabs { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--sp-1); margin-bottom: var(--sp-4); }
    .proof-tab {
      padding: 10px var(--sp-3); font-family: var(--font-mono); font-size: 13px;
      font-weight: 500; background: var(--bg-surface); border: 1px solid var(--border);
      color: var(--text-tertiary); cursor: pointer; transition: all 0.2s;
      border-radius: var(--radius);
    }
    .proof-tab:hover { color: var(--text-secondary); }
    .proof-tab.active { color: var(--amber); border-color: var(--amber-dim); background: var(--bg-elevated); }

    .proof-panel { display: none; }
    .proof-panel.active { display: block; }

    /* Microflow screenshot */
    .proof-screenshot {
      border: 1px solid var(--border); overflow: hidden; position: relative;
      border-radius: var(--radius-box);
    }
    .proof-screenshot img {
      width: 100%; height: auto; display: block;
      filter: brightness(1.05) contrast(1.05);
    }
    .proof-screenshot-caption {
      padding: 12px var(--sp-3); background: var(--bg-surface);
      border-top: 1px solid var(--border);
      font-family: var(--font-mono); font-size: 12px; color: var(--text-tertiary);
    }

    /* Domain Model Diagram */
    .domain-diagram { padding: var(--sp-4); background: var(--bg-inset); border: 1px solid var(--border); border-radius: var(--radius-box); }
    .domain-entities {
      display: grid; grid-template-columns: repeat(3, 1fr);
      gap: var(--sp-3); margin-bottom: var(--sp-4);
    }
    .domain-entity {
      border: 1px solid var(--border); background: var(--bg-surface);
      overflow: hidden; border-radius: var(--radius);
    }
    .domain-entity-header {
      padding: 8px 12px; background: var(--bg-elevated);
      border-bottom: 1px solid var(--border);
      font-family: var(--font-mono); font-size: 13px; font-weight: 700;
      color: var(--amber);
    }
    .domain-entity-fields { padding: 8px 12px; }
    .domain-field {
      font-family: var(--font-mono); font-size: 12px;
      padding: 3px 0; color: var(--text-secondary);
      display: flex; justify-content: space-between;
    }
    .domain-field .field-type { color: var(--text-tertiary); font-size: 11px; }
    .domain-assoc {
      padding: var(--sp-2) var(--sp-3); border-top: 1px solid var(--border);
      font-family: var(--font-mono); font-size: 12px; color: var(--text-tertiary);
    }
    .domain-assoc-line {
      display: flex; align-items: center; gap: 8px; padding: 4px 0;
    }
    .domain-assoc-arrow { color: var(--amber); }

    /* Security Matrix */
    .security-matrix {
      width: 100%; border-collapse: collapse;
      font-family: var(--font-mono); font-size: 13px;
    }
    .security-matrix th {
      padding: 10px 12px; text-align: left;
      border-bottom: 2px solid var(--border);
      font-weight: 500; text-transform: uppercase; letter-spacing: 0.06em;
      font-size: 11px;
    }
    .security-matrix th:first-child { color: var(--text-tertiary); }
    .security-matrix th.role-user { color: var(--text-secondary); }
    .security-matrix th.role-manager { color: var(--amber-dim); }
    .security-matrix th.role-admin { color: var(--amber); }
    .security-matrix td {
      padding: 8px 12px; border-bottom: 1px solid var(--border);
      font-size: 12px;
    }
    .security-matrix td:first-child { color: var(--text-secondary); font-weight: 500; }
    .perm-full { color: var(--green); }
    .perm-partial { color: var(--amber-dim); }
    .perm-none { color: var(--text-tertiary); opacity: 0.5; }

    /* Portfolio */
    .portfolio { padding: var(--sp-12) 0; border-bottom: 1px solid var(--border); background: var(--bg-inset); }
    .portfolio h2 { font-size: 32px; font-weight: 700; letter-spacing: -0.02em; margin-bottom: var(--sp-2); }
    .portfolio-subtitle { color: var(--text-secondary); margin: 0 auto var(--sp-6); max-width: 72ch; text-align: center; }

    .portfolio-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--sp-3); }
    .portfolio-card {
      padding: var(--sp-4); background: var(--bg-surface); border: 1px solid var(--border);
      border-radius: var(--radius-box);
    }
    .portfolio-card h3 { font-size: 16px; font-weight: 700; margin-bottom: var(--sp-1); }
    .portfolio-card .portfolio-domain {
      font-family: var(--font-mono); font-size: 12px; color: var(--amber); margin-bottom: var(--sp-2);
    }
    .portfolio-card .portfolio-stats {
      font-size: 13px; color: var(--text-secondary); line-height: 1.6;
    }
    .portfolio-card .portfolio-stats strong { color: var(--text-primary); }

    /* CTA */
    .cta { padding: var(--sp-12) 0; border-bottom: 1px solid var(--border); text-align: center; background: var(--bg-surface); }
    .cta h2 { font-size: 36px; font-weight: 800; letter-spacing: -0.02em; margin-bottom: var(--sp-2); }
    .cta p { color: var(--text-secondary); margin: 0 auto var(--sp-5); }
    .cta-note { font-family: var(--font-mono); font-size: 13px; color: var(--text-tertiary); margin-top: var(--sp-4); }
    .cta-buttons { display: flex; justify-content: center; gap: var(--sp-2); flex-wrap: wrap; }

    /* Footer */
    .footer { padding: var(--sp-8) 0 var(--sp-6); border-top: 1px solid var(--border); }
    .footer-grid {
      display: grid; grid-template-columns: 2fr 1fr 1fr; gap: var(--sp-8);
      margin-bottom: var(--sp-6); padding-bottom: var(--sp-6);
      border-bottom: 1px solid var(--border);
    }
    .footer-brand p { font-size: 14px; color: var(--text-secondary); line-height: 1.55; max-width: 300px; margin-top: var(--sp-2); }
    .footer-logo { font-family: var(--font-display); font-size: 16px; font-weight: 700; color: var(--text-primary); letter-spacing: -0.01em; }
    .footer-logo span { color: var(--amber); }
    .footer h4 { font-family: var(--font-mono); font-size: 11px; font-weight: 600; color: var(--text-tertiary); margin-bottom: var(--sp-2); text-transform: uppercase; letter-spacing: 0.08em; }
    .footer ul { list-style: none; }
    .footer li { margin-bottom: 10px; }
    .footer-col a { font-size: 14px; color: var(--text-secondary); }
    .footer-col a:hover { color: var(--amber); }
    .footer-bottom { display: flex; justify-content: space-between; align-items: center; gap: var(--sp-3); flex-wrap: wrap; }
    .footer-bottom span, .footer-bottom a { font-size: 13px; color: var(--text-tertiary); }
    .footer-bottom a:hover { color: var(--amber); }
    .footer-legal-links { display: flex; gap: var(--sp-3); }
    .footer-disclaimer { margin-top: var(--sp-3); padding-top: var(--sp-3); border-top: 1px solid var(--border); }
    .footer-disclaimer p { font-size: 12px; color: var(--text-tertiary); line-height: 1.5; max-width: none; }

    /* Responsive */
    @media (max-width: 1024px) {
      .container { padding: 0 var(--sp-6); }
      .hero-layout { grid-template-columns: 1fr; }
      .hero-left { text-align: center; }
      .hero-left .hero-cta { justify-content: center; }
      .hero-left .hero-subtitle { max-width: none; }
      .hero-left .hero-proofline { max-width: none; text-align: left; margin-left: auto; margin-right: auto; display: inline-block; }
      .hero h1 { font-size: 42px; }
      .evidence-grid { grid-template-columns: repeat(2, 1fr); gap: var(--sp-3); }
      .comp-table { font-size: 14px; }
      .cap-grid { grid-template-columns: repeat(2, 1fr); }
      .showcase-content { grid-template-columns: 1fr; }
      .portfolio-grid { grid-template-columns: repeat(2, 1fr); }
      .terminal-body { font-size: 12px; }
      .footer-grid { grid-template-columns: 1fr 1fr; gap: var(--sp-6); }
    }
    @media (max-width: 640px) {
      .container { padding: 0 var(--sp-4); }
      .hero { padding-top: calc(72px + var(--sp-10)); padding-bottom: var(--sp-8); }
      .hero h1 { font-size: 32px; }
      .hero-subtitle { font-size: 16px; }
      .endorsement { display: none; }
      .evidence-grid, .cap-grid, .portfolio-grid { grid-template-columns: 1fr; }
      .comp-table th, .comp-table td { padding: 10px 12px; font-size: 13px; }
      .evidence-bar, .comparison, .capabilities, .readout, .showcase, .visual-proof, .portfolio, .cta { padding: var(--sp-8) 0; }
      .footer-grid { grid-template-columns: 1fr; gap: var(--sp-4); }
      .footer-bottom { flex-direction: column; gap: var(--sp-2); text-align: center; }
      .terminal-body { font-size: 11px; padding: var(--sp-2); }
    }
    @media (prefers-reduced-motion: reduce) { * { animation: none !important; transition: none !important; } }
    .btn:focus-visible, a:focus-visible { outline: 2px solid var(--amber); outline-offset: 2px; }
    .skip-link { position: absolute; top: -100px; left: var(--sp-2); padding: var(--sp-2); background: var(--amber); color: var(--text-on-amber); z-index: 1000; }
    .skip-link:focus { top: var(--sp-2); }

    /* ── GTM reification additions (2026-06-10) ───────────────────────────── */

    /* Hero proof-line */
    .hero-proofline {
      font-family: var(--font-mono); font-size: 13px; line-height: 1.6;
      color: var(--text-secondary); margin: 0 0 var(--sp-5);
      max-width: 560px; padding-left: var(--sp-3);
      border-left: 2px solid var(--amber-dim);
    }
    .hero-proofline .pf-num { color: var(--amber); font-weight: 700; }

    /* Pillars (3-column capability grid) */
    .cap-grid.cols-3 { grid-template-columns: repeat(3, 1fr); }
    .pillar-card { display: flex; flex-direction: column; }
    .pillar-card h3 { font-size: 20px; margin-bottom: var(--sp-1); }
    .pillar-card .pillar-line { font-size: 15px; color: var(--text-secondary); line-height: 1.55; margin-bottom: var(--sp-3); }
    .pillar-proof {
      font-family: var(--font-mono); font-size: 12px; line-height: 1.7;
      color: var(--amber-dim); border-top: 1px solid var(--border);
      padding-top: var(--sp-2); margin-top: auto;
    }

    /* Benchmark — the 29 → 0 centrepiece */
    .benchmark { padding: var(--sp-12) 0; border-bottom: 1px solid var(--border); background: var(--bg-inset); }
    .benchmark h2 { font-size: 32px; font-weight: 700; letter-spacing: -0.02em; margin-bottom: var(--sp-2); text-align: center; }
    .benchmark-subtitle { color: var(--text-secondary); margin: 0 auto var(--sp-6); text-align: center; max-width: 70ch; }
    .bench-figure {
      text-align: center; font-family: var(--font-display); font-weight: 800;
      font-size: 56px; letter-spacing: -0.03em; color: var(--amber);
      line-height: 1.05; margin-bottom: var(--sp-6);
    }
    .bench-compare { display: grid; grid-template-columns: 1fr 1fr; gap: var(--sp-3); margin-bottom: var(--sp-5); }
    .bench-col { background: var(--bg-inset); border: 1px solid var(--border); border-radius: var(--radius-box); overflow: hidden; }
    .bench-col.mxto { border-color: var(--amber-dim); }
    .bench-col-head {
      padding: 12px var(--sp-3); background: var(--bg-surface);
      border-bottom: 1px solid var(--border);
      font-family: var(--font-mono); font-size: 12px;
      text-transform: uppercase; letter-spacing: 0.08em;
    }
    .bench-col.theirs .bench-col-head { color: var(--text-tertiary); }
    .bench-col.mxto .bench-col-head { color: var(--amber); }
    .bench-metrics { display: flex; gap: var(--sp-5); padding: var(--sp-3); border-bottom: 1px solid var(--border); }
    .bench-metric .bm-val { font-family: var(--font-mono); font-size: 24px; font-weight: 700; color: var(--text-tertiary); }
    .bench-col.mxto .bench-metric .bm-val { color: var(--amber-bright); }
    .bench-metric .bm-label { font-family: var(--font-mono); font-size: 11px; color: var(--text-tertiary); text-transform: uppercase; letter-spacing: 0.06em; margin-top: 4px; }
    .bench-code {
      padding: var(--sp-3); font-family: var(--font-mono); font-size: 12px;
      line-height: 1.65; color: var(--text-secondary); white-space: pre; overflow-x: auto;
    }
    .bench-code .uuid { color: var(--red); opacity: 0.8; }
    .bench-code .kw { color: var(--amber); }
    .bench-code .nm { color: var(--text-primary); }
    .bench-code .cm { color: var(--text-tertiary); }
    .bench-heroes { display: flex; justify-content: center; gap: var(--sp-10); flex-wrap: wrap; margin-bottom: var(--sp-4); }
    .bench-hero { text-align: center; }
    .bench-hero .bh-num { font-family: var(--font-display); font-size: 40px; font-weight: 800; color: var(--amber); line-height: 1; }
    .bench-hero .bh-label { font-family: var(--font-mono); font-size: 12px; color: var(--text-tertiary); text-transform: uppercase; letter-spacing: 0.06em; margin-top: 6px; }
    .bench-note { text-align: center; font-size: 12px; color: var(--text-tertiary); font-family: var(--font-mono); max-width: 84ch; margin: 0 auto; line-height: 1.6; }

    /* Proof points lead-in */
    .proof-points { display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--sp-3); margin-bottom: var(--sp-8); }
    .proof-point {
      padding: var(--sp-3); background: var(--bg-surface); border: 1px solid var(--border);
      border-radius: var(--radius); border-top: 3px solid var(--amber-dim);
    }
    .proof-point .pp-val { font-family: var(--font-display); font-size: 24px; font-weight: 800; color: var(--amber); line-height: 1.1; }
    .proof-point .pp-label { font-size: 13px; color: var(--text-secondary); margin-top: 6px; line-height: 1.45; }

    /* Funnel → AYIOS (structural → semantic breadcrumb) */
    .funnel { padding: var(--sp-12) 0; border-bottom: 1px solid var(--border); text-align: center; background: var(--bg-inset); }
    .funnel h2 { font-size: 32px; font-weight: 700; letter-spacing: -0.02em; margin-bottom: var(--sp-3); }
    .funnel p { color: var(--text-secondary); margin: 0 auto var(--sp-5); max-width: 72ch; }
    .funnel .funnel-rule { display: inline-flex; align-items: center; gap: var(--sp-2); font-family: var(--font-mono); font-size: 13px; color: var(--text-tertiary); margin-bottom: var(--sp-4); flex-wrap: wrap; justify-content: center; }
    .funnel .funnel-rule .arrow { color: var(--amber); }

    /* Hero live terminal (replaces the demo-video placeholder) */
    .hero-terminal {
      background: var(--bg-inset); border: 1px solid var(--border-bright);
      border-radius: var(--radius-box); overflow: hidden; align-self: stretch;
    }
    .hero-terminal .terminal-body { font-size: 13px; padding: var(--sp-3); }
    .hero-terminal-cap {
      font-family: var(--font-mono); font-size: 11px; color: var(--text-tertiary);
      text-transform: uppercase; letter-spacing: 0.1em;
      padding: 10px var(--sp-3); border-top: 1px solid var(--border); background: var(--bg-surface);
    }
    .cursor {
      display: inline-block; width: 8px; height: 14px; background: var(--amber);
      margin-left: 3px; vertical-align: middle; animation: blink 1.1s steps(1) infinite;
    }
    @keyframes blink { 0%,50%{opacity:1} 50.01%,100%{opacity:0} }

    /* Demo-request form */
    .demo-form { max-width: 560px; margin: 0 auto; text-align: left; }
    .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: var(--sp-3); }
    .form-group { margin-bottom: var(--sp-3); }
    .form-group label { display: block; font-family: var(--font-mono); font-size: 12px; text-transform: uppercase; letter-spacing: 0.06em; color: var(--text-tertiary); margin-bottom: 8px; }
    .form-group input {
      width: 100%; height: 48px; padding: 0 var(--sp-2);
      background: var(--bg-inset); border: 1px solid var(--border); border-radius: var(--radius);
      color: var(--text-primary); font-family: var(--font-body); font-size: 15px; transition: border-color 0.2s;
    }
    .form-group input:focus { outline: none; border-color: var(--amber-dim); }
    .form-group input::placeholder { color: var(--text-tertiary); }
    .cta .cta-note { max-width: 560px; }
    .cta .cta-note a { color: var(--amber); }

    @media (max-width: 1024px) {
      .cap-grid.cols-3 { grid-template-columns: 1fr; }
      .bench-compare { grid-template-columns: 1fr; }
      .proof-points { grid-template-columns: repeat(2, 1fr); }
      .hero-terminal { max-width: 560px; margin: 0 auto; width: 100%; }
    }
    @media (max-width: 640px) {
      .proof-points { grid-template-columns: 1fr; }
      .bench-figure { font-size: 38px; }
      .bench-heroes { gap: var(--sp-4); }
      .benchmark, .funnel { padding: var(--sp-8) 0; }
      .hero-terminal { display: none; }
      .form-row { grid-template-columns: 1fr; }
    }

    /* Honeypot — visually hidden, off-screen (bots fill it, humans don't) */
    .hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; opacity: 0; }

    /* ── Mobile polish (≤640px) ─────────────────────────────────────────── */
    @media (max-width: 640px) {
      /* Code + terminal blocks: smaller, smooth horizontal scroll (monospace scrolls) */
      .bench-code, .terminal-body { font-size: 10.5px; line-height: 1.55; -webkit-overflow-scrolling: touch; }
      .bench-metric .bm-val { font-size: 20px; }

      /* Domain-model diagram → single column so entities aren't crushed */
      .domain-entities { grid-template-columns: 1fr; }

      /* Security matrix → horizontal scroll instead of cramming 4 columns */
      .proof-panel { overflow-x: auto; -webkit-overflow-scrolling: touch; }
      .security-matrix { min-width: 460px; }

      /* Differentiation table → stacked cards (thead hidden, row = card, labelled cells) */
      .comp-table thead { display: none; }
      .comp-table, .comp-table tbody, .comp-table tr, .comp-table td { display: block; width: 100%; }
      .comp-table tr {
        border: 1px solid var(--border); border-radius: var(--radius-box);
        margin-bottom: var(--sp-2); padding: var(--sp-2) var(--sp-3); background: var(--bg-surface);
      }
      .comp-table td { border: none !important; padding: 5px 0; font-size: 14px; }
      .comp-table td:first-child {
        font-family: var(--font-display); color: var(--text-primary);
        font-size: 16px; font-weight: 700; white-space: normal; margin-bottom: 6px; padding-bottom: 8px;
        border-bottom: 1px solid var(--border) !important;
      }
      .comp-table td.theirs::before {
        content: "Other approaches  "; display: inline-block; min-width: 132px;
        color: var(--text-tertiary); font-family: var(--font-mono); font-size: 11px;
        text-transform: uppercase; letter-spacing: 0.04em;
      }
      .comp-table td.ours::before {
        content: "mxto  "; display: inline-block; min-width: 132px;
        color: var(--amber); font-family: var(--font-mono); font-size: 11px;
        text-transform: uppercase; letter-spacing: 0.04em;
      }
    }