simbiot-harness/docs/simbiot-landing-v2-live.html

418 lines
No EOL
29 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Simbiot — the AI harness that runs our coop. Presale $100/mo</title>
<meta name="description" content="Simbiot is a proactive AI harness: it triages your inbox, executes real work on a minute/hour/day cadence and leaves a signed, replayable trail. Presale $100/mo — the same harness that runs our own org every day.">
<meta property="og:title" content="Simbiot — the AI harness that runs our coop">
<meta property="og:description" content="Triage in minutes, execution on a cadence, every action signed and replayable. Presale $100/mo — seats are limited.">
<meta property="og:url" content="https://presale.cil.by/v2.html">
<meta property="og:type" content="website">
<meta property="og:image" content="https://simbiot.cil.by/og.png">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Simbiot — the AI harness that runs our coop">
<meta name="twitter:description" content="Triage in minutes, execution on a cadence, every action signed and replayable. Presale $100/mo.">
<meta name="twitter:image" content="https://simbiot.cil.by/og.png">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Inter+Tight:wght@500;600;700;800&family=JetBrains+Mono:wght@500&display=swap" rel="stylesheet">
<style>
:root{
--bg:#0b0d12; --bg2:#0f1219; --panel:#141824; --panel2:#181d2b;
--line:#232a3d; --line2:#2c3450;
--ink:#e9edf6; --muted:#8b93a7; --dim:#5f6679;
--accent:#8b7cff; --accent-soft:rgba(139,124,255,.14); --accent-line:rgba(139,124,255,.35);
--ok:#4ade9b;
--r:14px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
/* P0 (improve-ui audit): содержимое ниже hero обязано жить без JS */
.reveal{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s ease}
.reveal.vis{opacity:1;transform:none}
section[id],footer[id]{scroll-margin-top:80px}
body{font-family:'Inter',system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--ink);line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3{font-family:'Inter Tight',system-ui,sans-serif;letter-spacing:-.02em}
a{color:var(--ink)}
img{max-width:100%}
::selection{background:var(--accent);color:#fff}
.wrap{max-width:1120px;margin:0 auto;padding:0 28px}
section{padding:88px 0}
.mono{font-family:'JetBrains Mono',ui-monospace,monospace}
.ambient{position:fixed;inset:0;pointer-events:none;z-index:0;
background:
radial-gradient(700px 420px at 78% -6%, rgba(139,124,255,.16), transparent 62%),
radial-gradient(560px 380px at 8% 24%, rgba(60,120,255,.10), transparent 60%)}
.ambient::after{content:'';position:absolute;inset:0;
background-image:linear-gradient(rgba(233,237,246,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(233,237,246,.028) 1px,transparent 1px);
background-size:44px 44px;mask-image:radial-gradient(1000px 520px at 60% 0%,#000 40%,transparent 100%)}
header,main,footer{position:relative;z-index:1}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
nav{padding:20px 0}
nav .wrap{display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:11px;font-family:'Inter Tight';font-weight:700;font-size:1.06rem;text-decoration:none;color:var(--ink)}
.brand i{width:12px;height:12px;background:var(--accent);border-radius:3px}
nav .links a{color:var(--muted);text-decoration:none;font-size:.9rem;margin-left:26px;transition:color .15s}
nav .links a:hover{color:var(--ink)}
nav .links a.bnav{color:#c9c1ff}
@media(max-width:760px){nav .links a:not(.bnav){display:none}}
.cta{display:inline-flex;align-items:center;gap:10px;background:var(--accent);color:#fff;border:0;padding:15px 28px;border-radius:11px;font-family:'JetBrains Mono',monospace;font-size:.9rem;font-weight:500;text-decoration:none;cursor:pointer;transition:transform .16s,box-shadow .16s,background .16s;box-shadow:0 10px 34px rgba(139,124,255,.28)}
.cta:hover{background:#958af8}
.ghost{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--line2);color:var(--ink);background:transparent;padding:14px 24px;border-radius:11px;font-family:'JetBrains Mono',monospace;font-size:.88rem;text-decoration:none;transition:border-color .16s,color .16s}
.ghost:hover{border-color:var(--accent-line);color:#c9c1ff}
.badge{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--accent-line);border-radius:999px;padding:7px 16px;font-size:.8rem;font-weight:500;color:#b7aef6;background:var(--accent-soft);margin-bottom:26px}
.badge .dot{width:7px;height:7px;border-radius:50%;background:var(--accent);animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.25}}
.k{display:inline-block;font-family:'JetBrains Mono',monospace;font-size:.68rem;padding:4px 11px;border-radius:999px;border:1px solid var(--line2);color:var(--muted);margin-bottom:16px;background:rgba(255,255,255,.02);text-transform:uppercase;letter-spacing:.09em}
h1{font-size:clamp(2.5rem,5.6vw,4.1rem);line-height:1.05;font-weight:800;letter-spacing:-.03em;margin-bottom:24px}
h1 em{font-style:normal;color:var(--accent)}
.lede{font-size:1.06rem;color:var(--muted);max-width:640px;margin-bottom:12px}
.lede2{font-size:.98rem;color:var(--muted);max-width:640px;margin-bottom:34px}
.lede2 b,.lede b{color:var(--ink);font-weight:600}
h2{font-size:clamp(1.6rem,3vw,2.25rem);line-height:1.15;font-weight:700;letter-spacing:-.02em;margin-bottom:14px}
.sub{color:var(--muted);max-width:660px;margin-bottom:38px}
.seatsline{display:flex;align-items:baseline;gap:10px;margin:26px 0 8px}
.seatsline b{font-family:'JetBrains Mono',monospace;font-size:1.02rem;color:var(--ink)}
.seatsline .cap,.fine{font-size:.82rem;color:var(--dim)}
.fine{line-height:1.5}
.fine a{color:var(--muted)}
.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin-top:42px}
.trust div{background:var(--bg2);padding:18px 20px}
.trust b{display:block;font-family:'Inter Tight';font-size:1.5rem;font-weight:700;letter-spacing:-.02em}
.trust span{font-size:.8rem;color:var(--dim)}
.trust sup{color:var(--dim);font-weight:400}
@media(max-width:900px){.trust{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.trust{grid-template-columns:1fr 1fr}}
.moc-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:22px;align-items:stretch;margin-top:40px}
@media(max-width:900px){.moc-grid{grid-template-columns:1fr}}
.shot{background:var(--panel);border:1px solid var(--line2);border-radius:var(--r);overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.45)}
.shot .bar{display:flex;gap:6px;align-items:center;padding:10px 14px;border-bottom:1px solid var(--line);background:var(--bg2)}
.shot .bar i{width:10px;height:10px;border-radius:50%;background:var(--line2)}
.shot .bar i:first-child{background:#ff5f57}.shot .bar i:nth-child(2){background:#febc2e}.shot .bar i:nth-child(3){background:#28c840}
.shot .bar span{font-family:'JetBrains Mono',monospace;font-size:.72rem;color:var(--dim);margin-left:8px}
.shot img{display:block;width:100%;height:auto}
.shot .cap{padding:12px 16px;font-size:.82rem;color:var(--muted);border-top:1px solid var(--line)}
.chatwin{background:var(--bg2);border:1px solid var(--line2);border-radius:var(--r);display:flex;flex-direction:column;box-shadow:0 24px 60px rgba(0,0,0,.45)}
.chatwin .hd{padding:12px 16px;border-bottom:1px solid var(--line);font-family:'JetBrains Mono',monospace;font-size:.74rem;color:#b7aef6;text-transform:uppercase;letter-spacing:.09em;display:flex;align-items:center;gap:9px}
.chatwin .hd .dot{width:8px;height:8px;border-radius:50%;background:var(--ok)}
.chatbody{padding:18px;display:flex;flex-direction:column;gap:14px;flex:1}
.msgl{display:flex}
.msgl .b{max-width:88%;background:var(--panel2);border:1px solid var(--line2);border-radius:14px 14px 14px 4px;padding:11px 14px;font-size:.9rem;line-height:1.5}
.msgl.agent .b{animation:fadeup .6s ease both;animation-delay:.25s}
.cursor{display:inline-block;width:8px;height:1em;vertical-align:-.15em;margin-left:2px;background:var(--accent);animation:blink 1.05s steps(2,start) infinite}
@keyframes fadeup{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes blink{50%{opacity:0}}
.msgl .b b{color:#c9c1ff;font-weight:600}
.msgl .t{display:block;font-family:'JetBrains Mono',monospace;font-size:.68rem;color:var(--dim);margin-top:6px}
.chatwin .cap{padding:12px 16px;font-size:.82rem;color:var(--muted);border-top:1px solid var(--line)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}
.grid.g2{grid-template-columns:repeat(2,1fr)}
@media(max-width:900px){.grid,.grid.g2{grid-template-columns:1fr}}
.card{background:var(--panel);border:1px solid var(--line2);border-radius:var(--r);padding:26px}
.card h3{font-size:1.05rem;font-weight:600;margin-bottom:10px}
.card p{font-size:.92rem;color:var(--muted)}
.card .stepn{float:right;font-family:'JetBrains Mono',monospace;font-size:.78rem;color:var(--accent);border:1px solid var(--accent-line);border-radius:999px;padding:3px 11px;background:var(--accent-soft)}
.tbl-wrap{border:1px solid var(--line2);border-radius:var(--r);overflow:hidden;margin-top:34px;overflow-x:auto}
table.tbl{width:100%;border-collapse:collapse;font-size:.92rem;min-width:640px}
.tbl th{text-align:left;font-family:'JetBrains Mono',monospace;font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;color:var(--dim);padding:14px 18px;border-bottom:1px solid var(--line2);background:var(--bg2)}
.tbl td{padding:14px 18px;border-bottom:1px solid var(--line);color:var(--muted)}
.tbl tr:last-child td{border-bottom:0}
.tbl .y{font-family:'JetBrains Mono',monospace;font-size:.8rem;color:var(--ok);white-space:nowrap}
.tbl .ship{color:#b7aef6}
.quote{border-left:3px solid var(--accent);background:var(--panel);border-radius:0 12px 12px 0;padding:22px 26px;margin-top:30px;color:var(--ink);font-size:1.02rem;max-width:820px}
.quote .who{margin-top:12px;font-family:'JetBrains Mono',monospace;font-size:.78rem;color:var(--dim);text-transform:uppercase;letter-spacing:.08em}
.roadlist{display:flex;flex-direction:column;gap:0;margin-top:34px;border-top:1px solid var(--line2)}
.roadrow{display:grid;grid-template-columns:150px 1fr;gap:24px;padding:20px 4px;border-bottom:1px solid var(--line2);align-items:baseline}
@media(max-width:700px){.roadrow{grid-template-columns:1fr;gap:6px}}
.roadrow .when{font-family:'JetBrains Mono',monospace;font-size:.78rem;color:#b7aef6;text-transform:uppercase;letter-spacing:.07em}
.roadrow b{font-weight:600;font-size:1rem}
.roadrow p{font-size:.9rem;color:var(--muted);margin-top:4px}
.offer-card{background:linear-gradient(160deg,rgba(139,124,255,.13),rgba(20,24,36,.6) 46%),var(--bg2);border:1px solid var(--accent-line);border-radius:20px;padding:6px;box-shadow:0 30px 90px rgba(0,0,0,.5)}
.offer{display:grid;grid-template-columns:1.1fr 1fr;gap:34px;padding:44px}
@media(max-width:860px){.offer{grid-template-columns:1fr;padding:32px 26px}}
.offer .k{color:#b7aef6;border-color:var(--accent-line);background:var(--accent-soft)}
.price{font-family:'Inter Tight';font-size:3.4rem;font-weight:800;letter-spacing:-.03em;line-height:1;margin-bottom:22px}
.price small{font-size:1.15rem;color:var(--muted);font-weight:600}
.offer ul{list-style:none;display:flex;flex-direction:column;gap:9px}
.offer li{font-size:.94rem;color:var(--muted);padding-left:26px;position:relative}
.offer li::before{content:'✓';position:absolute;left:0;color:var(--accent);font-family:'JetBrains Mono',monospace}
.buy{display:flex;flex-direction:column;gap:12px;justify-content:center}
.buy form{display:flex;flex-direction:column;gap:12px}
.buy input{background:var(--bg);border:1px solid var(--line2);border-radius:11px;color:var(--ink);padding:14px 16px;font-size:.95rem;font-family:inherit}
.buy input::placeholder{color:var(--dim)}
.buy input:focus{border-color:var(--accent-line);outline:none}
.buy .cta{justify-content:center}
.buy .btnmsg{font-size:.84rem;color:var(--muted);min-height:1.2em}
.seatbig{display:flex;align-items:baseline;gap:12px;margin-top:18px}
.seatbig b{font-family:'JetBrains Mono',monospace;font-size:2rem;color:var(--ink)}
.faq{max-width:900px}
.ctarow{display:flex;gap:14px;flex-wrap:wrap;margin:18px 0 8px}
.faq details{border:1px solid var(--line2);border-radius:12px;background:var(--panel);padding:0 22px;margin-top:12px}
.faq summary{cursor:pointer;list-style:none;padding:18px 0;font-weight:600;font-size:.98rem;display:flex;justify-content:space-between;gap:16px;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';font-family:'JetBrains Mono',monospace;color:var(--accent);font-size:1.1rem;transition:transform .18s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p,p.faq-a{padding:0 0 18px;color:var(--muted);font-size:.93rem}
.faq details a,p.faq-a a{color:#b7aef6}
.prefoot{padding:70px 0;border-top:1px solid var(--line)}
.prefoot h2{margin-bottom:8px}
.prefoot .seatbig{margin:10px 0 26px}
footer{padding:34px 0 40px;border-top:1px solid var(--line)}
footer .wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px}
footer span,footer a{font-size:.85rem;color:var(--dim);text-decoration:none}
footer a:hover{color:var(--muted)}
@media(max-width:700px){
section{padding:64px 0}
.wrap{padding:0 20px}
h1{font-size:2.2rem}
}
@media (prefers-reduced-motion: reduce){
*{animation:none!important;transition:none!important;scroll-behavior:auto!important}
.reveal{opacity:1!important;transform:none!important}
}
</style>
</head>
<body>
<div class="ambient"></div>
<nav>
<div class="wrap">
<a class="brand" href="#"><i></i>Simbiot</a>
<div class="links"><a href="#how">How it works</a><a href="#included">What's included</a><a href="#proof">Proof</a><a href="#offer">Pricing</a><a href="#faq">FAQ</a><a class="bnav" href="#offer">Presale · limited seats</a></div>
</div>
</nav>
<header>
<div class="wrap">
<div class="badge"><span class="dot"></span>Presale · 100 seats · $100/mo flat</div>
<h1>The AI harness that runs our coop. <em>Now on your team.</em></h1>
<p class="lede"><b>Simbiot doesn't chat — it works.</b> It triages your inbox in minutes, executes approved tasks on a minute/hour/day cadence, and leaves a signed, replayable trail of every action. You get a daily digest of what it did.</p>
<p class="lede2">This is a <b>presale</b>: you subscribe now at $100/mo and our team onboards yours — the same harness that has been running our own cooperative <b>every day since launch</b>.</p>
<div class="seatsline"><span data-left class="mono"><b>—</b></span><span class="cap">seats left of 100 (live counter)</span></div>
<div class="ctarow">
<a class="cta" href="#offer">Reserve a seat — $100/mo →</a>
<a class="ghost" href="#watch">See it working ↓</a>
</div>
<div class="fine">Presale rate locked for the lifetime of your subscription · delivery within 30 days of payment</div>
<div class="trust">
<div><b>$100</b><span>flat per month, no hidden tiers</span></div>
<div><b><span data-left-n>7</span></b><span>seats left of 100, first come first served</span></div>
<div><b>400+</b><span>agent digests written in our own prod</span></div>
<div><b>100%<sup>*</sup></b><span>of actions signed &amp; replayable</span></div>
</div>
</div>
</header>
<main>
<section id="watch">
<div class="wrap">
<span class="k">the product, not a render</span>
<h2>This is what running a team on Simbiot looks like</h2>
<p class="sub">Real screenshots from our production dashboard and agent chat — the same build subscribers get. Nothing here is photoshopped.</p>
<div class="moc-grid">
<div class="shot">
<div class="bar"><i></i><i></i><i></i><span>simbiot · dashboard</span></div>
<img src="https://simbiot.cil.by/static/landing-full.png" alt="Simbiot dashboard: task board, agent ladder, digest rhythm" loading="lazy">
<div class="cap">Dashboard: every task, every agent, every cost on one screen — statuses, escalations, digests.</div>
</div>
<div class="chatwin">
<div class="hd"><span class="dot"></span>chat with your agent</div>
<div class="chatbody">
<div class="msgl"><div class="b">Prepare a weekly digest of the launch<br><span class="t">10:48 · read by the agent within minutes</span></div></div>
<div class="msgl agent"><div class="b" id="agent-reply">Collected 14 news from 4 sources, drafted <b>releases/news-week-4.md</b>, two drafts need your call on tone. Board is updated, digest goes out Friday 09:00.<span class="cursor"></span><br><span class="t">10:53 · executed, logged, replayable</span></div></div>
</div>
<div class="cap">Chat with your agent — it answers in minutes and executes with real tools.</div>
</div>
</div>
</div>
</section>
<section id="why">
<div class="wrap">
<span class="k">why simbiot</span>
<h2>Built safe by design. Runs proactive by default.</h2>
<p class="sub">Two sets of properties you usually have to choose between — Simbiot refuses to.</p>
<div class="grid g2">
<div class="card"><span class="k" style="margin-bottom:14px">safe by design</span><h3>Cryptographic trail</h3><p>Every event, command and artifact is signed at write time and chained. You can replay exactly how any outcome happened — nothing lives in someone's head.</p></div>
<div class="card"><span class="k" style="margin-bottom:14px">safe by design</span><h3>Human approval gates</h3><p>Irreversible actions require a human decision. The agent escalates instead of improvising when the stakes rise.</p></div>
<div class="card"><span class="k" style="margin-bottom:14px">safe by design</span><h3>Idempotent everywhere</h3><p>Retries never double-send, double-charge or double-book. Crash-safety is built into the protocols, not bolted on by supervision.</p></div>
<div class="card"><span class="k" style="margin-bottom:14px">proactive</span><h3>Answers before your team reads them</h3><p>Incoming requests are triaged in minutes, batched and executed. Nothing waits for the next morning while you sleep across time zones.</p></div>
<div class="card"><span class="k" style="margin-bottom:14px">proactive</span><h3>Real execution, not a chat toy</h3><p>Real tools, real deliverables: files, deployments, reports, integrations. A worker with an audit log — not another chatbot.</p></div>
<div class="card"><span class="k" style="margin-bottom:14px">proactive</span><h3>One organizational rhythm</h3><p>Minute/hour/day cadences on a ladder of levels keep tasks, escalations and digests flowing up and down your org — on schedule, without micromanagement.</p></div>
</div>
</div>
</section>
<section id="how">
<div class="wrap">
<span class="k">process</span>
<h2>How presale works</h2>
<p class="sub">Three steps from payment to a live harness connected to your systems.</p>
<div class="grid">
<div class="card"><h3>You reserve a seat</h3><p>3 minutes and a card — <b>$100/mo</b> via Stripe checkout and our onboarding wizard. 100 seats, first come first served. No discounts and no tiers at this stage.</p></div>
<div class="card"><h3>We onboard your team</h3><p>A 30-minute setup call: we map your channels, projects and decision flow — then deploy your dedicated harness on our infrastructure.</p></div>
<div class="card"><h3>Your copy goes live</h3><p>Within <b>30 days</b> of payment your harness is live on your domain, connected to your real systems. Full package — <a href="#included">see what's included</a>.</p></div>
</div>
</div>
</section>
<section id="proof">
<div class="wrap">
<span class="k">receipts</span>
<h2>Why we can sell it before it's "done"</h2>
<div class="tbl-wrap">
<table class="tbl">
<tr><th>What the harness actually handles today</th><th>In our own coop</th><th>In your org</th></tr>
<tr><td>Task board, digest rhythm, one glance at what's running</td><td class="y">✓ live</td><td class="y">✓ delivered</td></tr>
<tr><td>Incoming message triage &amp; batched replies in Telegram</td><td class="y">✓ live</td><td class="y">✓ delivered</td></tr>
<tr><td>Signed audit trail for every event and command</td><td class="y">✓ live</td><td class="y">✓ delivered</td></tr>
<tr><td>Chat with your agent through the portal &amp; gateway</td><td class="y ship">🆕 shipping</td><td class="y">✓ delivered</td></tr>
<tr><td>Self-service agent deployment</td><td class="y ship">🆕 shipping</td><td class="y">✓ delivered</td></tr>
</table>
</div>
<p style="margin-top:14px" class="fine">Your copy ships with all of the last column delivered, so you start further along than we did.</p>
<blockquote class="quote">
<p>Simbiot does the boring-but-critical work we never got to: it answers first, it never forgets a commitment, and every action it takes is on the record. When we migrated a veteran agent from its old harness, the transfer itself — memory, personality, conversation history — was done <b>by Simbiot, and took one night</b>.</p>
<div class="who">— Alexey Shkor, chairman of the cooperative, 42</div>
</blockquote>
</div>
</section>
<section id="included">
<div class="wrap">
<span class="k">included</span>
<h2>This is where your subscription is going</h2>
<p class="sub">The same subscription gets you everything below as it ships. Presale subscribers don't pay extra for any of it.</p>
<div class="roadlist">
<div class="roadrow"><span class="when">shipping now</span><div><b>Agent chat in the dashboard</b><p>Talk to your harness right in the UI — tasks by text or voice, replies arrive proactively while you work.</p></div></div>
<div class="roadrow"><span class="when">in ~1 month</span><div><b>Agent deployment for every team member</b><p>Any teammate gets a personal agent runtime in minutes, right on our portal: profile, permissions, own rhythm.</p></div></div>
<div class="roadrow"><span class="when">in ~2–3 months</span><div><b>Decision &amp; knowledge protocols</b><p>Decisions recorded in calls become directly executed instructions with an owner and a deadline; your org knowledge becomes searchable by every agent.</p></div></div>
<div class="roadrow"><span class="when">toward the year</span><div><b>Cost autopilot</b><p>Model routing &amp; budget controls tuned so your costs don't grow faster than your output.</p></div></div>
</div>
</div>
</section>
<section id="offer">
<div class="wrap">
<div class="offer-card">
<div class="offer">
<div>
<span class="k">presale offer</span>
<div class="price">$100<small>/mo</small></div>
<ul>
<li>Your own Simbiot harness — the same system we run our coop on</li>
<li>Cooperative portal: task board, knowledge base with semantic search, MCP &amp; REST API</li>
<li>Agent deployment: your team onboarded as first-class members</li>
<li>Live task dashboard: statuses, escalations, digests — one glance</li>
<li>Chat with your agent directly — messages, voice notes, answers come on their own</li>
<li>Event subscriptions: your agents react to what happens, proactively</li>
<li>Setup &amp; onboarding by our team, delivery end of month</li>
<li>Priority support during presale</li>
</ul>
</div>
<div class="buy">
<form data-presale data-msg="buymsg-1">
<input type="email" name="email" required placeholder="you@company.com" autocomplete="email">
<button class="cta" type="submit">Pre-order — $100/mo</button>
</form>
<div class="btnmsg" id="buymsg-1">&nbsp;</div>
<div class="fine">Checkout runs on Stripe — card data never touches our servers.</div>
<div class="seatbig"><span data-left class="mono"><b>—</b></span><span class="cap">seats left of 100<br>live counter, first come first served</span></div>
<div class="fine">Presale rate locked for the lifetime of your subscription</div>
<div class="fine"><a href="#faq">Questions first?</a></div>
</div>
</div>
</div>
</div>
</section>
<section id="faq" class="faq wrap">
<span class="k">answers</span>
<h2>Presale FAQ</h2>
<details><summary>Is my presale rate locked forever?</summary><p>Yes — you pay <b>$100/mo</b>, and that rate is locked for the lifetime of your subscription. No price hikes on early supporters.</p></details>
<details><summary>What does "proactive" actually mean?</summary><p>Harness does not wait to be asked: it triages incoming requests, executes approved work with real tools, reports on schedule and escalates what it cannot safely decide. You get its daily digest either way.</p></details>
<details><summary>$100/mo — and nothing hidden on top?</summary><p>The harness, portal, your agents and their runtime are all covered by the flat rate. Two separate things are billed by providers directly: your payment processing (Stripe's fee on <i>your</i> sales) and your LLM inference beyond base quotas (our router gateway is included; heavier usage can switch to your own API keys and billing).</p></details>
<details><summary>How is my data and workflow kept safe?</summary><p>Every action is signed, logged and replayable (ed25519 chain). High-risk actions run through human approval gates. Delivery routines are idempotent — retries never double-send or double-book. You can export your data on request at any time.</p></details>
<details><summary>Can I cancel anytime?</summary><p>Yes, monthly billing via Stripe — cancel from the checkout portal at any time. Your seat returns to the pool.</p></details>
<details><summary>What if the harness does something I don't want?</summary><p>It can't silently. Irreversible actions require your explicit approval — the agent escalates instead of improvising. Everything else is on the signed record: open the dashboard and replay any outcome in one click.</p></details>
<details><summary>Who is behind Simbiot?</summary><p>42 — a cooperative that runs 7 products and uses Simbiot daily as its own organizational harness. You buy the same operating system we stake our own work on.</p></details>
<details><summary>Can I talk to a human first?</summary><p>Of course — write to <a href="mailto:portal@cil.by">portal@cil.by</a>, we answer within a day. Ask anything before you reserve.</p></details>
<p class="faq-a">Something else? <a href="mailto:portal@cil.by">portal@cil.by</a> — human answers, not a bot.</p>
</section>
</main>
<div class="prefoot">
<div class="wrap">
<h2>Seats are limited. One harness that never sleeps.</h2>
<div class="seatbig"><span data-left class="mono"><b>—</b></span><span class="cap">seats left of 100</span></div>
<a class="cta" href="#offer">Pre-order — $100/mo →</a>
<div class="fine" style="margin-top:12px">Presale sold out? <a href="mailto:portal@cil.by?subject=waitlist">Join the waitlist →</a></div>
</div>
</div>
<footer>
<div class="wrap">
<span>© 2026 42 Cooperative</span>
<span><a href="#">Privacy</a> · <a href="#">Terms</a> · <a href="mailto:portal@cil.by">Contact</a></span>
</div>
</footer>
<noscript><style>.reveal{opacity:1!important;transform:none!important}</style></noscript>
<script>
// live seats counter: same endpoint as the dashboard widget (billing, not hardcoded)
(function(){
function setLeft(taken,total){
var left=Math.max(total-taken,0);
document.querySelectorAll('[data-left]').forEach(function(el){
el.innerHTML='<b>'+left+'</b>';
});
document.querySelectorAll('[data-left-n]').forEach(function(el){
el.textContent=left;
});
}
function wire(form){
form.addEventListener('submit',function(ev){
ev.preventDefault();
var btn=form.querySelector('button'), msg=document.getElementById(form.dataset.msg);
var email=form.email.value.trim(), old=btn.textContent;
btn.disabled=true; btn.textContent='Opening checkout…';
fetch('/api/presale/start',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify({email:email})})
.then(function(r){return r.json()}).then(function(d){
if (d.pending_id) {
setTimeout(function(){ location.href = '/onboarding?pending=' + encodeURIComponent(d.pending_id) + '&plan=starter'; }, 400);
return null;
}
throw new Error('no pending_id');
}).catch(function(e){
btn.disabled=false; btn.textContent=old;
msg.textContent='Something went wrong: '+(e.message||e)+' — write portal@cil.by';
});
});
}
fetch('/api/presale/seats',{cache:'no-store'}).then(function(r){return r.ok?r.json():null})
.then(function(d){if(d&&d.total)setLeft(d.taken,d.total)}).catch(function(){});
var obs=new IntersectionObserver(function(es){
es.forEach(function(e){if(e.isIntersecting){e.target.classList.add('vis');obs.unobserve(e.target)}});
},{threshold:.12});
document.querySelectorAll('.reveal').forEach(function(el){obs.observe(el)});
document.querySelectorAll('form[data-presale]').forEach(wire);
})();
</script>
</body>
</html>