simbiot-harness/sites/shkor-com/v2/index.html

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Shkor Labs — Autopilots for business, built in our own labs</title>
<meta name="description" content="Shkor Labs builds autopilots for business: we mirror a company into a living event-sourced twin, rehearse decisions on it, and let a rhythmic AI agent run the work. Every autopilot is proven first in our own labs — real businesses inside Cooperative 42.">
<meta property="og:title" content="Shkor Labs — Autopilots for business">
<meta property="og:description" content="Mirror. Rehearse. Autopilot. Proven first in our own labs — real businesses run by people and their AI agents.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://shkor.com/">
<meta property="og:image" content="https://shkor.com/assets/film-poster.jpg">
<meta name="twitter:card" content="summary_large_image">
<meta name="theme-color" content="#050506">
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'><rect width='64' height='64' rx='14' fill='%23050506'/><circle cx='32' cy='32' r='20' fill='none' stroke='%23c6ff4d' stroke-width='3' stroke-dasharray='4 6'/><circle cx='32' cy='32' r='7' fill='%23c6ff4d'/></svg>">
<link rel="preload" href="assets/space-grotesk-latin.woff2" as="font" type="font/woff2" crossorigin>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<a class="skip" href="#main">Skip to content</a>

<header class="nav">
  <div class="wrap nav-in">
    <a class="brand" href="#top" aria-label="Shkor Labs — home">
      <svg viewBox="0 0 32 32" aria-hidden="true"><circle cx="16" cy="16" r="12" fill="none" stroke="currentColor" stroke-width="2" stroke-dasharray="3 4"/><circle cx="16" cy="16" r="4.5" fill="currentColor"/></svg>
      <span>Shkor<b>Labs</b></span>
    </a>
    <nav aria-label="Main">
      <a href="#method">Method</a>
      <a href="#autopilot">Autopilot</a>
      <a href="#labs">Labs</a>
      <a href="#work">Work with us</a>
      <a href="apply/">Start a lab</a>
      <a href="account/">Sign in</a>
      <a class="btn btn-sm" href="#notes">Lab notes</a>
    </nav>
  </div>
</header>

<main id="main">

<!-- ============ HERO ============ -->
<section class="hero" id="top">
  <div class="grid-bg" aria-hidden="true"></div>
  <div class="wrap hero-in">
    <div class="hero-copy">
      <p class="tag"><span class="dot"></span>Shkor Labs · R&amp;D for autonomous business</p>
      <h1>Autopilot<br>for <em>any</em> business.</h1>
      <p class="lead">We mirror a company into a living twin, rehearse decisions on it, and hand the routine to an AI agent that runs on a rhythm — every second, minute, hour and day. Everything we ship is proven first in our own labs: real businesses, real money, real people.</p>

      <form class="sub" data-sub action="/api/subscribe" method="post">
        <label class="sr" for="hero-email">Work email</label>
        <input id="hero-email" type="email" name="email" placeholder="you@company.com" autocomplete="email" required>
        <input type="text" name="company" class="hp" tabindex="-1" autocomplete="off" aria-hidden="true">
        <input type="hidden" name="source" value="v2-hero">
        <button class="btn" type="submit"><span>Get lab notes</span><svg viewBox="0 0 20 20" aria-hidden="true"><path d="M4 10h11M11 5l5 5-5 5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></button>
        <p class="sub-msg" role="status" aria-live="polite"></p>
      </form>
      <p class="fine">What we learn running AI-operated businesses. Rare, honest, one-click unsubscribe.</p>
    </div>

    <!-- orbit: the four rhythms of the autopilot -->
    <figure class="orbit" aria-label="Diagram: the autopilot core surrounded by four rhythms — second, minute, hour and day">
      <div class="ring r1"><i></i><span>1 sec · reflex</span></div>
      <div class="ring r2"><i></i><span>1 min · triage</span></div>
      <div class="ring r3"><i></i><span>1 hour · execute</span></div>
      <div class="ring r4"><i></i><span>1 day · plan</span></div>
      <div class="core"><b>Autopilot</b><small>Simbiot core</small></div>
      <div class="hud c-tl" aria-hidden="true"></div><div class="hud c-tr" aria-hidden="true"></div>
      <div class="hud c-bl" aria-hidden="true"></div><div class="hud c-br" aria-hidden="true"></div>
      <figcaption class="log" aria-hidden="true">
        <span class="log-h">event stream · illustrative</span>
        <ol id="log"></ol>
      </figcaption>
    </figure>
  </div>

  <div class="marquee" aria-label="Some of our labs">
    <div class="track">
      <span>Simbiot</span><span>ReelsUp</span><span>Avatar</span><span>Mainbeam</span><span>MalyarKa</span><span>Vybirai</span><span>GroupSign</span><span>WalletChain</span><span>DEIP</span><span>Domostroy</span><span>LAIve Sports</span><span>Probity</span><span>Totem</span><span>Yorio</span>
      <span aria-hidden="true">Simbiot</span><span aria-hidden="true">ReelsUp</span><span aria-hidden="true">Avatar</span><span aria-hidden="true">Mainbeam</span><span aria-hidden="true">MalyarKa</span><span aria-hidden="true">Vybirai</span><span aria-hidden="true">GroupSign</span><span aria-hidden="true">WalletChain</span><span aria-hidden="true">DEIP</span><span aria-hidden="true">Domostroy</span><span aria-hidden="true">LAIve Sports</span><span aria-hidden="true">Probity</span><span aria-hidden="true">Totem</span><span aria-hidden="true">Yorio</span>
    </div>
  </div>
