<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>404 — Cambric AI</title>

<!-- Favicon -->
<link rel="icon" href="favicon.svg">

<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;1,400&family=JetBrains+Mono:wght@300;400;500&display=swap" rel="stylesheet">

<!-- Stylesheets -->
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/components.css">

<style>
  .error-page {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 140px 48px 100px;
  }
  .error-page h1 {
    font-family: 'EB Garamond', serif;
    font-size: 72px;
    font-weight: 400;
    color: var(--cream);
    margin-bottom: 12px;
    line-height: 1;
  }
  .error-page p {
    font-size: 12px;
    color: var(--cream3);
    margin-bottom: 32px;
  }

  @media (max-width: 860px) {
    .error-page { padding: 120px 24px 72px; }
  }
</style>
</head>
<body>

<!-- NAV -->
<nav>
  <a href="index.html" class="nav-logo">Cambric<span> AI</span></a>
  <div class="nav-links">
    <a href="harpax.html">Harpax</a>
    <a href="research.html">Research</a>
    <a href="https://github.com/nullevent/harpax">Docs</a>
    <a href="#" class="nav-dl">Download →</a>
  </div>
</nav>

<!-- 404 -->
<section class="error-page">
  <h1>404</h1>
  <p>Page not found.</p>
  <a href="index.html" class="btn-g">&larr; Back to home</a>
</section>

<!-- FOOTER -->
<footer>
  <a href="index.html" class="footer-logo">Cambric AI</a>
  <div class="footer-links">
    <a href="harpax.html">Harpax</a>
    <a href="https://github.com/nullevent/harpax">Docs</a>
    <a href="research.html">Research</a>
    <a href="blog.html">Blog</a>
    <a href="about.html">About</a>
    <a href="contact.html">Contact</a>
  </div>
  <span class="footer-note">&copy; 2026 Cambric AI &middot; All session data stays local</span>
</footer>

</body>
</html>

