day-консолидация r2: HTML-деливераблы часовых сеансов — вариант лендинга dashboard-темы + материалы звонка №136 с Юлией (proposal/recap)

This commit is contained in:
Simbiot Harness 2026-10-04 00:17:02 +00:00
parent 6eb03e9961
commit e52651facb
3 changed files with 420 additions and 0 deletions

View file

@ -0,0 +1,277 @@
<!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 · такт &lt; час · 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>

View file

@ -0,0 +1,65 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Юлия · детской центр → онлайн-платформа</title>
<style>
body{font-family:-apple-system,'Segoe UI',Roboto,sans-serif;max-width:760px;margin:0 auto;padding:28px 22px;color:#20293a;line-height:1.6;background:#fff}
.hero{background:linear-gradient(135deg,#0f4c81,#3b82c4);color:#fff;border-radius:16px;padding:26px 26px 22px;margin-bottom:22px}
.hero h1{margin:0 0 6px;font-size:22px} .hero p{margin:0;opacity:.92;font-size:14px}
h2{font-size:15px;text-transform:uppercase;letter-spacing:.06em;color:#0f4c81;margin:26px 0 8px}
.card{background:#f6f9fc;border:1px solid #e4ebf3;border-radius:12px;padding:14px 18px;margin:8px 0}
ul{margin:6px 0 6px 20px;padding:0} li{margin:5px 0}
b.k{color:#0f4c81}
.num{display:inline-block;background:#0f4c81;color:#fff;border-radius:50%;width:20px;height:20px;text-align:center;font-size:12px;line-height:20px;margin-right:8px}
.cta{background:#eefaf1;border:1px solid #c9ecd4;border-radius:12px;padding:16px 18px;margin-top:20px}
.foot{color:#93a1b3;font-size:12px;margin-top:22px}
</style>
</head>
<body>
<div class="hero">
<h1>Здравствуйте, Юлия! 👋</h1>
<p>Короткая выжимка нашего разговора от 3 октября — то, о чём договорились, и что предлагаю дальше.</p>
</div>
<h2>Ваша идея — одной картинкой</h2>
<div class="card">
<ul>
<li><b class="k">Продукт:</b> онлайн-платформа с короткими интерактивными AI-видео-уроками для подростков 13–18: жизненные ситуации + мини-урок (10–15 мин) с заданиями.</li>
<li><b class="k">Темы:</b> психология, питание, общение, «как распознать манипуляции», стиль и самопрезентация — прикладные, не «школьные».</li>
<li><b class="k">Принципы:</b> учебная платформа (не соцсеть — никаких рейтингов и сравнений между детьми) + защита видео от записи экрана.</li>
</ul>
</div>
<h2>Почему это реально (и без 150–200k €)</h2>
<div class="card">
<p style="margin:4px 0">Озвученные вам бюджеты (10 000 €/урок, 150–200 тыс € за платформу) — это цены классической разработки «в найм». Сегодня продукт такого масштаба собирается <b>с AI-агентами</b>: один основатель + агенты вместо команды. Сложность не в том, чтобы построить, а в том, чтобы сервисом пользовались — а у вас уже есть главное: своя аудитория, опыт детского центра и понимание тем, которые «заходят». Вы в выигрышной позиции.</p>
</div>
<h2>Как видю путь</h2>
<div class="card">
<ul>
<li><span class="num">1</span><b>Спека от вас:</b> 3–5 тем первых уроков, сценарий-структура (ситуация → урок → задание), как выглядит кабинет ученика. Дальше всё на нас.</li>
<li><span class="num">2</span><b>MVP за несколько недель:</b> каталог уроков, плеер с защитой контента (водяные знаки + технологии, осложняющие скринкаст), простые профили без соц-механик, AI-чат-наставник по урокам.</li>
<li><span class="num">3</span><b>Тест на вашей аудитории:</b> даёте доступ первым ученикам, собираем обратную связь, решаем — расширять, монетизировать (подписка), добавлять персонажей.</li>
</ul>
</div>
<h2>Про защиту от записи экрана</h2>
<div class="card">
<p style="margin:4px 0">Честно: на вебе 100% блокировки скринкаста не существует (снимают хоть камерой телефона). Что реально делается: водяные знаки с ID пользователя (отпугивает и позволяет найти источник утечки), защищённый плеер (DRM/EME), отсутствие «скачать». Для детской аудитории это ещё и вопрос регуляторики — формат «учебная платформа без соцфункций» здесь сильно упрощает жизнь.</p>
</div>
<h2>Что мне от вас нужно</h2>
<div class="cta">
<ul style="margin:0">
<li>📝 Короткую спеку: первые темы уроков и как видите структуру урока.</li>
<li>🤝 Подтверждение формата работы: я помогаю с продуктом и агентами, вы подключаете свою аудиторию. Вы говорили о готовности оплачивать поддержку — обсудим удобный формат (разовая оценка MVP / помесячное сопровождение).</li>
</ul>
</div>
<p class="foot">Александр Шкор · кооператив «Друзья Коллективного Разума» · построение продуктов с AI-агентами<br>Сформировано по итогам звонка 03.10.2026</p>
</body>
</html>

View file

@ -0,0 +1,78 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Встреча #136 — Юлия · внутренний рекап</title>
<style>
body{font-family:-apple-system,'Segoe UI',Roboto,sans-serif;max-width:820px;margin:0 auto;padding:24px;color:#1a2233;line-height:1.55;background:#f7f8fb}
h1{font-size:22px;margin:0 0 4px} h2{font-size:16px;margin:26px 0 8px;color:#0f4c81;border-bottom:2px solid #e3e9f2;padding-bottom:4px}
.meta{color:#5b6b82;font-size:13px;margin-bottom:18px}
.card{background:#fff;border:1px solid #e3e9f2;border-radius:12px;padding:14px 18px;margin:10px 0}
ul{margin:6px 0 6px 20px;padding:0} li{margin:5px 0}
.tag{display:inline-block;background:#e8f1fb;color:#0f4c81;border-radius:6px;padding:1px 8px;font-size:12px;margin-right:6px}
.warn{background:#fff8e8;border-color:#f0dfb2}
.next{background:#eefaf1;border-color:#c9ecd4}
b.k{color:#0f4c81}
</style>
</head>
<body>
<h1>📞 Встреча #136 — Юлия</h1>
<div class="meta">03.10.2026 · 14:00–14:10 Минск (10 мин) · запись: /root/coop/recordings/meeting-136.mp3 · транскрипт: meeting-136-transcript.md · статус: done, сохранено в портал</div>
<h2>Кто и контекст</h2>
<div class="card">
Юлия — знакомая (виделись в Варшаве; сейчас она в Минске). Владела детским центром в Киеве (уроки fashion/стиля, аудитория <b>13–18 лет</b>, работал успешно). Центр сейчас переупаковывает в онлайн-формат.
</div>
<h2>Её проект</h2>
<div class="card">
<ul>
<li><b class="k">Формат:</b> короткие интерактивные AI-видео с персонажами (уже в разработке) — разыгрываются жизненные ситуации, затем мини-урок 10–15 мин с интерактивом и заданиями.</li>
<li><b class="k">Тематика:</b> не «школьная платформа», а прикладные жизненные темы: психология, питание, общение, «как не попадаться на манипуляции», самопрезентация.</li>
<li><b class="k">Позиционирование:</b> настаивает на «учебная платформа», НЕ соцсеть — из-за регуляторики (Австралия, Испания, Англия двигают блокировку соцсетей для &lt;16).</li>
<li><b class="k">Жёсткие требования:</b> 1) защита видео от записи экрана (блок скринкаста); 2) безопасность детской аудитории — никаких соц-механик сравнения («кто круче выглядит»), чтобы не навредить.</li>
</ul>
</div>
<h2>Рынок и что она уже выяснила</h2>
<div class="card">
<ul>
<li>Подрядчики: <b>10 000 € за 1 урок</b>; своя платформа целиком — <b>150–200 тыс €</b>. Сочла нереалистичным.</li>
<li>Смотрит готовую платформу <b>MITY</b> (видеоуроки по подписке + встроенный AI-чат), но сомневается: контроль качества для детской аудитории и её требования по защите контента.</li>
</ul>
</div>
<h2>Позиция Alex в разговоре</h2>
<div class="card">
Сделать свою простую платформу сейчас реально и недорого — с агентами (кооператив как раз учит нон-тек фаундеров строить продукт агентами). Сложность не «построить», а «чтобы пользовались». У неё есть канал сбыта и опыт с аудиторией — она в выигрышной позиции. Запрошена у неё полная спецификация сервиса.
</div>
<h2>Договорённости</h2>
<div class="card">
<ul>
<li>Юлия готова <b>оплачивать помощь/менторство</b> (сама тянуть всё не хочет — честно сказала).</li>
<li>Следующий шаг с её стороны: прислать <b>спецификацию</b> (темы уроков, сценарий, механики).</li>
</ul>
</div>
<h2>Следующие шаги кооператива</h2>
<div class="card next">
<ul>
<li>Дождаться спеку от Юлии → собрать <b>MVP-скоуп</b>: каталог уроков + плеер с защитой от скринкаста (DRM-лайт: EME/widevine или watermark+detekt), простые профили без соцфункций, AI-чат-наставник.</li>
<li>Подготовить <b>предложение/оценку</b> (формат: проект кооператива или оплачиваемое менторство + агенты).</li>
<li>Альтернатива для быстрого теста спроса: старт на MITY как MVP, перенос на свою платформу при подтверждении спроса.</li>
</ul>
</div>
<h2>Риски / открытые вопросы</h2>
<div class="card warn">
<ul>
<li>Защита от скринкаста на вебе — принципиально не 100%; честно обозначить (водяные знаки, DRM, привязка к аккаунту).</li>
<li>Детская аудитория = регуляторка и модерация; без соц-механик это сильно упрощает.</li>
<li>Экономика: пока нет цены подписки и размера аудитории — спросить при следующем контакте.</li>
</ul>
</div>
<div style="color:#8a97a8;font-size:12px;margin-top:20px">Сформировано Симбиотом из транскрипта встречи #136 · 2026-10-03</div>
</body>
</html>