</section>

<!-- ============ METHOD ============ -->
<section id="method" class="sec">
  <div class="wrap">
    <header class="sec-h reveal">
      <p class="kicker">01 — Method</p>
      <h2>Mirror. Rehearse. <span class="hl">Autopilot.</span></h2>
      <p class="lead">A digital twin isn't a dashboard someone draws once. It's the company's own history, captured as it happens — and that's exactly what our agents run on.</p>
    </header>

    <ol class="steps">
      <li class="step reveal">
        <span class="num">01</span>
        <svg class="ico" viewBox="0 0 24 24" aria-hidden="true"><path d="M12 3v18M5 7l7-4 7 4M5 17l7 4 7-4" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg>
        <h3>Mirror</h3>
        <p>Messages, tasks, calls, payments and decisions become signed events in one append-only log. Replay it and you get the company — its structure, its people, its habits — as a living model.</p>
      </li>
      <li class="step reveal">
        <span class="num">02</span>
        <svg class="ico" viewBox="0 0 24 24" aria-hidden="true"><path d="M4 12a8 8 0 1 0 2.3-5.6M4 4v4h4" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg>
        <h3>Rehearse</h3>
        <p>Before a change touches a customer, it's tried against the twin and the real history behind it. Where the agent isn't sure, it doesn't guess — it escalates to a person with full context.</p>
      </li>
      <li class="step reveal">
        <span class="num">03</span>
        <svg class="ico" viewBox="0 0 24 24" aria-hidden="true"><path d="M5 19 19 5M9 5h10v10" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg>
        <h3>Autopilot</h3>
        <p>The routine goes to an agent that lives by ticks: triage, execution, digests, plans — on schedule, with real tools. Every action it takes feeds back into the twin, so it gets sharper with time.</p>
      </li>
    </ol>
  </div>
</section>

