landing v2: два варианта по Гермес-методу (t-261002155821): hour-сеанс docs/simbiot-landing-v2.html + day-вариант docs/simbiot-landing-v2-live.html (превью жив: https://presale.cil.by/v2.html, оба доставлены в TG)
This commit is contained in:
parent
17d676e66d
commit
933c55bb35
2 changed files with 894 additions and 0 deletions
418
docs/simbiot-landing-v2-live.html
Normal file
418
docs/simbiot-landing-v2-live.html
Normal file
|
|
@ -0,0 +1,418 @@
|
||||||
|
<!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 & 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 & 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 & 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 & 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 & 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 & 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 & 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"> </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>
|
||||||
476
docs/simbiot-landing-v2.html
Normal file
476
docs/simbiot-landing-v2.html
Normal file
|
|
@ -0,0 +1,476 @@
|
||||||
|
<!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>
|
||||||
Loading…
Reference in a new issue