AkurAI Build
Menu

Public repository / f6048aca6f004effea632d8671db14ec3a5298f7

AkurAI-Platform / frontend/index.html

Latest change f6048aca6f004effea632d8671db14ec3a5298f7 - OLI-105: redesigned footer (columns, legal row, responsive) by Dev Lead

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="description" content="A free and open-source modular private software suite. Read every source repository, use only the apps you need, and self-host on infrastructure you control." />
    <title>AkurAI - your modular private software suite</title>
    <link rel="icon" href="/favicon.svg" type="image/svg+xml" />
    <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
    <link rel="stylesheet" href="/styles.css" />
    <!-- Named multi-theme tokens (:root[data-theme]); must come after styles.css
         so the active theme's values win. -->
    <!-- /themes.css and /themes.json are generated by the framework's theme registry. -->
    <link rel="stylesheet" href="/themes.css" />
    <!-- Flash-guard: set the active theme before first paint. -->
    <script>
      (function () {
        try {
          var m = document.cookie.match(/(?:^|; )akurai-theme=([^;]*)/);
          var t = (m ? decodeURIComponent(m[1]) : null) || localStorage.getItem("akurai-theme");
          if (!t) t = matchMedia("(prefers-color-scheme: light)").matches ? "akurai-light" : "akurai";
          document.documentElement.setAttribute("data-theme", t);
        } catch (e) {}
      })();
    </script>
    <script type="module" src="/theme.js"></script>
  </head>
  <body>
    <a class="skip-link" href="#main">Skip to content</a>
    <header class="topbar">
      <a class="brand" href="/" aria-label="AkurAI">
        <span class="brand-mark" aria-hidden="true"><svg viewBox="0 0 32 32" fill="currentColor" role="img"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.38 3.23c1.05-2.23 4.19-2.23 5.24 0l11.05 23.62A2.91 2.91 0 0 1 27.03 31h-3.42c-1.17 0-2.22-.7-2.67-1.78l-2.05-4.93h-5.78l-2.05 4.93A2.9 2.9 0 0 1 8.39 31H4.97a2.91 2.91 0 0 1-2.64-4.15L13.38 3.23ZM16 11.17l-5.13 13.1h10.26L16 11.17Z"/><path d="M10.38 20.54h11.24a2.23 2.23 0 0 1 0 4.46H10.38a2.23 2.23 0 0 1 0-4.46Z"/></svg></span>
        <span>AkurAI</span>
      </a>
      <nav class="nav-links" aria-label="Primary">
        <a href="#suite">Apps</a>
        <a class="nav-source" href="#why">Why AkurAI</a>
        <a class="btn btn-primary nav-signin" href="https://akurai-build.olibuijr.com/repos/AkurAI-Platform">Source</a>
      </nav>
    </header>

    <main id="main" tabindex="-1">
      <section class="hero">
        <div class="hero-glow" aria-hidden="true"></div>
        <div class="shell hero-grid">
          <div class="hero-copy">
            <h1>Pure Rust. <span class="grad">No slop.</span></h1>
            <p class="lede">A modular private software suite — mail, identity, VPN, secrets, storage, notes — every service a small static Rust binary. This page is served by a 1.2 MB executable with a spatial Three.js system layered over resilient HTML.</p>
            <div class="btn-row">
              <a class="btn btn-primary" href="#suite">Explore the apps →</a>
              <a class="btn btn-secondary" href="https://akurai-build.olibuijr.com/repos/AkurAI-Platform">Read the source</a>
            </div>
            <div class="hero-meta">
              <div id="health" class="health-pill" aria-live="polite">checking platform…</div>
            </div>
          </div>
          <div id="spatial-stage" class="spatial-stage" aria-label='Measured facts'>
            <img class="spatial-poster" src="/assets/generated/akurai-spatial-machine.webp" alt="" width="2400" height="1600" fetchpriority="high" />
            <canvas class="spatial-canvas" aria-hidden="true"></canvas>
            <div class="spatial-window spatial-window-primary" aria-hidden="true">
              <span class="window-dots"><i></i><i></i><i></i></span>
              <strong>AkurAI</strong>
              <small>system online</small>
            </div>
            <div class="spatial-window spatial-window-metrics" aria-hidden="true">
              <code>1.2 MB</code>
              <span>static runtime</span>
            </div>
            <div class="spatial-window spatial-window-services" aria-hidden="true">
              <span>14 products</span>
              <span>one system</span>
            </div>
            <p class="spatial-hint">Move pointer · scroll to route request</p>
          </div>
        </div>
      </section>

      <section id="story" class="story-section" aria-labelledby="story-title">
        <div class="shell">
          <div class="section-head">
            <h2 id="story-title">One request, through the whole machine.</h2>
            <p>Scroll to follow a single authenticated request from this front door to your inbox. Every hop below is a real service: its own binary, its own port, its own public source.</p>
          </div>
        </div>
        <div class="shell story-track" data-story>
          <div class="story-rail" aria-hidden="true">
            <svg class="story-spine" viewBox="0 0 60 1200" preserveAspectRatio="none">
              <line class="spine-base" x1="30" y1="0" x2="30" y2="1200" />
              <line class="spine-draw" x1="30" y1="0" x2="30" y2="1200" data-spine-draw />
              <circle class="spine-packet" cx="30" cy="0" r="6" data-spine-packet />
            </svg>
          </div>
          <ol class="story-chapters">
            <li class="story-chapter" data-chapter data-service="platform">
              <div class="chapter-index"><code>01</code></div>
              <div class="chapter-card">
                <h3>It lands at the front door</h3>
                <p>platform.olibuijr.com is served by the shared AkurAI-Framework binary — server-rendered templates, theming, and locale in one 1.2 MB static executable. No node_modules were harmed; there are none.</p>
                <div class="chapter-facts">
                  <code>platform.olibuijr.com</code>
                  <code>:8098 · akurai (Framework)</code>
                  <a class="chapter-repo" href="https://akurai-build.olibuijr.com/repos/AkurAI-Platform">source: AkurAI-Platform</a>
                </div>
              </div>
            </li>
            <li class="story-chapter" data-chapter data-service="auth">
              <div class="chapter-index"><code>02</code></div>
              <div class="chapter-card">
                <h3>It proves who you are</h3>
                <p>AkurAI Auth is the suite&#39;s identity provider. One OIDC login with PKCE for every app — accounts live on your infrastructure, not a vendor&#39;s.</p>
                <div class="chapter-facts">
                  <code>auth.olibuijr.com</code>
                  <code>OIDC · code_challenge_method=S256</code>
                  <a class="chapter-repo" href="https://akurai-build.olibuijr.com/repos/AkurAI-IDP">source: AkurAI-IDP</a>
                </div>
              </div>
            </li>
            <li class="story-chapter" data-chapter data-service="vpn">
              <div class="chapter-index"><code>03</code></div>
              <div class="chapter-card">
                <h3>It travels your private mesh</h3>
                <p>AkurAI VPN links your machines into an end-to-end encrypted mesh. Services that never need the public internet simply never touch it.</p>
                <div class="chapter-facts">
                  <code>akurai-vpn.olibuijr.com</code>
                  <code>encrypted mesh network</code>
                  <a class="chapter-repo" href="https://akurai-build.olibuijr.com/repos/AkurAI-VPN">source: AkurAI-VPN</a>
                </div>
              </div>
            </li>
            <li class="story-chapter" data-chapter data-service="mcp">
              <div class="chapter-index"><code>04</code></div>
              <div class="chapter-card">
                <h3>Machines get a seat too</h3>
                <p>PassVault, Tasks, and Notes speak MCP alongside their CLIs and web UIs — the same secrets, boards, and notes are first-class tools for your agents, on your hardware.</p>
                <div class="chapter-facts">
                  <code>PassVault · Tasks · Notes</code>
                  <code>MCP + CLI + web</code>
                  <a class="chapter-repo" href="https://akurai-build.olibuijr.com/repos/AkurAI-PassVault">source: AkurAI-PassVault</a>
                </div>
              </div>
            </li>
            <li class="story-chapter" data-chapter data-service="mail">
              <div class="chapter-index"><code>05</code></div>
              <div class="chapter-card">
                <h3>It ends in your inbox</h3>
                <p>AkurAI Mail delivers to a clean inbox on your own domain. No ads, no scanning, no third party reading along.</p>
                <div class="chapter-facts">
                  <code>mail.olibuijr.com</code>
                  <code>your domain · no scanning</code>
                  <a class="chapter-repo" href="https://akurai-build.olibuijr.com/repos/AkurAI-Mail">source: AkurAI-Mail</a>
                </div>
              </div>
            </li>
            <li class="story-chapter" data-chapter data-service="rest">
              <div class="chapter-index"><code>06</code></div>
              <div class="chapter-card">
                <h3>And the quiet machinery holds</h3>
                <p>Router fronts the APIs, Monitor watches uptime, DNS answers for your domains, Drive keeps your files, Build ships every binary above. All of it listed below, all of it source-published.</p>
                <div class="chapter-facts">
                  <code>Router · Monitor · DNS · Drive · Build</code>
                  <a class="chapter-repo" href="#suite">browse the suite ↓</a>
                </div>
              </div>
            </li>
          </ol>
        </div>
      </section>
      <script type="module" src="/spatial-scene.js"></script>
      <script type="module" src="/story.js"></script>
      <section class="deployment-section section" aria-labelledby="deployment-title">
        <div class="shell deployment-grid">
          <div class="deployment-copy">
            <span class="eyebrow">Run it your way</span>
            <h2 id="deployment-title">Your stack. Your infrastructure.</h2>
            <p>Use the complete suite or only the modules you need. Source and deployment contracts stay inspectable.</p>
          </div>
          <div class="deployment-options">
            <article class="deployment-option">
              <h3>Use the public source</h3>
              <p>Every AkurAI module links its repository, license, release history, and operational contract.</p>
            </article>
            <article class="deployment-option">
              <h3>Self-host it</h3>
              <p>Build and run AkurAI on infrastructure you control under the MIT License.</p>
            </article>
          </div>
        </div>
      </section>

      <section id="suite" class="shell section">
        <div class="section-head">
          <span class="eyebrow">The suite</span>
          <h2>Choose the apps. Build your suite.</h2>
          <p>Each module has its own landing page and public source repository on AkurAI Build. Use only what you need.</p>
        </div>

        <div class="suite">
          <!-- Category 1: Communication -->
          <section class="cat">
            <header class="cat-head">
              <span class="cat-icon"><svg viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><path d='M21 12a8 8 0 0 1-11.5 7.2L4 20l1-4.2A8 8 0 1 1 21 12Z'/></svg></span>
              <div>
                <h3>Communication</h3>
                <p>Stay in touch on your own terms.</p>
              </div>
            </header>
            <div class="cat-grid" data-cat="communication"></div>
          </section>

          <!-- Category 2: Security & privacy -->
          <section class="cat">
            <header class="cat-head">
              <span class="cat-icon"><svg viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><rect x='5' y='11' width='14' height='9' rx='2'/><path d='M8 11V8a4 4 0 0 1 8 0v3'/></svg></span>
              <div>
                <h3>Security &amp; privacy</h3>
                <p>One identity, encrypted access, nothing leaked.</p>
              </div>
            </header>
            <div class="cat-grid" data-cat="security"></div>
          </section>

          <!-- Category 3: Storage -->
          <section class="cat">
            <header class="cat-head">
              <span class="cat-icon"><svg viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><path d='M7 18h9a4 4 0 0 0 .5-7.97 5.5 5.5 0 0 0-10.6-1.2A3.75 3.75 0 0 0 7 18Z'/></svg></span>
              <div>
                <h3>Storage</h3>
                <p>Your files, your cloud, your country.</p>
              </div>
            </header>
            <div class="cat-grid" data-cat="storage"></div>
          </section>

          <!-- Category 4: Knowledge -->
          <section class="cat">
            <header class="cat-head">
              <span class="cat-icon"><svg viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><path d='M4 4.5A1.5 1.5 0 0 1 5.5 3H17l2.5 2.5V20.5A1.5 1.5 0 0 1 18 22H5.5A1.5 1.5 0 0 1 4 20.5z'/><path d='M8 7h8M8 11h8M8 15h5'/><circle cx='18.5' cy='17.5' r='3.5'/><path d='m21 20-1.5-1.5'/></svg></span>
              <div>
                <h3>Knowledge</h3>
                <p>Notes that find themselves.</p>
              </div>
            </header>
            <div class="cat-grid" data-cat="knowledge"></div>
          </section>

          <!-- Category 5: Business -->
          <section class="cat">
            <header class="cat-head">
              <span class="cat-icon"><svg viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='7' width='18' height='13' rx='2'/><path d='M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/><path d='M3 12h18'/></svg></span>
              <div>
                <h3>Business</h3>
                <p>Run the relationships that run your work.</p>
              </div>
            </header>
            <div class="cat-grid" data-cat="business"></div>
          </section>

          <!-- Category 6: Infrastructure -->
          <section class="cat">
            <header class="cat-head">
              <span class="cat-icon"><svg viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='4' width='18' height='7' rx='1.5'/><rect x='3' y='13' width='18' height='7' rx='1.5'/><path d='M7 7.5h.01M7 16.5h.01'/></svg></span>
              <div>
                <h3>Infrastructure</h3>
                <p>The quiet machinery that keeps it all online.</p>
              </div>
            </header>
            <div class="cat-grid" data-cat="infrastructure"></div>
          </section>

          <!-- Category 7: Developer -->
          <section class="cat">
            <header class="cat-head">
              <span class="cat-icon"><svg viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><path d='m9 8-4 4 4 4'/><path d='m15 8 4 4-4 4'/></svg></span>
              <div>
                <h3>Developer</h3>
                <p>The tools the whole suite is built on.</p>
              </div>
            </header>
            <div class="cat-grid" data-cat="developer"></div>
          </section>
        </div>
      </section>
      <script type="module" src="/suite-tiles.js"></script>
      <script type="module" src="/app.js"></script>


      <section id="why" class="shell section">
        <div class="section-head">
          <span class="eyebrow">Why AkurAI</span>
          <h2>Software that respects you — and your machine.</h2>
          <p>Every app in the suite is built on the same convictions: you should own your tools, they should be honest about what they do, and they should be small enough to disappear into the background.</p>
        </div>
        <div class="features">
          <article class="feature">
            <span class="feature-icon"><svg viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><path d='M4 11 12 4l8 7'/><path d='M6 10v9h12v-9'/><rect x='10' y='13' width='4' height='6' rx='1'/></svg></span>
            <h3>Pure Rust, end to end</h3>
            <p>Every service compiles to a small static binary. No Electron shells, no interpreter farms, no AI-generated filler shipping to production.</p>
          </article>
          <article class="feature">
            <span class="feature-icon"><svg viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><path d='M20 4C13 4 8 9 6 16l-2 4 4-2c7-2 12-7 12-14Z'/><path d='M9 17 18 8'/><path d='M14 7h.01'/></svg></span>
            <h3>Measured, not marketed</h3>
            <p>We publish performance figures only with a dated workload, host, command, and version record. Binary sizes you can check yourself.</p>
          </article>
          <article class="feature">
            <span class="feature-icon"><svg viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='3.2'/><path d='M12 3v2.5M12 18.5V21M3 12h2.5M18.5 12H21M5.6 5.6l1.8 1.8M16.6 16.6l1.8 1.8M18.4 5.6l-1.8 1.8M7.4 16.6l-1.8 1.8'/></svg></span>
            <h3>Source on every tile</h3>
            <p>Each product links its public repository on AkurAI Build. Read it, build it, judge it.</p>
          </article>
          <article class="feature">
            <span class="feature-icon"><svg viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><path d='M3 19h18'/><path d='m6 19 5-9 3 4 2-3 4 8'/></svg></span>
            <h3>Small enough to trust</h3>
            <p>One shared web runtime serves this page and its siblings. Fewer moving parts, fewer surprises, less to audit.</p>
          </article>
        </div>
      </section>


      <section class="trust-band">
        <div class="shell trust">
          <div class="trust-cell">
            <strong>14</strong>
            <span>products, all with public source</span>
          </div>
          <div class="trust-cell">
            <strong>1.2 MB</strong>
            <span>static server binary</span>
          </div>
          <div class="trust-cell">
            <strong>MIT</strong>
            <span>free to use and modify</span>
          </div>
          <div class="trust-cell">
            <strong>1</strong>
            <span>pinned visual dependency</span>
          </div>
        </div>
      </section>

      <section id="cta" class="shell section cta">
        <span class="eyebrow">Free and open source</span>
        <h2>Read it. Run it. Make it yours.</h2>
        <p>Explore every module, inspect the source, and self-host only what you need.</p>
        <div class="btn-row center">
          <a class="btn btn-primary" href="#suite">Explore the apps</a>
          <a class="btn btn-secondary" href="https://akurai-build.olibuijr.com/repos/AkurAI-Platform">Read the source</a>
        </div>
      </section>

      <details class="shell section" id="detail">
        <summary>
          Technical detail
        </summary>

        <!-- Control panel / architecture diagram (previously hero-art) -->
        <section class="control-panel" aria-label='Static architecture of the AkurAI system'>
          <div class="control-panel-head">
            <div>
              <span class="panel-kicker">Architecture illustration</span>
              <strong>AkurAI service architecture</strong>
            </div>
            <span class="panel-live" data-state="unknown">Status unavailable</span>
          </div>
          <div class="control-map" data-control-map>
            <svg class="control-lines" viewBox="0 0 560 360" aria-hidden="true">
              <path class="route route-a" d="M280 178 C210 86 118 82 88 126" />
              <path class="route route-b" d="M280 178 C348 72 446 82 472 128" />
              <path class="route route-c" d="M280 178 C178 176 114 210 86 266" />
              <path class="route route-d" d="M280 178 C382 176 446 210 474 266" />
              <path class="route route-e" d="M280 178 C250 250 202 286 158 306" />
              <path class="route route-f" d="M280 178 C310 250 358 286 402 306" />
              <path class="route route-g" d="M280 178 C256 118 230 86 202 64" />
              <path class="route route-h" d="M280 178 C304 118 330 86 358 64" />
            </svg>
            <div class="control-core">
              <span>Front door</span>
              <strong>AkurAI Platform</strong>
              <small>platform.olibuijr.com</small>
            </div>
            <div class="control-node node-mail" data-service="mail">
              <span class="node-icon"><svg viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='5' width='18' height='14' rx='2'/><path d='m3 7 9 6 9-6'/></svg></span>
              <span>AkurAI Mail</span>
            </div>
            <div class="control-node node-auth" data-service="auth">
              <span class="node-icon"><svg viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M12 3 5 6v5c0 4 3 7 7 9 4-2 7-5 7-9V6z'/><circle cx='12' cy='11' r='1.7'/><path d='M12 12.6V15'/></svg></span>
              <span>AkurAI Auth</span>
            </div>
            <div class="control-node node-vpn" data-service="vpn">
              <span class="node-icon"><svg viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='8.5'/><path d='M3.5 12h17'/><path d='M12 3.5c2.6 2.4 2.6 14.6 0 17'/><path d='M12 3.5c-2.6 2.4-2.6 14.6 0 17'/></svg></span>
              <span>AkurAI VPN</span>
            </div>
            <div class="control-node node-drive" data-service="drive">
              <span class="node-icon"><svg viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M7 18h9a4 4 0 0 0 .5-7.97 5.5 5.5 0 0 0-10.6-1.2A3.75 3.75 0 0 0 7 18Z'/><path d='M12 9.5v5'/><path d='m9.8 11.7 2.2-2.2 2.2 2.2'/></svg></span>
              <span>AkurAI Drive</span>
            </div>
            <div class="control-node node-router" data-service="router">
              <span class="node-icon"><svg viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='2.2'/><circle cx='5' cy='6' r='1.6'/><circle cx='19' cy='6' r='1.6'/><circle cx='5' cy='18' r='1.6'/><circle cx='19' cy='18' r='1.6'/><path d='M10.3 10.6 6.4 7.2M13.7 10.6 17.6 7.2M10.3 13.4 6.4 16.8M13.7 13.4 17.6 16.8'/></svg></span>
              <span>AkurAI Router</span>
            </div>
            <div class="control-node node-monitor" data-service="monitor">
              <span class="node-icon"><svg viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='4' width='18' height='13' rx='2'/><path d='M3 13h4l1.6-3.2 2 5 1.4-2.8H21'/><path d='M9 21h6M12 17v4'/></svg></span>
              <span>AkurAI Monitor</span>
            </div>
            <div class="control-node node-dns" data-service="dns">
              <span class="node-icon"><svg viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M12 3v18'/><path d='M6 6h10l2 2-2 2H6z'/><path d='M18 13H8l-2 2 2 2h10z'/></svg></span>
              <span>AkurAI DNS</span>
            </div>
            <div class="control-node node-framework" data-service="framework">
              <span class="node-icon"><svg viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='m12 3 8 4.5-8 4.5-8-4.5z'/><path d='m4 12 8 4.5 8-4.5'/><path d='m4 16.5 8 4.5 8-4.5'/></svg></span>
              <span>AkurAI Framework</span>
            </div>
            <p class="control-map-note">
              <span>Service status: unknown</span>
              <span>Source: static product architecture</span>
              <time datetime="2026-07-20">Updated: 20 July 2026</time>
            </p>
            <div class="control-readout">
              <span><strong>Owned</strong> by you</span>
              <span><strong>One</strong> gateway</span>
              <span><strong>Rust</strong> runtime</span>
            </div>
          </div>
        </section>

        <!-- Motion video -->
        <section id="motion" class="motion-section section">
          <div class="shell motion-grid">
            <div class="motion-copy">
              <span class="eyebrow">Visual explainer</span>
              <h2>The service architecture in 22 seconds.</h2>
              <p>The OpenMontage animation shows how mail, identity, VPN, storage, and infrastructure connect across the AkurAI suite.</p>
              <div class="motion-points" aria-label='Key points from the animation'>
                <span>One platform for daily apps</span>
                <span>Modules share one small runtime</span>
                <span>Product implementation varies by service</span>
              </div>
            </div>
            <div class="motion-stage">
              <video class="motion-video" data-src="/assets/akurai-platform-infographic.mp4" muted loop playsinline preload="none" aria-label='Animated AkurAI Platform infographic'></video>
            </div>
          </div>
        </section>

        <!-- Benchmark proof cards -->
        <section class="shell section proof">
          <div class="section-head">
            <span class="eyebrow">Operationally focused</span>
            <h2>Private software you can inspect and run.</h2>
            <p>Every module links its source. Cross-product performance comparisons stay absent until reproducible evidence exists.</p>
          </div>
          <div class="proof-grid">
            <article class="proof-card">
              <p class="proof-task">Identity</p>
              <p class="proof-big">Inspectable</p>
              <p class="proof-sub">Identity you control</p>
              <div class="proof-vs">
                <span>and Private</span>
                <span class="proof-other">Open source</span>
              </div>
              <p class="proof-diff">No benchmark comparison</p>
              <a class="proof-src" href="#sources">Metrics policy</a>
            </article>
            <article class="proof-card">
              <p class="proof-task">Service status</p>
              <p class="proof-big">Self-hosted</p>
              <p class="proof-sub">Operational visibility</p>
              <div class="proof-vs">
                <span>and Auditable</span>
                <span class="proof-other">Open source</span>
              </div>
              <p class="proof-diff">No benchmark comparison</p>
              <a class="proof-src" href="#sources">Metrics policy</a>
            </article>
            <article class="proof-card">
              <p class="proof-task">Domains</p>
              <p class="proof-big">Versioned</p>
              <p class="proof-sub">Documented lifecycle</p>
              <div class="proof-vs">
                <span>and Recoverable</span>
                <span class="proof-other">Open source</span>
              </div>
              <p class="proof-diff">No benchmark comparison</p>
              <a class="proof-src" href="#sources">Metrics policy</a>
            </article>
            <article class="proof-card">
              <p class="proof-task">Service delivery</p>
              <p class="proof-big">Supported</p>
              <p class="proof-sub">Reproducible deployment</p>
              <div class="proof-vs">
                <span>and Documented</span>
                <span class="proof-other">MIT licensed</span>
              </div>
              <p class="proof-diff">No benchmark comparison</p>
              <a class="proof-src" href="#sources">Metrics policy</a>
            </article>
          </div>
        </section>

        <!-- Methodology / sources -->
        <section class="shell section sources-section">
          <div>
            <span class="eyebrow">Metrics policy</span>
            <h2>How we publish measurements</h2>
            <p>Performance figures are omitted until they include a dated workload, host, command, and version record.</p>
          </div>
          <div class="source-list">
            
            <a href="https://platform.olibuijr.com">AkurAI Platform service</a>
            
            <a href="https://akurai-build.olibuijr.com/repos/AkurAI-Platform">AkurAI Build repository</a>
            
            <a href="https://platform.olibuijr.com/#suite">AkurAI product directory</a>
            
          </div>
        </section>
      </details>
    </main>
    <footer class="site-footer">
      <div class="shell footer-grid">
        <div class="footer-brand">
          <span class="brand-mark" aria-hidden="true">A</span>
          <div>
            <strong>AkurAI</strong>
            <p class="muted">A free and open-source modular private software suite.</p>
          </div>
        </div>
        <nav class="footer-col" aria-labelledby="f-explore">
          <h2 id="f-explore" class="footer-h">Explore</h2>
          <a href="#main">Overview</a>
          <a href="#suite">Build your suite</a>
          <a href="https://akurai-build.olibuijr.com/repos/AkurAI-Platform">Source</a>
        </nav>
        <nav class="footer-col" aria-labelledby="f-legal">
          <h2 id="f-legal" class="footer-h">Project</h2>
          <a href="/LICENSE.txt">MIT License</a>
          <a href="mailto:support@olibuijr.com">Support</a>
        </nav>
      </div>
      <div class="shell footer-legal">
        <p class="muted">© 2026 Ólafur Búi Ólafsson · MIT License · free and open source</p>
        <p class="muted">AkurAI ehf. · Kt. 421224-0520 · Reykjavík, Iceland</p>
      </div>
    </footer>