<!-- ============ AUTOPILOT BENTO ============ -->
<section id="autopilot" class="sec sec-alt">
  <div class="wrap">
    <header class="sec-h reveal">
      <p class="kicker">02 — The autopilot</p>
      <h2>Not a chatbot. <span class="hl">A heartbeat.</span></h2>
    </header>

    <div class="bento">
      <article class="tile t-ladder reveal">
        <h3>Four rhythms, one agent</h3>
        <p>Each level sees deeper and acts bigger. Busy levels skip a beat instead of piling up; only digests travel upward.</p>
        <ul class="ladder">
          <li><code>1s</code><b>Reflexes</b><span>telemetry, alerts — no LLM</span></li>
          <li><code>1m</code><b>Triage</b><span>inbox, quick fixes, routing</span></li>
          <li><code>1h</code><b>Execution</b><span>tasks end-to-end + hourly digest</span></li>
          <li><code>1d</code><b>Planning</b><span>larger work + daily manifest</span></li>
        </ul>
      </article>

      <article class="tile t-sign reveal">
        <svg class="ico" viewBox="0 0 24 24" aria-hidden="true"><path d="M12 3 4 6v6c0 4.5 3.4 8.3 8 9 4.6-.7 8-4.5 8-9V6l-8-3Z M9 12l2 2 4-4" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg>
        <h3>Signed, every step</h3>
        <p>ed25519 signatures, hash-chained. One command checks that nothing was altered.</p>
        <pre class="term" aria-label="Example terminal command"><span class="p">$</span> simbiot verify
<span class="ok">✓ chain intact</span></pre>
      </article>

      <article class="tile t-esc reveal">
        <svg class="ico" viewBox="0 0 24 24" aria-hidden="true"><path d="M12 19V5M6 11l6-6 6 6" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/></svg>
        <h3>Knows its limits</h3>
        <p>What it can't decide safely goes up the ladder — to a human — with the full story attached.</p>
      </article>

      <article class="tile t-cost reveal">
        <h3>LLM only where it matters</h3>
        <p>Reflexes and skipped beats cost nothing. Models are used for judgment, with a hard cap on steps per cycle.</p>
      </article>

      <article class="tile t-tools reveal">
        <h3>Real tools, not suggestions</h3>
        <div class="chips"><span>shell</span><span>files</span><span>knowledge search</span><span>mail</span><span>calls</span><span>payments</span><span>MCP</span><span>REST</span></div>
      </article>
    </div>
  </div>
</section>

<!-- ============ LABS ============ -->
<section id="labs" class="sec">
  <div class="wrap">
    <header class="sec-h reveal">
      <p class="kicker">03 — The labs</p>
      <h2>We don't sell what we <span class="hl">don't run.</span></h2>
      <p class="lead">Shkor Labs is a network of real businesses inside Cooperative 42. Each lab is a founder plus their AI agents on shared infrastructure — and each one is a live test bench for the autopilot.</p>
    </header>

    <div class="labs">
      <a class="lab lab-xl reveal" href="https://landing.cil.by" rel="noopener">
        <span class="lab-tag">Core · autopilot</span>
        <h3>Simbiot</h3>
        <p>The rhythmic agent harness that runs the cooperative itself: task board, knowledge bases, decisions, treasury, digests. Every other lab sits on top of it.</p>
        <span class="lab-go" aria-hidden="true">→</span>
      </a>
      <a class="lab reveal" href="https://reelsup.cil.by" rel="noopener">
        <span class="lab-tag">Media</span>
        <h3>ReelsUp</h3>
        <p>Podcasts and YouTube into vertical clips for TikTok, Reels and Shorts — subtitles, hooks, 48-hour delivery.</p>
      </a>
      <a class="lab reveal" href="https://avatar.cil.by" rel="noopener">
        <span class="lab-tag">Marketing</span>
        <h3>Avatar</h3>
        <p>A full-cycle AI SMM agency: short films, clips, your own avatar, promotion and paid targeting.</p>
      </a>
      <a class="lab reveal" href="https://mainbeam.cil.by" rel="noopener">
        <span class="lab-tag">Consulting</span>
        <h3>Mainbeam</h3>
        <p>Rebuilding business processes around AI for companies of 15–500 people — from scattered experiments to P&amp;L impact.</p>
      </a>
      <a class="lab reveal" href="https://malyarka.cil.by" rel="noopener">
        <span class="lab-tag">Construction</span>
        <h3>MalyarKa</h3>
        <p>Estimate a job from the floor plan before you drive out. An engineer and mentor in the tradesperson's pocket.</p>
      </a>
      <a class="lab reveal" href="https://vybirai.cil.by" rel="noopener">
        <span class="lab-tag">Fintech</span>
        <h3>Vybirai</h3>
        <p>Comparing loans, deposits and leasing in Belarus, so people keep more of their money.</p>
      </a>
      <a class="lab reveal" href="https://groupsign.cil.by" rel="noopener">
        <span class="lab-tag">Trust infra</span>
        <h3>GroupSign · WalletChain</h3>
        <p>Group membership as signed blocks: every change to a team is co-signed by its members.</p>
      </a>
      <div class="lab lab-more reveal">
        <p class="big">+ more</p>
        <p>DEIP, Domostroy, LAIve Sports Studio, Probity, Totem, Yorio, PipL — and new labs every month.</p>
      </div>
    </div>
  </div>
