277 lines
No EOL
20 KiB
HTML
277 lines
No EOL
20 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Simbiot — Your Org Deserves Its Own AI Harness · Presale $100/mo</title>
|
||
<meta name="description" content="A rhythm-driven AI harness for your org: tasks, decisions, escalation and memory — the same system we run our own cooperative on. Presale $100/mo, limited seats, live in 30 days.">
|
||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||
<link href="https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap" rel="stylesheet">
|
||
<style>
|
||
:root{
|
||
--paper:#faf8f3; --ink:#15150f; --signal:#FF4F00;
|
||
--dim:#6b675e; --line:#d8d3c8; --card:#f3f0e8;
|
||
--ok:#1d7a3e; --warn:#a3690f; --err:#b3261e;
|
||
}
|
||
*{margin:0;padding:0;box-sizing:border-box}
|
||
html{scroll-behavior:smooth}
|
||
body{background:var(--paper);color:var(--ink);font:16px/1.62 "Inter Tight",-apple-system,"Segoe UI",Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}
|
||
.mono,code{font-family:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace}
|
||
.wrap{max-width:1080px;margin:0 auto;padding:0 28px}
|
||
section{padding:64px 0}
|
||
|
||
/* header */
|
||
.top{border-bottom:3px solid var(--ink);background:var(--paper);position:sticky;top:0;z-index:50}
|
||
.top .in{display:flex;align-items:center;gap:22px;padding:14px 28px;max-width:1080px;margin:0 auto}
|
||
.brand{font-family:"JetBrains Mono",Menlo,monospace;font-weight:700;font-size:15px;letter-spacing:.18em;text-transform:uppercase}
|
||
.brand b{color:var(--signal)}
|
||
.top nav{margin-left:auto;display:flex;gap:18px;flex-wrap:wrap}
|
||
.top nav a{font-family:"JetBrains Mono",Menlo,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);text-decoration:none}
|
||
.top nav a:hover{color:var(--signal)}
|
||
|
||
/* kicker + headings */
|
||
.kicker{font-family:"JetBrains Mono",Menlo,monospace;font-size:12px;letter-spacing:.22em;color:var(--signal);font-weight:700;text-transform:uppercase}
|
||
h1{font-size:clamp(34px,6.5vw,64px);line-height:1.02;font-weight:800;letter-spacing:-.02em;margin:14px 0 14px;text-transform:uppercase}
|
||
h1 .sig{color:var(--signal)}
|
||
.sub{font-size:17px;color:var(--dim);max-width:720px}
|
||
h2{font-size:clamp(22px,3.4vw,30px);font-weight:800;text-transform:uppercase;letter-spacing:.01em;margin:0 0 4px}
|
||
.h2row{display:flex;justify-content:space-between;align-items:baseline;gap:16px;border-left:3px solid var(--signal);padding-left:10px}
|
||
.lead{color:var(--dim);font-size:14px;margin:6px 0 18px 13px}
|
||
|
||
/* hero */
|
||
.hero{padding:72px 0 56px;border-bottom:1px solid var(--line)}
|
||
.meta{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:22px;font-family:"JetBrains Mono",Menlo,monospace;font-size:12px;color:var(--dim)}
|
||
.meta b{color:var(--ink)}
|
||
.live{display:inline-flex;align-items:center;gap:7px;font-family:"JetBrains Mono",Menlo,monospace;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--ok)}
|
||
.dot{width:9px;height:9px;border-radius:50%;background:var(--ok);display:inline-block;animation:blink 2.4s infinite}
|
||
@keyframes blink{50%{opacity:.4}}
|
||
|
||
.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
|
||
.btn{display:inline-block;background:var(--ink);color:var(--paper);border:1px solid var(--ink);padding:14px 22px;font-family:"JetBrains Mono",Menlo,monospace;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-decoration:none}
|
||
.btn:hover{background:var(--signal);border-color:var(--signal);color:#fff}
|
||
.btn.ghost{background:transparent;color:var(--ink)}
|
||
.btn.ghost:hover{background:var(--card);color:var(--ink)}
|
||
|
||
/* stats strip */
|
||
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:30px 0 0}
|
||
.stat{border:1px solid var(--ink);background:var(--card);padding:14px 16px}
|
||
.stat .n{font-family:"JetBrains Mono",Menlo,monospace;font-size:26px;font-weight:800}
|
||
.stat .n small{font-size:14px;font-weight:400;color:var(--dim)}
|
||
.stat .l{font-family:"JetBrains Mono",Menlo,monospace;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--dim);margin-top:3px}
|
||
.stat.hot{background:var(--ink);color:var(--paper)}
|
||
.stat.hot .l{color:#cfcbc0}
|
||
.stat.hot .n .sig{color:var(--signal)}
|
||
|
||
/* tables — dashboard tables */
|
||
table{width:100%;border-collapse:collapse;font-size:14px;margin:10px 0 8px}
|
||
th{background:var(--ink);color:var(--paper);text-align:left;padding:9px 10px;font-family:"JetBrains Mono",Menlo,monospace;font-size:10.5px;letter-spacing:.09em;text-transform:uppercase}
|
||
td{border-bottom:1px solid var(--line);padding:10px;vertical-align:top;background:var(--paper)}
|
||
td b{white-space:nowrap}
|
||
tr:hover td{background:#fff3ea}
|
||
.tag{font-family:"JetBrains Mono",Menlo,monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--ink);padding:2px 7px;background:var(--card);white-space:nowrap}
|
||
.tag.sig{background:var(--signal);border-color:var(--signal);color:#fff}
|
||
.tag.dark{background:var(--ink);color:var(--paper)}
|
||
|
||
/* cards */
|
||
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
|
||
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
|
||
.card{border:1px solid var(--ink);background:var(--card);padding:18px 20px}
|
||
.card h3{font-size:16px;font-weight:800;text-transform:uppercase;letter-spacing:.02em;margin:0 0 6px}
|
||
.card p{font-size:13.5px;color:#3a372f;margin:0 0 10px}
|
||
.card .mono{font-size:11px;color:var(--dim);letter-spacing:.06em;text-transform:uppercase}
|
||
.card ul{margin:8px 0 0 16px;font-size:13.5px}
|
||
.card li{margin:3px 0}
|
||
.flow{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0;border:1px solid var(--ink)}
|
||
.flow .step{padding:18px;border-right:1px solid var(--ink)}
|
||
.flow .step:last-child{border-right:none}
|
||
.flow .num{font-family:"JetBrains Mono",Menlo,monospace;font-size:11px;color:var(--signal);font-weight:700}
|
||
.flow h3{font-size:15px;font-weight:800;text-transform:uppercase;margin:4px 0 6px}
|
||
.flow p{font-size:13px;color:var(--dim);margin:0}
|
||
|
||
/* quote / proof */
|
||
.proof{border:1px solid var(--ink);border-left:5px solid var(--signal);background:var(--card);padding:20px 22px;margin:16px 0;font-size:15px}
|
||
.proof .who{font-family:"JetBrains Mono",Menlo,monospace;font-size:11px;color:var(--dim);text-transform:uppercase;letter-spacing:.1em;margin-top:10px}
|
||
|
||
/* pricing */
|
||
.pricebox{display:grid;grid-template-columns:1.1fr 1fr;gap:14px;align-items:stretch}
|
||
.price{border:2px solid var(--ink);background:var(--ink);color:var(--paper);padding:30px}
|
||
.price .amount{font-family:"JetBrains Mono",Menlo,monospace;font-size:52px;font-weight:800;letter-spacing:-.02em}
|
||
.price .amount .per{font-size:16px;color:#cfcbc0;font-weight:400}
|
||
.price .lbl{font-family:"JetBrains Mono",Menlo,monospace;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--signal);font-weight:700}
|
||
.price p{color:#cfcbc0;font-size:13px;margin-top:10px}
|
||
.price .btn{background:var(--signal);border-color:var(--signal);color:#fff;margin-top:18px;width:100%;text-align:center}
|
||
.price .btn:hover{background:var(--paper);color:var(--ink);border-color:var(--paper)}
|
||
.fineprint{font-family:"JetBrains Mono",Menlo,monospace;font-size:11px;color:var(--dim);letter-spacing:.06em;margin-top:10px}
|
||
|
||
/* faq */
|
||
details{border:1px solid var(--line);border-left:3px solid var(--ink);background:var(--card);padding:10px 16px;margin:8px 0}
|
||
details[open]{border-left-color:var(--signal);background:#fdf6f4}
|
||
summary{cursor:pointer;font-weight:700;font-size:14.5px;list-style:none}
|
||
summary::before{content:"+ ";font-family:"JetBrains Mono",Menlo,monospace;color:var(--signal);font-weight:700}
|
||
details[open] summary::before{content:"− "}
|
||
details p{font-size:13.5px;color:#3a372f;margin:8px 0 2px}
|
||
|
||
/* cta band + footer */
|
||
.band{background:var(--ink);color:var(--paper);padding:56px 0}
|
||
.band h2{color:var(--paper)}
|
||
.band .sub{color:#cfcbc0}
|
||
.band .btn{background:var(--signal);border-color:var(--signal);color:#fff}
|
||
.band .btn:hover{background:var(--paper);color:var(--ink);border-color:var(--paper)}
|
||
.band .ghost{background:transparent;border-color:#4a463c;color:#cfcbc0}
|
||
.band .ghost:hover{border-color:var(--paper);color:var(--paper);background:transparent}
|
||
footer{border-top:3px solid var(--ink);padding:22px 28px;max-width:1080px;margin:0 auto;display:flex;gap:18px;flex-wrap:wrap;justify-content:space-between;font-family:"JetBrains Mono",Menlo,monospace;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
|
||
footer a{color:var(--ink);text-decoration:none}
|
||
footer a:hover{color:var(--signal)}
|
||
|
||
@media(max-width:820px){ .grid2,.pricebox{grid-template-columns:1fr} .flow .step{border-right:none;border-bottom:1px solid var(--ink)} }
|
||
</style>
|
||
</head>
|
||
<body>
|
||
|
||
<div class="top"><div class="in">
|
||
<div class="brand">Simbiot<b>_</b>HARNESS</div>
|
||
<nav>
|
||
<a href="#problem">Problem</a>
|
||
<a href="#how">How it works</a>
|
||
<a href="#included">Included</a>
|
||
<a href="#proof">Proof</a>
|
||
<a href="#pricing">Pricing</a>
|
||
<a href="#faq">FAQ</a>
|
||
</nav>
|
||
</div></div>
|
||
|
||
<header class="hero"><div class="wrap">
|
||
<div class="kicker">Simbiot Harness · такт < час · presale</div>
|
||
<h1>Your org deserves<br>its own <span class="sig">AI harness</span></h1>
|
||
<p class="sub">Not another chatbot. A rhythm-driven system that takes tasks, executes them in timed ticks, escalates what it can't solve, and keeps every decision on record. Your operations stop living in a chat-scroll.</p>
|
||
<div class="cta-row">
|
||
<a class="btn" href="https://buy.stripe.com/aFa28q8h14RpfPYgrK1B60a" data-cta="offer">Pre-order — $100/mo</a>
|
||
<a class="btn ghost" href="#how">How it works</a>
|
||
</div>
|
||
<div class="meta">
|
||
<span class="live"><span class="dot"></span>live on our own coop</span>
|
||
<span><b>30 days</b> from card to live harness</span>
|
||
<span><b>$100/mo</b> locked for presale</span>
|
||
</div>
|
||
<div class="stats">
|
||
<div class="stat"><div class="n">1<span class="sig">min</span></div><div class="l">tick cadence</div></div>
|
||
<div class="stat hot"><div class="n"><span class="sig">24/7</span></div><div class="l">agent on duty</div></div>
|
||
<div class="stat"><div class="n">100%</div><div class="l">decisions on record</div></div>
|
||
<div class="stat"><div class="n">30<small>days</small></div><div class="l">onboarding</div></div>
|
||
<div class="stat"><div class="n">1</div><div class="l">flat subscription</div></div>
|
||
</div>
|
||
</div></header>
|
||
|
||
<section id="problem"><div class="wrap">
|
||
<div class="h2row"><h2>Your operations live in a chat-scroll. It doesn't have to.</h2></div>
|
||
<p class="lead">Symptoms you already know — logged like tickets, handled by ticks.</p>
|
||
<table>
|
||
<tr><th style="width:28%">Symptom</th><th>What actually happens in your org</th><th style="width:12%">Status</th></tr>
|
||
<tr><td><b>You are the triage layer</b></td><td>Everything routes through you because nothing routes through anything else. You chase status; nobody chases it for you.</td><td><span class="tag">daily</span></td></tr>
|
||
<tr><td><b>Tasks die between meetings</b></td><td>Agreed on the call, dead by Friday. No owner, no deadline, no record that it ever existed.</td><td><span class="tag sig">leak</span></td></tr>
|
||
<tr><td><b>History lives in people's heads</b></td><td>When someone leaves, their context leaves. Why-we-decided-it vanishes with the chat-scroll.</td><td><span class="tag dark">risk</span></td></tr>
|
||
</table>
|
||
</div></section>
|
||
|
||
<section id="how" style="border-top:1px solid var(--line);border-bottom:1px solid var(--line)"><div class="wrap">
|
||
<div class="h2row"><h2>Not a chatbot you interrogate.</h2><span class="mono" style="font-size:11px;color:var(--dim);letter-spacing:.1em">AGENT THAT WORKS BY ITSELF</span></div>
|
||
<p class="lead">A harness: an agent on a working rhythm, with rules, escalation and memory. You set direction — it holds the pace.</p>
|
||
<div class="flow">
|
||
<div class="step"><div class="num">01</div><h3>The rhythm</h3><p>Every incoming message is triaged within the tick. Urgent things get answered, small fixes get fixed, big requests become tasks with acceptance criteria.</p></div>
|
||
<div class="step"><div class="num">02</div><h3>The portal</h3><p>A dashboard of tasks, events and decisions — the exact one we run our own coop on. Status without asking anyone.</p></div>
|
||
<div class="step"><div class="num">03</div><h3>The safety</h3><p>Fixed rules: what the agent may do alone, what gets escalated to a human, what's never touched. Written down, not vibes.</p></div>
|
||
</div>
|
||
</div></section>
|
||
|
||
<section id="included"><div class="wrap">
|
||
<div class="h2row"><h2>One subscription. The whole system — the same one we run our coop on.</h2></div>
|
||
<p class="lead">What's included in the monthly price.</p>
|
||
<table>
|
||
<tr><th style="width:30%">Component</th><th>What you get</th><th style="width:14%">Mode</th></tr>
|
||
<tr><td><b>Your own Simbiot harness</b></td><td>An agent working for your org on a timed rhythm — not a demo, the production system.</td><td><span class="tag dark">core</span></td></tr>
|
||
<tr><td><b>Cooperative portal</b></td><td>Web dashboard for your tasks, events and decisions.</td><td><span class="tag dark">core</span></td></tr>
|
||
<tr><td><b>Agent deployment</b></td><td>We deploy it on your machine / server, your data stays yours.</td><td><span class="tag dark">core</span></td></tr>
|
||
<tr><td><b>Live task dashboard</b></td><td>Task board with statuses, sizes and levels — visible to the whole team.</td><td><span class="tag dark">core</span></td></tr>
|
||
<tr><td><b>Chat with your agent</b></td><td>Talk to it in Telegram, like we do with ours.</td><td><span class="tag">daily</span></td></tr>
|
||
<tr><td><b>Event subscriptions</b></td><td>It tells you when things happen — errors, deadlines, escalations.</td><td><span class="tag">daily</span></td></tr>
|
||
<tr><td><b>Ongoing updates</b></td><td>Every fix we make to our own harness ships to yours.</td><td><span class="tag sig">always</span></td></tr>
|
||
<tr><td><b>Onboarding by our team</b></td><td>We set it up with you: rules, tools, integrations.</td><td><span class="tag">once</span></td></tr>
|
||
<tr><td><b>Models — through our router</b></td><td>Claude, GPT or whatever fits — one bill, no vendor lock.</td><td><span class="tag">once</span></td></tr>
|
||
</table>
|
||
</div></section>
|
||
|
||
<section id="how-start" style="border-top:1px solid var(--line)"><div class="wrap">
|
||
<div class="h2row"><h2>From card to a live harness in 30 days.</h2></div>
|
||
<p class="lead">Four steps. Each one has a date and an owner — like everything else here.</p>
|
||
<table>
|
||
<tr><th style="width:5%">#</th><th style="width:26%">Step</th><th>What happens</th><th style="width:16%">When</th></tr>
|
||
<tr><td>1</td><td><b>You reserve a seat</b></td><td>Pre-payment secures your slot of the month.</td><td>Day 0</td></tr>
|
||
<tr><td>2</td><td><b>Onboarding call</b></td><td>We map your processes into harness rules and tools.</td><td>Day 1–3</td></tr>
|
||
<tr><td>3</td><td><b>Your copy goes live</b></td><td>The harness starts its ticks on your stack, in your chat.</td><td>Day ~7</td></tr>
|
||
<tr><td>4</td><td><b>The rhythm takes over</b></td><td>Triage, tasks, escalation, memory — running. You tune direction.</td><td>Day 30</td></tr>
|
||
</table>
|
||
</div></section>
|
||
|
||
<section id="proof" style="border-top:1px solid var(--line);border-bottom:1px solid var(--line)"><div class="wrap">
|
||
<div class="h2row"><h2>You're not buying a promise. You're buying what we run ourselves.</h2></div>
|
||
<p class="lead">This very landing was made by the harness. The dashboard you're looking at is the same one here.</p>
|
||
<div class="grid2">
|
||
<div class="proof">This dashboard style, the tick cadence, the escalation ladder — it's not a mockup. Our cooperative runs on this exact system every hour.<div class="who">— the coop, running simbiot since day one</div></div>
|
||
<div class="card"><h3>Zero-risk start</h3><p>The harness pays for itself out of what it saves you: fewer dropped tasks, fewer status meetings, fewer things forgotten.</p><div class="mono">First 30 days — you see real work before you decide anything further.</div></div>
|
||
</div>
|
||
</div></section>
|
||
|
||
<section id="pricing"><div class="wrap">
|
||
<div class="h2row"><h2>One price. One number. Locked for presale.</h2></div>
|
||
<p class="lead">Presale seats only — the price goes up when the public launch hits.</p>
|
||
<div class="pricebox">
|
||
<div class="price">
|
||
<div class="lbl">Presale · per month</div>
|
||
<div class="amount">$100<span class="per">/mo</span></div>
|
||
<p>Everything in the table above. One harness per org. Limited presale seats, live in 30 days. No annual lock-in, cancel when you want — we'd rather earn it monthly.</p>
|
||
<a class="btn" href="https://buy.stripe.com/aFa28q8h14RpfPYgrK1B60a" data-cta="offer">Pre-order via Stripe</a>
|
||
<div class="fineprint" style="color:#cfcbc0">Stripe secure payment · seats: limited · next price: higher</div>
|
||
</div>
|
||
<div>
|
||
<div class="stats" style="margin-top:0">
|
||
<div class="stat hot"><div class="n"><span class="sig">$0</span></div><div class="l">setup fee</div></div>
|
||
<div class="stat"><div class="n">1</div><div class="l">flat number, no tiers</div></div>
|
||
</div>
|
||
<div class="stats" style="margin-top:10px">
|
||
<div class="stat"><div class="n">30<small>d</small></div><div class="l">to live</div></div>
|
||
<div class="stat"><div class="n">0</div><div class="l">lock-in contracts</div></div>
|
||
</div>
|
||
<div class="card" style="margin-top:14px"><h3>Questions first?</h3><p>Talk to us before paying. One message is enough — the triage layer is us, for now.</p><div class="mono">portal@cil.by</div></div>
|
||
</div>
|
||
</div>
|
||
</div></section>
|
||
|
||
<section id="faq" style="border-top:1px solid var(--line)"><div class="wrap">
|
||
<div class="h2row"><h2>Asked before paying. Answered before you ask.</h2></div>
|
||
<div style="margin-top:14px">
|
||
<details><summary>What exactly is a "harness", in one sentence?</summary><p>An agent that works on a timed rhythm with rules: it takes incoming messages, turns them into tasks, executes what it can, and escalates what it can't — everything on record.</p></details>
|
||
<details><summary>Do I need a chatbot subscription like ChatGPT?</summary><p>No. Models come through our router, billed inside the subscription. You don't manage API keys.</p></details>
|
||
<details><summary>Where does my data live?</summary><p>On your server — we deploy the harness there. We see what's needed to maintain it, nothing more.</p></details>
|
||
<details><summary>What can it actually do on day one?</summary><p>Triage of incoming messages, task board, event notifications, quick fixes, escalation to humans. Deeper integrations (your CRM, your repos) we set up during onboarding.</p></details>
|
||
<details><summary>What if it makes a mistake?</summary><p>It makes mistakes within the safety rules we set together: irreversible actions are always confirmed by a human. Everything it does is logged and reversible where possible.</p></details>
|
||
<details><summary>Why $100/mo and not more?</summary><p>Presale price while we finish the public launch. Locked for the life of your subscription.</p></details>
|
||
</div>
|
||
</div></section>
|
||
|
||
<section class="band"><div class="wrap">
|
||
<div class="kicker" style="color:var(--signal)">Seats close when they're gone</div>
|
||
<h2>One harness that never sleeps,<br>saves you more than it costs.</h2>
|
||
<p class="sub">Give your org the same rhythm we run ours on.</p>
|
||
<div class="cta-row">
|
||
<a class="btn" href="https://buy.stripe.com/aFa28q8h14RpfPYgrK1B60a" data-cta="offer">Pre-order — $100/mo</a>
|
||
<a class="btn ghost" href="mailto:portal@cil.by">Write us first</a>
|
||
</div>
|
||
</div></section>
|
||
|
||
<footer>
|
||
<div>Simbiot Harness · 42 coop</div>
|
||
<div><a href="https://cil.by">cil.by</a> · <a href="https://simbiot.cil.by/">simbiot.cil.by</a> · <a href="mailto:portal@cil.by">portal@cil.by</a></div>
|
||
</footer>
|
||
|
||
</body>
|
||
</html> |