zoe-pitches/donna/summary.html

199 lines
13 KiB
HTML

<html lang="en">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Donna &mdash; Executive Summary</title>
<style>
:root{
--ink:#0C1310; --surface:#101A15; --card:#141F19; --card-2:#17251D;
--line:rgba(166,206,87,.16); --line-strong:rgba(166,206,87,.30);
--text:#EDF3EC; --muted:#9DAEA0; --faint:#71837A;
--green:#A6CE57; --green-deep:#7FA83B; --green-glow:#C4E67E;
--gold:#E2B44F; --coral:#EF7F6B;
--serif:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;
--sans:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
--mono:ui-monospace,"SF Mono","JetBrains Mono",Menlo,Consolas,monospace;
}
@media (prefers-color-scheme: light){
:root{ --ink:#F5F7F2; --surface:#FBFCF9; --card:#FFFFFF; --card-2:#F4F8EE;
--line:rgba(60,90,30,.13); --line-strong:rgba(60,90,30,.24);
--text:#131A12; --muted:#50604F; --faint:#7C8B79;
--green:#5F8A1E; --green-deep:#4A7013; --green-glow:#77A335; --gold:#A57A1E; --coral:#C0523F; }
}
:root[data-theme="dark"]{ --ink:#0C1310; --surface:#101A15; --card:#141F19; --card-2:#17251D;
--line:rgba(166,206,87,.16); --line-strong:rgba(166,206,87,.30);
--text:#EDF3EC; --muted:#9DAEA0; --faint:#71837A;
--green:#A6CE57; --green-deep:#7FA83B; --green-glow:#C4E67E; --gold:#E2B44F; --coral:#EF7F6B; }
:root[data-theme="light"]{ --ink:#F5F7F2; --surface:#FBFCF9; --card:#FFFFFF; --card-2:#F4F8EE;
--line:rgba(60,90,30,.13); --line-strong:rgba(60,90,30,.24);
--text:#131A12; --muted:#50604F; --faint:#7C8B79;
--green:#5F8A1E; --green-deep:#4A7013; --green-glow:#77A335; --gold:#A57A1E; --coral:#C0523F; }
*{box-sizing:border-box}
body{margin:0; background:var(--ink); color:var(--text); font-family:var(--sans); font-size:15px; line-height:1.55; -webkit-font-smoothing:antialiased}
.sheet{max-width:960px; margin:0 auto; padding:40px 34px 46px}
h1,h2,h3{font-family:var(--serif); font-weight:600; margin:0; text-wrap:balance}
p{margin:0}
.tnum{font-variant-numeric:tabular-nums}
a{color:inherit}
.head{display:flex; align-items:flex-start; gap:16px; flex-wrap:wrap; border-bottom:1px solid var(--line); padding-bottom:20px}
.head .brand{display:flex; align-items:center; gap:10px; font-family:var(--serif); font-weight:700; font-size:19px}
.spark{width:11px;height:11px;border-radius:3px;background:var(--green);box-shadow:0 0 12px var(--green)}
.head .doc{font-family:var(--mono); font-size:11.5px; letter-spacing:.16em; text-transform:uppercase; color:var(--green); margin-top:3px}
.head .right{margin-left:auto; display:flex; gap:8px; align-items:center}
.pill{font-family:var(--mono); font-size:11px; padding:5px 10px; border-radius:999px; border:1px solid var(--line-strong); color:var(--muted); display:inline-flex; gap:7px; align-items:center; text-decoration:none}
.pill .dot{width:6px;height:6px;border-radius:50%;background:var(--green); box-shadow:0 0 7px var(--green)}
a.pill{color:var(--green); border-color:color-mix(in srgb,var(--green) 40%,var(--line-strong))}
.thesis{margin:24px 0 4px; font-family:var(--serif); font-size:clamp(24px,3.6vw,32px); line-height:1.16; letter-spacing:-.015em; max-width:28ch}
.thesis .em{color:var(--green)}
.deck{color:var(--muted); margin-top:12px; max-width:74ch; font-size:15.5px}
.grid3{display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:24px}
@media(max-width:720px){ .grid3{grid-template-columns:1fr} }
.blk{background:var(--card); border:1px solid var(--line); border-radius:13px; padding:18px 19px}
.blk .lab{font-family:var(--mono); font-size:10.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--faint); margin-bottom:9px}
.blk .lab.g{color:var(--gold)}
.blk h3{font-size:16.5px; letter-spacing:-.01em; margin-bottom:6px}
.blk p{color:var(--muted); font-size:13.5px; line-height:1.5}
.stats{display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--line); border:1px solid var(--line); border-radius:12px; overflow:hidden; margin-top:16px}
.stats > div{background:var(--card); padding:15px 16px}
.stats .k{font-family:var(--serif); font-weight:700; font-size:26px; letter-spacing:-.02em; color:var(--green)}
.stats .k.g{color:var(--gold)}
.stats .m{font-family:var(--mono); font-size:10px; letter-spacing:.07em; text-transform:uppercase; color:var(--faint); margin-top:5px}
@media(max-width:720px){ .stats{grid-template-columns:1fr 1fr} }
.split{display:grid; grid-template-columns:1.15fr .85fr; gap:16px; margin-top:16px}
@media(max-width:720px){ .split{grid-template-columns:1fr} }
.econ{background:linear-gradient(180deg,var(--card-2),var(--card)); border:1px solid var(--line-strong); border-radius:13px; padding:19px}
.econ .lab{font-family:var(--mono); font-size:10.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--faint); margin-bottom:8px}
.econ .eq{font-family:var(--mono); font-size:12.5px; color:var(--muted); line-height:1.9}
.econ .eq .hi{color:var(--green); font-weight:600} .econ .eq .hg{color:var(--gold); font-weight:600}
.econ .big{font-family:var(--serif); font-weight:700; font-size:22px; letter-spacing:-.01em; margin-top:8px}
.status{background:var(--card); border:1px solid var(--line); border-radius:13px; padding:19px}
.status .lab{font-family:var(--mono); font-size:10.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--faint); margin-bottom:10px}
.srow{display:flex; align-items:center; gap:10px; padding:5px 0; font-size:13.5px}
.srow .ic{width:18px;height:18px;flex:0 0 18px;border-radius:5px;display:grid;place-items:center;font-size:11px;font-weight:700}
.ic.ok{background:color-mix(in srgb,var(--green) 20%,transparent); color:var(--green)}
.ic.gate{background:color-mix(in srgb,var(--gold) 22%,transparent); color:var(--gold)}
.srow .g2{margin-left:auto; font-family:var(--mono); font-size:10px; color:var(--faint)}
.ask{background:linear-gradient(180deg,var(--card-2),var(--card)); border:1px solid var(--line-strong); border-radius:13px; padding:18px 19px; margin-top:16px}
.ask .lab{font-family:var(--mono); font-size:10.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--gold); margin-bottom:8px}
.ask p{font-size:14px; color:var(--muted)}
.ask b{color:var(--text)}
.foot{display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; margin-top:22px; padding-top:14px; border-top:1px solid var(--line); font-family:var(--mono); font-size:10.5px; color:var(--faint)}
.foot a{color:var(--green); text-decoration:none}
@media print{
:root{ --ink:#FFFFFF; --surface:#FFFFFF; --card:#FAFBF7; --card-2:#F2F6EA;
--line:rgba(60,90,30,.22); --line-strong:rgba(60,90,30,.4);
--text:#111; --muted:#3d463c; --faint:#6b756a;
--green:#4A7013; --green-deep:#3c5c0e; --green-glow:#4A7013; --gold:#8a651a; --coral:#a8442f; }
@page{margin:8mm}
body{font-size:12px; line-height:1.45}
.sheet{padding:0; max-width:100%}
.pill.pdflink{display:none}
.spark,.pill .dot{box-shadow:none}
.grid3,.stats,.split,.ask{break-inside:avoid}
.head{padding-bottom:12px}
.thesis{margin:15px 0 0; font-size:27px}
.deck{margin-top:9px; font-size:13px}
.grid3{gap:11px; margin-top:14px}
.blk{padding:13px 15px; border-radius:10px}
.blk h3{font-size:14px}
.blk p{font-size:11.5px; line-height:1.42}
.blk .lab{margin-bottom:5px; font-size:9px}
.stats{margin-top:12px}
.stats > div{padding:10px 13px}
.stats .k{font-size:21px}
.stats .m{font-size:8.5px}
.split{gap:11px; margin-top:12px}
.econ,.status{padding:14px 15px; border-radius:10px}
.econ .eq{font-size:11px; line-height:1.8}
.econ .big{font-size:17px; margin-top:5px}
.econ .lab,.status .lab{font-size:9px; margin-bottom:5px}
.srow{font-size:11.5px; padding:3.5px 0}
.srow .ic{width:15px;height:15px;flex-basis:15px;font-size:9.5px}
.ask{margin-top:12px; padding:13px 15px; border-radius:10px}
.ask .lab{font-size:9px; margin-bottom:5px}
.ask p{font-size:12px}
.foot{margin-top:12px; padding-top:9px; font-size:9px}
}
</style>
<div class="sheet">
<div class="head">
<div>
<div class="brand"><span class="spark"></span>Donna &middot; NEWT by Fibernetics</div>
<div class="doc">Executive Summary</div>
</div>
<div class="right">
<span class="pill"><span class="dot"></span>Beta live &middot; intake open</span>
<a class="pill pdflink" href="https://zoe-pitches.mosaic.site/donna/Donna-Executive-Summary.pdf">PDF &#8595;</a>
</div>
</div>
<p class="thesis">The AI employee a person <span class="em">stands behind</span>.</p>
<p class="deck">Donna is an AI executive assistant operated under a named human reviewer &mdash; designed by a 15-year EA from her own desk, run by a Canadian carrier. She drafts at agent speed; nothing reaches another human until a person has read it. Two engines: supervised executive seats at $1,500 CAD/mo today, and the reviewer platform sold to the world&rsquo;s ~2M executive assistants tomorrow. The endgame is the trust layer for the agentic workforce.</p>
<div class="grid3">
<div class="blk">
<div class="lab g">The problem</div>
<h3>Can&rsquo;t hire, can&rsquo;t trust</h3>
<p>Executives lose ~18 hrs/week to admin. A senior EA runs $10&ndash;13.5K CAD/mo loaded and can&rsquo;t be found; raw AI agents are instant &mdash; and 40% of agentic projects will be scrapped by 2027 because nobody owns the output.</p>
</div>
<div class="blk">
<div class="lab">The solution</div>
<h3>Draft &rarr; review &rarr; release</h3>
<p>Three authority tiers the customer sets once: routine runs alone, outbound is person-checked in &lt;30 business-minutes, money and commitments wait for an explicit yes. Logged, attributable, reversible. Silence is a no.</p>
</div>
<div class="blk">
<div class="lab">Why it wins</div>
<h3>Supervision is the product</h3>
<p>Every rival sells the model and leaves you as reviewer at 11 p.m. We sell the signature: a named person, carrier-grade operations, data in Canada &mdash; and the only pitch in the category that EAs forward instead of fear.</p>
</div>
</div>
<div class="stats">
<div><div class="k tnum">2</div><div class="m">Products live in beta</div></div>
<div><div class="k g tnum">$1,500</div><div class="m">CAD/seat/mo &middot; published</div></div>
<div><div class="k tnum">~$150B</div><div class="m">NA admin labour &middot; illustr.</div></div>
<div><div class="k g tnum">$100M</div><div class="m">ARR target &middot; illustr.</div></div>
</div>
<div class="split">
<div class="econ">
<div class="lab">Business model &middot; two engines</div>
<div class="eq">
supervised seat &nbsp;=&nbsp; <span class="hi">$1,500/mo</span>, reviewer across 8&ndash;10 seats &rarr; <span class="hi">~55% margin</span><br>
platform seat (their EA reviews) &nbsp;=&nbsp; <span class="hg">$99&ndash;299/mo &middot; ~85% margin</span><br>
path: 4,000 seats + 25,000 EA seats &nbsp;&asymp;&nbsp; <span class="hi">$100M ARR</span>
</div>
<div class="big">A seventh of an EA. Less than a VA.</div>
<p style="color:var(--muted); font-size:12.5px; margin-top:7px">Then FIN / SUP / VOX agents on the same desk, sold through NEWT&rsquo;s carrier &amp; VAR channel. <span style="color:var(--faint)">Figures illustrative.</span></p>
</div>
<div class="status">
<div class="lab">Where we are</div>
<div class="srow"><span class="ic ok">&#10003;</span> Two product sites live <span class="g2">DONE</span></div>
<div class="srow"><span class="ic ok">&#10003;</span> Application intake &rarr; DB &rarr; email, verified <span class="g2">DONE</span></div>
<div class="srow"><span class="ic ok">&#10003;</span> Pricing published &middot; 5-seat beta open <span class="g2">DONE</span></div>
<div class="srow"><span class="ic ok">&#10003;</span> Desk dashboard live (AI meeting notes &rarr; review queue) <span class="g2">DONE</span></div>
<div class="srow"><span class="ic gate">!</span> SOC 2 Type I &middot; reviewer #2 hire <span class="g2">GATE</span></div>
</div>
</div>
<div class="ask">
<div class="lab">The ask</div>
<p><b>Constitute Donna as a NEWT product line: $1.5M CAD over 18 months, Dawn formally allocated.</b> Next 30 days: fill the five beta seats from live intake, start the Desk dashboard, recruit reviewer #2. Gate for the next tranche: five seats retained through day 30 with the review SLA held &mdash; evidence, not projections.</p>
</div>
<div class="foot">
<span>Donna &middot; Executive Summary &middot; Confidential &middot; figures are illustrative planning assumptions</span>
<span>Full plan: <a href="https://zoe-pitches.mosaic.site/donna/">zoe-pitches.mosaic.site/donna</a> &middot; Prototype: <a href="https://donna-newt.mosaic.site">donna-newt.mosaic.site</a></span>
</div>
</div>