</section>

<!-- ============ FILM ============ -->
<section class="sec sec-alt" aria-labelledby="film-h">
  <div class="wrap">
    <header class="sec-h reveal">
      <p class="kicker">04 — In 86 seconds</p>
      <h2 id="film-h">The autopilot, for business.</h2>
    </header>
    <div class="film reveal">
      <video controls preload="none" poster="assets/film-poster.jpg" playsinline>
        <source src="/assets/simbiot-harness-enterprise-en.mp4" type="video/mp4">
        Your browser can't play this video. <a href="/assets/simbiot-harness-enterprise-en.mp4">Download it instead.</a>
      </video>
    </div>
  </div>
</section>

<!-- ============ WORK WITH US ============ -->
<section id="work" class="sec">
  <div class="wrap">
    <header class="sec-h reveal">
      <p class="kicker">05 — Work with us</p>
      <h2>Two ways in.</h2>
    </header>
    <div class="paths">
      <article class="path reveal">
        <p class="path-k">For companies</p>
        <h3>Put your business on autopilot</h3>
        <p>Your own server with a web panel: Claude Code and OpenCode to build with, and a Simbiot agent — the same system our labs run in production. Verify, pay, and it deploys itself.</p>
        <p class="price">$99<span>/month</span></p>
        <p class="muted">One price for everyone. Cancel any time.</p>
        <a class="btn" href="start/"><span>Start now</span><svg viewBox="0 0 20 20" aria-hidden="true"><path d="M4 10h11M11 5l5 5-5 5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></a>
      </article>
      <article class="path path-alt reveal">
        <p class="path-k">For founders</p>
        <h3>Start a lab</h3>
        <p>Bring a business idea or an existing one. You get the autopilot, shared infrastructure, a site, payments and a community of founders running the same playbook. The lab shares a part of its revenue with the cooperative — that's the whole deal.</p>
        <a class="btn btn-ghost" href="apply/"><span>Apply for a lab</span><svg viewBox="0 0 20 20" aria-hidden="true"><path d="M4 10h11M11 5l5 5-5 5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></a>
      </article>
    </div>
  </div>
</section>

<!-- ============ NOTES ============ -->
<section id="notes" class="cta">
  <div class="grid-bg" aria-hidden="true"></div>
  <div class="wrap cta-in reveal">
    <p class="kicker">Lab notes</p>
    <h2>Watch AI-run businesses<br>from the inside.</h2>
    <p class="lead">Real digests, real failures, real numbers from the labs — and first access when new seats open.</p>
    <form class="sub" data-sub action="/api/subscribe" method="post">
      <label class="sr" for="cta-email">Work email</label>
      <input id="cta-email" type="email" name="email" placeholder="you@company.com" autocomplete="email" required>
      <input type="text" name="company" class="hp" tabindex="-1" autocomplete="off" aria-hidden="true">
      <input type="hidden" name="source" value="v2-footer">
      <button class="btn" type="submit"><span>Subscribe</span><svg viewBox="0 0 20 20" aria-hidden="true"><path d="M4 10h11M11 5l5 5-5 5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></button>
      <p class="sub-msg" role="status" aria-live="polite"></p>
    </form>
    <p class="fine">We keep your email only to send lab notes. No sharing, no selling.</p>
  </div>
