476 lines
No EOL
33 KiB
HTML
476 lines
No EOL
33 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Simbiot — Your Org Deserves Its Own AI Harness · Presale $100/mo</title>
|
|
<meta name="description" content="Simbiot is a proactive AI harness for your whole organization: it triages, executes and reports on a rhythm, every action signed and auditable. Pre-sale $100/mo, limited seats, live in 30 days.">
|
|
<meta property="og:title" content="Your org deserves its own AI harness.">
|
|
<meta property="og:description" content="Simbiot runs your ops on a rhythm — triage in minutes, real execution, digests on schedule. The same harness this cooperative runs every day. $100/mo, limited seats.">
|
|
<meta property="og:url" content="https://simbiot.cil.by/">
|
|
<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="Your org deserves its own AI harness.">
|
|
<meta name="twitter:description" content="Simbiot: proactive AI harness. Triages, executes, reports. Every action signed. $100/mo presale.">
|
|
<meta name="twitter:image" content="https://simbiot.cil.by/og.png">
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
|
|
<style>
|
|
:root{
|
|
--paper:#faf8f3; --paper2:#f2efe7; --ink:#1a1a18; --ink2:#55534b; --ink3:#6b685c;
|
|
--line:#e2ded2; --line2:#cfcabb; --acc:#5b4be0;
|
|
}
|
|
*{margin:0;padding:0;box-sizing:border-box}
|
|
html{scroll-behavior:smooth}
|
|
section[id],header[id],div[id]{scroll-margin-top:84px}
|
|
body{font-family:'Inter Tight',system-ui,-apple-system,sans-serif;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;overflow-x:hidden}
|
|
.mono{font-family:'JetBrains Mono',ui-monospace,monospace}
|
|
.wrap{max-width:1240px;margin:0 auto;padding:0 32px}
|
|
a{color:var(--acc)}
|
|
:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
|
|
|
|
/* ── reveal: progressive, not blocking (P0 from improve-ui audit) ── */
|
|
.reveal{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s ease}
|
|
.reveal.vis{opacity:1;transform:none}
|
|
@media(prefers-reduced-motion:reduce){
|
|
.reveal{opacity:1;transform:none;transition:none}
|
|
*{animation:none!important;transition:none!important}
|
|
html{scroll-behavior:auto}
|
|
}
|
|
noscript blockquote{display:none}
|
|
|
|
/* ── nav ── */
|
|
nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(250,248,243,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
|
|
nav .wrap{display:flex;align-items:center;height:60px}
|
|
.logo{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:600;letter-spacing:-.3px}
|
|
.logo-mark{width:14px;height:14px;background:var(--acc)}
|
|
nav .links{margin-left:auto;display:flex;gap:26px;align-items:center}
|
|
nav .links a{color:var(--ink2);text-decoration:none;font-size:13.5px;font-weight:500}
|
|
nav .links a:hover{color:var(--ink)}
|
|
@media(max-width:860px){nav .links a:not(.btn):not(.btn-sm){display:none}}
|
|
|
|
.btn{display:inline-block;background:var(--ink);color:#faf8f3;border:1px solid var(--ink);padding:14px 26px;font-family:'JetBrains Mono',monospace;font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.8px;cursor:pointer;text-decoration:none;transition:background .15s,color .15s,border-color .15s}
|
|
.btn:hover{background:var(--acc);border-color:var(--acc);color:#fff}
|
|
.btn-o{background:transparent;color:var(--ink)}
|
|
.btn-o:hover{background:var(--ink);color:#faf8f3}
|
|
.btn-sm{padding:9px 18px;font-size:12px}
|
|
|
|
/* ── hero ── */
|
|
.hero{padding:150px 0 88px;border-bottom:1px solid var(--line);position:relative}
|
|
.hero .wrap{display:grid;grid-template-columns:1.18fr .92fr;gap:64px;align-items:start}
|
|
.eyebrow{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:1.6px;text-transform:uppercase;color:var(--acc);display:flex;align-items:center;gap:8px;margin-bottom:22px}
|
|
.eyebrow::before{content:'';width:7px;height:7px;background:var(--acc);border-radius:50%;animation:pulse 2.2s infinite}
|
|
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.25}}
|
|
h1{font-size:clamp(38px,5.2vw,62px);line-height:1.04;letter-spacing:-.035em;font-weight:700}
|
|
h1 em{font-style:normal;color:var(--acc)}
|
|
.hero .sub{font-size:18px;line-height:1.6;color:var(--ink2);max-width:560px;margin:26px 0 34px}
|
|
.hero .sub b{color:var(--ink);font-weight:600}
|
|
.hero-cta{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
|
|
.seats-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line2);background:#fff;border-radius:999px;padding:8px 16px;font-family:'JetBrains Mono',monospace;font-size:11.5px;letter-spacing:.06em;color:var(--ink2);width:100%;margin-top:18px}
|
|
.seats-pill b{color:var(--acc)}
|
|
.seats-pill .dot{width:7px;height:7px;border-radius:50%;background:#1a7f4b;animation:pulse 2s infinite}
|
|
|
|
/* ops console */
|
|
.ops{border:1px solid var(--line2);background:#fff;padding:26px 26px 20px;margin-top:8px;min-width:0;overflow-wrap:anywhere;box-shadow:0 1px 0 var(--line)}
|
|
.ops .hd{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--ink3);border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:14px;display:flex;justify-content:space-between}
|
|
.ops .hd b{color:#1a7f4b;font-weight:500;display:flex;align-items:center;gap:7px}
|
|
.ops .hd b::before{content:'';width:7px;height:7px;border-radius:50%;background:#1a7f4b;animation:blink 2s infinite}
|
|
@keyframes blink{0%,100%{opacity:1}50%{opacity:.25}}
|
|
.ops .ln{font-family:'JetBrains Mono',monospace;font-size:12.5px;line-height:2;color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
|
|
.ops .ln b{color:var(--ink);font-weight:500}
|
|
.ops .ln .lvl{color:#9f93ff}
|
|
.ops .ln .g{color:var(--ink3)}
|
|
.ops .ft{font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:1.2px;color:var(--ink3);border-top:1px solid var(--line);padding-top:12px;margin-top:14px;text-transform:uppercase}
|
|
|
|
/* trustbar */
|
|
.truststrip{border-bottom:1px solid var(--line);background:var(--paper2)}
|
|
.truststrip .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line)}
|
|
.ts{background:var(--paper2);padding:26px 24px}
|
|
.ts .n{font-family:'JetBrains Mono',monospace;font-size:22px;font-weight:500;color:var(--ink)}
|
|
.ts .l{font-size:13px;color:var(--ink3);margin-top:6px;line-height:1.45}
|
|
@media(max-width:980px){
|
|
.hero .wrap{grid-template-columns:1fr}
|
|
.truststrip .wrap{grid-template-columns:1fr 1fr}
|
|
}
|
|
@media(max-width:640px){.truststrip .wrap{grid-template-columns:1fr 1fr}.ts{padding:20px 16px}}
|
|
|
|
/* ── sections ── */
|
|
section{padding:96px 0;border-bottom:1px solid var(--line)}
|
|
.sec-head{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:end;margin-bottom:52px}
|
|
@media(max-width:860px){.sec-head{grid-template-columns:1fr;gap:18px}}
|
|
.sec-idx{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:1.4px;text-transform:uppercase;color:var(--ink3);margin-bottom:16px}
|
|
.sec-idx b{color:var(--acc);font-weight:500}
|
|
h2{font-size:clamp(28px,3.4vw,42px);line-height:1.12;letter-spacing:-.03em;font-weight:600}
|
|
.sec-sub{font-size:16.5px;line-height:1.65;color:var(--ink2);max-width:520px}
|
|
|
|
/* pain grid */
|
|
.pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
|
|
.pain{background:var(--paper);padding:34px 30px;transition:background .2s}
|
|
.pain:hover{background:#fff}
|
|
.pain .sym{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink3);padding:5px 12px;border:1px solid var(--line2);border-radius:999px;display:inline-block;margin-bottom:20px}
|
|
.pain h3{font-size:17.5px;font-weight:600;letter-spacing:-.01em;margin-bottom:10px}
|
|
.pain p{font-size:14px;line-height:1.62;color:var(--ink2);margin-bottom:14px}
|
|
.pain .fix{font-size:13.5px;line-height:1.55;color:var(--ink);border-top:1px dashed var(--line2);padding-top:14px}
|
|
.pain .fix b{color:var(--acc);font-weight:600}
|
|
@media(max-width:980px){.pain-grid{grid-template-columns:1fr}}
|
|
|
|
/* pillars */
|
|
.pil-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
|
|
.pil{border:1px solid var(--line);background:#fff;padding:32px 28px;position:relative}
|
|
.pil .n{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--acc);letter-spacing:.12em;margin-bottom:16px}
|
|
.pil h3{font-size:18px;font-weight:600;letter-spacing:-.01em;margin-bottom:10px}
|
|
.pil p{font-size:14px;line-height:1.62;color:var(--ink2)}
|
|
.pil ul{list-style:none;margin-top:14px}
|
|
.pil ul li{font-size:13.5px;color:var(--ink2);padding:7px 0;border-top:1px dashed var(--line)}
|
|
.pil ul li::before{content:'▸';color:var(--acc);margin-right:8px}
|
|
@media(max-width:980px){.pil-grid{grid-template-columns:1fr}}
|
|
|
|
/* included */
|
|
.inc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
|
|
.inc{background:var(--paper);padding:32px 30px;position:relative}
|
|
.inc .n{font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--acc);letter-spacing:.1em;margin-bottom:16px}
|
|
.inc h3{font-size:16.5px;font-weight:600;letter-spacing:-.01em;margin-bottom:10px}
|
|
.inc p{font-size:14px;line-height:1.6;color:var(--ink2)}
|
|
.not-inc{margin-top:26px;padding:20px 24px;border:1px dashed var(--line2);background:var(--paper2)}
|
|
.not-inc .h{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink3);margin-bottom:8px}
|
|
.not-inc p{font-size:13.5px;line-height:1.6;color:var(--ink2)}
|
|
@media(max-width:980px){.inc-grid{grid-template-columns:1fr 1fr}}
|
|
@media(max-width:640px){.inc-grid{grid-template-columns:1fr}}
|
|
|
|
/* steps */
|
|
.step-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
|
|
.step{background:var(--paper);padding:30px 28px;position:relative}
|
|
.step .num{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--acc);letter-spacing:.14em;margin-bottom:14px}
|
|
.step h3{font-size:16px;font-weight:600;margin-bottom:8px}
|
|
.step p{font-size:13.5px;line-height:1.6;color:var(--ink2)}
|
|
.step p b{color:var(--ink)}
|
|
@media(max-width:980px){.step-row{grid-template-columns:1fr 1fr}}
|
|
@media(max-width:640px){.step-row{grid-template-columns:1fr}}
|
|
|
|
/* proof */
|
|
.quote{background:#fff;border:1px solid var(--line);border-left:3px solid var(--acc);padding:40px 44px;max-width:860px}
|
|
@media(max-width:640px){.quote{padding:26px 20px}.quote p{font-size:17px}}
|
|
.quote p{font-size:20px;line-height:1.5;letter-spacing:-.01em;font-weight:500;color:var(--ink)}
|
|
.quote p em{font-style:normal;color:var(--acc)}
|
|
.quote .who{font-family:'JetBrains Mono',monospace;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink3);margin-top:20px}
|
|
.prodrow{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
|
|
.prodrow span{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.06em;color:var(--ink2);border:1px solid var(--line2);border-radius:999px;padding:5px 12px;background:var(--paper)}
|
|
@media(max-width:640px){.prodrow span{font-size:10px;padding:4px 9px;letter-spacing:.03em}}
|
|
|
|
/* pricing */
|
|
.price-sec{background:var(--ink);color:var(--paper);border-bottom:1px solid #2a2a26}
|
|
.price-sec h2{color:var(--paper)}
|
|
.price-sec .sec-idx{color:#a5a29a}
|
|
.price-sec .sec-idx b{color:#9f93ff}
|
|
.price-sec .sec-sub{color:#a5a29a}
|
|
.offer-card{background:linear-gradient(160deg,#201f2e 0%,#17161d 100%);border:1px solid #39374f;border-radius:18px;padding:48px;display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;width:100%;max-width:1020px;margin:0 auto}
|
|
.offer-card .lbl{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:#9f93ff;margin-bottom:16px}
|
|
.price{font-size:clamp(44px,5vw,64px);font-weight:700;letter-spacing:-.03em;color:#fff;line-height:1}
|
|
.price small{font-size:.38em;font-weight:500;color:#a5a29a;letter-spacing:0}
|
|
.offer-card ul{list-style:none;margin-top:26px}
|
|
.offer-card ul li{color:#cfccc2;font-size:14.5px;line-height:1.5;padding:9px 0;border-top:1px solid #2c2b39}
|
|
.offer-card ul li::before{content:'✓';color:#9f93ff;margin-right:10px;font-weight:700}
|
|
.offer-card .buy{text-align:center}
|
|
.offer-card .buy .btn{background:var(--acc);border-color:var(--acc);color:#fff;width:100%;padding:18px 26px;font-size:14px}
|
|
.offer-card .buy .btn:hover{background:#6f61ff;border-color:#6f61ff}
|
|
.offer-card .fine{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.08em;color:#a5a29a;margin-top:14px;line-height:1.8}
|
|
.counter{background:rgba(255,255,255,.025);border:1px solid #39374f;border-radius:12px;padding:20px 24px;margin-top:18px}
|
|
.counter b{font-size:2.4rem;font-weight:700;color:#fff}
|
|
.counter span.cap{display:block;color:#a5a29a;font-size:.72rem;text-transform:uppercase;letter-spacing:.11em;margin-top:6px}
|
|
@media(max-width:900px){.offer-card{grid-template-columns:1fr;padding:36px 26px}.offer-card .buy{text-align:left}}
|
|
|
|
/* faq */
|
|
.faq{max-width:860px}
|
|
details{border:1px solid var(--line);background:#fff;margin-bottom:10px}
|
|
details summary{cursor:pointer;padding:19px 24px;font-size:15.5px;font-weight:600;letter-spacing:-.01em;list-style:none;display:flex;justify-content:space-between;align-items:center}
|
|
details summary::-webkit-details-marker{display:none}
|
|
details summary::after{content:'+';font-family:'JetBrains Mono',monospace;color:var(--acc);font-weight:400;transition:transform .2s}
|
|
details[open] summary::after{transform:rotate(45deg)}
|
|
details p{padding:0 24px 20px;font-size:14.5px;line-height:1.65;color:var(--ink2)}
|
|
|
|
/* prefoot + footer */
|
|
.prefoot{padding:88px 0;background:var(--paper2)}
|
|
.prefoot h2{max-width:800px;margin:0 auto;text-align:center}
|
|
.prefoot .pf{display:flex;flex-direction:column;align-items:center;gap:24px;margin-top:12px}
|
|
footer{border-top:1px solid var(--line);padding:34px 0;background:var(--paper)}
|
|
footer .wrap{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;color:var(--ink3);font-size:13px}
|
|
footer a{color:var(--ink2);text-decoration:none}
|
|
footer a:hover{color:var(--acc)}
|
|
</style>
|
|
<noscript><style>.reveal{opacity:1!important;transform:none!important}</style></noscript>
|
|
</head>
|
|
<body>
|
|
|
|
<nav>
|
|
<div class="wrap">
|
|
<div class="logo"><span class="logo-mark"></span>Simbiot</div>
|
|
<div class="links">
|
|
<a href="#problem">The problem</a>
|
|
<a href="#how">How it works</a>
|
|
<a href="#included">What's included</a>
|
|
<a href="#pricing">Pricing</a>
|
|
<a href="https://buy.stripe.com/aFa28q8h14RpfPYgrK1B60a" class="btn btn-sm" data-cta="nav">Pre-order — $100/mo</a>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<!-- ═══ HERO: pain → offer ═══ -->
|
|
<header class="hero" id="top">
|
|
<div class="wrap">
|
|
<div>
|
|
<div class="eyebrow">Presale · Live product, not a pitch</div>
|
|
<h1>Your org deserves<br>its own <em>AI harness.</em></h1>
|
|
<p class="sub">Simbiot runs your operations on a rhythm instead of a chat-scroll: <b>every minute</b> it triages what came in, <b>every hour</b> it does real work and reports, <b>every day</b> it clears the decks and plans. With real tools, under your rules — and every step signed.</p>
|
|
<div class="hero-cta">
|
|
<a href="https://buy.stripe.com/aFa28q8h14RpfPYgrK1B60a" class="btn" data-cta="hero">Reserve a seat — $100/mo</a>
|
|
<a href="#included" class="btn btn-o">See what's included</a>
|
|
</div>
|
|
<div class="seats-pill" id="heroSeats"><span class="dot"></span><span data-seats-note>Presale seats</span> · delivery end of month</div>
|
|
</div>
|
|
<div class="ops" aria-label="Live harness console (example)">
|
|
<div class="hd"><span>ORG OPS</span><b>LIVE</b></div>
|
|
<div class="ln"><b>min</b><span class="lvl">▸</span> triaged 41 inbound · 2 urgent → escalated</div>
|
|
<div class="ln"><b>hour</b><span class="lvl">▸</span> deployment finished <span class="g">@2f3a1c</span> · tests 41 passed</div>
|
|
<div class="ln"><b>hour</b><span class="lvl">▸</span> invoices batched · report sent to @owner</div>
|
|
<div class="ln"><b>day</b><span class="lvl">▸</span> weekly digest: 128 tasks closed, 0 lost</div>
|
|
<div class="ln"><b>day</b><span class="lvl">▸</span> decision #37 passed · quorum 3/3 <span class="g">signed</span></div>
|
|
<div class="ln"><b>gate</b><span class="lvl">▸</span> payout #402 above limit → awaiting human approval</div>
|
|
<div class="ft">RHYTHM: MIN → HOUR → DAY · EVERYTHING SIGNED, REPLAYABLE</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<div class="truststrip">
|
|
<div class="wrap">
|
|
<div class="ts"><div class="n">100%</div><div class="l">of actions signed & replayable — the audit trail is the product</div></div>
|
|
<div class="ts"><div class="n">24/7</div><div class="l">it works the hours your team sleeps; nothing waits for the morning</div></div>
|
|
<div class="ts"><div class="n">30 days</div><div class="l">from payment to your harness, live on your systems</div></div>
|
|
<div class="ts"><div class="n">$100</div><div class="l">flat per month — one number on this page, locked for presale</div></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ═══ 01 PAIN ═══ -->
|
|
<section id="problem" class="reveal">
|
|
<div class="wrap">
|
|
<div class="sec-head">
|
|
<div>
|
|
<div class="sec-idx"><b>01</b> — The problem</div>
|
|
<h2>Your operations live in a chat-scroll. It doesn't have to.</h2>
|
|
</div>
|
|
<p class="sec-sub">Teams don't fail from lack of apps — they fail between them. Three places ops bleed every single day:</p>
|
|
</div>
|
|
<div class="pain-grid">
|
|
<div class="pain"><span class="sym">symptom</span><h3>You are the triage layer</h3><p>Messages pile up across chats and inboxes. The urgent drowns in the loud, follow-ups depend on your memory, and everything sits in front of you.</p><div class="fix"><b>Simbiot</b> triages within minutes, answers routine things, batches the rest into one digest.</div></div>
|
|
<div class="pain"><span class="sym">symptom</span><h3>Tasks die between meetings</h3><p>"We should…" gets said, recorded nowhere, and quietly expires. The work that does happen depends on someone remembering to check.</p><div class="fix"><b>Simbiot</b> executes directly with real tools — files, deploys, reports, payments — and runs on cadence, without being asked.</div></div>
|
|
<div class="pain"><span class="sym">symptom</span><h3>History lives in people's heads</h3><p>What happened yesterday, why that decision was made, who approved it — scattered across tabs, chats and ex-employees.</p><div class="fix"><b>Simbiot</b> signs every event and replays the exact chain: what, when, why, by whom.</div></div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ═══ 02 WHAT IT IS ═══ -->
|
|
<section id="what" class="reveal" style="background:var(--paper2)">
|
|
<div class="wrap">
|
|
<div class="sec-head">
|
|
<div>
|
|
<div class="sec-idx"><b>02</b> — What Simbiot is</div>
|
|
<h2>Not a chatbot you interrogate.<br>A harness that works.</h2>
|
|
</div>
|
|
<p class="sec-sub">A chatbot waits to be asked. A harness keeps a rhythm: levels of cadence push work down and digests up, and every action runs through the same safe spine.</p>
|
|
</div>
|
|
<div class="pil-grid">
|
|
<div class="pil"><div class="n">SIM.01</div><h3>The rhythm</h3><p>Simbiot doesn't wait for your prompts — it lives on ticks.</p><ul><li>Seconds: react to what just happened</li><li>Minutes: triage and batch inbound work</li><li>Hours: real execution + digests</li><li>Days: strategy, retrospectives, planning</li></ul></div>
|
|
<div class="pil"><div class="n">SIM.02</div><h3>The portal</h3><p>One shared context for your whole org, not a toy sandbox.</p><ul><li>Task board: statuses, sizes, deadlines</li><li>Knowledge base with semantic search</li><li>Decision & meeting protocols</li><li>REST API + MCP gateway for your other tools</li></ul></div>
|
|
<div class="pil"><div class="n">SIM.03</div><h3>The safety</h3><p>Autonomy with an audit spine — trust by construction, not by promise.</p><ul><li>Every event cryptographically signed</li><li>Human approval gates on irreversible actions</li><li>Idempotent everything: a retry never double-sends</li><li>Escalates instead of improvising when stakes rise</li></ul></div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ═══ 03 WHAT'S INCLUDED ═══ -->
|
|
<section id="included" class="reveal">
|
|
<div class="wrap">
|
|
<div class="sec-head">
|
|
<div>
|
|
<div class="sec-idx"><b>03</b> — What's included</div>
|
|
<h2>One subscription. The whole system — the same one we run our coop on.</h2>
|
|
</div>
|
|
<p class="sec-sub">No "demo tier", no stripped version. Presale subscribers get the full harness our own organization depends on daily — and every update it ships later.</p>
|
|
</div>
|
|
<div class="inc-grid">
|
|
<div class="inc"><div class="n">01</div><h3>Your own Simbiot harness</h3><p>A dedicated, proactive AI harness for your organization: ladder of levels, tasks, digests, escalations — working with real tools. Not a chatbot: it works on cadence by itself and reports on schedule.</p></div>
|
|
<div class="inc"><div class="n">02</div><h3>Cooperative portal</h3><p>The shared circuit: task board & projects, knowledge bases with semantic search, meeting and decision protocols, REST API + MCP gateway with agent-token access.</p></div>
|
|
<div class="inc"><div class="n">03</div><h3>Agent deployment</h3><p>New agents deploy on the portal as first-class members — profile, permissions, own rhythm. We raise agents under your team during onboarding.</p></div>
|
|
<div class="inc"><div class="n">04</div><h3>Live task dashboard</h3><p>The whole picture in one glance: statuses and sizes, a "🔧 working now" timer, harness levels, escalations, digests, spend.</p></div>
|
|
<div class="inc"><div class="n">05</div><h3>Chat with your agent</h3><p>Talk to your harness directly: hand it a task as a plain message (voice included) and the answer arrives on its own — batch replies supported.</p></div>
|
|
<div class="inc"><div class="n">06</div><h3>Event subscriptions</h3><p>Agents and your dashboard subscribe to what happens in the system: task completions, escalations, digest rhythm — the agent reacts by itself, no manual polling.</p></div>
|
|
<div class="inc"><div class="n">07</div><h3>Ongoing updates</h3><p>Your harness improves while you're subscribed. New tools, integrations, reliability work land in the same installation we run in production — no gap between "ours" and "yours".</p></div>
|
|
<div class="inc"><div class="n">08</div><h3>Onboarding by our team</h3><p>We deploy it on your channels during a 30-minute setup call, priority support for the whole presale period, delivery by the end of the month from purchase.</p></div>
|
|
<div class="inc"><div class="n">LLM</div><h3>Models — through our router</h3><p>LLM capacity runs through the same router we rely on in production, with base quotas included in the subscription. Own API keys welcome if you want your own billing.</p></div>
|
|
</div>
|
|
<div class="not-inc">
|
|
<div class="h">Honest boundaries — what's not included</div>
|
|
<p>Custom product development from scratch (a separate project, not part of the subscription) · guaranteed 24/7 response-time SLA (there's priority support, but not a duty pager at launch) · your external-service costs like your own Stripe or API-key bill.</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ═══ 04 HOW IT GOES ═══ -->
|
|
<section id="how" class="reveal" style="background:var(--paper2)">
|
|
<div class="wrap">
|
|
<div class="sec-head">
|
|
<div>
|
|
<div class="sec-idx"><b>04</b> — How it goes</div>
|
|
<h2>From card to a live harness in 30 days.</h2>
|
|
</div>
|
|
<p class="sec-sub">Checkout is fully self-serve — reserve → pay → your project and agent auto-create on our portal. Then we onboard your team personally.</p>
|
|
</div>
|
|
<div class="step-row">
|
|
<div class="step"><span class="num">STEP.1</span><h3>You reserve a seat</h3><p>Three minutes and a card — <b>$100/mo via Stripe</b>. 100 seats, first come first served. No discounts, no tiers: the price is the test.</p></div>
|
|
<div class="step"><span class="num">STEP.2</span><h3>Onboarding call</h3><p>A 30-minute call: we map your channels, projects and decision flow, and pick which work Simbiot takes first.</p></div>
|
|
<div class="step"><span class="num">STEP.3</span><h3>Your copy goes live</h3><p>Within <b>30 days of payment</b> your harness is live on your domain, connected to your real systems — full package.</p></div>
|
|
<div class="step"><span class="num">STEP.4</span><h3>The rhythm takes over</h3><p>Inbound gets triaged, tasks get done, digests arrive on schedule. You supervise on the dashboard — and approve what matters.</p></div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ═══ 05 PROOF ═══ -->
|
|
<section id="proof" class="reveal">
|
|
<div class="wrap">
|
|
<div class="sec-head">
|
|
<div>
|
|
<div class="sec-idx"><b>05</b> — The proof</div>
|
|
<h2>You're not buying a promise. You're buying what we run ourselves.</h2>
|
|
</div>
|
|
<p class="sec-sub">Simbiot is already in production — running Cooperative 42: seven products, a task board, digests and escalations, every hour of every day.</p>
|
|
</div>
|
|
<blockquote class="quote">
|
|
<p>"I won't sell you a vision. Every claim on this page you can see running in our own coop <em>right now</em> — the digests, the dashboards, the signed event log. We sell the machine we use ourselves; your copy is the same installation."</p>
|
|
<div class="who">— Alexey Shkor, chairman of the cooperative</div>
|
|
</blockquote>
|
|
<div class="prodrow">
|
|
<span>COOP-42 IN PROD</span><span>harness ladder min→day</span><span>task dashboard</span><span>escalations</span><span>RAG knowledge base</span><span>MCP gateway</span><span>signed event log</span>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ═══ 06 PRICING ═══ -->
|
|
<section id="pricing" class="price-sec reveal">
|
|
<div class="wrap">
|
|
<div class="sec-head">
|
|
<div>
|
|
<div class="sec-idx"><b>06</b> — The offer</div>
|
|
<h2>One price. One number. Locked for presale.</h2>
|
|
</div>
|
|
<p class="sec-sub">$100/month, flat, no tiers and no promo codes. Urgency comes only from the seat count — when they're gone, pricing re-opens higher.</p>
|
|
</div>
|
|
<div class="offer-card">
|
|
<div>
|
|
<div class="lbl">Presale package</div>
|
|
<div class="price">$100<small>/mo</small></div>
|
|
<ul>
|
|
<li>Dedicated Simbiot harness for your org</li>
|
|
<li>Cooperative portal: task board, knowledge base, MCP & REST API</li>
|
|
<li>Agent deployment & team onboarding by us</li>
|
|
<li>Live dashboard, agent chat, event subscriptions</li>
|
|
<li>All updates while you're subscribed</li>
|
|
<li>Priority support for the whole presale</li>
|
|
</ul>
|
|
</div>
|
|
<div class="buy">
|
|
<a class="btn" href="https://buy.stripe.com/aFa28q8h14RpfPYgrK1B60a" data-cta="offer">Pre-order — $100/mo</a>
|
|
<div class="fine">secure checkout via stripe<br>delivery end of month · monthly, cancel anytime</div>
|
|
<div class="counter"><b data-seats-left>98</b><span class="cap">seats left of 100</span></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ═══ FAQ ═══ -->
|
|
<section id="faq" class="reveal">
|
|
<div class="wrap">
|
|
<div class="sec-head">
|
|
<div>
|
|
<div class="sec-idx"><b>07</b> — Questions</div>
|
|
<h2>Asked before paying. Answered before you ask.</h2>
|
|
</div>
|
|
</div>
|
|
<div class="faq">
|
|
<details open><summary>Is the $100 rate locked forever?</summary><p>Yes — the price you subscribe at is the price you keep for the entire lifetime of your subscription. When the 100 presale seats are gone, pricing re-opens at a higher standard rate; the presale window is the only chance at this number.</p></details>
|
|
<details><summary>What will my harness actually do in week one?</summary><p>Real things on a schedule: incoming triage (it reads your channels, answers routine items, escalates urgent ones), recurring work on cadence with real deliverables — files, deploys, reports, invoices. It starts with the safest, most repetitive work and moves up only as fast as you approve — riskier actions stay behind human gates from day one.</p></details>
|
|
<details><summary>Can it do something destructive without me?</summary><p>No. Irreversible or high-stakes actions sit behind human approval gates — Simbiot escalates and waits instead of improvising. And whatever it does do, it signs: every event is cryptographically logged and replayable, so "why did it do that" is always answerable.</p></details>
|
|
<details><summary>Where does it run? What about my data?</summary><p>Your harness is a dedicated installation on our infrastructure, delivered within 30 days and connected to your systems with scoped, revocable access. Your LLM calls can run through our router (quotas included) or through your own keys — your billing, your control.</p></details>
|
|
<details><summary>What does "proactive" actually mean?</summary><p>It means the 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. The dashboard shows you exactly what it's doing at any moment.</p></details>
|
|
<details><summary>Cancel anytime?</summary><p>Monthly billing, no lock-in contracts: cancel anytime and access continues to the end of the paid period. During the whole presale you also keep priority support.</p></details>
|
|
<details><summary>Do I need my own engineers to use it?</summary><p>No. Onboarding is a 30-minute call and we raise the installation ourselves on your channels. You talk to the harness in plain language — and can hand us technical tasks at any depth if you want them.</p></details>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- ═══ PREFOOT ═══ -->
|
|
<div class="prefoot">
|
|
<div class="wrap pf">
|
|
<div class="eyebrow" style="justify-content:center">Presale · Limited seats</div>
|
|
<h2>One harness that never sleeps,<br>for your whole org.</h2>
|
|
<div class="hero-cta">
|
|
<a href="https://buy.stripe.com/aFa28q8h14RpfPYgrK1B60a" class="btn" data-cta="prefoot">Pre-order — $100/mo</a>
|
|
<div class="counter" style="background:var(--paper);border-color:var(--line2)"><b data-seats-left>98</b><span class="cap">seats left of 100</span></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<footer>
|
|
<div class="wrap">
|
|
<div class="logo" style="color:var(--ink)"><span class="logo-mark"></span>Simbiot</div>
|
|
<div>Simbiot runs Cooperative 42 — <a href="https://simbiot.cil.by/">simbiot.cil.by</a> · <a href="https://cil.by">cil.by</a> · <a href="mailto:portal@cil.by">portal@cil.by</a></div>
|
|
<div class="mono" style="font-size:11px;letter-spacing:.08em">SECURED BY SIGNED EVENT LOG © 2026</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<script>
|
|
/* progressive reveal — content readable without JS (P0), animated with JS */
|
|
(function(){
|
|
var els=document.querySelectorAll('.reveal');
|
|
if(!('IntersectionObserver' in window)){els.forEach(function(e){e.classList.add('vis')});return;}
|
|
var io=new IntersectionObserver(function(es){
|
|
es.forEach(function(en){if(en.isIntersecting){en.target.classList.add('vis');io.unobserve(en.target);}});
|
|
},{rootMargin:'0px 0px -8% 0px',threshold:.05});
|
|
els.forEach(function(e){io.observe(e)});
|
|
})();
|
|
|
|
/* CTA click tracking (best effort, same channel as presale billing) */
|
|
(function(){
|
|
try{
|
|
document.querySelectorAll('[data-cta]').forEach(function(a){
|
|
a.addEventListener('click',function(){
|
|
try{fetch('https://presale.cil.by/api/presale/click?place='+encodeURIComponent(a.getAttribute('data-cta')||'')+'&src=v2',{keepalive:true}).catch(function(){});}catch(e){}
|
|
});
|
|
});
|
|
}catch(e){}
|
|
})();
|
|
|
|
/* live seats counter from billing (fallback = graceful static) */
|
|
(function(){
|
|
try{
|
|
fetch('https://presale.cil.by/api/presale/seats',{cache:'no-store'}).then(function(r){return r.json()}).then(function(d){
|
|
if(!d||typeof d.total!=='number')return;
|
|
var left=(typeof d.taken==='number')?(d.total-d.taken):null;
|
|
if(left===null)return;
|
|
document.querySelectorAll('[data-seats-left]').forEach(function(e){e.textContent=left});
|
|
var note=document.querySelector('[data-seats-note]');
|
|
if(note)note.textContent='Presale · '+left+' of '+d.total+' seats left';
|
|
var h=document.getElementById('heroSeats');if(h)h.setAttribute('aria-live','polite');
|
|
if(left<=0){
|
|
document.querySelectorAll('[data-cta]').forEach(function(a){
|
|
a.textContent='Presale sold out — join the waitlist';
|
|
a.href='mailto:portal@cil.by?subject=Simbiot%20waitlist';
|
|
});
|
|
document.querySelectorAll('[data-seats-left]').forEach(function(e){e.textContent='0'});
|
|
}
|
|
}).catch(function(){/* keep static fallback */});
|
|
}catch(e){}
|
|
})();
|
|
</script>
|
|
</body>
|
|
</html> |