162 lines
10 KiB
HTML
162 lines
10 KiB
HTML
<!doctype html>
|
||
<html lang="ru">
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<title>Simbiot — общий харнес кооператива 42</title>
|
||
<meta name="description" content="Simbiot — ритмичный ИИ-харнес кооператива 42: решения со звонков превращаются в исполненные задачи, агенты живут тактами.">
|
||
<style>
|
||
:root{
|
||
--ink:#101418; --paper:#f4f0e6; --tape:#e0d9c8;
|
||
--acc:#0e7a5f; --acc2:#c2571b; --line:#101418;
|
||
--mono:"JetBrains Mono","SF Mono",ui-monospace,Menlo,Consolas,monospace;
|
||
--serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;
|
||
}
|
||
*{box-sizing:border-box;margin:0;padding:0}
|
||
html{scroll-behavior:smooth}
|
||
body{background:var(--paper);color:var(--ink);font-family:var(--serif);line-height:1.55}
|
||
.mono{font-family:var(--mono)}
|
||
a{color:inherit}
|
||
|
||
/* ---------- шапка-таблица ---------- */
|
||
header{border-bottom:2px solid var(--line);padding:18px clamp(16px,4vw,48px);display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap}
|
||
.brand{font-family:var(--mono);font-weight:700;font-size:18px;letter-spacing:.04em}
|
||
.brand i{color:var(--acc2);font-style:normal}
|
||
nav{font-family:var(--mono);font-size:13px;display:flex;gap:20px}
|
||
nav a{text-decoration:none;border-bottom:1px dotted var(--ink)}
|
||
nav a:hover{color:var(--acc2)}
|
||
|
||
/* ---------- hero: «осциллограмма» тактов ---------- */
|
||
.hero{position:relative;overflow:hidden;padding:clamp(56px,9vw,110px) clamp(16px,4vw,48px) 40px;border-bottom:2px solid var(--line)}
|
||
.hero h1{font-weight:400;font-size:clamp(38px,6.5vw,84px);line-height:1.04;letter-spacing:-.015em;max-width:14ch}
|
||
.hero h1 b{font-weight:600}
|
||
.hero p.lede{margin-top:26px;max-width:52ch;font-size:clamp(17px,1.6vw,21px)}
|
||
.tick-strip{margin-top:48px;display:flex;align-items:flex-end;gap:3px;height:64px}
|
||
.tick-strip span{flex:1;background:var(--ink);min-width:2px;animation:pulse 2.4s ease-in-out infinite}
|
||
@keyframes pulse{0%,100%{transform:scaleY(.35);opacity:.35}50%{transform:scaleY(1);opacity:1}}
|
||
.tick-strip span:nth-child(odd){background:var(--acc)}
|
||
.tick-label{font-family:var(--mono);font-size:12px;margin-top:10px;color:#555}
|
||
.cta{margin-top:40px;display:flex;gap:14px;flex-wrap:wrap}
|
||
.btn{font-family:var(--mono);font-size:15px;text-decoration:none;padding:14px 26px;border:2px solid var(--line)}
|
||
.btn.solid{background:var(--acc);color:#fff;border-color:var(--acc)}
|
||
.btn:hover{transform:translate(-2px,-2px);box-shadow:3px 3px 0 var(--line)}
|
||
.btn.solid:hover{box-shadow:3px 3px 0 var(--acc2)}
|
||
|
||
/* ---------- секции ---------- */
|
||
section{padding:clamp(44px,6vw,80px) clamp(16px,4vw,48px);border-bottom:1px solid #c9c2b0}
|
||
h2{font-weight:400;font-size:clamp(26px,3.4vw,40px);letter-spacing:-.01em;margin-bottom:28px}
|
||
h2 em{font-style:italic;color:var(--acc2)}
|
||
|
||
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:0;border:2px solid var(--line)}
|
||
.card{padding:26px 24px 30px;border-right:1px solid var(--line);position:relative}
|
||
.card:last-child{border-right:none}
|
||
.card .n{font-family:var(--mono);font-size:12px;color:var(--acc2);display:block;margin-bottom:14px}
|
||
.card h3{font-weight:600;font-size:19px;margin-bottom:10px}
|
||
.card p{font-size:15.5px;color:#33301f}
|
||
|
||
/* поток решения */
|
||
.flow{font-family:var(--mono);font-size:14px;display:flex;flex-wrap:wrap;gap:10px 0;align-items:center}
|
||
.flow .step{border:1.5px solid var(--ink);padding:10px 16px;background:#fff8}
|
||
.flow .step b{color:var(--acc)}
|
||
.flow .arw{padding:0 12px;color:var(--acc2)}
|
||
|
||
.numbers{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:32px;font-family:var(--mono)}
|
||
.numbers .v{font-size:clamp(30px,4vw,46px);font-weight:700}
|
||
.numbers .v.a{color:var(--acc)} .numbers .v.b{color:var(--acc2)}
|
||
.numbers .c{font-size:13px;color:#555;margin-top:6px;max-width:24ch}
|
||
|
||
blockquote{border-left:4px solid var(--acc);padding:6px 0 6px 22px;font-size:clamp(19px,2.2vw,26px);font-style:italic;max-width:46ch}
|
||
|
||
footer{padding:36px clamp(16px,4vw,48px);font-family:var(--mono);font-size:13px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;background:var(--ink);color:var(--paper)}
|
||
footer a{color:#8fd6bd}
|
||
@media (prefers-reduced-motion:reduce){.tick-strip span{animation:none;transform:scaleY(.6);opacity:.7}.btn:hover{transform:none;box-shadow:none}}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
|
||
<header>
|
||
<div class="brand">simbiot<i>·42</i></div>
|
||
<nav>
|
||
<a href="#what">что это</a>
|
||
<a href="#how">как работает</a>
|
||
<a href="#numbers">цифры</a>
|
||
<a href="#join">участие</a>
|
||
</nav>
|
||
</header>
|
||
|
||
<section class="hero" style="border:none;padding-bottom:56px">
|
||
<h1>Компания, которая <b>думает тактами</b>, а не совещаниями</h1>
|
||
<p class="lede">Simbiot — ритмичный ИИ-харнес кооператива 42. Решение, зафиксированное на звонке, к утру превращается в выполненную задачу с проверяемым результатом. Агенты живут тактами, копят память и отчитываются — как люди, только без выходных.</p>
|
||
<div class="tick-strip" aria-hidden="true">
|
||
<span style="animation-delay:0s"></span><span style="animation-delay:.2s"></span><span style="animation-delay:.4s"></span><span style="animation-delay:.6s"></span><span style="animation-delay:.8s"></span><span style="animation-delay:1s"></span><span style="animation-delay:1.2s"></span><span style="animation-delay:1.4s"></span><span style="animation-delay:1.6s"></span><span style="animation-delay:1.8s"></span><span style="animation-delay:2s"></span><span style="animation-delay:2.2s"></span>
|
||
</div>
|
||
<div class="tick-label mono">каждая полоска — один такт агента · минутный пульс → часовой → дневной</div>
|
||
<div class="cta">
|
||
<a class="btn solid" href="https://cil.by">Зайти в портал</a>
|
||
<a class="btn" href="#how">Как это работает ↓</a>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="what">
|
||
<h2>Не чат-бот. <em>Операционная система</em> студии</h2>
|
||
<div class="cards">
|
||
<div class="card">
|
||
<span class="n">01 / симбиоз</span>
|
||
<h3>Общий харнес, а не личный</h3>
|
||
<p>Разработчики строят личные харнесы и уносят их с собой. Simbiot — харнес всей организации: нулевая точка воздействия, он умеет переписывать сам себя.</p>
|
||
</div>
|
||
<div class="card">
|
||
<span class="n">02 / координация</span>
|
||
<h3>Интегрирует открытое</h3>
|
||
<p>Координатор харнесов: встраивает открытые системы (Hermes, OpenClaw) и свои скиллы в один контур исполнения.</p>
|
||
</div>
|
||
<div class="card">
|
||
<span class="n">03 / память</span>
|
||
<h3>CQRS + Event Sourcing</h3>
|
||
<p>Каждое решение — событие. История не теряется, любой такт можно переиграть. База знаний живая: протоколы встреч, договоры, проекты.</p>
|
||
</div>
|
||
<div class="card">
|
||
<span class="n">04 / эскалация</span>
|
||
<h3>Уровни, а не один мозг</h3>
|
||
<p>Минутный пульс отвечает в чате, часовой и дневной — берут сложное. Что не по зубам уровню, уходит наверх с контекстом.</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="how" style="background:#fff6; ">
|
||
<h2>От голоса — <em>к результату</em></h2>
|
||
<div class="flow">
|
||
<span class="step">звонок → <b>протокол решений</b></span><span class="arw">→</span>
|
||
<span class="step">задача на доске с <b>критерием готовности</b></span><span class="arw">→</span>
|
||
<span class="step">агент исполняет <b>такт за тактом</b></span><span class="arw">→</span>
|
||
<span class="step">результат в чат, <b>метрика AUM</b> растёт</span>
|
||
</div>
|
||
<blockquote style="margin-top:44px">Фильтр любого решения: добавляет ли оно +1% к AUM в горизонте год и больше?</blockquote>
|
||
</section>
|
||
|
||
<section id="numbers">
|
||
<h2>Цифры, без глянца</h2>
|
||
<div class="numbers">
|
||
<div><div class="v a">7</div><div class="c">продуктов в студии, живые деньги — уже у двух</div></div>
|
||
<div><div class="v b">42</div><div class="c">кооператив «Друзья Коллективного Разума» — юрлицо живое с 2026</div></div>
|
||
<div><div class="v">24/7</div><div class="c">пульс: минутный, часовой и дневной уровни агентов</div></div>
|
||
<div><div class="v a">100%</div><div class="c">уходя, участник забирает свой проект — база не разваливается</div></div>
|
||
</div>
|
||
</section>
|
||
|
||
<section id="join">
|
||
<h2>Встроиться в <em>симбиоз</em></h2>
|
||
<p style="max-width:56ch;font-size:18px">Мы берём проекты в программу 42 Labs: юрлицо и платёжный контур, студийная ОС с первого дня, плата из выручки — когда проект заработал. Или просто напишите боту в Telegram и посмотрите, как отвечает минутный пульс.</p>
|
||
<div class="cta">
|
||
<a class="btn solid" href="https://cil.by">Подать заявку на портале</a>
|
||
<a class="btn" href="https://t.me/cil_by">Написать в Telegram</a>
|
||
</div>
|
||
</section>
|
||
|
||
<footer>
|
||
<div>кооператив 42 · «Друзья Коллективного Разума» · Минск</div>
|
||
<div><a href="https://cil.by">cil.by</a> · собрано харнесом Simbiot</div>
|
||
</footer>
|
||
|
||
</body>
|
||
</html>
|