/* ===========================================================
       THE CRAFT
       One accent. One serif. Restraint as discipline.
       Apple by way of a small editorial magazine.
       =========================================================== */

    :root {
      --bg: #0b0b0c;
      --bg-rise: #111113;
      --ink: #ece8e1;
      --ink-1: #b8b2a6;
      --ink-2: #8a8478;
      --ink-3: #51504a;
      --rule: rgba(236, 232, 225, 0.10);
      --rule-strong: rgba(236, 232, 225, 0.22);
      --accent: #e89947;
      --accent-soft: rgba(232, 153, 71, 0.12);
      --stage-question: #e89947;
      --stage-retrieval: #56b6c2;
      --stage-citations: #c678dd;
      --stage-answer: #7fc380;
      --stage-artifact: #e5c07b;
      --stage-guards: #e06c75;

      --serif: 'Fraunces', 'Times New Roman', serif;
      --sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', sans-serif;
      --mono: 'JetBrains Mono', 'SF Mono', Menlo, monospace;

      --gutter: 56px;
      --max: 1280px;
      --rhythm: 150px;
      --anchor-offset: 86px;

      --ease: cubic-bezier(0.2, 0.8, 0.2, 1);
    }

    * { margin: 0; padding: 0; box-sizing: border-box; }
    html {
      scroll-behavior: smooth;
      scroll-padding-top: var(--anchor-offset);
      -webkit-font-smoothing: antialiased;
    }
    body {
      background: var(--bg);
      color: var(--ink);
      font-family: var(--sans);
      font-size: 18px;
      line-height: 1.55;
      font-weight: 400;
      overflow-x: hidden;
    }

    ::selection { background: var(--accent); color: var(--bg); }

    /* ===== TYPOGRAPHIC SYSTEM ===== */
    .display {
      font-family: var(--serif);
      font-weight: 350;
      font-style: normal;
      letter-spacing: 0;
      line-height: 0.92;
      font-variation-settings: "opsz" 144, "SOFT" 30;
    }
    .display em {
      font-style: italic;
      font-weight: 350;
      font-variation-settings: "opsz" 144, "SOFT" 100;
      color: var(--accent);
    }
    .kicker {
      font-family: var(--mono);
      font-size: 12px;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      color: var(--ink-2);
      font-weight: 500;
    }
    .lead {
      font-family: var(--serif);
      font-weight: 350;
      font-size: 24px;
      line-height: 1.45;
      color: var(--ink);
      letter-spacing: 0;
    }
    p { color: var(--ink-2); }
    p strong { color: var(--ink); font-weight: 500; }

    a { color: inherit; text-decoration: none; }
    section[id],
    .contact-block[id],
    #agent-input {
      scroll-margin-top: var(--anchor-offset);
    }

    /* ===== LAYOUT ===== */
    .wrap {
      width: min(var(--max), calc(100% - 112px));
      max-width: var(--max);
      margin: 0 auto;
      padding: 0;
    }
    .rule { height: 1px; background: var(--rule); margin: 0; border: 0; }
    /* ===== NAV ===== */
    nav.top {
      position: fixed; top: 0; left: 0; right: 0;
      z-index: 50;
      padding: 12px 0;
      background: rgba(11, 11, 12, 0.72);
      backdrop-filter: saturate(140%) blur(12px);
      -webkit-backdrop-filter: saturate(140%) blur(12px);
      border-bottom: 1px solid transparent;
      transition: border-color 0.3s var(--ease), background 0.3s var(--ease);
    }
    nav.top.scrolled {
      background: rgba(11, 11, 12, 0.9);
      border-bottom-color: var(--rule);
    }
    .nav-progress {
      position: absolute;
      left: 0;
      right: 0;
      bottom: -1px;
      height: 1px;
      background: var(--accent);
      transform: scaleX(0);
      transform-origin: left;
      opacity: 0.9;
    }
    nav.top .wrap {
      display: grid;
      grid-template-columns: auto minmax(0, 1fr) auto auto;
      align-items: center;
      gap: 14px;
    }
    .mark {
      font-family: var(--mono);
      color: var(--ink);
      display: flex; align-items: center; gap: 10px;
      min-width: 0;
    }
    .mark .dot {
      width: 6px; height: 6px; border-radius: 50%;
      background: var(--accent);
      box-shadow: 0 0 8px var(--accent);
      flex: 0 0 auto;
    }
    .mark-text {
      display: flex;
      flex-direction: column;
      gap: 1px;
      min-width: 0;
    }
    .mark-text strong {
      color: var(--ink);
      font-size: 12px;
      line-height: 1.2;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      white-space: nowrap;
    }
    .mark-text small {
      color: var(--ink-2);
      font-size: 10px;
      line-height: 1.2;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      white-space: nowrap;
    }
    .nav-center {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      gap: 14px;
      min-width: 0;
    }
    nav.top ul {
      list-style: none;
      display: flex;
      gap: 4px;
      min-width: 0;
      border: 1px solid var(--rule);
      padding: 4px;
      background: rgba(255, 255, 255, 0.018);
      font-family: var(--mono);
      font-size: 11px;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }
    nav.top ul a {
      display: inline-flex;
      align-items: center;
      min-height: 32px;
      padding: 0 10px;
      color: rgba(236, 232, 225, 0.74);
      transition: color 0.2s var(--ease), background 0.2s var(--ease);
    }
    nav.top ul a:hover { color: var(--ink); background: rgba(255, 255, 255, 0.035); }
    nav.top ul a.active {
      color: var(--accent);
      background: rgba(232, 153, 71, 0.075);
    }
    .nav-cta {
      min-height: 40px;
      display: inline-flex;
      align-items: center;
      gap: 9px;
      border: 1px solid rgba(232, 153, 71, 0.42);
      padding: 0 12px;
      color: var(--accent);
      font-family: var(--mono);
      font-size: 10px;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      white-space: nowrap;
      transition: color 0.2s var(--ease), border-color 0.2s var(--ease), background 0.2s var(--ease);
    }
    .nav-cta::before {
      content: "";
      width: 6px;
      height: 6px;
      background: var(--accent);
      box-shadow: 0 0 8px var(--accent);
    }
    .nav-cta:hover {
      color: #101010;
      background: var(--accent);
      border-color: var(--accent);
    }
    .nav-cta:hover::before { background: #101010; box-shadow: none; }
    nav.top .menu-btn {
      display: none;
      min-width: 40px;
      min-height: 40px;
      background: rgba(255, 255, 255, 0.018);
      border: 1px solid var(--rule);
      color: var(--ink);
      font-size: 22px;
      cursor: pointer;
    }

    /* ===== HERO ===== */
    .hero {
      min-height: 92vh;
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding-top: 104px;
      padding-bottom: 44px;
      position: relative;
    }
    .hero .wrap { display: flex; flex-direction: column; gap: 40px; }

    .hero-body {
      display: grid;
      grid-template-columns: minmax(0, 0.9fr) minmax(330px, 0.5fr);
      gap: clamp(38px, 5vw, 72px);
      align-items: center;
      max-width: 1180px;
    }
    .hero-statement-wrap { display: flex; flex-direction: column; gap: 32px; }
    .hero-statement-wrap .lead span,
    .hero-agent .agent-intro span {
      display: block;
    }

    h1.statement {
      font-size: 92px;
      max-width: 13ch;
    }
    h1.statement .l { display: block; }
    .hero-statement-wrap .lead { max-width: 38ch; font-size: 21px; }
    .hero-ctas {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      align-items: center;
    }
    .hero-cta {
      min-height: 44px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 0 18px;
      border: 1px solid var(--accent);
      color: #101010;
      background: var(--accent);
      font-family: var(--mono);
      font-size: 12px;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      transition: transform 0.2s var(--ease), background 0.2s var(--ease), color 0.2s var(--ease), border-color 0.2s var(--ease);
    }
    .hero-cta:hover { transform: translateY(-1px); }
    .hero-cta.secondary {
      background: transparent;
      color: var(--ink-1);
      border-color: var(--rule-strong);
    }
    .hero-cta.secondary:hover {
      color: var(--accent);
      border-color: rgba(232, 153, 71, 0.58);
    }
    .hero-proof-strip {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 1px;
      width: min(100%, 940px);
      border: 1px solid var(--rule);
      background: var(--rule);
    }
    .hero-proof-strip span {
      min-width: 0;
      min-height: 104px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      gap: 6px;
      padding: 16px;
      background: rgba(11, 11, 12, 0.92);
      color: var(--ink-2);
      font-family: var(--mono);
      font-size: 10px;
      line-height: 1.45;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }
    .hero-proof-strip strong {
      display: block;
      color: var(--ink);
      font-family: var(--serif);
      font-size: 34px;
      font-weight: 350;
      line-height: 1;
      letter-spacing: 0;
      text-transform: none;
      font-variation-settings: "opsz" 96, "SOFT" 55;
    }
    .proof-annotation {
      max-width: 44ch;
      color: var(--ink-2);
      font-family: var(--mono);
      font-size: 11px;
      line-height: 1.7;
      letter-spacing: 0.1em;
      text-transform: uppercase;
    }
    .proof-annotation::before {
      content: "[ ";
      color: var(--accent);
    }
    .proof-annotation::after {
      content: " ]";
      color: var(--accent);
    }
    .hero-signal-panel {
      position: relative;
      min-width: 0;
      align-self: stretch;
      display: grid;
      align-content: center;
      gap: 18px;
      padding: 24px;
      border: 1px solid rgba(236, 232, 225, 0.16);
      background:
        linear-gradient(145deg, rgba(236, 232, 225, 0.045), transparent 32%),
        linear-gradient(180deg, rgba(11, 11, 12, 0.96), rgba(17, 17, 19, 0.84));
      box-shadow: 0 28px 80px rgba(0, 0, 0, 0.24);
      overflow: hidden;
    }
    .hero-signal-panel::before {
      content: "";
      position: absolute;
      inset: 0;
      background:
        linear-gradient(90deg, transparent, rgba(232, 153, 71, 0.12), transparent);
      transform: translateX(-105%);
      animation: signal-scan 6.5s var(--ease) infinite;
      pointer-events: none;
    }
    .hero-signal-panel > * {
      position: relative;
      z-index: 1;
    }
    .signal-panel-head {
      display: grid;
      gap: 10px;
      max-width: 34ch;
    }
    .signal-panel-head span,
    .signal-panel-note span,
    .signal-cases article span {
      color: var(--accent);
      font-family: var(--mono);
      font-size: 10px;
      line-height: 1.4;
      letter-spacing: 0.16em;
      text-transform: uppercase;
    }
    .signal-panel-head strong {
      color: var(--ink);
      font-family: var(--serif);
      font-size: clamp(30px, 3.1vw, 42px);
      font-weight: 350;
      line-height: 1.02;
      letter-spacing: 0;
      font-variation-settings: "opsz" 120, "SOFT" 55;
    }
    .signal-panel-head p {
      max-width: 35ch;
      color: var(--ink-2);
      font-size: 14px;
      line-height: 1.55;
    }
    .signal-flow {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 1px;
      border: 1px solid var(--rule);
      background: var(--rule);
    }
    .signal-flow span {
      --signal-color: var(--accent);
      min-width: 0;
      min-height: 86px;
      display: grid;
      align-content: center;
      gap: 5px;
      padding: 15px;
      background:
        linear-gradient(180deg, color-mix(in srgb, var(--signal-color) 13%, transparent), transparent 72%),
        rgba(11, 11, 12, 0.9);
    }
    .signal-flow [data-signal="mcp"] { --signal-color: var(--stage-question); }
    .signal-flow [data-signal="identity"] { --signal-color: var(--stage-guards); }
    .signal-flow [data-signal="data"] { --signal-color: var(--stage-retrieval); }
    .signal-flow [data-signal="evals"] { --signal-color: var(--stage-answer); }
    .signal-flow strong {
      color: var(--signal-color);
      font-family: var(--mono);
      font-size: 12px;
      letter-spacing: 0.14em;
      line-height: 1.2;
      text-transform: uppercase;
    }
    .signal-flow small {
      color: var(--ink-1);
      font-family: var(--mono);
      font-size: 10px;
      line-height: 1.4;
      letter-spacing: 0.02em;
    }
    .signal-panel-note {
      display: grid;
      gap: 8px;
      padding: 15px 16px;
      border: 1px solid rgba(236, 232, 225, 0.12);
      background:
        linear-gradient(90deg, rgba(232, 153, 71, 0.055), transparent 76%),
        rgba(236, 232, 225, 0.018);
    }
    .signal-panel-note p {
      margin: 0;
      color: var(--ink-1);
      font-size: 14px;
      line-height: 1.45;
    }
    .signal-cases {
      display: grid;
      gap: 1px;
      border: 1px solid var(--rule);
      background: var(--rule);
    }
    .signal-cases article {
      min-width: 0;
      display: grid;
      gap: 8px;
      padding: 16px;
      background:
        linear-gradient(90deg, var(--proof-soft, rgba(232, 153, 71, 0.06)), transparent 74%),
        rgba(0, 0, 0, 0.22);
    }
    .signal-cases article span {
      color: var(--proof-color, var(--accent));
    }
    .signal-cases article strong {
      color: var(--ink);
      font-size: 14px;
      line-height: 1.35;
      font-weight: 500;
    }
    .signal-cases article small {
      color: var(--ink-2);
      font-family: var(--mono);
      font-size: 10px;
      line-height: 1.45;
      letter-spacing: 0.02em;
    }
    .signal-panel-links {
      display: flex;
      flex-wrap: wrap;
      gap: 10px 14px;
      align-items: center;
    }
    .signal-panel-links a {
      color: var(--accent);
      font-family: var(--mono);
      font-size: 11px;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      border-bottom: 1px solid rgba(232, 153, 71, 0.36);
      padding-bottom: 3px;
    }
    .signal-panel-links a:hover {
      border-bottom-color: var(--accent);
    }
    @keyframes signal-scan {
      0%, 48% { transform: translateX(-105%); opacity: 0; }
      58% { opacity: 1; }
      76% { transform: translateX(105%); opacity: 0; }
      100% { transform: translateX(105%); opacity: 0; }
    }
    .hero-statement-wrap .ghost-link {
      font-family: var(--mono); font-size: 13px; letter-spacing: 0.06em;
      color: var(--ink-1);
      border-bottom: 1px solid var(--rule-strong);
      padding-bottom: 4px;
      align-self: flex-start;
      transition: color 0.2s var(--ease), border-color 0.2s var(--ease);
    }
    .hero-statement-wrap .ghost-link:hover { color: var(--ink); border-bottom-color: var(--accent); }
    .positioning-card {
      max-width: 700px;
      border: 1px solid var(--rule);
      background:
        linear-gradient(90deg, rgba(232, 153, 71, 0.055), transparent 56%),
        rgba(255, 255, 255, 0.012);
      padding: 18px 20px;
    }
    .positioning-card span,
    .hero-proof-links span {
      display: block;
      margin-bottom: 8px;
      color: var(--accent);
      font-family: var(--mono);
      font-size: 11px;
      line-height: 1.4;
      letter-spacing: 0.16em;
      text-transform: uppercase;
    }
    .positioning-card p {
      color: var(--ink-1);
      font-size: 15px;
      line-height: 1.58;
    }
    .market-action + .positioning-card {
      margin-top: 16px;
    }
    .hero-proof-links {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      max-width: 720px;
    }
    .hero-proof-links span {
      width: 100%;
      margin-bottom: 2px;
    }
    .hero-proof-links a {
      min-height: 34px;
      display: inline-flex;
      align-items: center;
      border: 1px solid var(--rule-strong);
      padding: 7px 10px;
      color: var(--ink-1);
      font-family: var(--mono);
      font-size: 11px;
      line-height: 1;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      transition: border-color 0.2s var(--ease), color 0.2s var(--ease), background 0.2s var(--ease);
    }
    .hero-proof-links a:hover,
    .hero-proof-links a:focus-visible {
      border-color: var(--accent);
      color: var(--accent);
      background: rgba(232, 153, 71, 0.045);
    }

    section.major.proof-engine-section {
      padding-top: 112px;
      padding-bottom: 64px;
      border-top: 0;
      border-bottom: 1px solid var(--rule);
    }
    .proof-engine-eyebrow {
      margin-bottom: 26px;
    }
    .proof-engine-eyebrow .num {
      display: block;
      color: var(--accent);
      font-family: var(--mono);
      font-size: 11px;
      letter-spacing: 0.18em;
      text-transform: uppercase;
    }
    .proof-engine-layout {
      display: grid;
      grid-template-columns: minmax(0, 0.88fr) minmax(0, 1fr);
      gap: clamp(36px, 4.4vw, 58px);
      align-items: start;
    }
    .hero-proof-hero h1.statement {
      font-size: clamp(56px, 5.2vw, 76px);
    }
    .hero-proof-hero .hero-statement-wrap {
      padding-top: 12px;
    }
    .proof-engine-copy {
      position: sticky;
      top: 110px;
    }
    .proof-engine-copy .num {
      display: block;
      margin-bottom: 18px;
      color: var(--accent);
      font-family: var(--mono);
      font-size: 11px;
      letter-spacing: 0.18em;
      text-transform: uppercase;
    }
    .proof-engine-copy h2 {
      max-width: 11ch;
      color: var(--ink);
      font-family: var(--serif);
      font-size: clamp(42px, 6vw, 74px);
      font-weight: 350;
      line-height: 0.98;
      letter-spacing: 0;
      font-variation-settings: "opsz" 144, "SOFT" 70;
    }
    .proof-engine-copy h2 em {
      color: var(--accent);
      font-style: italic;
      font-variation-settings: "opsz" 144, "SOFT" 100;
    }
    .proof-engine-copy p {
      max-width: 42ch;
      margin-top: 22px;
      color: var(--ink-2);
      font-size: 16px;
      line-height: 1.6;
    }
    .proof-route-mini {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      gap: 1px;
      max-width: 360px;
      margin-top: 30px;
      border: 1px solid var(--rule);
      background: var(--rule);
    }
    .proof-route-mini span,
    .agent-workflow-step {
      --stage-color: var(--stage-question);
      --stage-soft: rgba(232, 153, 71, 0.075);
    }
    .proof-route-mini [data-stage="retrieval"],
    .agent-workflow-step[data-agent-stage="retrieval"] {
      --stage-color: var(--stage-retrieval);
      --stage-soft: rgba(86, 182, 194, 0.09);
    }
    .proof-route-mini [data-stage="citations"],
    .agent-workflow-step[data-agent-stage="citations"] {
      --stage-color: var(--stage-citations);
      --stage-soft: rgba(198, 120, 221, 0.09);
    }
    .proof-route-mini [data-stage="answer"],
    .agent-workflow-step[data-agent-stage="answer"] {
      --stage-color: var(--stage-answer);
      --stage-soft: rgba(127, 195, 128, 0.09);
    }
    .proof-route-mini [data-stage="artifact"],
    .agent-workflow-step[data-agent-stage="artifact"] {
      --stage-color: var(--stage-artifact);
      --stage-soft: rgba(229, 192, 123, 0.09);
    }
    .proof-route-mini span {
      min-width: 0;
      display: grid;
      grid-template-columns: 42px minmax(0, 1fr);
      gap: 10px;
      align-items: center;
      padding: 10px 12px;
      background:
        linear-gradient(90deg, var(--stage-soft), transparent 66%),
        rgba(11, 11, 12, 0.72);
      color: var(--ink-2);
      font-family: var(--mono);
      font-size: 10px;
      line-height: 1.4;
      letter-spacing: 0.12em;
      text-transform: uppercase;
    }
    .proof-route-mini strong {
      color: var(--stage-color);
      font-weight: 500;
    }

    /* The proof engine */
    .hero-agent {
      border: 1px solid var(--rule);
      background:
        linear-gradient(180deg, rgba(232, 153, 71, 0.028), transparent 34%),
        rgba(255, 255, 255, 0.014);
      padding: 22px;
      display: flex; flex-direction: column; gap: 14px;
      position: relative;
      min-width: 0;
    }
    .hero-agent::before {
      content: '';
      position: absolute; top: -1px; left: -1px; width: 24px; height: 1px;
      background: var(--accent);
    }
    .hero-agent-label {
      font-family: var(--mono); font-size: 11px; letter-spacing: 0.18em;
      text-transform: uppercase; color: var(--accent);
      display: flex; align-items: center; gap: 10px;
      min-width: 0;
      overflow-wrap: anywhere;
    }
    .hero-agent-label::before {
      content: ''; width: 6px; height: 6px; border-radius: 50%;
      background: var(--accent);
      animation: livePulse 2s var(--ease) infinite;
    }
    @keyframes livePulse {
      0%, 100% { opacity: 0.45; box-shadow: 0 0 0 0 rgba(232, 153, 71, 0.6); }
      50% { opacity: 1; box-shadow: 0 0 0 6px rgba(232, 153, 71, 0); }
    }
    .hero-agent h2 {
      font-family: var(--serif);
      font-weight: 350;
      font-size: 44px;
      line-height: 1.02;
      letter-spacing: 0;
      font-variation-settings: "opsz" 144, "SOFT" 70;
    }
    .hero-agent .agent-intro {
      margin-top: -8px;
      color: var(--ink-1);
      font-size: 14px;
      line-height: 1.55;
      max-width: 48ch;
    }
    .hero-agent-proof {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 1px;
      border: 1px solid var(--rule);
      background: var(--rule);
    }
    .hero-agent-proof span {
      min-width: 0;
      padding: 10px;
      background: rgba(11, 11, 12, 0.72);
      color: var(--ink-2);
      font-family: var(--mono);
      font-size: 10px;
      line-height: 1.35;
      letter-spacing: 0.04em;
    }
    .hero-agent-proof strong {
      display: block;
      color: var(--ink);
      font-family: var(--serif);
      font-weight: 350;
      font-size: 22px;
      line-height: 1;
      letter-spacing: 0;
      font-variation-settings: "opsz" 72, "SOFT" 60;
    }
    .hero-agent-runtime {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 10px;
      padding: 2px 0 4px;
      font-family: var(--mono);
      font-size: 10px;
      line-height: 1.4;
      color: var(--ink-2);
    }
    .hero-agent-runtime span {
      min-width: 0;
      border-top: 1px solid var(--rule);
      padding-top: 8px;
    }
    .hero-agent-runtime strong {
      display: block;
      color: var(--accent);
      font-size: 12px;
      font-weight: 500;
    }
    .agent-node-map {
      position: relative;
      display: grid;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      gap: 7px;
      padding: 10px;
      border: 1px solid var(--rule);
      background:
        linear-gradient(90deg, rgba(232, 153, 71, 0.045), rgba(86, 182, 194, 0.035) 38%, rgba(198, 120, 221, 0.034) 64%, rgba(229, 192, 123, 0.036)),
        rgba(0, 0, 0, 0.16);
      overflow: hidden;
    }
    .node-map-rail {
      position: absolute;
      left: 8%;
      right: 8%;
      top: 33px;
      height: 1px;
      background:
        linear-gradient(90deg,
          var(--stage-question),
          var(--stage-retrieval),
          var(--stage-citations),
          var(--stage-answer),
          var(--stage-artifact));
      opacity: 0.42;
    }
    .node-map-rail::after {
      content: "";
      display: block;
      width: 24%;
      height: 100%;
      background: rgba(255, 255, 255, 0.7);
      opacity: 0.55;
      animation: proof-rail-scan 2.6s var(--ease) infinite;
    }
    @keyframes proof-rail-scan {
      0% { transform: translateX(-110%); }
      100% { transform: translateX(460%); }
    }
    .agent-node {
      --stage-color: var(--stage-question);
      --stage-soft: rgba(232, 153, 71, 0.075);
      position: relative;
      min-width: 0;
      display: grid;
      gap: 4px;
      align-content: start;
      padding: 8px 7px;
      background:
        linear-gradient(180deg, var(--stage-soft), transparent 70%),
        rgba(11, 11, 12, 0.72);
      border: 1px solid rgba(236, 232, 225, 0.10);
    }
    .agent-node[data-agent-stage="retrieval"] {
      --stage-color: var(--stage-retrieval);
      --stage-soft: rgba(86, 182, 194, 0.08);
    }
    .agent-node[data-agent-stage="citations"] {
      --stage-color: var(--stage-citations);
      --stage-soft: rgba(198, 120, 221, 0.08);
    }
    .agent-node[data-agent-stage="answer"] {
      --stage-color: var(--stage-answer);
      --stage-soft: rgba(127, 195, 128, 0.08);
    }
    .agent-node[data-agent-stage="artifact"] {
      --stage-color: var(--stage-artifact);
      --stage-soft: rgba(229, 192, 123, 0.08);
    }
    .agent-node::before {
      content: "";
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: var(--stage-color);
      box-shadow: 0 0 0 4px color-mix(in srgb, var(--stage-color) 14%, transparent);
    }
    .agent-node span {
      color: var(--stage-color);
      font-family: var(--mono);
      font-size: 10px;
      letter-spacing: 0.14em;
    }
    .agent-node strong {
      color: var(--ink);
      font-family: var(--serif);
      font-size: 15px;
      font-weight: 350;
      line-height: 1.06;
      letter-spacing: 0;
      font-variation-settings: "opsz" 72, "SOFT" 55;
    }
    .agent-node small {
      color: var(--ink-2);
      font-size: 10px;
      line-height: 1.4;
    }
    .agent-node.is-active,
    .agent-node.is-complete {
      border-color: color-mix(in srgb, var(--stage-color) 42%, var(--rule));
    }
    .agent-node.is-loading::before {
      animation: livePulse 1.4s var(--ease) infinite;
    }
    .agent-workflow {
      display: grid;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      gap: 1px;
      border: 1px solid var(--rule);
      background: var(--rule);
    }
    .agent-workflow-step {
      position: relative;
      min-width: 0;
      min-height: 132px;
      display: flex;
      flex-direction: column;
      gap: 9px;
      padding: 14px 12px;
      overflow: hidden;
      background:
        linear-gradient(180deg, var(--stage-soft), transparent 62%),
        rgba(11, 11, 12, 0.76);
      transition:
        color 0.24s var(--ease),
        background 0.24s var(--ease),
        box-shadow 0.24s var(--ease),
        transform 0.24s var(--ease);
    }
    .agent-workflow-step::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 2px;
      background: var(--stage-color);
      opacity: 0.28;
      transform: scaleX(0.38);
      transform-origin: left;
      transition: opacity 0.24s var(--ease), transform 0.28s var(--ease);
    }
    .agent-workflow-step.is-active {
      background:
        linear-gradient(180deg, var(--stage-soft), rgba(255, 255, 255, 0.012) 64%),
        rgba(17, 17, 19, 0.94);
      box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--stage-color) 40%, transparent);
      transform: translateY(-1px);
    }
    .agent-workflow-step.is-complete::before,
    .agent-workflow-step.is-active::before {
      opacity: 0.9;
      transform: scaleX(1);
    }
    .agent-workflow-step.is-loading::before {
      animation: stage-scan 1.1s var(--ease) infinite;
    }
    @keyframes stage-scan {
      0% { transform: translateX(-96%) scaleX(0.68); }
      58% { transform: translateX(0) scaleX(1); }
      100% { transform: translateX(104%) scaleX(0.68); }
    }
    .stage-index {
      color: var(--stage-color);
      font-family: var(--mono);
      font-size: 10px;
      letter-spacing: 0.14em;
      text-transform: uppercase;
    }
    .agent-workflow-step h3 {
      color: var(--ink);
      font-family: var(--serif);
      font-size: 20px;
      font-weight: 350;
      line-height: 1.08;
      letter-spacing: 0;
      font-variation-settings: "opsz" 72, "SOFT" 55;
    }
    .agent-workflow-step p {
      color: var(--ink-2);
      font-size: 12px;
      line-height: 1.48;
    }
    .agent-workflow-step.is-active p,
    .agent-workflow-step.is-complete p {
      color: var(--ink-1);
    }

    .hero-agent .agent-search {
      display: flex; gap: 0;
      border-bottom: 1px solid var(--rule-strong);
      padding-bottom: 4px;
    }
    .hero-agent .agent-search input {
      flex: 1;
      min-width: 0;
      background: transparent; border: 0; outline: 0;
      color: var(--ink);
      font-family: var(--serif);
      font-size: 18px;
      font-weight: 350;
      letter-spacing: 0;
      padding: 6px 0;
      font-variation-settings: "opsz" 36, "SOFT" 60;
    }
    .hero-agent .agent-search input::placeholder { color: var(--ink-3); font-style: italic; }
    .hero-agent .agent-search button {
      background: transparent; color: var(--accent);
      border: 0; cursor: pointer;
      font-family: var(--mono);
      font-size: 12px; letter-spacing: 0.08em;
      padding: 6px 0 6px 12px;
      transition: transform 0.3s var(--ease);
    }
    .hero-agent .agent-search button:hover { transform: translateX(3px); }
    .hero-agent .agent-search button:disabled {
      color: var(--ink-3);
      cursor: wait;
      transform: none;
    }

    .hero-agent .agent-chips { display: flex; flex-wrap: wrap; gap: 6px; }
    .hero-agent .agent-chip {
      background: transparent;
      border: 1px solid var(--rule-strong);
      color: var(--ink-1);
      padding: 4px 8px;
      font-family: var(--mono);
      font-size: 11px; letter-spacing: 0.04em;
      cursor: pointer;
      transition: color 0.2s var(--ease), border-color 0.2s var(--ease);
    }
    .hero-agent .agent-chip:hover { color: var(--accent); border-color: var(--accent); }
    .hero-agent .agent-review-strip {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 6px;
      padding-top: 10px;
      border-top: 1px solid var(--rule);
    }
    .hero-agent .agent-review-strip > span {
      margin-right: 4px;
      color: var(--ink-2);
      font-family: var(--mono);
      font-size: 10px;
      letter-spacing: 0.14em;
      text-transform: uppercase;
    }

    .hero-agent .agent-answer {
      padding-top: 4px;
      position: relative;
      border-radius: 6px;
      transition: box-shadow 0.2s var(--ease);
    }
    .hero-agent .agent-answer.agent-flash {
      animation: agent-answer-flash 0.7s var(--ease);
    }
    @keyframes agent-answer-flash {
      0% {
        background: rgba(232, 153, 71, 0.12);
        box-shadow: 0 0 0 6px rgba(232, 153, 71, 0.10);
        transform: translateY(-2px);
      }
      60% {
        background: rgba(232, 153, 71, 0.04);
        box-shadow: 0 0 0 8px rgba(232, 153, 71, 0);
      }
      100% {
        background: transparent;
        box-shadow: 0 0 0 0 rgba(232, 153, 71, 0);
        transform: translateY(0);
      }
    }
    @media (prefers-reduced-motion: reduce) {
      .hero-agent .agent-answer.agent-flash { animation: none; }
    }
    .hero-agent .agent-answer .agent-kicker {
      font-family: var(--mono); font-size: 10px; letter-spacing: 0.18em;
      text-transform: uppercase; color: var(--accent);
      display: block; margin-bottom: 6px;
    }
    .hero-agent .agent-answer .agent-kicker-alert { color: #f1a27e; }
    .hero-agent .agent-answer .agent-kicker-empty { color: var(--ink-2); }
    .hero-agent .agent-answer .agent-empty-q {
      margin-top: 10px;
      font-family: var(--mono);
      font-size: 12px;
      color: var(--ink-2);
    }
    .hero-agent .agent-answer .agent-empty-q em {
      font-style: normal;
      color: var(--ink-1);
    }
    .hero-agent .agent-trace-row.agent-trace-empty .src { color: var(--ink-2); }
    .hero-agent .agent-trace-row.agent-trace-empty .scorebar span { background: var(--ink-3); }
    .hero-agent .agent-trace-row.agent-trace-refusal {
      color: var(--ink-2);
      border-color: rgba(241, 162, 126, 0.18);
    }
    .hero-agent .agent-trace-row.agent-trace-refusal .src { color: #f1a27e; }
    .hero-agent .agent-answer h3 {
      font-family: var(--serif); font-weight: 350;
      font-size: 18px; line-height: 1.2; letter-spacing: 0;
      margin-bottom: 8px;
      font-variation-settings: "opsz" 36, "SOFT" 60;
    }
    .hero-agent .agent-answer p {
      font-size: 14px; line-height: 1.55; color: var(--ink);
    }
    .hero-agent .agent-answer p + p { margin-top: 8px; }
    .hero-agent .agent-answer strong { color: var(--ink); font-weight: 600; }
    .hero-agent .agent-cite-ref {
      color: var(--accent);
      font-family: var(--mono);
      font-size: 0.82em;
      border: 1px solid rgba(232, 153, 71, 0.26);
      background: rgba(232, 153, 71, 0.08);
      padding: 1px 5px;
      margin: 0 1px;
      text-decoration: none;
      white-space: nowrap;
    }
    .hero-agent .agent-cite-ref:hover {
      border-color: var(--accent);
      background: rgba(232, 153, 71, 0.14);
    }
    .hero-agent .agent-confidence {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      margin-top: 12px;
      font-family: var(--mono);
      font-size: 10px;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: var(--ink-2);
    }
    .hero-agent .agent-confidence span,
    .hero-agent .agent-model-tag {
      border: 1px solid rgba(236, 232, 225, 0.12);
      padding: 3px 7px;
      background: rgba(236, 232, 225, 0.035);
    }
    .hero-agent .agent-suggestions {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      margin-top: 12px;
    }
    .hero-agent .agent-suggestions button {
      background: rgba(236, 232, 225, 0.035);
      border: 1px solid var(--rule);
      color: var(--ink-1);
      cursor: pointer;
      font-family: var(--mono);
      font-size: 11px;
      padding: 4px 8px;
      transition: color 0.2s var(--ease), border-color 0.2s var(--ease);
    }
    .hero-agent .agent-suggestions button:hover {
      color: var(--accent);
      border-color: var(--accent);
    }
    .hero-agent .agent-loading {
      width: 100%;
      height: 3px;
      margin-top: 12px;
      overflow: hidden;
      background: rgba(236, 232, 225, 0.08);
    }
    .hero-agent .agent-loading::before {
      content: "";
      display: block;
      width: 42%;
      height: 100%;
      background: var(--accent);
      animation: agent-loading-slide 1.1s var(--ease) infinite;
    }
    @keyframes agent-loading-slide {
      0% { transform: translateX(-110%); }
      100% { transform: translateX(260%); }
    }
    @media (prefers-reduced-motion: reduce) {
      .hero-agent .agent-loading::before { animation: none; transform: none; }
    }
    .hero-agent .agent-citations { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px; }
    .hero-agent .agent-citations a {
      font-family: var(--mono); font-size: 11px; color: var(--ink-1);
      padding: 3px 8px; border: 1px solid var(--rule);
      transition: color 0.2s var(--ease), border-color 0.2s var(--ease);
    }
    .hero-agent .agent-citations a:hover { color: var(--accent); border-color: var(--accent); }
    .hero-agent .agent-share {
      margin-top: 12px;
    }
    .hero-agent .agent-share a {
      color: var(--accent);
      font-family: var(--mono);
      font-size: 11px;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      text-decoration: none;
      border-bottom: 1px solid rgba(232, 153, 71, 0.32);
    }
    .hero-agent .agent-share a:hover {
      border-bottom-color: var(--accent);
    }

    .hero-agent .agent-trace {
      border-top: 1px solid var(--rule);
      padding-top: 12px;
      display: flex; flex-direction: column; gap: 6px;
    }
    .hero-agent .agent-trace-head {
      font-family: var(--mono); font-size: 10px; letter-spacing: 0.16em;
      text-transform: uppercase; color: var(--ink-2);
    }
    .hero-agent .agent-trace-row {
      display: grid;
      gap: 5px;
      padding: 8px 0;
      border-top: 1px solid rgba(236, 232, 225, 0.07);
      font-family: var(--mono);
      font-size: 11px;
      color: var(--ink-1);
      line-height: 1.5;
    }
    .hero-agent .agent-trace-row:first-child { border-top: 0; padding-top: 0; }
    .hero-agent .agent-trace-meta {
      display: flex;
      justify-content: space-between;
      gap: 12px;
      color: var(--ink-3);
    }
    .hero-agent .agent-trace-row .src { color: var(--accent); }
    .hero-agent .agent-trace-row .score { color: var(--ink-2); }
    .hero-agent .agent-trace-row:target {
      background: rgba(232, 153, 71, 0.08);
      outline: 1px solid rgba(232, 153, 71, 0.32);
      outline-offset: 6px;
    }
    .hero-agent .scorebar {
      height: 3px;
      background: rgba(236, 232, 225, 0.08);
      overflow: hidden;
    }
    .hero-agent .scorebar span {
      display: block;
      width: var(--score);
      height: 100%;
      background: var(--accent);
      transition: width 0.42s var(--ease);
    }

    .field-log {
      display: grid;
      grid-template-columns: minmax(250px, 0.42fr) minmax(0, 1fr);
      gap: 34px;
      margin-top: clamp(44px, 5vw, 72px);
      padding-top: 44px;
      border-top: 1px solid var(--rule);
    }
    .proof-receipt-strip {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 1px;
      margin-top: 44px;
      border: 1px solid var(--rule);
      background: var(--rule);
    }
    .proof-receipt-strip article {
      --receipt-color: var(--accent);
      --receipt-soft: rgba(232, 153, 71, 0.06);
      min-width: 0;
      display: flex;
      flex-direction: column;
      gap: 10px;
      padding: 18px;
      background:
        linear-gradient(180deg, var(--receipt-soft), transparent 72%),
        rgba(11, 11, 12, 0.86);
    }
    .proof-receipt-strip [data-receipt-accent="platform"] {
      --receipt-color: var(--accent);
      --receipt-soft: rgba(232, 153, 71, 0.075);
    }
    .proof-receipt-strip [data-receipt-accent="tools"] {
      --receipt-color: var(--stage-retrieval);
      --receipt-soft: rgba(86, 182, 194, 0.075);
    }
    .proof-receipt-strip [data-receipt-accent="evals"] {
      --receipt-color: var(--stage-answer);
      --receipt-soft: rgba(127, 195, 128, 0.075);
    }
    .proof-receipt-strip span {
      color: var(--receipt-color);
      font-family: var(--mono);
      font-size: 10px;
      letter-spacing: 0.16em;
      text-transform: uppercase;
    }
    .proof-receipt-strip strong {
      color: var(--ink);
      font-family: var(--serif);
      font-size: 25px;
      font-weight: 350;
      line-height: 1.06;
      letter-spacing: 0;
      font-variation-settings: "opsz" 96, "SOFT" 55;
    }
    .proof-receipt-strip p {
      color: var(--ink-2);
      font-size: 13px;
      line-height: 1.55;
    }
    .proof-receipt-strip code {
      margin-top: auto;
      padding-top: 12px;
      border-top: 1px solid rgba(236, 232, 225, 0.10);
      color: var(--receipt-color);
      font-family: var(--mono);
      font-size: 10px;
      line-height: 1.45;
      letter-spacing: 0.04em;
      white-space: normal;
      overflow-wrap: anywhere;
    }
    .field-log-head {
      max-width: 420px;
    }
    .field-log-head .num {
      display: block;
      margin-bottom: 16px;
      color: var(--accent);
      font-family: var(--mono);
      font-size: 11px;
      letter-spacing: 0.18em;
      text-transform: uppercase;
    }
    .field-log-head h3 {
      color: var(--ink);
      font-family: var(--serif);
      font-size: clamp(34px, 4.5vw, 54px);
      font-weight: 350;
      line-height: 1;
      letter-spacing: 0;
      font-variation-settings: "opsz" 144, "SOFT" 60;
    }
    .field-log-head p {
      margin-top: 18px;
      color: var(--ink-2);
      font-size: 15px;
      line-height: 1.6;
    }
    .field-log-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 1px;
      border: 1px solid var(--rule);
      background: var(--rule);
    }
    .field-log-grid article {
      --log-color: var(--accent);
      --log-soft: rgba(232, 153, 71, 0.07);
      min-width: 0;
      min-height: 220px;
      display: flex;
      flex-direction: column;
      gap: 12px;
      padding: 20px;
      background:
        linear-gradient(180deg, var(--log-soft), transparent 58%),
        rgba(11, 11, 12, 0.88);
      transition: background 0.22s var(--ease), transform 0.22s var(--ease);
    }
    .field-log-grid article[data-log-accent="platform"] {
      --log-color: var(--accent);
      --log-soft: rgba(232, 153, 71, 0.08);
    }
    .field-log-grid article[data-log-accent="tools"] {
      --log-color: var(--stage-retrieval);
      --log-soft: rgba(86, 182, 194, 0.08);
    }
    .field-log-grid article[data-log-accent="evals"] {
      --log-color: var(--stage-answer);
      --log-soft: rgba(127, 195, 128, 0.08);
    }
    .field-log-grid article:hover {
      background:
        linear-gradient(180deg, var(--log-soft), rgba(255, 255, 255, 0.014) 62%),
        rgba(17, 17, 19, 0.94);
      transform: translateY(-2px);
    }
    .field-log-grid .log-meta {
      color: var(--log-color);
      font-family: var(--mono);
      font-size: 10px;
      line-height: 1.45;
      letter-spacing: 0.14em;
      text-transform: uppercase;
    }
    .field-log-grid h4 {
      color: var(--ink);
      font-family: var(--serif);
      font-size: 26px;
      font-weight: 350;
      line-height: 1.04;
      letter-spacing: 0;
      font-variation-settings: "opsz" 96, "SOFT" 55;
    }
    .field-log-grid p {
      color: var(--ink-1);
      font-size: 14px;
      line-height: 1.58;
    }
    .field-log-grid small {
      margin-top: auto;
      padding-top: 14px;
      border-top: 1px solid rgba(236, 232, 225, 0.10);
      color: var(--ink-3);
      font-family: var(--mono);
      font-size: 10px;
      line-height: 1.5;
      letter-spacing: 0.04em;
    }

    .btn {
      display: inline-flex;
      align-items: center;
      gap: 12px;
      padding: 16px 22px;
      font-family: var(--mono);
      font-size: 13px;
      letter-spacing: 0.06em;
      color: var(--bg);
      background: var(--accent);
      border: 0;
      cursor: pointer;
      transition: transform 0.4s var(--ease), background 0.2s var(--ease);
    }
    .btn:hover { transform: translateY(-2px); background: #f0a85f; }
    .btn .arrow { transition: transform 0.4s var(--ease); }
    .btn:hover .arrow { transform: translateX(4px); }

    .btn-ghost {
      padding: 16px 0;
      font-family: var(--mono);
      font-size: 13px;
      letter-spacing: 0.06em;
      color: var(--ink-2);
      border-bottom: 1px solid var(--rule-strong);
      transition: color 0.2s var(--ease), border-color 0.2s var(--ease);
    }
    .btn-ghost:hover { color: var(--ink); border-bottom-color: var(--accent); }

    /* ===== SECTION ===== */
    section.major {
      padding: var(--rhythm) 0;
      border-top: 1px solid var(--rule);
    }
    .proof-engine-section + section.major {
      padding-top: 108px;
    }
    #work,
    #atlas,
    #recommendations {
      padding-top: calc(var(--rhythm) + 36px);
    }
    #platform {
      padding-top: 44px;
    }
    .section-head {
      display: grid;
      grid-template-columns: 200px minmax(0, 1fr);
      gap: 64px;
      margin-bottom: 64px;
    }
    .section-head .num {
      font-family: var(--mono);
      font-size: 13px;
      color: var(--accent);
      letter-spacing: 0.06em;
      padding-top: 12px;
    }
    .section-head h2 {
      font-family: var(--serif);
      font-weight: 350;
      font-size: 68px;
      letter-spacing: 0;
      line-height: 1.0;
      max-width: 18ch;
      font-variation-settings: "opsz" 144, "SOFT" 50;
    }
    .section-head h2 em {
      font-style: italic;
      font-variation-settings: "opsz" 144, "SOFT" 100;
      color: var(--accent);
    }
    .section-head .deck {
      margin-top: 24px;
      max-width: 60ch;
      color: var(--ink-2);
      font-size: 17px;
      line-height: 1.6;
    }

    /* ===== FULL 360 ===== */
    .full-360-section {
      background:
        linear-gradient(180deg, rgba(232, 153, 71, 0.024), transparent 36%),
        var(--bg);
    }
    .full-360-layout {
      display: grid;
      grid-template-columns: minmax(320px, 0.72fr) minmax(0, 1fr);
      gap: 1px;
      border: 1px solid var(--rule);
      background: var(--rule);
    }
    .full-360-core,
    .full-360-facets li {
      min-width: 0;
      background:
        linear-gradient(180deg, rgba(232, 153, 71, 0.028), transparent 58%),
        rgba(11, 11, 12, 0.9);
    }
    .full-360-core {
      display: flex;
      flex-direction: column;
      gap: 22px;
      padding: 32px;
    }
    .full-360-core > span,
    .full-360-facets span,
    .full-360-thread span {
      color: var(--accent);
      font-family: var(--mono);
      font-size: 11px;
      letter-spacing: 0.16em;
      line-height: 1.4;
      text-transform: uppercase;
    }
    .full-360-core h3 {
      max-width: 12ch;
      color: var(--ink);
      font-family: var(--serif);
      font-size: 54px;
      font-weight: 350;
      letter-spacing: 0;
      line-height: 0.98;
      font-variation-settings: "opsz" 144, "SOFT" 60;
    }
    .full-360-core p,
    .full-360-thread p {
      color: var(--ink-1);
      font-size: 16px;
      line-height: 1.62;
    }
    .full-360-stats {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 1px;
      margin-top: auto;
      border: 1px solid var(--rule);
      background: var(--rule);
    }
    .full-360-stats div {
      min-width: 0;
      padding: 14px;
      background: rgba(11, 11, 12, 0.72);
    }
    .full-360-stats dt {
      color: var(--ink);
      font-family: var(--serif);
      font-size: 34px;
      font-weight: 350;
      line-height: 1;
      letter-spacing: 0;
    }
    .full-360-stats dd {
      margin-top: 5px;
      color: var(--ink-3);
      font-family: var(--mono);
      font-size: 10px;
      letter-spacing: 0.08em;
      line-height: 1.4;
      text-transform: uppercase;
    }
    .full-360-facets {
      list-style: none;
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 1px;
    }
    .full-360-facets li {
      display: grid;
      align-content: start;
      gap: 10px;
      min-height: 230px;
      padding: 24px;
    }
    .full-360-facets h3 {
      color: var(--ink);
      font-family: var(--serif);
      font-size: 28px;
      font-weight: 350;
      line-height: 1.08;
      letter-spacing: 0;
      font-variation-settings: "opsz" 96, "SOFT" 55;
    }
    .full-360-facets p {
      color: var(--ink-2);
      font-size: 14px;
      line-height: 1.56;
    }
    .full-360-thread {
      display: grid;
      grid-template-columns: minmax(0, 0.38fr) minmax(0, 1fr);
      gap: 28px;
      margin-top: 28px;
      border: 1px solid var(--rule-strong);
      padding: 22px;
      background: rgba(255, 255, 255, 0.012);
    }
    [data-proof-tags] {
      --proof-color: var(--accent);
      --proof-soft: rgba(232, 153, 71, 0.05);
      transition:
        opacity 0.26s var(--ease),
        filter 0.26s var(--ease),
        background 0.22s var(--ease),
        border-color 0.22s var(--ease),
        transform 0.22s var(--ease);
    }
    [data-proof-accent="mcp"],
    [data-proof-tags~="mcp"] {
      --proof-color: var(--stage-question);
      --proof-soft: rgba(232, 153, 71, 0.07);
    }
    [data-proof-accent="data"],
    [data-proof-tags~="data"] {
      --proof-color: var(--stage-retrieval);
      --proof-soft: rgba(86, 182, 194, 0.065);
    }
    [data-proof-accent="evals"],
    [data-proof-tags~="evals"] {
      --proof-color: var(--stage-answer);
      --proof-soft: rgba(127, 195, 128, 0.065);
    }
    [data-proof-accent="governance"],
    [data-proof-accent="guards"],
    [data-proof-tags~="governance"],
    [data-proof-tags~="identity"] {
      --proof-color: var(--stage-guards);
      --proof-soft: rgba(224, 108, 117, 0.065);
    }
    [data-proof-accent="enablement"],
    [data-proof-tags~="enablement"] {
      --proof-color: var(--stage-artifact);
      --proof-soft: rgba(229, 192, 123, 0.065);
    }
    [data-proof-accent="media"],
    [data-proof-tags~="media"] {
      --proof-color: var(--stage-citations);
      --proof-soft: rgba(198, 120, 221, 0.06);
    }
    [data-proof-accent="mcp"] {
      --proof-color: var(--stage-question);
      --proof-soft: rgba(232, 153, 71, 0.07);
    }
    [data-proof-accent="data"] {
      --proof-color: var(--stage-retrieval);
      --proof-soft: rgba(86, 182, 194, 0.065);
    }
    [data-proof-accent="evals"] {
      --proof-color: var(--stage-answer);
      --proof-soft: rgba(127, 195, 128, 0.065);
    }
    [data-proof-accent="governance"],
    [data-proof-accent="guards"] {
      --proof-color: var(--stage-guards);
      --proof-soft: rgba(224, 108, 117, 0.065);
    }
    [data-proof-accent="enablement"] {
      --proof-color: var(--stage-artifact);
      --proof-soft: rgba(229, 192, 123, 0.065);
    }
    [data-proof-accent="media"] {
      --proof-color: var(--stage-citations);
      --proof-soft: rgba(198, 120, 221, 0.06);
    }
    .is-filtered-out {
      opacity: 0.68;
      filter: grayscale(0.22);
    }
    .is-filter-match {
      border-color: color-mix(in srgb, var(--proof-color) 34%, var(--rule-strong));
    }
    .evidence-ledger {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      border: 1px solid var(--rule);
      background: var(--rule);
      gap: 1px;
    }
    .evidence-row {
      min-width: 0;
      display: grid;
      grid-template-columns: minmax(170px, 0.42fr) minmax(0, 0.74fr) minmax(0, 0.94fr) auto;
      gap: 24px;
      align-items: center;
      padding: 22px 24px;
      background:
        linear-gradient(90deg, var(--proof-soft), transparent 52%),
        var(--bg);
    }
    .evidence-row .label {
      color: var(--proof-color);
      font-family: var(--mono);
      font-size: 11px;
      line-height: 1.45;
      letter-spacing: 0.14em;
      text-transform: uppercase;
    }
    .evidence-row h3 {
      color: var(--ink);
      font-family: var(--serif);
      font-size: 25px;
      font-weight: 350;
      line-height: 1.1;
      letter-spacing: 0;
      font-variation-settings: "opsz" 96, "SOFT" 50;
    }
    .evidence-row p {
      color: var(--ink-2);
      font-size: 14px;
      line-height: 1.55;
    }
    .evidence-row a {
      white-space: nowrap;
      color: var(--ink-1);
      border: 1px solid var(--rule-strong);
      padding: 8px 10px;
      font-family: var(--mono);
      font-size: 10px;
      line-height: 1;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      transition: border-color 0.2s var(--ease), color 0.2s var(--ease), background 0.2s var(--ease);
    }
    .evidence-row a:hover,
    .evidence-row a:focus-visible {
      border-color: var(--proof-color);
      color: var(--proof-color);
      background: var(--proof-soft);
    }
    .evidence-shortcuts {
      display: grid;
      grid-template-columns: 180px minmax(0, 1fr);
      gap: 24px;
      align-items: start;
      margin-top: 28px;
      border: 1px solid var(--rule-strong);
      padding: 20px;
      background:
        linear-gradient(90deg, rgba(232, 153, 71, 0.04), transparent 58%),
        rgba(255, 255, 255, 0.012);
    }
    .evidence-shortcuts strong {
      color: var(--accent);
      font-family: var(--mono);
      font-size: 11px;
      line-height: 1.45;
      letter-spacing: 0.16em;
      text-transform: uppercase;
    }
    .evidence-shortcut-links {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
    }
    .evidence-shortcut-links a {
      min-height: 34px;
      display: inline-flex;
      align-items: center;
      border: 1px solid var(--rule-strong);
      padding: 7px 10px;
      color: var(--ink-1);
      font-family: var(--mono);
      font-size: 11px;
      line-height: 1;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      transition: border-color 0.2s var(--ease), color 0.2s var(--ease), background 0.2s var(--ease);
    }
    .evidence-shortcut-links a:hover,
    .evidence-shortcut-links a:focus-visible {
      border-color: var(--accent);
      color: var(--accent);
      background: rgba(232, 153, 71, 0.045);
    }
    .market-map {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 1px;
      border: 1px solid var(--rule);
      background: var(--rule);
    }
    .market-card {
      min-width: 0;
      min-height: 310px;
      display: flex;
      flex-direction: column;
      gap: 14px;
      padding: 26px;
      background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.016), transparent 54%),
        var(--bg);
    }
    .market-card .market-label {
      color: var(--accent);
      font-family: var(--mono);
      font-size: 11px;
      line-height: 1.4;
      letter-spacing: 0.16em;
      text-transform: uppercase;
    }
    .market-card h3 {
      color: var(--ink);
      font-family: var(--serif);
      font-size: 34px;
      font-weight: 350;
      line-height: 1.05;
      letter-spacing: 0;
      font-variation-settings: "opsz" 96, "SOFT" 55;
    }
    .market-card p {
      color: var(--ink-2);
      font-size: 14px;
      line-height: 1.58;
    }
    .market-card p strong {
      color: var(--ink);
      font-weight: 500;
    }
    .market-card .market-answer {
      margin-top: auto;
      padding-top: 16px;
      border-top: 1px solid var(--rule);
      color: var(--ink-1);
    }
    .market-action {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      align-items: center;
      justify-content: space-between;
      margin-top: 28px;
      border: 1px solid var(--rule-strong);
      padding: 18px 20px;
      background: rgba(255, 255, 255, 0.012);
    }
    .market-action p {
      color: var(--ink-1);
      font-size: 15px;
      line-height: 1.5;
    }
    .market-action a {
      flex: 0 0 auto;
      color: var(--accent);
      border-bottom: 1px solid var(--accent-soft);
      font-family: var(--mono);
      font-size: 11px;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }

    /* ===== SYSTEMS ATLAS ===== */
    .console-section {
      --atlas-active-color: var(--accent);
      --atlas-active-soft: rgba(232, 153, 71, 0.12);
      padding-top: 96px;
      padding-bottom: 112px;
      background:
        radial-gradient(760px circle at 18% 12%, rgba(86, 182, 194, 0.055), transparent 58%),
        radial-gradient(680px circle at 84% 28%, rgba(198, 120, 221, 0.05), transparent 60%),
        radial-gradient(720px circle at 52% 78%, rgba(127, 195, 128, 0.035), transparent 64%),
        linear-gradient(180deg, transparent 0%, rgba(232, 153, 71, 0.026) 42%, transparent 100%);
    }
    .console-head {
      display: grid;
      grid-template-columns: minmax(0, 1.05fr) minmax(340px, 0.62fr);
      gap: clamp(48px, 5vw, 80px);
      align-items: center;
      margin-bottom: 28px;
      min-width: 0;
    }
    .console-head .num {
      width: max-content;
      max-width: 100%;
      font-family: var(--mono);
      font-size: 13px;
      color: var(--ink);
      letter-spacing: 0.06em;
      display: block;
      margin-bottom: 18px;
      padding-bottom: 10px;
      background:
        linear-gradient(90deg,
          var(--stage-question),
          var(--stage-retrieval),
          var(--stage-citations),
          var(--stage-answer),
          var(--stage-artifact),
          var(--stage-guards)) left bottom / 100% 1px no-repeat;
    }
    .console-head h2 {
      font-family: var(--serif);
      font-size: 76px;
      font-weight: 350;
      line-height: 1;
      letter-spacing: 0;
      max-width: 18ch;
      font-variation-settings: "opsz" 144, "SOFT" 60;
    }
    .console-head h2 em {
      color: var(--accent);
      background: linear-gradient(90deg, var(--stage-question), var(--stage-citations), var(--stage-answer));
      -webkit-background-clip: text;
      background-clip: text;
      font-style: italic;
      -webkit-text-fill-color: transparent;
      font-variation-settings: "opsz" 144, "SOFT" 100;
    }
    .console-head p {
      color: var(--ink-1);
      font-size: 18px;
      line-height: 1.58;
      min-width: 0;
      max-width: 42ch;
    }
    .atlas-points {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 1px;
      margin-top: 24px;
      border: 1px solid var(--rule);
      background: var(--rule);
    }
    .atlas-points span {
      --point-color: var(--accent);
      min-width: 0;
      padding: 13px 14px;
      background:
        linear-gradient(180deg, color-mix(in srgb, var(--point-color) 10%, transparent), transparent 78%),
        rgba(11, 11, 12, 0.72);
      color: var(--ink-2);
      font-family: var(--mono);
      font-size: 10px;
      line-height: 1.35;
      letter-spacing: 0.04em;
    }
    .atlas-points span:nth-child(1) { --point-color: var(--stage-question); }
    .atlas-points span:nth-child(2) { --point-color: var(--stage-answer); }
    .atlas-points span:nth-child(3) { --point-color: var(--stage-retrieval); }
    .atlas-points strong {
      display: block;
      color: var(--point-color);
      font-family: var(--serif);
      font-size: 28px;
      font-weight: 350;
      line-height: 0.92;
      letter-spacing: 0;
      margin-bottom: 5px;
      font-variation-settings: "opsz" 72, "SOFT" 60;
    }
    .agent-console {
      position: relative;
      border: 1px solid var(--rule-strong);
      border-radius: 8px;
      background:
        radial-gradient(520px circle at 20% 0%, color-mix(in srgb, var(--atlas-active-color) 10%, transparent), transparent 68%),
        linear-gradient(180deg, rgba(236, 232, 225, 0.025), rgba(236, 232, 225, 0.008)),
        rgba(255, 255, 255, 0.012);
      box-shadow:
        0 36px 110px rgba(0, 0, 0, 0.36),
        inset 0 1px 0 rgba(236, 232, 225, 0.045);
      overflow: hidden;
      max-width: 100%;
      min-width: 0;
    }
    .agent-console::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 1px;
      background: linear-gradient(90deg,
        var(--stage-question),
        var(--stage-retrieval),
        var(--stage-citations),
        var(--stage-answer),
        var(--stage-artifact),
        var(--stage-guards),
        transparent);
      opacity: 0.9;
    }
    .agent-console-bar {
      min-height: 42px;
      padding: 0 22px;
      display: flex;
      align-items: center;
      gap: 12px;
      border-bottom: 1px solid var(--rule);
      background: rgba(11, 11, 12, 0.34);
      color: var(--ink-2);
      font-family: var(--mono);
      font-size: 11px;
      line-height: 1.4;
      letter-spacing: 0.08em;
      min-width: 0;
    }
    .agent-console-light {
      flex: 0 0 auto;
      display: block;
      width: 7px;
      height: 7px;
      border-radius: 999px;
      background: var(--stage-question);
      box-shadow: 0 0 14px color-mix(in srgb, currentColor 28%, transparent);
    }
    .agent-console-light.red { background: var(--stage-guards); color: var(--stage-guards); }
    .agent-console-light.yellow { background: var(--stage-artifact); color: var(--stage-artifact); }
    .agent-console-light.green { background: var(--stage-answer); color: var(--stage-answer); }
    .agent-console-path {
      min-width: 0;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .agent-console-body {
      padding: 24px;
      display: grid;
      gap: 20px;
      min-width: 0;
    }
    .agent-console-logo {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 18px;
      padding-bottom: 18px;
      border-bottom: 1px solid var(--rule);
      color: var(--ink);
      font-family: var(--mono);
      font-size: 12px;
      font-weight: 500;
      line-height: 1.35;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      text-shadow: none;
      min-width: 0;
    }
    .agent-console-logo span {
      min-width: 0;
      overflow-wrap: anywhere;
    }
    .agent-console-logo span:last-child {
      color: var(--atlas-active-color);
      letter-spacing: 0.08em;
      text-align: right;
    }
    .agent-console-grid {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      min-height: 0;
      border: 1px solid var(--rule);
      border-radius: 6px;
      background:
        linear-gradient(rgba(236, 232, 225, 0.022) 1px, transparent 1px),
        linear-gradient(90deg, rgba(236, 232, 225, 0.022) 1px, transparent 1px),
        rgba(11, 11, 12, 0.34);
      background-size: 36px 36px;
      max-width: 100%;
      min-width: 0;
      overflow: hidden;
    }
    .agent-web-wrap {
      position: relative;
      height: clamp(540px, 42vw, 680px);
      min-height: 0;
      border-bottom: 1px solid var(--rule);
      overflow: hidden;
      min-width: 0;
    }
    .agent-web {
      display: block;
      width: 100%;
      max-width: 100%;
      min-width: 0;
      height: 100%;
      min-height: 0;
      cursor: grab;
      touch-action: none;
    }
    .agent-web.is-dragging { cursor: grabbing; }
    .agent-web-hint {
      position: absolute;
      left: 20px;
      bottom: 18px;
      right: 20px;
      display: flex;
      justify-content: space-between;
      gap: 16px;
      color: var(--ink-3);
      font-family: var(--mono);
      font-size: 11px;
      line-height: 1.5;
      pointer-events: none;
    }
    .agent-console-readout {
      padding: 22px;
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(260px, 0.42fr);
      align-content: start;
      align-items: start;
      gap: 22px;
      min-width: 0;
      background: rgba(11, 11, 12, 0.22);
    }
    .agent-console-label {
      display: block;
      color: var(--atlas-active-color);
      font-family: var(--mono);
      font-size: 11px;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      margin-bottom: 16px;
    }
    .agent-console-readout h3 {
      color: var(--ink);
      font-family: var(--serif);
      font-size: clamp(34px, 3vw, 42px);
      font-weight: 350;
      line-height: 1.02;
      letter-spacing: 0;
      font-variation-settings: "opsz" 96, "SOFT" 60;
    }
    .agent-console-readout p {
      margin-top: 16px;
      color: var(--ink-1);
      font-size: 15px;
      line-height: 1.64;
    }
    .agent-console-inventory {
      display: grid;
      gap: 10px;
      font-family: var(--mono);
      font-size: 11px;
      line-height: 1.48;
    }
    .agent-console-inventory div {
      display: grid;
      grid-template-columns: 82px minmax(0, 1fr);
      gap: 12px;
      padding-top: 10px;
      border-top: 1px solid rgba(236, 232, 225, 0.10);
      min-width: 0;
    }
    .agent-console-inventory strong {
      color: var(--ink-2);
      font-weight: 500;
    }
    .agent-console-inventory span {
      color: rgba(236, 232, 225, 0.80);
      overflow-wrap: anywhere;
    }
    .agent-console-proof {
      align-self: stretch;
      border-top: 1px solid var(--rule);
      border-bottom: 1px solid var(--rule);
      padding: 14px 0;
      font-family: var(--mono);
      font-size: 11px;
      line-height: 1.55;
      color: var(--ink-2);
    }
    .agent-console-proof strong {
      display: block;
      color: var(--atlas-active-color);
      font-weight: 500;
      margin-bottom: 7px;
    }
    .atlas-filter-readout {
      align-self: stretch;
      display: grid;
      gap: 6px;
      padding: 14px;
      border: 1px solid rgba(236, 232, 225, 0.12);
      background:
        linear-gradient(90deg, var(--atlas-active-soft), transparent 72%),
        rgba(236, 232, 225, 0.025);
      font-family: var(--mono);
      line-height: 1.45;
    }
    .atlas-filter-readout span {
      color: var(--ink-2);
      font-size: 10px;
      letter-spacing: 0.16em;
      text-transform: uppercase;
    }
    .atlas-filter-readout strong {
      color: var(--atlas-active-color);
      font-size: 15px;
      font-weight: 500;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }
    .atlas-filter-readout small {
      color: var(--ink-3);
      font-size: 10px;
      line-height: 1.45;
    }
    .agent-node-list {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      grid-column: 1 / -1;
      padding-top: 4px;
    }
    .agent-node-list button {
      --agent-node-color: var(--accent);
      border: 1px solid rgba(236, 232, 225, 0.14);
      background: rgba(236, 232, 225, 0.035);
      color: var(--ink-2);
      font-family: var(--mono);
      font-size: 10px;
      line-height: 1;
      padding: 8px 9px;
      cursor: pointer;
      transition: border-color 0.2s var(--ease), color 0.2s var(--ease), background 0.2s var(--ease);
    }
    .agent-node-list button[data-agent-node="mcp"],
    .agent-node-list button[data-agent-node="core"] { --agent-node-color: var(--stage-question); }
    .agent-node-list button[data-agent-node="identity"],
    .agent-node-list button[data-agent-node="governance"] { --agent-node-color: var(--stage-guards); }
    .agent-node-list button[data-agent-node="models"],
    .agent-node-list button[data-agent-node="media"] { --agent-node-color: var(--stage-citations); }
    .agent-node-list button[data-agent-node="data"],
    .agent-node-list button[data-agent-node="dev"] { --agent-node-color: var(--stage-retrieval); }
    .agent-node-list button[data-agent-node="content"],
    .agent-node-list button[data-agent-node="enablement"] { --agent-node-color: var(--stage-artifact); }
    .agent-node-list button[data-agent-node="evals"] { --agent-node-color: var(--stage-answer); }
    .agent-node-list button:hover,
    .agent-node-list button.active {
      border-color: color-mix(in srgb, var(--agent-node-color) 68%, var(--rule-strong));
      color: var(--ink);
      background: color-mix(in srgb, var(--agent-node-color) 11%, transparent);
    }
    .agent-console-prompt {
      display: flex;
      align-items: center;
      gap: 10px;
      min-width: 0;
      border-top: 1px solid var(--rule);
      padding-top: 14px;
      color: var(--ink-2);
      font-family: var(--mono);
      font-size: 11px;
      line-height: 1.5;
      overflow: hidden;
    }
    .agent-console-prompt .dollar { color: var(--ink-3); }
    .agent-console-prompt strong { color: var(--ink); font-weight: 500; white-space: nowrap; }
    .agent-console-prompt span:last-child {
      color: rgba(236, 232, 225, 0.68);
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .atlas-artifacts {
      margin-top: 28px;
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 1px;
      border: 1px solid var(--rule);
      background: var(--rule);
    }
    .atlas-artifact {
      min-width: 0;
      padding: 22px;
      background:
        linear-gradient(180deg, var(--proof-soft), transparent 58%),
        rgba(11, 11, 12, 0.86);
      display: grid;
      gap: 14px;
      color: var(--ink-2);
      transition: background 0.22s var(--ease), color 0.22s var(--ease);
    }
    .atlas-artifact:hover {
      background:
        linear-gradient(180deg, var(--proof-soft), rgba(255, 255, 255, 0.018) 68%),
        rgba(17, 17, 19, 0.95);
      color: var(--ink-1);
    }
    .atlas-artifact .label {
      font-family: var(--mono);
      font-size: 10px;
      line-height: 1.4;
      letter-spacing: 0.16em;
      color: var(--proof-color);
      text-transform: uppercase;
    }
    .atlas-artifact h3 {
      color: var(--ink);
      font-family: var(--serif);
      font-size: 25px;
      font-weight: 350;
      line-height: 1.08;
      letter-spacing: 0;
      font-variation-settings: "opsz" 96, "SOFT" 50;
    }
    .atlas-artifact p {
      font-size: 13px;
      line-height: 1.58;
      color: currentColor;
    }
    .atlas-artifact strong {
      color: var(--ink);
      font-weight: 500;
    }
    .atlas-artifact a {
      justify-self: start;
      color: var(--proof-color);
      font-family: var(--mono);
      font-size: 11px;
      letter-spacing: 0.06em;
      border-bottom: 1px solid var(--accent-soft);
      padding-bottom: 2px;
    }
    .atlas-artifact a:hover { border-bottom-color: var(--proof-color); }
    .artifact-specimen {
      margin: 0;
      padding: 13px;
      border: 1px solid rgba(236, 232, 225, 0.10);
      background:
        linear-gradient(90deg, var(--proof-soft), transparent 80%),
        rgba(0, 0, 0, 0.24);
      color: var(--ink-1);
      font-family: var(--mono);
      font-size: 10px;
      line-height: 1.58;
      white-space: pre-wrap;
      overflow-wrap: anywhere;
    }

    /* ===== WORK (case studies) ===== */
    .work-vault-toolbar {
      display: grid;
      grid-template-columns: minmax(220px, 0.42fr) minmax(0, 1fr);
      gap: 28px;
      align-items: center;
      margin-bottom: 18px;
      border: 1px solid var(--rule-strong);
      padding: 18px;
      background:
        linear-gradient(90deg, rgba(232, 153, 71, 0.045), transparent 58%),
        rgba(255, 255, 255, 0.012);
    }
    .work-vault-toolbar span {
      display: block;
      margin-bottom: 8px;
      color: var(--accent);
      font-family: var(--mono);
      font-size: 10px;
      line-height: 1.4;
      letter-spacing: 0.16em;
      text-transform: uppercase;
    }
    .work-vault-toolbar strong {
      color: var(--ink);
      font-family: var(--serif);
      font-size: 28px;
      font-weight: 350;
      line-height: 1.08;
      letter-spacing: 0;
      font-variation-settings: "opsz" 96, "SOFT" 55;
    }
    .work-vault-toolbar nav {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-end;
      gap: 8px;
    }
    .work-vault-toolbar a {
      --vault-color: var(--accent);
      min-height: 36px;
      display: inline-flex;
      align-items: center;
      border: 1px solid color-mix(in srgb, var(--vault-color) 34%, var(--rule-strong));
      padding: 7px 10px;
      color: var(--ink-1);
      background: color-mix(in srgb, var(--vault-color) 8%, transparent);
      font-family: var(--mono);
      font-size: 10px;
      line-height: 1;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      transition: color 0.2s var(--ease), border-color 0.2s var(--ease), background 0.2s var(--ease);
    }
    .work-vault-toolbar a[data-vault-accent="retrieval"] { --vault-color: var(--stage-retrieval); }
    .work-vault-toolbar a[data-vault-accent="citations"] { --vault-color: var(--stage-citations); }
    .work-vault-toolbar a[data-vault-accent="artifact"] { --vault-color: var(--stage-artifact); }
    .work-vault-toolbar a:hover,
    .work-vault-toolbar a:focus-visible {
      color: var(--vault-color);
      border-color: var(--vault-color);
      background: color-mix(in srgb, var(--vault-color) 12%, transparent);
    }
    .work-list { display: flex; flex-direction: column; gap: 0; }
    .work {
      padding: 72px 0;
      border-bottom: 1px solid var(--rule);
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
      gap: 64px;
      align-items: center;
    }
    .work:last-child { border-bottom: 0; }
    .work .meta { display: flex; flex-direction: column; gap: 24px; }
    .work .meta .num {
      font-family: var(--mono); font-size: 12px; letter-spacing: 0.18em;
      color: var(--proof-color);
    }
    .work .meta h3 {
      font-family: var(--serif);
      font-weight: 350;
      font-size: 44px;
      letter-spacing: 0;
      line-height: 1.05;
      font-variation-settings: "opsz" 144, "SOFT" 50;
    }
    .work .meta h3 em { font-style: italic; color: var(--proof-color); }
    .work .meta .body { color: var(--ink-2); font-size: 17px; line-height: 1.6; max-width: 50ch; }
    .work-metrics {
      display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px;
      padding: 24px 0;
      border-top: 1px solid var(--rule);
      border-bottom: 1px solid var(--rule);
    }
    .work-metric { display: flex; flex-direction: column; gap: 4px; }
    .work-metric strong {
      font-family: var(--serif);
      font-weight: 350;
      font-size: 38px;
      letter-spacing: 0;
      color: var(--ink);
      font-variation-settings: "opsz" 96, "SOFT" 50;
    }
    .work-metric span {
      font-family: var(--mono); font-size: 11px; letter-spacing: 0.1em;
      text-transform: uppercase; color: var(--ink-2);
    }
    .work .read-more {
      font-family: var(--mono); font-size: 13px; letter-spacing: 0.06em;
      color: var(--proof-color); display: inline-flex; align-items: center; gap: 12px;
      padding-bottom: 4px;
      border-bottom: 1px solid var(--accent-soft);
      transition: border-color 0.2s var(--ease), gap 0.3s var(--ease);
      align-self: flex-start;
    }
    .work .read-more:hover { border-bottom-color: var(--accent); gap: 18px; }

    /* Custom artwork frame */
    .work .art {
      aspect-ratio: 4 / 5;
      border: 1px solid var(--rule);
      background: radial-gradient(at 30% 20%, rgba(232, 153, 71, 0.04) 0%, transparent 60%);
      position: relative;
      overflow: hidden;
    }
    .work .art:not(.art-eval) {
      aspect-ratio: auto;
      min-height: 0;
    }
    .work .art:not(.art-eval) .artifact-screen {
      height: auto;
      min-height: 0;
    }
    .work .art svg { width: 100%; height: 100%; display: block; }
    .artifact-screen {
      height: 100%;
      min-height: 100%;
      display: grid;
      grid-template-rows: auto 1fr;
      background: #0e0e10;
      font-family: var(--mono);
      color: var(--ink);
    }
    .artifact-bar {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;
      padding: 14px 16px;
      border-bottom: 1px solid rgba(236, 232, 225, 0.09);
      background: #151417;
      color: var(--ink-2);
      font-size: 10px;
      letter-spacing: 0.04em;
    }
    .artifact-bar b {
      color: var(--accent);
      font-weight: 500;
    }
    .artifact-body {
      display: grid;
      align-content: start;
      gap: 14px;
      padding: 22px;
    }
    .query-card,
    .registry-row,
    .audit-row {
      border: 1px solid rgba(236, 232, 225, 0.10);
      background: rgba(255, 255, 255, 0.018);
    }
    .query-card {
      padding: 16px;
      display: grid;
      gap: 10px;
    }
    .query-card .label,
    .registry-head,
    .audit-label {
      color: var(--accent);
      font-size: 10px;
      letter-spacing: 0.12em;
      text-transform: uppercase;
    }
    .query-card code {
      color: var(--ink);
      font-size: 12px;
      line-height: 1.55;
      white-space: normal;
    }
    .query-card .route {
      color: var(--ink-2);
      font-size: 11px;
      line-height: 1.5;
    }
    .audit-grid {
      display: grid;
      gap: 8px;
    }
    .audit-row {
      display: grid;
      grid-template-columns: 1fr auto;
      gap: 12px;
      padding: 11px 12px;
      color: var(--ink-1);
      font-size: 11px;
      line-height: 1.35;
    }
    .audit-row strong {
      color: var(--ink);
      font-weight: 500;
    }
    .artifact-status {
      color: #9bd86b;
      font-size: 10px;
      white-space: nowrap;
    }
    .artifact-status.warn { color: var(--accent); }
    .registry-table {
      display: grid;
      gap: 8px;
    }
    .registry-head {
      display: grid;
      grid-template-columns: 1.1fr 0.8fr 0.7fr;
      padding: 0 12px;
      color: var(--ink-2);
    }
    .registry-row {
      display: grid;
      grid-template-columns: 1.1fr 0.8fr 0.7fr;
      gap: 10px;
      align-items: center;
      padding: 12px;
      color: var(--ink-1);
      font-size: 11px;
      line-height: 1.35;
    }
    .registry-row strong {
      color: var(--ink);
      font-weight: 500;
    }
    .registry-row .risk {
      color: var(--accent);
    }
    .registry-row .ok {
      color: #9bd86b;
    }
    .registry-summary {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 1px;
      background: rgba(236, 232, 225, 0.10);
      border: 1px solid rgba(236, 232, 225, 0.10);
    }
    .registry-summary span {
      min-width: 0;
      padding: 12px;
      background: #0e0e10;
      color: var(--ink-2);
      font-size: 10px;
      line-height: 1.35;
    }
    .registry-summary strong {
      display: block;
      color: var(--accent);
      font-family: var(--serif);
      font-weight: 350;
      font-size: 24px;
      line-height: 1;
    }

    /* ===== CURRENT PLATFORM ===== */
    .platform-layout {
      display: grid;
      grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
      gap: 80px;
      align-items: start;
    }
    .platform-statement {
      position: sticky;
      top: 116px;
    }
    .platform-statement .num,
    .platform-statement .eyebrow {
      font-family: var(--mono);
      font-size: 12px;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      color: var(--accent);
      display: block;
      margin-bottom: 24px;
    }
    .platform-statement h2 {
      font-family: var(--serif);
      font-weight: 350;
      font-size: 58px;
      line-height: 1;
      letter-spacing: 0;
      max-width: 11ch;
      font-variation-settings: "opsz" 144, "SOFT" 60;
    }
    .platform-statement h2 em {
      color: var(--accent);
      font-style: italic;
      font-variation-settings: "opsz" 144, "SOFT" 100;
    }
    .platform-statement p {
      margin-top: 28px;
      max-width: 42ch;
      font-size: 17px;
      line-height: 1.65;
      color: var(--ink-1);
    }
    .platform-proof {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 1px;
      margin-top: 36px;
      border: 1px solid var(--rule);
      background: var(--rule);
    }
    .platform-proof span {
      min-width: 0;
      padding: 14px;
      background: var(--bg);
      color: var(--ink-2);
      font-family: var(--mono);
      font-size: 10px;
      line-height: 1.35;
    }
    .platform-proof strong {
      display: block;
      color: var(--accent);
      font-family: var(--serif);
      font-size: 30px;
      font-weight: 350;
      line-height: 1;
    }
    .platform-proof-cases {
      display: grid;
      gap: 1px;
      margin-top: 28px;
      border: 1px solid var(--rule);
      background: var(--rule);
    }
    .platform-proof-cases article {
      min-width: 0;
      display: grid;
      gap: 10px;
      padding: 18px;
      background:
        linear-gradient(180deg, var(--proof-soft), transparent 66%),
        rgba(11, 11, 12, 0.82);
    }
    .platform-proof-cases span {
      color: var(--proof-color);
      font-family: var(--mono);
      font-size: 10px;
      letter-spacing: 0.16em;
      line-height: 1.35;
      text-transform: uppercase;
    }
    .platform-proof-cases h3 {
      color: var(--ink);
      font-family: var(--serif);
      font-size: 23px;
      font-weight: 350;
      line-height: 1.08;
      letter-spacing: 0;
      font-variation-settings: "opsz" 96, "SOFT" 55;
    }
    .platform-proof-cases p {
      margin: 0;
      color: var(--ink-2);
      font-size: 13px;
      line-height: 1.56;
    }
    .platform-proof-cases p strong {
      color: var(--ink);
      font-weight: 500;
    }
    .platform-proof-cases small {
      color: var(--ink-3);
      font-family: var(--mono);
      font-size: 10px;
      line-height: 1.45;
      letter-spacing: 0.04em;
    }
    .platform-ledger {
      border-top: 1px solid var(--rule);
    }
    .platform-row {
      display: grid;
      grid-template-columns: 168px minmax(0, 1fr);
      gap: 32px;
      padding: 28px 0;
      border-bottom: 1px solid var(--rule);
    }
    .platform-row .label {
      font-family: var(--mono);
      font-size: 11px;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: var(--proof-color);
      line-height: 1.5;
    }
    .platform-row h3 {
      font-family: var(--serif);
      font-weight: 350;
      font-size: 28px;
      line-height: 1.12;
      letter-spacing: 0;
      color: var(--ink);
      margin-bottom: 10px;
      font-variation-settings: "opsz" 96, "SOFT" 50;
    }
    .platform-row p {
      font-size: 15px;
      line-height: 1.65;
      color: var(--ink-2);
    }
    .platform-row code {
      font-family: var(--mono);
      color: var(--ink-1);
      font-size: 0.92em;
    }

    /* ===== NOTES ===== */
    .notes-grid {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
      gap: 80px;
      align-items: start;
    }
    .notes-grid blockquote {
      font-family: var(--serif);
      font-weight: 300;
      font-style: italic;
      font-size: 46px;
      line-height: 1.15;
      letter-spacing: 0;
      color: var(--ink);
      font-variation-settings: "opsz" 144, "SOFT" 100;
    }
    .notes-grid blockquote::before { content: ""; display: block; width: 32px; height: 1px; background: var(--accent); margin-bottom: 24px; }
    .notes-grid .body { margin-top: 32px; max-width: 50ch; color: var(--ink-2); }
    .writing-actions {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 1px;
      margin-top: 32px;
      border: 1px solid var(--rule);
      background: var(--rule);
    }
    .writing-action {
      min-width: 0;
      min-height: 132px;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      gap: 12px;
      padding: 18px;
      background:
        linear-gradient(180deg, rgba(232, 153, 71, 0.028), transparent 62%),
        rgba(11, 11, 12, 0.9);
      transition: background 0.2s var(--ease), color 0.2s var(--ease);
    }
    .writing-action:hover { background: rgba(232, 153, 71, 0.045); }
    .writing-action span {
      color: var(--accent);
      font-family: var(--mono);
      font-size: 10px;
      letter-spacing: 0.14em;
      text-transform: uppercase;
    }
    .writing-action strong {
      color: var(--ink);
      font-family: var(--serif);
      font-size: 27px;
      font-weight: 350;
      line-height: 1.05;
      letter-spacing: 0;
      font-variation-settings: "opsz" 96, "SOFT" 55;
    }
    .writing-action small {
      color: var(--ink-3);
      font-family: var(--mono);
      font-size: 10px;
      letter-spacing: 0.06em;
      line-height: 1.45;
      text-transform: uppercase;
    }
    .writing-source-row {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-top: 18px;
    }
    .writing-source-row a {
      display: inline-flex;
      align-items: center;
      min-height: 34px;
      padding: 0 10px;
      border: 1px solid var(--rule);
      color: var(--ink-2);
      font-family: var(--mono);
      font-size: 10px;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      transition: color 0.2s var(--ease), border-color 0.2s var(--ease);
    }
    .writing-source-row a:hover {
      color: var(--accent);
      border-color: rgba(232, 153, 71, 0.42);
    }
    .note-list { display: flex; flex-direction: column; }
    .note {
      padding: 32px 0;
      border-bottom: 1px solid var(--rule);
    }
    .note:first-child { padding-top: 0; }
    .note:last-child { border-bottom: 0; }
    .note .num { font-family: var(--mono); font-size: 11px; letter-spacing: 0.18em; color: var(--accent); display: block; margin-bottom: 8px; text-transform: uppercase;}
    .note h3 {
      font-family: var(--serif);
      font-weight: 350;
      font-size: 28px;
      letter-spacing: 0;
      line-height: 1.15;
      margin-bottom: 12px;
      font-variation-settings: "opsz" 96, "SOFT" 50;
    }
    .note p { font-size: 16px; line-height: 1.6; color: var(--ink-2); margin-bottom: 12px; }
    .note .note-claim {
      margin: 18px 0 16px;
      padding: 14px 16px;
      border-left: 1px solid var(--accent);
      background: rgba(232, 153, 71, 0.035);
      color: var(--ink-1);
      font-family: var(--mono);
      font-size: 12px;
      line-height: 1.6;
    }
    .note-meta {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin: 18px 0 14px;
      font-family: var(--mono);
      font-size: 10px;
      letter-spacing: 0.06em;
      color: var(--ink-2);
    }
    .note-meta span {
      border: 1px solid var(--rule);
      padding: 5px 7px;
      background: rgba(255, 255, 255, 0.012);
    }
    .note a {
      font-family: var(--mono); font-size: 12px; letter-spacing: 0.06em;
      color: var(--accent); border-bottom: 1px solid var(--accent-soft);
      padding-bottom: 2px;
      transition: border-color 0.2s var(--ease);
    }
    .note a:hover { border-bottom-color: var(--accent); }

    /* ===== LEARNING OFFER ===== */
    .learning-section {
      background:
        radial-gradient(circle at 18% 8%, rgba(232, 153, 71, 0.06), transparent 24%),
        linear-gradient(180deg, rgba(236, 232, 225, 0.012), transparent 44%);
    }
    .learning-layout {
      display: grid;
      grid-template-columns: minmax(0, 1.25fr) minmax(320px, 0.75fr);
      gap: 52px;
      align-items: start;
    }
    .learning-stack {
      border: 1px solid var(--rule-strong);
      background: rgba(255, 255, 255, 0.012);
      position: relative;
      overflow: hidden;
    }
    .learning-stack::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 32%;
      height: 1px;
      background: linear-gradient(90deg, var(--accent), transparent);
    }
    .learning-stack-head {
      display: flex;
      justify-content: space-between;
      gap: 18px;
      padding: 20px 22px;
      border-bottom: 1px solid var(--rule);
      font-family: var(--mono);
      font-size: 11px;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      color: var(--accent);
    }
    .learning-stack-head span:last-child {
      color: var(--ink-3);
      text-align: right;
    }
    .lesson-list {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 1px;
      background: var(--rule);
    }
    .lesson {
      min-height: 190px;
      padding: 24px;
      background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.018), transparent 48%),
        var(--bg);
      display: flex;
      flex-direction: column;
      gap: 14px;
      position: relative;
      transition: background 0.2s var(--ease);
    }
    a.lesson { color: inherit; }
    a.lesson:hover {
      background:
        linear-gradient(180deg, rgba(232, 153, 71, 0.05), transparent 60%),
        var(--bg);
    }
    a.lesson:hover h3 { color: var(--accent); }
    a.lesson:hover .step::after { transform: translateX(3px); }
    a.lesson:focus-visible {
      outline: 1px solid var(--accent);
      outline-offset: -1px;
    }
    .lesson .step {
      font-family: var(--mono);
      font-size: 11px;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      color: var(--accent);
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 10px;
    }
    .lesson .step::after {
      content: '→';
      font-size: 13px;
      color: var(--ink-3);
      transition: transform 0.2s var(--ease), color 0.2s var(--ease);
    }
    a.lesson:hover .step::after { color: var(--accent); }
    .lesson h3 { transition: color 0.2s var(--ease); }
    .lesson h3 {
      font-family: var(--serif);
      font-weight: 350;
      font-size: 30px;
      line-height: 1.08;
      letter-spacing: 0;
      color: var(--ink);
      font-variation-settings: "opsz" 96, "SOFT" 55;
    }
    .lesson p {
      font-size: 15px;
      line-height: 1.58;
      color: var(--ink-2);
      margin: 0;
    }
    .lesson .build {
      margin-top: auto;
      border-top: 1px solid var(--rule);
      padding-top: 12px;
      font-family: var(--mono);
      font-size: 11px;
      line-height: 1.5;
      color: var(--ink-1);
    }
    .lesson .build strong {
      display: block;
      color: var(--accent);
      font-weight: 500;
      margin-bottom: 3px;
    }
    .learning-side {
      position: sticky;
      top: 116px;
      display: flex;
      flex-direction: column;
      gap: 18px;
    }
    .learning-principle {
      border-left: 1px solid var(--accent);
      padding: 0 0 0 20px;
    }
    .learning-principle h3 {
      font-family: var(--serif);
      font-weight: 350;
      font-size: 34px;
      line-height: 1.1;
      letter-spacing: 0;
      margin-bottom: 14px;
      font-variation-settings: "opsz" 96, "SOFT" 60;
    }
    .learning-principle p {
      font-size: 16px;
      line-height: 1.65;
      color: var(--ink-2);
    }
    .mission-resume {
      display: none;
      border: 1px solid var(--rule-strong);
      background:
        linear-gradient(180deg, rgba(232, 153, 71, 0.055), transparent 50%),
        rgba(255, 255, 255, 0.014);
      padding: 20px;
    }
    .mission-resume.is-visible {
      display: grid;
      gap: 14px;
    }
    .mission-resume-top {
      display: flex;
      justify-content: space-between;
      gap: 16px;
      align-items: baseline;
    }
    .mission-resume-kicker {
      color: var(--accent);
      font-family: var(--mono);
      font-size: 11px;
      letter-spacing: 0.16em;
      text-transform: uppercase;
    }
    .mission-resume-count {
      color: var(--accent);
      font-family: var(--serif);
      font-size: 34px;
      font-weight: 350;
      line-height: 1;
      font-variation-settings: "opsz" 96, "SOFT" 55;
    }
    .mission-resume h3 {
      margin: 0;
      font-family: var(--serif);
      font-size: 30px;
      font-weight: 350;
      line-height: 1.1;
      letter-spacing: 0;
      font-variation-settings: "opsz" 96, "SOFT" 55;
    }
    .mission-resume p {
      margin: 0;
      color: var(--ink-2);
      font-size: 14px;
      line-height: 1.55;
    }
    .mission-resume-meter {
      height: 7px;
      border: 1px solid var(--rule);
      background: rgba(255, 255, 255, 0.025);
      overflow: hidden;
    }
    .mission-resume-meter span {
      display: block;
      width: 0%;
      height: 100%;
      background: linear-gradient(90deg, var(--accent), #f4d38f);
      transition: width 0.35s ease;
    }
    .mission-resume-actions {
      display: flex;
      gap: 12px;
      flex-wrap: wrap;
      align-items: center;
    }
    .mission-resume-actions a {
      min-height: 40px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      border: 1px solid var(--accent);
      padding: 9px 12px;
      font-family: var(--mono);
      font-size: 10px;
      letter-spacing: 0.1em;
      text-transform: uppercase;
    }
    .mission-resume-actions a:first-child {
      background: var(--accent);
      color: #15110d;
    }
    .mission-resume-actions a:last-child {
      border-color: var(--rule-strong);
      color: var(--ink-1);
    }
    .mission-resume-actions a:last-child.is-unlocked {
      border-color: var(--accent);
      color: var(--accent);
    }
    .tier-grid {
      display: grid;
      gap: 1px;
      border: 1px solid var(--rule);
      background: var(--rule);
    }
    .tier-card {
      background: rgba(11, 11, 12, 0.72);
      padding: 20px;
      display: flex;
      flex-direction: column;
      gap: 10px;
      transition: background 0.2s var(--ease);
    }
    a.tier-card { color: inherit; }
    a.tier-card:hover {
      background: rgba(232, 153, 71, 0.045);
    }
    a.tier-card:hover h4 { color: var(--accent); }
    a.tier-card:hover .tier-cta { color: var(--accent); }
    a.tier-card:focus-visible {
      outline: 1px solid var(--accent);
      outline-offset: -1px;
    }
    .tier-card .tier {
      display: block;
      font-family: var(--mono);
      font-size: 11px;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      color: var(--accent);
    }
    .tier-card h4 {
      font-family: var(--serif);
      font-weight: 350;
      font-size: 26px;
      line-height: 1.08;
      letter-spacing: 0;
      margin: 0;
      font-variation-settings: "opsz" 72, "SOFT" 55;
      transition: color 0.2s var(--ease);
    }
    .tier-card p {
      color: var(--ink-2);
      font-size: 14px;
      line-height: 1.58;
      margin: 0;
    }
    .tier-card .tier-cta {
      margin-top: auto;
      padding-top: 8px;
      font-family: var(--mono);
      font-size: 11px;
      letter-spacing: 0.08em;
      color: var(--ink-2);
      transition: color 0.2s var(--ease);
    }
    .tool-strip {
      display: flex;
      flex-wrap: wrap;
      gap: 7px;
      margin-top: 18px;
    }
    .tool-strip span {
      border: 1px solid var(--rule);
      padding: 5px 7px;
      color: var(--ink-1);
      font-family: var(--mono);
      font-size: 10px;
      letter-spacing: 0.05em;
      background: rgba(255, 255, 255, 0.012);
    }
    .learning-cta {
      margin-top: 12px;
      display: flex;
      gap: 16px;
      align-items: center;
      flex-wrap: wrap;
    }
    .learn-meta {
      display: grid;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      border: 1px solid var(--rule-strong);
      background: rgba(255, 255, 255, 0.012);
      margin: 0 0 38px;
    }
    .learn-meta-item {
      padding: 18px 20px;
      border-right: 1px solid var(--rule);
      display: flex;
      flex-direction: column;
      gap: 6px;
    }
    .learn-meta-item:last-child { border-right: 0; }
    .learn-meta-item .num {
      font-family: var(--serif);
      font-weight: 350;
      font-size: 36px;
      line-height: 1;
      color: var(--ink);
      font-variation-settings: "opsz" 72, "SOFT" 60;
    }
    .learn-meta-item .num em {
      font-style: normal;
      color: var(--accent);
    }
    .learn-meta-item .lbl {
      font-family: var(--mono);
      font-size: 11px;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: var(--ink-2);
    }

    /* ===== CAREER ===== */
    .record-layout {
      display: grid;
      grid-template-columns: minmax(280px, 0.56fr) minmax(0, 1.44fr);
      gap: clamp(48px, 5vw, 72px);
      align-items: start;
      min-width: 0;
    }
    .record-aside {
      position: sticky;
      top: 116px;
      min-width: 0;
    }
    .record-aside .num {
      display: block;
      font-family: var(--mono);
      font-size: 13px;
      color: var(--accent);
      letter-spacing: 0.06em;
      margin-bottom: 34px;
    }
    .record-number {
      font-family: var(--serif);
      font-size: clamp(112px, 9.5vw, 132px);
      font-weight: 300;
      line-height: 0.84;
      color: var(--ink);
      font-variation-settings: "opsz" 144, "SOFT" 70;
    }
    .record-caption {
      max-width: 31ch;
      margin-top: 18px;
      color: var(--ink-1);
      font-family: var(--serif);
      font-size: 28px;
      line-height: 1.22;
      font-weight: 350;
      font-variation-settings: "opsz" 96, "SOFT" 70;
    }
    .record-proof {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 1px;
      margin-top: 32px;
      border: 1px solid var(--rule);
      background: var(--rule);
    }
    .record-proof span {
      min-width: 0;
      padding: 14px;
      background: var(--bg);
      color: var(--ink-2);
      font-family: var(--mono);
      font-size: 11px;
      line-height: 1.4;
    }
    .record-proof strong {
      display: block;
      color: var(--accent);
      font-family: var(--serif);
      font-size: 27px;
      font-weight: 350;
      line-height: 1;
    }
    .career-table { width: 100%; min-width: 0; }
    .career-group {
      display: grid;
      gap: 4px;
      margin-bottom: 38px;
    }
    .career-group + .career-group {
      margin-top: 26px;
    }
    .career-group-head {
      display: grid;
      grid-template-columns: 140px minmax(0, 1fr);
      gap: 32px;
      align-items: end;
      padding-bottom: 16px;
      border-bottom: 1px solid var(--rule-strong);
    }
    .career-group-head span {
      color: var(--accent);
      font-family: var(--mono);
      font-size: 11px;
      line-height: 1.4;
      letter-spacing: 0.16em;
      text-transform: uppercase;
    }
    .career-group-head h3 {
      color: var(--ink);
      font-family: var(--serif);
      font-size: 33px;
      font-weight: 350;
      line-height: 1.08;
      letter-spacing: 0;
      font-variation-settings: "opsz" 96, "SOFT" 55;
    }
    .career-row {
      display: grid;
      grid-template-columns: 128px minmax(220px, 0.8fr) minmax(0, 1.15fr);
      gap: 26px;
      padding: 22px 0;
      border-bottom: 1px solid var(--rule);
      align-items: baseline;
    }
    .career-row:last-child { border-bottom: 0; }
    .career-row .when {
      font-family: var(--mono); font-size: 12px; color: var(--ink-2); letter-spacing: 0.04em;
    }
    .career-row .role {
      font-family: var(--serif); font-weight: 400; font-size: 22px; letter-spacing: 0; color: var(--ink);
      font-variation-settings: "opsz" 96, "SOFT" 50;
    }
    .career-row .role .org { color: var(--accent); display: block; font-size: 14px; font-family: var(--mono); letter-spacing: 0.04em; margin-top: 4px; font-weight: 400; font-variation-settings: normal;}
    .career-row .what { color: var(--ink-2); font-size: 15px; line-height: 1.55; }
    .career-row.education-row {
      grid-template-columns: 104px minmax(250px, 0.72fr) minmax(0, 1fr);
      gap: 22px;
      padding: 18px 0;
      align-items: start;
    }
    .career-row.education-row .when {
      color: var(--accent);
      font-size: 10px;
      letter-spacing: 0.14em;
      text-transform: uppercase;
    }
    .career-row.education-row .what {
      max-width: 62ch;
    }
    .career-row.education-row .role {
      font-size: 20px;
      line-height: 1.2;
    }
    .career-row.education-row .role .org {
      max-width: 30ch;
      line-height: 1.42;
      letter-spacing: 0.03em;
      overflow-wrap: normal;
    }

    /* ===== LAB / OPEN SOURCE ===== */
    .artifact-ledger {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 1px;
      margin-bottom: 42px;
      border: 1px solid var(--rule);
      background: var(--rule);
    }
    .artifact-link {
      min-width: 0;
      min-height: 176px;
      display: flex;
      flex-direction: column;
      gap: 11px;
      padding: 22px;
      background:
        linear-gradient(180deg, rgba(232, 153, 71, 0.028), transparent 60%),
        rgba(11, 11, 12, 0.88);
      color: var(--ink-2);
      transition: background 0.2s var(--ease), color 0.2s var(--ease);
    }
    .artifact-link:hover {
      color: var(--ink-1);
      background: rgba(232, 153, 71, 0.045);
    }
    .artifact-link span {
      color: var(--accent);
      font-family: var(--mono);
      font-size: 10px;
      letter-spacing: 0.14em;
      text-transform: uppercase;
    }
    .artifact-link h3 {
      color: var(--ink);
      font-family: var(--serif);
      font-size: 26px;
      font-weight: 350;
      line-height: 1.1;
      letter-spacing: 0;
      font-variation-settings: "opsz" 96, "SOFT" 50;
    }
    .artifact-link p {
      color: currentColor;
      font-size: 14px;
      line-height: 1.54;
    }
    .artifact-link small {
      margin-top: auto;
      color: var(--ink-3);
      font-family: var(--mono);
      font-size: 11px;
      letter-spacing: 0.05em;
    }

    /* ===== HIRING FIT ===== */
    .hire-grid {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 1px;
      border: 1px solid var(--rule);
      background: var(--rule);
    }
    .hire-card {
      min-width: 0;
      min-height: 250px;
      display: flex;
      flex-direction: column;
      gap: 12px;
      padding: 22px;
      background:
        linear-gradient(180deg, rgba(232, 153, 71, 0.026), transparent 56%),
        rgba(11, 11, 12, 0.88);
    }
    .hire-card span {
      color: var(--accent);
      font-family: var(--mono);
      font-size: 10px;
      letter-spacing: 0.14em;
      text-transform: uppercase;
    }
    .hire-card h3 {
      color: var(--ink);
      font-family: var(--serif);
      font-size: 27px;
      font-weight: 350;
      line-height: 1.08;
      letter-spacing: 0;
      font-variation-settings: "opsz" 96, "SOFT" 55;
    }
    .hire-card p {
      color: var(--ink-2);
      font-size: 14px;
      line-height: 1.56;
    }
    .hire-card small {
      margin-top: auto;
      color: var(--ink-3);
      font-family: var(--mono);
      font-size: 10px;
      letter-spacing: 0.06em;
      line-height: 1.45;
      text-transform: uppercase;
    }
    .fit-boundary {
      display: grid;
      grid-template-columns: minmax(0, 0.44fr) minmax(0, 1fr);
      gap: 28px;
      margin-top: 28px;
      border: 1px solid var(--rule-strong);
      padding: 22px;
      background: rgba(255, 255, 255, 0.012);
    }
    .fit-boundary strong {
      color: var(--accent);
      font-family: var(--mono);
      font-size: 11px;
      letter-spacing: 0.16em;
      line-height: 1.4;
      text-transform: uppercase;
    }
    .fit-boundary p {
      color: var(--ink-1);
      font-size: 15px;
      line-height: 1.58;
    }

    /* ===== OPERATING PLAN ===== */
    .operating-plan {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 1px;
      border: 1px solid var(--rule);
      background: var(--rule);
    }
    .plan-phase {
      min-width: 0;
      min-height: 330px;
      display: flex;
      flex-direction: column;
      gap: 14px;
      padding: 24px;
      background:
        linear-gradient(180deg, rgba(232, 153, 71, 0.032), transparent 62%),
        rgba(11, 11, 12, 0.9);
    }
    .plan-phase span {
      color: var(--accent);
      font-family: var(--mono);
      font-size: 10px;
      letter-spacing: 0.14em;
      text-transform: uppercase;
    }
    .plan-phase h3 {
      color: var(--ink);
      font-family: var(--serif);
      font-size: 29px;
      font-weight: 350;
      line-height: 1.06;
      letter-spacing: 0;
      font-variation-settings: "opsz" 96, "SOFT" 55;
    }
    .plan-phase p {
      color: var(--ink-2);
      font-size: 14px;
      line-height: 1.55;
    }
    .plan-phase ul {
      display: flex;
      flex-direction: column;
      gap: 8px;
      margin-top: auto;
      color: var(--ink-1);
      font-size: 13px;
      line-height: 1.45;
    }
    .plan-phase li {
      position: relative;
      padding-left: 17px;
    }
    .plan-phase li::before {
      content: "";
      position: absolute;
      top: 0.64em;
      left: 0;
      width: 6px;
      height: 6px;
      border: 1px solid var(--accent);
      transform: translateY(-50%);
    }
    .plan-output {
      display: grid;
      grid-template-columns: minmax(0, 0.42fr) minmax(0, 1fr) auto;
      gap: 28px;
      align-items: center;
      margin-top: 28px;
      padding: 24px;
      border: 1px solid var(--rule-strong);
      background: rgba(255, 255, 255, 0.014);
    }
    .plan-output strong {
      color: var(--accent);
      font-family: var(--mono);
      font-size: 11px;
      letter-spacing: 0.16em;
      line-height: 1.4;
      text-transform: uppercase;
    }
    .plan-output p {
      color: var(--ink-1);
      font-size: 15px;
      line-height: 1.58;
    }
    .plan-output a {
      justify-self: end;
      display: inline-flex;
      align-items: center;
      min-height: 40px;
      padding: 0 16px;
      border: 1px solid rgba(232, 153, 71, 0.42);
      color: var(--accent);
      font-family: var(--mono);
      font-size: 11px;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      white-space: nowrap;
      transition: background 0.2s var(--ease), color 0.2s var(--ease), border-color 0.2s var(--ease);
    }
    .plan-output a:hover {
      background: var(--accent);
      border-color: var(--accent);
      color: #101010;
    }
    .lab-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 1px;
      border: 1px solid var(--rule);
      background: var(--rule);
    }
    .lab-item {
      min-width: 0;
      min-height: 220px;
      padding: 24px;
      border: 0;
      background: rgba(11, 11, 12, 0.88);
      display: flex; flex-direction: column; gap: 12px;
      transition: background 0.2s var(--ease);
    }
    .lab-item:first-child {
      grid-row: auto;
      padding: 24px;
      justify-content: flex-start;
      min-height: 220px;
      background:
        linear-gradient(180deg, transparent 0%, rgba(232, 153, 71, 0.035) 100%),
        rgba(11, 11, 12, 0.88);
    }
    .lab-item:not(:first-child) {
      grid-column: auto;
      min-height: 220px;
    }
    .lab-item:hover { background: rgba(232, 153, 71, 0.03); }
    .lab-item .lang { font-family: var(--mono); font-size: 11px; letter-spacing: 0.12em; color: var(--accent); text-transform: uppercase; }
    .lab-item h4 {
      font-family: var(--serif); font-weight: 400; font-size: 22px; letter-spacing: 0; color: var(--ink);
      font-variation-settings: "opsz" 96, "SOFT" 50;
    }
    .lab-item:first-child h4 {
      font-size: 24px;
      line-height: 1.08;
      font-weight: 350;
      font-variation-settings: "opsz" 96, "SOFT" 60;
    }
    .lab-item:first-child p {
      max-width: none;
      font-size: 14px;
      color: var(--ink-2);
    }
    .lab-item h4 a { color: inherit; }
    .lab-item h4 a:hover { color: var(--accent); }
    .lab-item p { font-size: 14px; line-height: 1.55; color: var(--ink-2); flex: 1; }
    .lab-item .repo {
      font-family: var(--mono); font-size: 12px; color: var(--ink-2); letter-spacing: 0.04em;
      margin-top: 4px;
    }

    @media (max-width: 1180px) {
      .lab-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      .lab-item,
      .lab-item:first-child,
      .lab-item:not(:first-child) {
        min-height: 210px;
      }
    }

    /* ===== CONTACT ===== */
    .contact-block {
      padding: var(--rhythm) 0;
      border-top: 1px solid var(--rule);
      border-bottom: 1px solid var(--rule);
    }
    .contact-portrait {
      display: grid;
      grid-template-columns: 280px 1fr;
      gap: 64px;
      align-items: center;
      margin-bottom: 96px;
      padding-bottom: 64px;
      border-bottom: 1px solid var(--rule);
    }
    .contact-portrait img {
      width: 100%;
      aspect-ratio: 1 / 1;
      object-fit: cover;
      filter: grayscale(0.18) contrast(1.04);
      border: 1px solid var(--rule-strong);
    }
    .contact-portrait .who {
      font-family: var(--serif);
      font-weight: 350;
      font-style: italic;
      font-size: 28px;
      line-height: 1.35;
      letter-spacing: 0;
      color: var(--ink);
      max-width: 32ch;
      font-variation-settings: "opsz" 96, "SOFT" 100;
    }
    .contact-portrait .who::before {
      content: '';
      display: block;
      width: 32px; height: 1px;
      background: var(--accent);
      margin-bottom: 20px;
    }
    .contact-portrait .availability {
      margin-top: 24px;
      font-family: var(--mono); font-size: 12px; letter-spacing: 0.06em;
      color: var(--ink-1);
      display: flex; align-items: center; gap: 10px;
    }
    .contact-portrait .availability::before {
      content: '';
      width: 6px; height: 6px; border-radius: 50%;
      background: var(--accent);
      animation: livePulse 2s var(--ease) infinite;
    }
    .contact-grid {
      display: grid;
      grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr);
      gap: 64px;
      align-items: end;
    }
    .contact-grid h2 {
      font-family: var(--serif);
      font-weight: 300;
      font-style: italic;
      font-size: 78px;
      line-height: 0.98;
      letter-spacing: 0;
      color: var(--ink);
      max-width: 14ch;
      font-variation-settings: "opsz" 144, "SOFT" 100;
    }
    .contact-grid h2 em { font-style: normal; color: var(--accent); }
    .contact-grid > p {
      grid-column: 1;
      align-self: start;
    }
    .contact-list { display: flex; flex-direction: column; gap: 8px; }
    .contact-grid .contact-list {
      grid-column: 2;
      grid-row: 1 / span 2;
      align-self: start;
    }
    .contact-row {
      display: grid; grid-template-columns: 80px minmax(0, 1fr);
      gap: 32px; padding: 20px 0;
      border-top: 1px solid var(--rule);
      align-items: center;
    }
    .contact-row:last-child { border-bottom: 1px solid var(--rule); }
    .contact-row .label {
      font-family: var(--mono); font-size: 11px; letter-spacing: 0.18em;
      text-transform: uppercase; color: var(--ink-2);
    }
    .contact-row a {
      font-family: var(--serif); font-size: 22px; color: var(--ink);
      font-weight: 400; letter-spacing: 0;
      transition: color 0.2s var(--ease);
      font-variation-settings: "opsz" 96, "SOFT" 50;
    }
    .contact-row a:hover { color: var(--accent); }
    .contact-form-panel,
    .contact-row-form {
      display: block;
      padding: 28px 0;
      align-items: stretch;
      border-top: 1px solid var(--rule);
      border-bottom: 1px solid var(--rule);
    }

    footer {
      padding: 48px 0;
      display: flex; justify-content: space-between;
      flex-wrap: wrap; gap: 24px;
      font-family: var(--mono); font-size: 12px; color: var(--ink-2);
      letter-spacing: 0.04em;
    }

    /* ===== MOTION =====
       The page should read immediately. Motion is reserved for live status. */
    .reveal { opacity: 1; transform: none; }
    @media (prefers-reduced-motion: reduce) {
      .btn, .btn:hover, .btn .arrow, .btn:hover .arrow,
      .work .read-more, .work .read-more:hover,
      .agent-workflow-step,
      .agent-node,
      .field-log-grid article,
      .field-log-grid article:hover { transform: none; transition: none; }
      .hero-agent-label::before,
      .node-map-rail::after,
      .agent-node.is-loading::before,
      .agent-workflow-step.is-loading::before,
      .contact-portrait .availability::before { animation: none; }
      html { scroll-behavior: auto; }
    }

    /* ===== RESPONSIVE ===== */
    @media (max-width: 1120px) {
      .proof-engine-layout.hero-proof-hero {
        grid-template-columns: minmax(0, 1fr);
      }
      .hero-proof-hero h1.statement {
        font-size: 68px;
      }
    }
    @media (max-width: 920px) {
      :root { --gutter: 32px; --rhythm: 112px; --anchor-offset: 82px; }
      body { font-size: 17px; }
      .wrap { width: calc(100% - 64px); }
      .hero { padding-top: 96px; padding-bottom: 56px; min-height: auto; }
      .hero-body { grid-template-columns: minmax(0, 1fr); gap: 32px; min-width: 0; }
      .hero-statement-wrap { gap: 20px; }
      h1.statement { font-size: 72px; }
      .hero-proof-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .hero-signal-panel {
        width: min(100%, 760px);
        align-self: start;
        padding: 22px;
      }
      .signal-panel-head { max-width: none; }
      .full-360-layout { grid-template-columns: 1fr; }
      .full-360-core h3 { max-width: 14ch; }
      .full-360-thread { grid-template-columns: 1fr; gap: 12px; }
      .proof-engine-layout { grid-template-columns: 1fr; gap: 32px; }
      .proof-engine-copy { position: static; }
      .proof-engine-copy h2 { max-width: 13ch; }
      .proof-route-mini { max-width: none; grid-template-columns: repeat(5, minmax(0, 1fr)); }
      .proof-route-mini span { grid-template-columns: 1fr; gap: 4px; }
      .proof-receipt-strip { grid-template-columns: 1fr; }
      .field-log { grid-template-columns: 1fr; gap: 24px; }
      .work-vault-toolbar { grid-template-columns: 1fr; }
      .work-vault-toolbar nav { justify-content: flex-start; }
      .section-head h2 { font-size: 54px; }
      .work .meta h3 { font-size: 40px; }
      .notes-grid blockquote { font-size: 36px; }
      .section-head { grid-template-columns: 1fr; gap: 16px; }
      .evidence-row {
        grid-template-columns: minmax(0, 1fr);
        gap: 12px;
        align-items: start;
      }
      .evidence-row a {
        justify-self: start;
      }
      .evidence-shortcuts { grid-template-columns: 1fr; gap: 14px; }
      .market-map { grid-template-columns: 1fr; }
      .market-card { min-height: 0; }
      .console-head { grid-template-columns: 1fr; gap: 22px; }
      .console-head h2 { font-size: 54px; max-width: 14ch; }
      .atlas-points { max-width: 620px; }
      .atlas-artifacts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .agent-console-grid { grid-template-columns: 1fr; min-height: 0; }
      .agent-web-wrap { border-right: 0; border-bottom: 1px solid var(--rule); }
      .agent-console-readout { grid-template-columns: 1fr; }
      .work { grid-template-columns: 1fr; gap: 40px; align-items: start; }
      .work .art { order: -1; aspect-ratio: 16 / 10; }
      .work .art:not(.art-eval) { min-height: 0; }
      .platform-layout { grid-template-columns: 1fr; gap: 48px; }
      .platform-statement { position: static; }
      .platform-statement h2 { font-size: 46px; max-width: 14ch; }
      .notes-grid { grid-template-columns: 1fr; gap: 48px; }
      .writing-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .learning-layout { grid-template-columns: 1fr; gap: 44px; }
      .learning-side { position: static; }
      .learn-meta { grid-template-columns: 1fr 1fr; }
      .learn-meta-item { border-right: 0; border-bottom: 1px solid var(--rule); padding: 14px 16px; }
      .learn-meta-item:nth-child(odd) { border-right: 1px solid var(--rule); }
      .learn-meta-item:last-child { grid-column: 1 / -1; border-bottom: 0; border-right: 0; }
      .learn-meta-item:nth-last-child(2) { border-bottom: 0; }
      .learn-meta-item .num { font-size: 30px; }
      .record-layout { grid-template-columns: 1fr; gap: 48px; }
      .record-aside { position: static; }
      .record-number { font-size: 112px; }
      .record-caption { font-size: 26px; }
      .record-aside,
      .career-table {
        max-width: 100%;
      }
      .career-row { grid-template-columns: 100px 1fr; }
      .career-row .what { grid-column: 1 / -1; padding-left: 132px; }
      .career-group-head { grid-template-columns: 1fr; gap: 8px; }
      .artifact-ledger { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .hire-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .fit-boundary { grid-template-columns: 1fr; gap: 12px; }
      .operating-plan { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .plan-output { grid-template-columns: 1fr; gap: 14px; align-items: start; }
      .plan-output a { justify-self: start; }
      .lab-grid { grid-template-columns: 1fr; }
      .lab-item:first-child,
      .lab-item:not(:first-child) {
        grid-column: auto;
        grid-row: auto;
        min-height: 0;
      }
      .lab-item:first-child { padding: 32px; }
      .lab-item:first-child h4 { font-size: 34px; }
      .contact-grid { grid-template-columns: 1fr; gap: 40px; }
      .contact-grid > p,
      .contact-grid .contact-list {
        grid-column: auto;
        grid-row: auto;
      }
      .contact-portrait { grid-template-columns: 1fr; gap: 32px; margin-bottom: 64px; padding-bottom: 48px; }
      .contact-portrait img { max-width: 220px; }
      nav.top .wrap { grid-template-columns: minmax(0, 1fr) auto auto; }
      .nav-center { display: contents; }
      nav.top ul { display: none; }
      nav.top .menu-btn { display: block; }
      nav.top.open ul {
        display: grid;
        position: fixed;
        top: 65px;
        left: 16px;
        right: 16px;
        max-height: calc(100dvh - 66px);
        overflow-y: auto;
        background: var(--bg);
        padding: 12px;
        grid-template-columns: 1fr;
        gap: 6px;
        border: 1px solid var(--rule-strong);
        box-shadow: 0 24px 70px rgba(0, 0, 0, 0.42);
      }
      nav.top.open ul a {
        justify-content: space-between;
        width: 100%;
        min-height: 46px;
        border: 1px solid var(--rule);
        padding: 0 14px;
      }
      nav.top.open ul li { width: 100%; }
    }
    @media (max-width: 600px) {
      :root { --gutter: 16px; --rhythm: 76px; --anchor-offset: 74px; }
      body {
        font-size: 16px;
        line-height: 1.58;
      }
      .wrap {
        width: calc(100% - 32px);
        max-width: none;
        margin-left: auto;
        margin-right: auto;
        padding: 0;
      }
      .record-proof {
        grid-template-columns: 1fr;
      }
      .career-row,
      .career-row.education-row {
        grid-template-columns: 1fr;
        gap: 10px;
        padding: 18px 0;
      }
      .career-row .what,
      .career-row.education-row .what {
        grid-column: auto;
        max-width: none;
        padding-left: 0;
      }
      .career-row.education-row .role .org {
        max-width: none;
      }
      nav.top {
        padding: 10px 0;
        background: rgba(11, 11, 12, 0.88);
      }
      nav.top .wrap {
        grid-template-columns: minmax(0, 1fr) 44px;
        gap: 10px;
      }
      .nav-center { display: contents; }
      .menu-btn {
        grid-column: 2;
        grid-row: 1;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        justify-self: end;
      }
      nav.top .menu-btn {
        position: fixed !important;
        top: 10px;
        right: 16px;
        flex: 0 0 44px;
        z-index: 70;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        justify-self: end;
        width: 44px;
        height: 44px;
        min-width: 44px;
        min-height: 44px;
        font-size: 22px;
        line-height: 1;
        color: var(--bg);
        opacity: 1;
        visibility: visible;
        border-color: var(--accent);
        background: var(--accent);
        box-shadow: 0 0 18px rgba(232, 153, 71, 0.22);
      }
      nav.top .menu-btn::before {
        content: none;
      }
      nav.top.open .menu-btn::before {
        content: none;
      }
      nav.top.open ul {
        top: 61px;
        left: 12px;
        right: 12px;
        max-height: min(calc(100dvh - 61px), 520px);
        overflow-y: auto;
        padding: 10px;
        gap: 4px;
      }
      nav.top.open ul a {
        min-height: 44px;
        font-size: 12px;
      }
      .hero {
        min-height: auto;
        padding-top: 86px;
        padding-bottom: 42px;
      }
      .hero .wrap { gap: 24px; }
      .career-row {
        grid-template-columns: 1fr;
        gap: 8px;
        padding: 22px 0;
      }
      .career-row .role { font-size: 21px; }
      .career-row .what { padding-left: 0; }
      section.major { padding: var(--rhythm) 0; }
      .section-head {
        gap: 12px;
        margin-bottom: 34px;
      }
      .section-head .num {
        padding-top: 0;
        font-size: 11px;
        letter-spacing: 0.14em;
        text-transform: uppercase;
      }
      .section-head .deck {
        margin-top: 16px;
        font-size: 15px;
        line-height: 1.62;
      }
      .console-head h2 { font-size: 40px; }
      .console-head p {
        max-width: 31ch;
        font-size: 16px;
        line-height: 1.55;
      }
      .atlas-points { grid-template-columns: 1fr; }
      .atlas-artifacts { grid-template-columns: 1fr; }
      .atlas-artifact { padding: 18px; }
      .market-card { padding: 20px; }
      .market-card h3 { font-size: 28px; }
      .market-action {
        align-items: flex-start;
        flex-direction: column;
      }
      .full-360-core { padding: 22px; gap: 18px; }
      .full-360-core h3 {
        max-width: 11ch;
        font-size: clamp(38px, 11vw, 46px);
      }
      .full-360-core p,
      .full-360-thread p {
        font-size: 15px;
      }
      .full-360-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .full-360-stats dt { font-size: 30px; }
      .full-360-facets { grid-template-columns: 1fr; }
      .full-360-facets li { min-height: 0; padding: 20px; }
      .full-360-thread { padding: 18px; }
      .artifact-ledger { grid-template-columns: 1fr; }
      .artifact-link { min-height: 0; padding: 18px; }
      .hire-grid { grid-template-columns: 1fr; }
      .hire-card { min-height: 0; padding: 18px; }
      .operating-plan { grid-template-columns: 1fr; }
      .plan-phase { min-height: 0; padding: 18px; }
      .plan-output { padding: 18px; }
      .agent-console {
        width: 100%;
        border-radius: 8px;
      }
      .agent-console-bar { padding: 0 12px; font-size: 10px; }
      .agent-console-body { padding: 18px; gap: 20px; }
      .agent-console-logo {
        align-items: flex-start;
        flex-direction: column;
        gap: 6px;
        font-size: 10px;
        letter-spacing: 0.14em;
        text-shadow: none;
      }
      .agent-console-logo span:last-child { text-align: left; }
      .agent-console-grid {
        width: 100%;
        background-size: 26px 26px;
      }
      .agent-web-wrap,
      .agent-web {
        width: 100%;
        height: clamp(380px, 86vw, 540px);
        min-height: 0;
      }
      .agent-web {
        width: calc(100vw - 72px);
        margin-left: auto;
        margin-right: auto;
        touch-action: pan-y;
      }
      .agent-web-hint {
        flex-direction: column;
        gap: 2px;
        font-size: 9px;
      }
      .agent-console-readout {
        grid-template-columns: 1fr;
        padding: 20px;
      }
      .mark-text strong { font-size: 11px; }
      .mark-text small { display: none; }
      .nav-cta { display: none; }
      .agent-console-readout h3 {
        font-size: 30px;
      }
      .agent-console-inventory div {
        grid-template-columns: 1fr;
        gap: 4px;
      }
      .agent-console-prompt { font-size: 12px; gap: 7px; }
      .work {
        padding: 54px 0;
        gap: 24px;
      }
      .work .art {
        order: 0;
        aspect-ratio: 1 / 1;
      }
      .work .meta {
        gap: 18px;
      }
      .work .meta .body {
        font-size: 15px;
        line-height: 1.62;
      }
      .work-metrics {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 1px;
        padding: 0;
        border: 1px solid var(--rule);
        background: var(--rule);
      }
      .work-metric {
        min-width: 0;
        padding: 12px 10px;
        background: rgba(11, 11, 12, 0.72);
      }
      .work-metric strong { font-size: 28px; }
      .work-metric span {
        font-size: 9px;
        letter-spacing: 0.06em;
        line-height: 1.35;
      }
      .platform-proof { grid-template-columns: 1fr; }
      .platform-row { grid-template-columns: 1fr; gap: 10px; }
      .platform-statement h2 { font-size: 36px; }
      .proof-route-mini,
      .agent-node-map,
      .agent-workflow,
      .field-log-grid {
        grid-template-columns: 1fr;
      }
      .node-map-rail { display: none; }
      .proof-route-mini span {
        grid-template-columns: 40px minmax(0, 1fr);
      }
      .agent-node {
        grid-template-columns: auto minmax(0, 0.35fr) minmax(0, 1fr);
        align-items: center;
      }
      .agent-node::before {
        grid-column: 1;
        grid-row: 1;
      }
      .agent-node span,
      .agent-node strong,
      .agent-node small {
        min-width: 0;
      }
      .agent-workflow-step,
      .field-log-grid article {
        min-height: 0;
      }
      .proof-receipt-strip,
      .work-vault-toolbar {
        margin-top: 28px;
      }
      .work-vault-toolbar {
        padding: 16px;
      }
      .work-vault-toolbar strong {
        font-size: 24px;
      }
      .field-log {
        margin-top: 34px;
        padding-top: 34px;
      }
      .field-log-head h3 {
        font-size: 34px;
      }
      .hero-agent-runtime { grid-template-columns: 1fr; }
      .hero-agent-proof { grid-template-columns: 1fr; }
      .hero-proof-strip {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
      .hero-proof-strip span {
        min-height: 86px;
        padding: 14px;
        overflow-wrap: anywhere;
      }
      .hero-proof-strip strong { font-size: 30px; }
      .registry-row,
      .registry-head { grid-template-columns: 1fr; }
      .registry-summary { grid-template-columns: 1fr; }
      .artifact-bar { align-items: flex-start; flex-direction: column; gap: 6px; }
      .artifact-body { padding: 16px; }
      .audit-row { grid-template-columns: 1fr; }
      .hero-body,
      .hero-statement-wrap,
      .hero-agent,
      .hero-signal-panel {
        width: 100%;
        max-width: 100%;
      }
      .hero-signal-panel { padding: 18px; gap: 14px; }
      .signal-panel-head strong { font-size: 30px; }
      .signal-flow span { min-height: 74px; padding: 13px; }
      .signal-cases article { padding: 14px; }
      .hero-agent { padding: 20px; overflow: hidden; }
      .hero-statement-wrap { min-width: 0; }
      h1.statement {
        max-width: none;
        font-size: clamp(38px, 10.3vw, 44px);
        line-height: 1.02;
      }
      .hero-proof-hero h1.statement {
        font-size: clamp(38px, 10.3vw, 44px);
      }
      .hero-agent h2 { font-size: 34px; }
      .hero-statement-wrap .lead {
        max-width: 29ch;
        font-size: 17px;
        line-height: 1.48;
        overflow-wrap: normal;
      }
      .hero-statement-wrap .lead span {
        display: inline;
      }
      .hero-statement-wrap .lead span + span::before {
        content: " ";
      }
      .hero-ctas {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
      }
      .hero-cta {
        width: 100%;
        min-height: 48px;
      }
      .hero-agent-label {
        align-items: flex-start;
        letter-spacing: 0.12em;
        line-height: 1.45;
      }
      .hero-agent-proof span {
        padding: 8px;
        font-size: 9px;
        overflow: hidden;
      }
      .hero-agent-proof strong {
        font-size: 20px;
      }
      .hero-agent .agent-search {
        flex-direction: column;
        gap: 10px;
      }
      .hero-agent .agent-search input {
        min-height: 48px;
        font-size: 17px;
      }
      .hero-agent .agent-search button {
        width: 100%;
        min-height: 48px;
        justify-content: center;
        padding-left: 0;
      }
      .agent-chips,
      .agent-review-strip {
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-bottom: 2px;
        -webkit-overflow-scrolling: touch;
      }
      .agent-review-strip span {
        flex: 0 0 auto;
      }
      .hero-agent .agent-intro,
      .hero-agent .agent-answer p,
      .hero-agent .agent-trace-row {
        overflow-wrap: break-word;
      }
      .hero-agent .agent-chip {
        max-width: none;
        flex: 0 0 auto;
        min-height: 36px;
      }
      .section-head h2 { font-size: 40px; }
      .work .meta h3 { font-size: 32px; }
      .work-metric strong { font-size: 30px; }
      .notes-grid blockquote { font-size: 32px; }
      .note h3 { font-size: 24px; }
      .writing-actions { grid-template-columns: 1fr; }
      .writing-action { min-height: 0; }
      .lesson-list { grid-template-columns: 1fr; }
      .lesson {
        min-height: 0;
        padding: 20px;
      }
      .lesson h3 { font-size: 26px; }
      .learning-stack-head {
        align-items: flex-start;
        flex-direction: column;
        gap: 6px;
      }
      .learning-stack-head span:last-child { text-align: left; }
      .learning-principle h3 { font-size: 30px; }
      .mission-resume-top,
      .mission-resume-actions {
        align-items: stretch;
        flex-direction: column;
      }
      .mission-resume-actions a {
        width: 100%;
      }
      .learning-cta {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px;
      }
      .record-number { font-size: 92px; }
      .record-caption { font-size: 23px; }
      .record-proof { grid-template-columns: 1fr; }
      .contact-portrait {
        gap: 22px;
        margin-bottom: 52px;
        padding-bottom: 38px;
      }
      .contact-portrait img {
        width: 156px;
        max-width: 156px;
      }
      .contact-portrait .who {
        font-size: 22px;
        line-height: 1.38;
      }
      .contact-portrait .availability {
        align-items: flex-start;
        line-height: 1.5;
      }
      .contact-grid {
        gap: 28px;
      }
      .contact-grid h2 {
        max-width: 11ch;
        font-size: clamp(42px, 13vw, 54px);
        line-height: 1;
      }
      .contact-row {
        grid-template-columns: 1fr;
        gap: 8px;
        padding: 16px 0;
      }
      .contact-row a {
        font-size: 21px;
        line-height: 1.2;
        overflow-wrap: anywhere;
      }
      .contact-form-panel,
      .contact-row-form {
        display: block;
      }
    }
    @media (max-width: 430px) {
      .hero-proof-strip {
        grid-template-columns: 1fr;
      }
      .hero-proof-strip span {
        min-height: 64px;
      }
    }
    @media (max-width: 360px) {
      h1.statement { font-size: 36px; }
      .hero-agent { padding: 18px; }
    }

/* ===== LATE PAGE SECTIONS ===== */
.career-proof-section {
  padding-block: clamp(72px, 6vw, 104px);
  border-top: 1px solid var(--rule);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.006), rgba(255, 255, 255, 0));
}
.career-proof-grid {
  display: grid;
  grid-template-columns: minmax(300px, 0.74fr) minmax(0, 1.26fr);
  gap: clamp(32px, 4.6vw, 68px);
  align-items: start;
}
.career-proof-copy h2 {
  margin-top: 12px;
  max-width: 16ch;
  color: var(--ink);
  font-family: var(--serif);
  font-size: clamp(46px, 4.8vw, 72px);
  font-weight: 350;
  line-height: 0.99;
  letter-spacing: 0;
  font-variation-settings: "opsz" 144, "SOFT" 68;
}
.career-proof-copy h2 em {
  color: var(--accent);
  font-style: italic;
  font-variation-settings: "opsz" 144, "SOFT" 100;
}
.career-proof-copy .deck {
  max-width: 43ch;
  font-size: 17px;
  line-height: 1.62;
}
.career-proof-stats {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin-top: 30px;
  border: 1px solid var(--rule);
  background: rgba(255, 255, 255, 0.012);
}
.career-proof-stats span {
  min-width: 0;
  min-height: 92px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
  padding: 16px;
  border-right: 1px solid var(--rule);
}
.career-proof-stats span:last-child {
  border-right: none;
}
.career-proof-stats strong {
  color: var(--ink);
  font-family: var(--serif);
  font-size: clamp(32px, 4vw, 48px);
  font-weight: 350;
  line-height: 1;
  font-variation-settings: "opsz" 96, "SOFT" 55;
}
.career-proof-stats small {
  color: var(--ink-2);
  font-family: var(--mono);
  font-size: 10px;
  line-height: 1.35;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.career-proof-chips {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border: 1px solid var(--rule);
  background: rgba(255, 255, 255, 0.01);
}
.career-proof-chips li {
  min-width: 0;
  min-height: 110px;
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  grid-template-rows: auto 1fr;
  gap: 7px 12px;
  padding: 16px;
  border-right: 1px solid var(--rule);
  border-bottom: 1px solid var(--rule);
}
.career-proof-chips li:nth-child(3n) {
  border-right: none;
}
.career-proof-chips li:nth-last-child(-n + 3) {
  border-bottom: none;
}
.career-proof-chips .proof-index {
  grid-row: 1 / span 2;
  color: var(--ink-3);
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: 0.12em;
  line-height: 1.7;
}
.career-proof-chips strong {
  min-width: 0;
  color: var(--accent);
  font-family: var(--mono);
  font-size: 11px;
  line-height: 1.35;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}
.career-proof-chips span:not(.proof-index) {
  grid-column: 2;
  color: var(--ink-1);
  font-size: 14px;
  line-height: 1.5;
}
.career-proof-body {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(320px, 0.78fr);
  gap: 20px;
  margin-top: 22px;
  align-items: start;
}
.environments,
.best-fit-roles,
.how-i-lead,
.adjacent-systems {
  border: 1px solid var(--rule);
  background: rgba(255, 255, 255, 0.01);
}
.environments {
  min-width: 0;
  padding: 24px;
}
.career-proof-side {
  display: grid;
  grid-template-rows: auto auto;
  gap: 20px;
  align-content: start;
  min-width: 0;
}
.best-fit-roles,
.how-i-lead {
  margin: 0;
  padding: 20px;
}
.best-fit-roles-head {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 16px;
  flex-wrap: wrap;
  margin-bottom: 18px;
}
.best-fit-link {
  color: var(--ink-2);
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: 0.12em;
  text-decoration: none;
}
.best-fit-link:hover {
  color: var(--accent);
}
.best-fit-roles ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.best-fit-roles li {
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  padding: 8px 13px;
  border: 1px solid var(--rule-strong);
  border-radius: 999px;
  color: var(--ink);
  font-size: 13px;
  line-height: 1.25;
}
.how-i-lead .kicker,
.adjacent-systems .kicker,
.environments .kicker,
.best-fit-roles .kicker {
  display: block;
  margin-bottom: 12px;
  color: var(--accent);
  font-family: var(--mono);
  font-size: 11px;
  line-height: 1.45;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}
.how-i-lead h3,
.adjacent-systems h3,
.environments h3 {
  margin: 0 0 14px;
  color: var(--ink);
  font-family: var(--serif);
  font-size: clamp(25px, 2.5vw, 34px);
  font-weight: 350;
  line-height: 1.12;
}
.how-i-lead p,
.adjacent-systems p {
  margin: 0;
  color: var(--ink-1);
  font-size: 15px;
  line-height: 1.62;
}
.environment-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  margin-top: 20px;
  border-top: 1px solid var(--rule);
}
.environment-grid > div {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 7px;
  padding: 18px 18px 18px 0;
  border-bottom: 1px solid var(--rule);
}
.environment-grid > div:nth-child(2n) {
  padding-left: 18px;
  border-left: 1px solid var(--rule);
}
.environment-grid > div:nth-last-child(-n + 2) {
  border-bottom: none;
}
.environment-grid dt {
  color: var(--ink-2);
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}
.environment-grid dd {
  margin: 0;
  color: var(--ink-1);
  font-size: 14px;
  line-height: 1.52;
}
.adjacent-systems {
  display: grid;
  grid-template-columns: minmax(260px, 0.48fr) minmax(0, 1fr);
  gap: 32px;
  margin-top: 22px;
  padding: 24px;
  align-items: start;
}

@media (max-width: 1180px) {
  .career-proof-chips {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .career-proof-chips li,
  .career-proof-chips li:nth-child(3n),
  .career-proof-chips li:nth-last-child(-n + 3) {
    border-right: 1px solid var(--rule);
    border-bottom: 1px solid var(--rule);
  }
  .career-proof-chips li:nth-child(2n) {
    border-right: none;
  }
  .career-proof-chips li:nth-last-child(-n + 2) {
    border-bottom: none;
  }
}

@media (max-width: 980px) {
  .career-proof-grid,
  .career-proof-body,
  .adjacent-systems {
    grid-template-columns: 1fr;
  }
  .career-proof-copy h2 {
    max-width: 18ch;
  }
}

@media (max-width: 640px) {
  .career-proof-section {
    padding-block: 68px;
  }
  .career-proof-grid {
    gap: 30px;
  }
  .career-proof-stats span {
    min-height: 88px;
    padding: 14px;
  }
  .career-proof-stats span:last-child {
    border-right: none;
  }
  .career-proof-chips {
    grid-template-columns: 1fr;
  }
  .career-proof-chips li,
  .career-proof-chips li:nth-child(2n),
  .career-proof-chips li:nth-last-child(-n + 2) {
    min-height: 0;
    border-right: none;
    border-bottom: 1px solid var(--rule);
    padding: 19px 18px;
  }
  .career-proof-chips li:last-child {
    border-bottom: none;
  }
  .career-proof-body {
    margin-top: 20px;
  }
  .environments,
  .best-fit-roles,
  .how-i-lead,
  .adjacent-systems {
    padding: 22px 18px;
  }
  .career-proof-side {
    gap: 20px;
  }
  .environment-grid {
    grid-template-columns: 1fr;
  }
  .environment-grid > div,
  .environment-grid > div:nth-child(2n),
  .environment-grid > div:nth-last-child(-n + 2) {
    padding: 16px 0;
    border-left: none;
    border-bottom: 1px solid var(--rule);
  }
  .environment-grid > div:last-child {
    border-bottom: none;
  }
  .best-fit-link {
    width: 100%;
  }
  .how-i-lead h3,
  .adjacent-systems h3,
  .environments h3 {
    font-size: 28px;
  }
}

.recommendation-grid {
  column-count: 2;
  column-gap: 24px;
}

.recommendation-card {
  min-width: 0;
  display: block;
  margin: 0 0 24px;
  padding: 0;
  border: 1px solid var(--rule-strong);
  border-radius: 12px;
  overflow: hidden;
  background: var(--bg);
  position: relative;
  break-inside: avoid;
  page-break-inside: avoid;
  transition: border-color 0.3s var(--ease), box-shadow 0.3s var(--ease);
}
.recommendation-card:last-child {
  margin-bottom: 0;
}

.recommendation-card:hover {
  border-color: var(--accent);
  box-shadow: 0 8px 32px rgba(232, 153, 71, 0.08);
}

.recommendation-accent {
  height: 4px;
  width: 100%;
  background: linear-gradient(90deg, var(--accent) 0%, rgba(232, 153, 71, 0.4) 100%);
}

.recommendation-body {
  padding: 24px 28px 16px 28px;
}

.recommendation-card blockquote {
  margin: 0;
  color: var(--ink-1);
  font-size: 15px;
  line-height: 1.65;
  font-weight: 400;
  font-style: normal;
}

.quote-mark {
  color: var(--accent);
  opacity: 0.6;
  font-size: 20px;
  font-family: var(--serif);
  margin: 0 2px;
}

.quote-mark.open {
  margin-right: 6px;
}

.quote-mark.close {
  margin-left: 6px;
}

.recommendation-footer {
  display: flex;
  flex-direction: column;
  gap: 6px;
  border-top: 1px solid var(--rule);
  padding: 18px 28px 20px 28px;
  background: rgba(255, 255, 255, 0.008);
}

.recommendation-name {
  font-weight: 600;
  color: var(--ink);
  font-size: 13px;
  letter-spacing: 0.02em;
}

.recommendation-title {
  color: var(--ink-2);
  font-size: 12px;
  line-height: 1.5;
  font-weight: 400;
}

@media (max-width: 880px) {
  .recommendation-grid {
    column-count: 1;
  }
}

.recommendation-more {
  margin: 32px 0 0;
  text-align: center;
}
.recommendation-more .hero-cta {
  font-size: 13px;
  letter-spacing: 0.06em;
}

/* =========================================
   ANSI-art platform diagram (#platform)
   Colorful retro-terminal block.
   ========================================= */
.ansi-banner {
  width: fit-content;
  max-width: 100%;
  margin: 0 auto 56px;
  padding: 22px 24px 24px;
  border: 1px solid var(--rule-strong);
  border-radius: 8px;
  background:
    radial-gradient(420px circle at 18% 0%, rgba(232, 153, 71, 0.08), transparent 60%),
    linear-gradient(180deg, rgba(11, 11, 12, 0.96), rgba(8, 8, 10, 0.98));
  box-shadow:
    inset 0 1px 0 rgba(236, 232, 225, 0.04),
    0 24px 60px rgba(0, 0, 0, 0.32);
  position: relative;
  overflow: hidden;
}
.ansi-banner::before {
  /* CRT scanlines, very subtle */
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: repeating-linear-gradient(
    to bottom,
    rgba(236, 232, 225, 0.012) 0,
    rgba(236, 232, 225, 0.012) 1px,
    transparent 1px,
    transparent 3px
  );
  opacity: 0.8;
}
.ansi-banner::after {
  /* mac-window dots, top-right */
  content: '● ● ●';
  position: absolute;
  top: 10px;
  right: 14px;
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: 0.2em;
  color: rgba(232, 153, 71, 0.35);
  pointer-events: none;
}

.ansi-prompt {
  display: block;
  margin: 0 0 12px;
  font-family: var(--mono);
  font-size: 12px;
  letter-spacing: 0.02em;
  color: var(--ink-2);
}
.ansi-prompt .ansi-user { color: #7fc380; }
.ansi-prompt .ansi-at,
.ansi-prompt .ansi-sep { color: var(--ink-3); }
.ansi-prompt .ansi-host { color: #56b6c2; }
.ansi-prompt .ansi-path { color: var(--accent); }
.ansi-cursor {
  display: inline-block;
  margin-left: 1px;
  color: var(--accent);
  animation: ansi-blink 1.05s steps(1) infinite;
}
@keyframes ansi-blink {
  50% { opacity: 0; }
}

.ansi-art {
  margin: 0;
  padding: 0;
  font-family: var(--mono);
  font-size: 13px;
  line-height: 1.45;
  color: var(--ink-1);
  white-space: pre;
  max-width: 100%;
  overflow-x: auto;
  text-shadow: 0 0 1px rgba(232, 153, 71, 0.05);
}
/* ANSI palette */
.ansi-art .b  { color: var(--accent); }            /* borders */
.ansi-art .g  { color: #7fc380; font-weight: 500; }/* INPUT (green) */
.ansi-art .c  { color: #56b6c2; font-weight: 500; }/* RETRIEVAL (cyan) */
.ansi-art .m  { color: #c678dd; font-weight: 500; }/* MODEL (magenta) */
.ansi-art .y  { color: #e5c07b; font-weight: 500; }/* EVAL (yellow) */
.ansi-art .r  { color: #e06c75; font-weight: 500; }/* GUARDS (red) */
.ansi-art .ar { color: var(--accent); }            /* arrows */

.ansi-foot {
  margin: 16px 0 0;
  padding-top: 12px;
  border-top: 1px dashed var(--rule);
  font-family: var(--mono);
  font-size: 12px;
  letter-spacing: 0.02em;
  color: var(--ink-2);
}
.ansi-foot .k { color: var(--ink); font-weight: 600; }
.ansi-foot .d { color: var(--ink-3); }

@media (max-width: 720px) {
  .ansi-banner { width: 100%; padding: 18px 14px 18px; }
  .ansi-prompt {
    padding-right: 44px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .ansi-art { width: 100%; overflow-x: auto; font-size: 8px; }
  .ansi-foot { font-size: 11px; }
}
@media (prefers-reduced-motion: reduce) {
  .ansi-cursor { animation: none; }
}

/* Agent loading state */
.agent-loading {
  margin-top: 16px;
  height: 2px;
  width: 100%;
  background: var(--rule);
  position: relative;
  overflow: hidden;
}
.agent-loading::after {
  content: '';
  position: absolute;
  top: 0; left: 0; bottom: 0;
  width: 30%;
  background: var(--accent);
  animation: agent-load 1.5s infinite var(--ease);
}
@keyframes agent-load {
  0% { left: -30%; }
  100% { left: 100%; }
}
.agent-model-tag {
  display: inline-block;
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: var(--ink-3);
  margin-top: 8px;
  padding: 2px 6px;
  border: 1px solid var(--rule);
  border-radius: 4px;
}
.agent-kicker-empty {
  color: var(--ink-3);
}