</section>

</main>

<footer class="foot">
  <div class="wrap foot-in">
    <p>© 2026 Shkor Labs LLC</p>
    <nav aria-label="Footer">
      <a href="https://cil.by" rel="noopener">Cooperative 42</a>
      <a href="https://landing.cil.by" rel="noopener">Simbiot</a>
      <a href="mailto:hello@shkor.com">hello@shkor.com</a>
    </nav>
  </div>
</footer>

<script>
(function () {
  var reduce = window.matchMedia('(prefers-reduced-motion: reduce)').matches;

  // reveal on scroll
  var els = document.querySelectorAll('.reveal');
  if (reduce || !('IntersectionObserver' in window)) {
    els.forEach(function (e) { e.classList.add('in'); });
  } else {
    var io = new IntersectionObserver(function (entries) {
      entries.forEach(function (en) { if (en.isIntersecting) { en.target.classList.add('in'); io.unobserve(en.target); } });
    }, { rootMargin: '0px 0px -10% 0px' });
    els.forEach(function (e, i) { e.style.setProperty('--d', (i % 4) * 70 + 'ms'); io.observe(e); });
  }

  // illustrative event stream in the hero
  var log = document.getElementById('log');
  var ev = [
    ['1s', 'telemetry', 'disk ok · queue ok'],
    ['1m', 'triage', 'new lead → sales lab'],
    ['1m', 'triage', 'invoice question → answered'],
    ['1h', 'task.done', 'weekly report sent'],
    ['1h', 'digest', 'hourly digest published'],
    ['1m', 'escalate', 'refund > limit → human'],
    ['1d', 'plan', 'tomorrow: 3 priorities'],
    ['1s', 'alert', 'site latency ↑ → retried'],
    ['1h', 'task.done', 'contract draft ready'],
    ['1d', 'manifest', 'risks + next steps']
  ];
  var i = 0;
  function push() {
    var e = ev[i++ % ev.length], li = document.createElement('li');
    li.innerHTML = '<code>' + e[0] + '</code><b>' + e[1] + '</b><span>' + e[2] + '</span>';
    log.prepend(li);
    while (log.children.length > 5) log.lastChild.remove();
  }
  for (var k = 0; k < 4; k++) push();
  if (!reduce) setInterval(push, 1800);

  // subscribe forms
  document.querySelectorAll('form[data-sub]').forEach(function (f) {
    f.addEventListener('submit', function (e) {
      e.preventDefault();
      var msg = f.querySelector('.sub-msg'), btn = f.querySelector('button');
      btn.disabled = true; msg.textContent = 'Sending…'; msg.className = 'sub-msg';
      fetch(f.action, { method: 'POST', body: new URLSearchParams(new FormData(f)) })
        .then(function (r) { return r.json().then(function (j) { return { ok: r.ok, j: j }; }); })
        .then(function (res) {
          msg.textContent = res.ok ? 'You’re in. First lab notes are on their way.' : (res.j.error || 'Something went wrong.');
          msg.className = 'sub-msg ' + (res.ok ? 'ok' : 'err');
          if (res.ok) f.reset();
        })
        .catch(function () { msg.textContent = 'Network error — please try again.'; msg.className = 'sub-msg err'; })
        .finally(function () { btn.disabled = false; });
    });
  });
})();
</script>
</body>
</html>