index.html

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Zahir Khan · I make AI-run work trustworthy</title>
<meta name="description" content="Zahir Khan, Tokyo. Enterprise delivery leader. I make AI-run work trustworthy.">
<style>
  :root {
    --bg: #fafaf8;
    --ink: #1a1a1a;
    --muted: #6b6b66;
    --accent: #0e7490;
    --line: #e4e4de;
    --mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
  }
  @media (prefers-color-scheme: dark) {
    :root {
      --bg: #101211;
      --ink: #eceae4;
      --muted: #9a9a92;
      --accent: #4dd0e1;
      --line: #262927;
    }
  }
  * { margin: 0; padding: 0; box-sizing: border-box; }
  html { font-size: 112.5%; }
  body {
    background: var(--bg);
    color: var(--ink);
    font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
    line-height: 1.7;
    display: flex;
    min-height: 100vh;
    flex-direction: column;
  }
  main {
    max-width: 43rem;
    margin: 0 auto;
    padding: 12vh 1.5rem 4rem;
    flex: 1;
  }
  .kicker {
    font-family: var(--mono);
    font-size: .82rem;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--muted);
    margin-bottom: 1.25rem;
  }
  h1 {
    font-size: clamp(1.9rem, 5.5vw, 2.9rem);
    line-height: 1.15;
    letter-spacing: -0.02em;
    margin-bottom: 1.25rem;
  }
  h1 em { font-style: normal; color: var(--accent); }
  .lede { font-size: 1.1rem; color: var(--muted); margin-bottom: 3rem; }
  h2 {
    font-family: var(--mono);
    font-size: .82rem;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--muted);
    border-top: 1px solid var(--line);
    padding-top: 1.5rem;
    margin: 2.5rem 0 .75rem;
  }
  p + p { margin-top: .75rem; }
  a { color: var(--accent); text-decoration: none; border-bottom: 1px solid transparent; }
  a:hover { border-bottom-color: var(--accent); }
  .soon {
    font-family: var(--mono);
    font-size: .82rem;
    color: var(--muted);
    font-variant-numeric: tabular-nums;
  }
  ul.artifacts { list-style: none; margin: .25rem 0 1rem; }
  ul.artifacts li { padding: .4rem 0; }
  ul.artifacts .blurb {
    display: block;
    color: var(--muted);
    font-size: .96rem;
  }
  footer {
    text-align: center;
    font-family: var(--mono);
    color: var(--muted);
    font-size: .82rem;
    padding: 2rem 1rem;
    border-top: 1px solid var(--line);
  }
</style>
</head>
<body>
<main>
  <p class="kicker">Zahir Khan · Tokyo</p>
  <h1>I make AI-run work <em>trustworthy</em>.</h1>
  <p class="lede">Companies are starting to let AI do real work. Someone has to make sure the AI actually did the job right. That's my corner.</p>

  <h2>Who I am</h2>
  <p>By day I'm VP of Delivery at Hitachi Solutions, leading Microsoft Dynamics 365 implementations for enterprise clients.</p>
  <p>Outside work I run systems I can trust while I sleep. A self-hosted home server, and a personal AI setup I've adapted to run my daily life. Everything gets the same treatment. It has to prove it works, not just claim it.</p>

  <h2>Artifacts</h2>
  <ul class="artifacts">
    <li>
      <a href="artifacts/agent-verification-checklist.html"><strong>The Agent Verification Checklist</strong></a> <span class="soon">· August 2026</span>
      <span class="blurb">Ten checks I run before I believe an agent when it says a job is done.</span>
    </li>
  </ul>
  <p>One at a time, small and real.</p>

  <h2>Find me</h2>
  <p><a href="https://www.linkedin.com/in/khanzahir/" rel="me">Zahir Khan on LinkedIn</a><br>
  <a href="https://github.com/fiercezk" rel="me">fiercezk on GitHub</a></p>
</main>
<footer>© 2026 Zahir Khan · Tokyo</footer>
</body>
</html>