140 lines
No EOL
9.2 KiB
HTML
140 lines
No EOL
9.2 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<title>Simbiot — Proactive AI Harness for Your Org · Presale $99.9/mo</title>
|
||
<link href="https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;600;800&display=swap" rel="stylesheet">
|
||
<style>
|
||
:root{--ink:#1c1a17;--bg:#faf8f3;--panel:#f2efe7;--line:#e2ded2;--muted:#6f6a5e;--accent:#5b4be0;--accent2:#ffffff;--bad:#c0392b;}
|
||
*{margin:0;padding:0;box-sizing:border-box}
|
||
html{scroll-behavior:smooth}
|
||
body{font-family:'Inter Tight',system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--ink);line-height:1.6;letter-spacing:.01em}
|
||
.wrap{max-width:1080px;margin:0 auto;padding:0 24px}
|
||
section{padding:72px 0}
|
||
h1{font-size:clamp(2.4rem,6vw,4.2rem);font-weight:800;line-height:1.05;letter-spacing:-.02em}
|
||
h2{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800;letter-spacing:-.02em;margin-bottom:28px}
|
||
h3{font-size:1.15rem;font-weight:600;margin-bottom:8px}
|
||
p{color:var(--muted)}
|
||
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
|
||
.badge{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:6px 16px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:22px}
|
||
.badge .dot{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:pulse 2s infinite}
|
||
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.25}}
|
||
.cta{display:inline-block;background:var(--accent);color:var(--accent2);text-decoration:none;font-weight:600;padding:14px 30px;border-radius:8px;transition:transform .15s}
|
||
.cta:hover{transform:translateY(-2px)}
|
||
.ghost{display:inline-block;color:var(--ink);text-decoration:none;font-weight:600;padding:14px 20px;border-bottom:2px solid var(--accent)}
|
||
/* hero */
|
||
.hero{padding:96px 0 64px}
|
||
.hero p.lead{font-size:1.25rem;max-width:640px;margin-top:22px}
|
||
.hero-row{display:flex;gap:32px;align-items:end;flex-wrap:wrap;margin-top:30px}
|
||
/* counter */
|
||
.counter{background:var(--ink);color:#fff;border-radius:16px;padding:26px 32px;min-width:280px}
|
||
.counter b{font-size:3rem;font-weight:800;color:#fff}
|
||
.counter span.cap{display:block;color:#b9b3a5;font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;margin-top:4px}
|
||
/* principles */
|
||
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}
|
||
.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:26px}
|
||
.k{display:inline-block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;padding:3px 10px;border-radius:999px;border:1px solid var(--line);color:var(--muted);margin-bottom:12px;background:#fff}
|
||
/* offer */
|
||
.offer{background:var(--ink);color:#fff;border-radius:20px;padding:56px 48px;display:flex;gap:48px;align-items:center;flex-wrap:wrap;justify-content:space-between}
|
||
.offer .price{font-size:4.5rem;font-weight:800;line-height:1}
|
||
.offer .price small{font-size:1.1rem;font-weight:400;color:#b9b3a5}
|
||
.offer p{color:#b9b3a5}
|
||
.offer .cta{background:#fff;color:var(--ink)}
|
||
.offer ul{list-style:none;margin:18px 0 0}
|
||
.offer li{padding:6px 0;color:#e8e4da}
|
||
.offer li::before{content:'✓';color:#9f93ff;margin-right:10px;font-weight:700}
|
||
/* faq */
|
||
.faq{max-width:760px}
|
||
.faq details{border-bottom:1px solid var(--line);padding:16px 0}
|
||
.faq summary{font-weight:600;cursor:pointer;list-style:none}
|
||
.faq summary::after{content:'+';float:right;color:var(--accent);font-weight:800}
|
||
.faq details[open] summary::after{content:'–'}
|
||
/* prefooter */
|
||
.prefoot{background:var(--panel);border-top:1px solid var(--line);text-align:center}
|
||
.prefoot .counter{display:inline-block;min-width:240px;margin-top:20px}
|
||
footer{padding:40px 0;border-top:1px solid var(--line);font-size:.85rem;color:var(--muted)}
|
||
footer a{color:var(--muted)}
|
||
@media(max-width:640px){.offer{padding:40px 24px}.offer .price{font-size:3.2rem}}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
|
||
<header class="hero">
|
||
<div class="wrap">
|
||
<div class="badge"><span class="dot"></span> Presale · 10 final seats</div>
|
||
<h1>Your org deserves<br>its own AI harness.</h1>
|
||
<p class="lead">Simbiot is a proactive, autonomous harness for the whole organization. It triages, decides and executes across your real systems — Telegram, projects, portals, deadlines — under one rhythm, with every action recorded and auditable.</p>
|
||
<div class="hero-row">
|
||
<a class="cta" href="#offer">Reserve a seat — $99.9/mo</a>
|
||
<div class="counter"><b>10</b><span class="cap">seats left</span></div>
|
||
</div>
|
||
</div>
|
||
</header>
|
||
|
||
<section id="why">
|
||
<div class="wrap">
|
||
<h2>Built safe by design. Runs proactively by default.</h2>
|
||
<div class="grid">
|
||
<div class="card"><span class="k">safe by design</span><h3>Cryptographic trail</h3><p>Every event, command and artifact is signed and recorded. You can replay exactly how any outcome happened — nothing lives in someone's head.</p></div>
|
||
<div class="card"><span class="k">safe by design</span><h3>Human approval gates</h3><p>Irreversible actions require a human decision. The agent escalates instead of improvising when stakes rise.</p></div>
|
||
<div class="card"><span class="k">safe by design</span><h3>Idempotent everywhere</h3><p>Retries never double-send, double-charge or double-book. Crash-safe by construction, not by supervision.</p></div>
|
||
<div class="card"><span class="k">proactive</span><h3>Triage in minutes</h3><p>Incoming requests are answered, batched and closed while your team is still reading them. Nothing waits for the next morning.</p></div>
|
||
<div class="card"><span class="k">proactive</span><h3>Autonomous execution</h3><p>Real tools, real deliverables: files, deployments, reports, payments. Not a chat toy — a worker with an audit log.</p></div>
|
||
<div class="card"><span class="k">proactive</span><h3>One organizational rhythm</h3><p>Minute/hour/day cadence keeps tasks, escalations and digests flowing up and down the org — on schedule, without micromanagement.</p></div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="offer">
|
||
<div class="wrap">
|
||
<div class="offer">
|
||
<div>
|
||
<div style="font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:#9f93ff;margin-bottom:10px">Presale offer</div>
|
||
<div class="price">$99.9<small>/mo</small></div>
|
||
<ul>
|
||
<li>Dedicated Simbiot harness for your org</li>
|
||
<li>Setup, onboarding & delivery by end of month</li>
|
||
<li>Priority support during presale</li>
|
||
</ul>
|
||
</div>
|
||
<div style="text-align:center">
|
||
<a class="cta" href="https://buy.stripe.com/REPLACE_WITH_PAYMENT_LINK">Pre-order now</a>
|
||
<div style="margin-top:16px;font-size:.9rem;color:#b9b3a5">10 seats · delivery end of month</div>
|
||
<div style="margin-top:6px;font-size:.85rem;color:#9f93ff">Full price after presale: $100/mo</div>
|
||
<div style="margin-top:14px"><b style="font-size:2rem">10</b> <span style="color:#b9b3a5;font-size:.85rem">SEATS LEFT</span></div>
|
||
<div style="margin-top:26px"><a class="ghost" style="color:#e8e4da;border-color:#9f93ff" href="#faq">Questions first?</a></div>
|
||
<p style="margin-top:14px;font-size:.8rem">Secure checkout via Stripe</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="faq" class="faq wrap">
|
||
<h2>F.A.Q.</h2>
|
||
<details><summary>Is the $99.9 presale price locked forever?</summary><p>Yes — presale subscribers keep $99.9/mo for the lifetime of the subscription. The standard subscription is $100/mo once presale ends.</p></details>
|
||
<details open><summary>What exactly do I get?</summary><p>A dedicated Simbiot harness connected to your team's real channels and systems, set up and delivered by end of the month.</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.</p></details>
|
||
<details><summary>How is it safe?</summary><p>Every action is signed, logged and replayable. High-risk actions run through human approval gates. Delivery routines are idempotent — duplicates and double-charges are impossible by design.</p></details>
|
||
<details><summary>Who is behind Simbiot?</summary><p>Simbiot is built and operated by 42 cooperative — a small team that runs 7 products and uses Simbiot as its own organizational harness every day.</p></details>
|
||
<details><summary>Can I cancel anytime?</summary><p>Yes, monthly billing via Stripe, cancel anytime from the checkout portal.</p></details>
|
||
<details><summary>What will my $99.9 go toward?</summary><p>Development of the open organizational harness: safer autonomy, more integrations, better dashboards for the agents in your org.</p></details>
|
||
</section>
|
||
|
||
<div class="prefoot">
|
||
<div class="wrap">
|
||
<h2>10 seats. One harness that never sleeps.</h2>
|
||
<div class="counter"><b>10</b><span class="cap">seats left</span></div>
|
||
<div style="margin-top:24px"><a class="cta" href="https://buy.stripe.com/REPLACE_WITH_PAYMENT_LINK">Pre-order now</a></div>
|
||
</div>
|
||
</div>
|
||
|
||
<footer>
|
||
<div class="wrap" style="display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px">
|
||
<span>© 2026 42 Cooperative</span>
|
||
<span><a href="#">Privacy</a> · <a href="#">Terms</a> · <a href="#">Contact</a></span>
|
||
</div>
|
||
</footer>
|
||
|
||
</body>
|
||
</html> |