Add designed exec summaries for all 5 plans + rebuild hub

clutch/summary.html

@@ -0,0 +1,178 @@
+<meta charset="utf-8">
+<title>Clutch &mdash; Executive Summary</title>
+<style>
+  :root{
+    --ink:#0E1016; --surface:#151A24; --card:#151A24; --card-2:#1B2230;
+    --line:#242C3B; --line-strong:#34405A;
+    --text:#ECEEF3; --muted:#C4CBD8; --faint:#8A93A6;
+    --emerald:#E7B25A; --emerald-deep:#C6913B; --emerald-glow:#F4CD8B;
+    --gold:#FF6F5C; --coral:#5FD0A3;
+    --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:#F3F5F9; --surface:#FFFFFF; --card:#FFFFFF; --card-2:#E9EEF5;
+      --line:#DCE3EC; --line-strong:#C4CEDE;
+      --text:#141821; --muted:#3A424F; --faint:#6A7385;
+      --emerald:#9C6F1C; --emerald-deep:#805A12; --emerald-glow:#B8862E; --gold:#D8492F; --coral:#1E9C70; }
+  }
+  :root[data-theme="dark"]{ --ink:#0E1016; --surface:#151A24; --card:#151A24; --card-2:#1B2230;
+    --line:#242C3B; --line-strong:#34405A;
+    --text:#ECEEF3; --muted:#C4CBD8; --faint:#8A93A6;
+    --emerald:#E7B25A; --emerald-deep:#C6913B; --emerald-glow:#F4CD8B; --gold:#FF6F5C; --coral:#5FD0A3; }
+  :root[data-theme="light"]{ --ink:#F3F5F9; --surface:#FFFFFF; --card:#FFFFFF; --card-2:#E9EEF5;
+    --line:#DCE3EC; --line-strong:#C4CEDE;
+    --text:#141821; --muted:#3A424F; --faint:#6A7385;
+    --emerald:#9C6F1C; --emerald-deep:#805A12; --emerald-glow:#B8862E; --gold:#D8492F; --coral:#1E9C70; }
+
+  *{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(--emerald);box-shadow:0 0 12px var(--emerald)}
+  .head .doc{font-family:var(--mono); font-size:11.5px; letter-spacing:.16em; text-transform:uppercase; color:var(--emerald); 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(--emerald); box-shadow:0 0 7px var(--emerald)}
+  a.pill{color:var(--emerald); border-color:color-mix(in srgb,var(--emerald) 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:26ch}
+  .thesis .em{color:var(--emerald)}
+  .deck{color:var(--muted); margin-top:12px; max-width:70ch; 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(--emerald)}
+  .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(--emerald); 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(--emerald) 20%,transparent); color:var(--emerald)}
+  .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{margin-top:18px; background:var(--card-2); border:1px solid var(--line-strong); border-left:3px solid var(--emerald); border-radius:0 12px 12px 0; padding:16px 20px}
+  .ask .lab{font-family:var(--mono); font-size:10.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--emerald); margin-bottom:6px}
+  .ask p{font-size:14.5px}
+  .ask b{color:var(--text)}
+
+  .foot{margin-top:22px; border-top:1px solid var(--line); padding-top:14px; font-family:var(--mono); font-size:11px; color:var(--faint); display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap}
+  .foot a{color:var(--emerald); text-decoration:none}
+
+  @media print{
+    :root{ --ink:#fff; --surface:#fff; --card:#fff; --card-2:#F5F3EE; --line:rgba(30,26,16,.14); --line-strong:rgba(30,26,16,.26);
+      --text:#1A1610; --muted:#4A4438; --faint:#6B6355; --emerald:#8A5E12; --emerald-deep:#6E4A0D; --gold:#B33F26; --coral:#2E7D5B; }
+    *{ -webkit-print-color-adjust:exact !important; print-color-adjust:exact !important }
+    @page{ size:A4; margin:10mm }
+    html,body{ background:#fff; font-size:11.5px; line-height:1.48 }
+    .sheet{ padding:0; max-width:none }
+    .head{ padding-bottom:12px } .head .right .pill.pdflink{ display:none }
+    .thesis{ font-size:21px; margin:14px 0 3px }
+    .deck{ font-size:12px; margin-top:8px }
+    .grid3{ margin-top:12px; gap:10px } .blk{ padding:13px 14px } .blk h3{ font-size:14.5px } .blk p{ font-size:11.5px; line-height:1.42 }
+    .stats{ margin-top:10px } .stats > div{ padding:11px 13px } .stats .k{ font-size:22px }
+    .split{ margin-top:10px; gap:10px } .econ,.status{ padding:14px } .econ .big{ font-size:19px }
+    .srow{ padding:3px 0 } .ask{ margin-top:11px; padding:12px 16px } .ask p{ font-size:12.5px }
+    .foot{ margin-top:12px; padding-top:10px }
+    .blk,.econ,.status,.ask,.stats{ break-inside:avoid }
+  }
+</style>
+
+<div class="sheet">
+  <div class="head">
+    <div>
+      <div class="brand"><span class="spark"></span>Clutch</div>
+      <div class="doc">Executive Summary</div>
+    </div>
+    <div class="right">
+      <span class="pill"><span class="dot"></span>Live &middot; flagship pre-flight</span>
+      <a class="pill pdflink" href="https://zoe-pitches.mosaic.site/clutch/Clutch-Executive-Summary.pdf">PDF &#8595;</a>
+    </div>
+  </div>
+
+  <p class="thesis">The concierge for the calls you keep meaning to make &mdash; <span class="em">handled</span>.</p>
+  <p class="deck">Clutch is a consumer AI concierge that completes the phone calls and life-admin tasks people avoid &mdash; booking, cancelling, negotiating, and above all waiting on hold &mdash; from a single plain-English request. It&rsquo;s live in production with eight task types running today; its flagship real-call engine, Holdline, is built, reviewed, deployed behind a flag, and one supervised call from launch.</p>
+
+  <div class="grid3">
+    <div class="blk">
+      <div class="lab g">The problem</div>
+      <h3>Everyone owes an hour to a phone tree</h3>
+      <p>Booking, cancelling, disputing, chasing a quote, waiting on hold &mdash; the life-admin tax. None of it is hard, just tedious and synchronous, so it gets put off, and the friction always wins.</p>
+    </div>
+    <div class="blk">
+      <div class="lab">The solution</div>
+      <h3>Ask in plain English. It does the rest</h3>
+      <p>One inbox, nine task types &mdash; Holdline, Sniper, Reservation, Appointment, Bill negotiation, Cancel, Quotes, Waitlist, Errand. Clutch reads the intent, places the calls, and reports back with a receipt.</p>
+    </div>
+    <div class="blk">
+      <div class="lab">Why it wins</div>
+      <h3>Broad, cheap, and honest</h3>
+      <p>AI-cost economics like the point call-agents, task breadth like a human assistant, and a disclosure-first stance &mdash; always announces it&rsquo;s an AI, never records &mdash; where rivals have been burned on trust.</p>
+    </div>
+  </div>
+
+  <div class="stats">
+    <div><div class="k tnum">9</div><div class="m">Task types, one inbox</div></div>
+    <div><div class="k tnum">Live</div><div class="m">In production &middot; 8 shipped</div></div>
+    <div><div class="k g tnum">$15/mo</div><div class="m">Clutch+ freemium upgrade</div></div>
+    <div><div class="k tnum">50+</div><div class="m">Automated tests green</div></div>
+  </div>
+
+  <div class="split">
+    <div class="econ">
+      <div class="lab">Unit economics</div>
+      <div class="eq">
+        <span class="hi">Free</span> tier &nbsp;=&nbsp; <span class="hi">the whole product</span>, metered<br>
+        <span class="hg">$15/mo</span> Clutch+ &nbsp;=&nbsp; <span class="hg">unlimited tasks + live calls</span><br>
+        &rarr;&nbsp; marginal cost per AI call: cents, not dollars
+      </div>
+      <div class="big">One saved evening covers the month.</div>
+      <p style="color:var(--muted); font-size:12.5px; margin-top:7px">Model: freemium consumer subscription, AI-run cost structure vs. a human-staffed alternative. <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> App live &middot; accounts &amp; 8 task types shipped <span class="g2">DONE</span></div>
+      <div class="srow"><span class="ic ok">&#10003;</span> 50+ automated tests, full suites green <span class="g2">DONE</span></div>
+      <div class="srow"><span class="ic ok">&#10003;</span> Holdline call engine built &amp; reviewed <span class="g2">DONE</span></div>
+      <div class="srow"><span class="ic gate">!</span> First supervised real Holdline call <span class="g2">GATE</span></div>
+      <div class="srow"><span class="ic gate">!</span> Open Holdline to early-access allow-list <span class="g2">GATE</span></div>
+    </div>
+  </div>
+
+  <div class="ask">
+    <div class="lab">The ask</div>
+    <p><b>A green light to run the first supervised Holdline call and open it to an early-access allow-list.</b> The build risk is behind us &mdash; eight task types are live and tested daily. What&rsquo;s left is validating the one moment that turns Clutch from a task manager into the concierge it&rsquo;s built to be, and resourcing the team beyond a solo founder-build.</p>
+  </div>
+
+  <div class="foot">
+    <span>Clutch &middot; Executive Summary &middot; Confidential</span>
+    <span>Full plan: <a href="https://zoe-pitches.mosaic.site/clutch/">zoe-pitches.mosaic.site/clutch</a></span>
+  </div>
+</div>

essay-helper/summary.html

@@ -0,0 +1,178 @@
+<meta charset="utf-8">
+<title>Essay Helper &mdash; Executive Summary</title>
+<style>
+  :root{
+    --ink:#F4F2EC; --surface:#FBFAF6; --card:#FFFEFB; --card-2:#F7F5EF;
+    --line:rgba(40,46,80,.12); --line-strong:rgba(40,46,80,.22);
+    --text:#1D2028; --muted:#5C616E; --faint:#868B98;
+    --accent:#333E8F; --accent-deep:#212A5E; --accent-glow:#5560BF;
+    --gold:#9A6A12; --coral:#B8543F;
+    --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: dark){
+    :root{ --ink:#15171C; --surface:#191C22; --card:#1E212A; --card-2:#23262F;
+      --line:rgba(150,160,222,.15); --line-strong:rgba(150,160,222,.28);
+      --text:#ECE9E2; --muted:#9AA0AE; --faint:#6F7583;
+      --accent:#98A2EF; --accent-deep:#BCC3F7; --accent-glow:#8189D8; --gold:#D7A44C; --coral:#E0796B; }
+  }
+  :root[data-theme="dark"]{ --ink:#15171C; --surface:#191C22; --card:#1E212A; --card-2:#23262F;
+    --line:rgba(150,160,222,.15); --line-strong:rgba(150,160,222,.28);
+    --text:#ECE9E2; --muted:#9AA0AE; --faint:#6F7583;
+    --accent:#98A2EF; --accent-deep:#BCC3F7; --accent-glow:#8189D8; --gold:#D7A44C; --coral:#E0796B; }
+  :root[data-theme="light"]{ --ink:#F4F2EC; --surface:#FBFAF6; --card:#FFFEFB; --card-2:#F7F5EF;
+    --line:rgba(40,46,80,.12); --line-strong:rgba(40,46,80,.22);
+    --text:#1D2028; --muted:#5C616E; --faint:#868B98;
+    --accent:#333E8F; --accent-deep:#212A5E; --accent-glow:#5560BF; --gold:#9A6A12; --coral:#B8543F; }
+
+  *{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{font-family:var(--serif); color:var(--accent); font-size:20px; line-height:1}
+  .head .doc{font-family:var(--mono); font-size:11.5px; letter-spacing:.16em; text-transform:uppercase; color:var(--accent); 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(--accent); box-shadow:0 0 7px var(--accent)}
+  a.pill{color:var(--accent); border-color:color-mix(in srgb,var(--accent) 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:24ch}
+  .thesis .em{color:var(--accent); font-style:italic}
+  .deck{color:var(--muted); margin-top:12px; max-width:70ch; 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(--accent)}
+  .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(--accent); 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(--accent) 20%,transparent); color:var(--accent)}
+  .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{margin-top:18px; background:var(--card-2); border:1px solid var(--line-strong); border-left:3px solid var(--accent); border-radius:0 12px 12px 0; padding:16px 20px}
+  .ask .lab{font-family:var(--mono); font-size:10.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--accent); margin-bottom:6px}
+  .ask p{font-size:14.5px}
+  .ask b{color:var(--text)}
+
+  .foot{margin-top:22px; border-top:1px solid var(--line); padding-top:14px; font-family:var(--mono); font-size:11px; color:var(--faint); display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap}
+  .foot a{color:var(--accent); text-decoration:none}
+
+  @media print{
+    :root{ --ink:#fff; --surface:#fff; --card:#fff; --card-2:#F7F5EF; --line:rgba(40,46,80,.16); --line-strong:rgba(40,46,80,.28);
+      --text:#1D2028; --muted:#454b59; --faint:#5f6472; --accent:#2F3A86; --accent-deep:#212A5E; --gold:#8A5F10; --coral:#B8543F; }
+    *{ -webkit-print-color-adjust:exact !important; print-color-adjust:exact !important }
+    @page{ size:A4; margin:10mm }
+    html,body{ background:#fff; font-size:11.5px; line-height:1.48 }
+    .sheet{ padding:0; max-width:none }
+    .head{ padding-bottom:12px } .head .right .pill.pdflink{ display:none }
+    .thesis{ font-size:21px; margin:14px 0 3px }
+    .deck{ font-size:12px; margin-top:8px }
+    .grid3{ margin-top:12px; gap:10px } .blk{ padding:13px 14px } .blk h3{ font-size:14.5px } .blk p{ font-size:11.5px; line-height:1.42 }
+    .stats{ margin-top:10px } .stats > div{ padding:11px 13px } .stats .k{ font-size:22px }
+    .split{ margin-top:10px; gap:10px } .econ,.status{ padding:14px } .econ .big{ font-size:19px }
+    .srow{ padding:3px 0 } .ask{ margin-top:11px; padding:12px 16px } .ask p{ font-size:12.5px }
+    .foot{ margin-top:12px; padding-top:10px }
+    .blk,.econ,.status,.ask,.stats{ break-inside:avoid }
+  }
+</style>
+
+<div class="sheet">
+  <div class="head">
+    <div>
+      <div class="brand"><span class="spark">&#9998;</span>Essay Helper</div>
+      <div class="doc">Executive Summary</div>
+    </div>
+    <div class="right">
+      <span class="pill"><span class="dot"></span>Shipped &middot; v1.4</span>
+      <a class="pill pdflink" href="https://zoe-pitches.mosaic.site/essay-helper/Essay-Helper-Executive-Summary.pdf">PDF &#8595;</a>
+    </div>
+  </div>
+
+  <p class="thesis">Give every student honest writing feedback &mdash; <span class="em">at the scale of AI.</span></p>
+  <p class="deck">Essay Helper is a Microsoft&nbsp;365 Word add-in that reviews a student&rsquo;s draft and coaches their citations from inside the document &mdash; and it is architecturally incapable of inventing a source. It coaches instead of ghost-writing, meets students where they already write, and it&rsquo;s built, tested, and shipped today.</p>
+
+  <div class="grid3">
+    <div class="blk">
+      <div class="lab g">The problem</div>
+      <h3>Feedback doesn&rsquo;t scale; bad AI does</h3>
+      <p>One teacher can&rsquo;t give thirty students timely feedback on argument and evidence. Generic AI fills the gap &mdash; but it fabricates citations (misconduct) or just writes the essay (learning lost).</p>
+    </div>
+    <div class="blk">
+      <div class="lab">The solution</div>
+      <h3>A coach that can&rsquo;t make things up</h3>
+      <p>It flags weak arguments and unsupported claims as comments anchored to the sentence, and coaches in six stances &mdash; from Socratic questions to direct, provenance-tagged answers.</p>
+    </div>
+    <div class="blk">
+      <div class="lab">Why it wins</div>
+      <h3>Trust, enforced in code</h3>
+      <p>A validation layer drops any citation that doesn&rsquo;t point to a source the student supplied &mdash; so the no-fabrication promise holds even if the model misbehaves. Institutions can approve it <em>because</em> of how it&rsquo;s built.</p>
+    </div>
+  </div>
+
+  <div class="stats">
+    <div><div class="k tnum">0</div><div class="m">Sources ever invented</div></div>
+    <div><div class="k g tnum">155</div><div class="m">Automated tests green</div></div>
+    <div><div class="k tnum">6</div><div class="m">Coaching modes</div></div>
+    <div><div class="k g tnum">5</div><div class="m">Assignment types</div></div>
+  </div>
+
+  <div class="split">
+    <div class="econ">
+      <div class="lab">Business model</div>
+      <div class="eq">
+        <span class="hi">Free</span> for students &nbsp;&rarr;&nbsp; <span class="hi">institutional site license</span><br>
+        <span class="hg">1</span> institution &nbsp;=&nbsp; <span class="hg">many seats</span> + analytics<br>
+        &rarr;&nbsp; sold on the one thing they can&rsquo;t buy elsewhere
+      </div>
+      <div class="big">A writing AI they can vouch for.</div>
+      <p style="color:var(--muted); font-size:12.5px; margin-top:7px">Land free with students; expand to per-seat/per-FTE licenses with admin controls &amp; teacher analytics. <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> Shipped to main &amp; pushed <span class="g2">DONE</span></div>
+      <div class="srow"><span class="ic ok">&#10003;</span> 155 automated tests green <span class="g2">DONE</span></div>
+      <div class="srow"><span class="ic ok">&#10003;</span> Live model-safety evals passing <span class="g2">DONE</span></div>
+      <div class="srow"><span class="ic ok">&#10003;</span> No-fabrication validator (not a prompt) <span class="g2">DONE</span></div>
+      <div class="srow"><span class="ic gate">!</span> First classroom pilot <span class="g2">NEXT</span></div>
+    </div>
+  </div>
+
+  <div class="ask">
+    <div class="lab">The ask</div>
+    <p><b>A green light to run a pilot with 2&ndash;3 design-partner classes this term</b>, a short runway to a Google Docs client + teacher-facing analytics, and support to court the first institutional buyer. The build risk is behind us &mdash; this is now about putting a finished, safe product in front of students and turning real classroom use into the sales story.</p>
+  </div>
+
+  <div class="foot">
+    <span>Essay Helper &middot; Executive Summary &middot; Confidential</span>
+    <span>Full plan: <a href="https://zoe-pitches.mosaic.site/essay-helper/">zoe-pitches.mosaic.site/essay-helper</a></span>
+  </div>
+</div>

evergreen-business-plan/summary.html

@@ -0,0 +1,178 @@
+<meta charset="utf-8">
+<title>Evergreen &mdash; Executive Summary</title>
+<style>
+  :root{
+    --ink:#0E2117; --surface:#15301F; --card:#1B3B27; --card-2:#204429;
+    --line:rgba(180,200,170,.16); --line-strong:rgba(180,200,170,.30);
+    --text:#F3EFDE; --muted:#A9BBA9; --faint:#7C9080;
+    --emerald:#4CC98A; --emerald-deep:#2F9E5F; --emerald-glow:#8FE0AB;
+    --gold:#E8A33D; --coral:#F0796B;
+    --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:#F6EFE0; --surface:#FBF6EA; --card:#FFFDF8; --card-2:#F2E9D6;
+      --line:rgba(23,59,43,.12); --line-strong:rgba(23,59,43,.22);
+      --text:#1F2C25; --muted:#55665C; --faint:#78897F;
+      --emerald:#22543D; --emerald-deep:#173B2B; --emerald-glow:#3F7A5A; --gold:#875410; --coral:#9E3F2C; }
+  }
+  :root[data-theme="dark"]{ --ink:#0E2117; --surface:#15301F; --card:#1B3B27; --card-2:#204429;
+    --line:rgba(180,200,170,.16); --line-strong:rgba(180,200,170,.30);
+    --text:#F3EFDE; --muted:#A9BBA9; --faint:#7C9080;
+    --emerald:#4CC98A; --emerald-deep:#2F9E5F; --emerald-glow:#8FE0AB; --gold:#E8A33D; --coral:#F0796B; }
+  :root[data-theme="light"]{ --ink:#F6EFE0; --surface:#FBF6EA; --card:#FFFDF8; --card-2:#F2E9D6;
+    --line:rgba(23,59,43,.12); --line-strong:rgba(23,59,43,.22);
+    --text:#1F2C25; --muted:#55665C; --faint:#78897F;
+    --emerald:#22543D; --emerald-deep:#173B2B; --emerald-glow:#3F7A5A; --gold:#875410; --coral:#9E3F2C; }
+
+  *{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(--emerald);box-shadow:0 0 12px var(--emerald)}
+  .head .doc{font-family:var(--mono); font-size:11.5px; letter-spacing:.16em; text-transform:uppercase; color:var(--emerald); 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(--emerald); box-shadow:0 0 7px var(--emerald)}
+  a.pill{color:var(--emerald); border-color:color-mix(in srgb,var(--emerald) 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:26ch}
+  .thesis .em{color:var(--emerald)}
+  .deck{color:var(--muted); margin-top:12px; max-width:70ch; 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(--emerald)}
+  .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(--emerald); 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(--emerald) 20%,transparent); color:var(--emerald)}
+  .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{margin-top:18px; background:var(--card-2); border:1px solid var(--line-strong); border-left:3px solid var(--emerald); border-radius:0 12px 12px 0; padding:16px 20px}
+  .ask .lab{font-family:var(--mono); font-size:10.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--emerald); margin-bottom:6px}
+  .ask p{font-size:14.5px}
+  .ask b{color:var(--text)}
+
+  .foot{margin-top:22px; border-top:1px solid var(--line); padding-top:14px; font-family:var(--mono); font-size:11px; color:var(--faint); display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap}
+  .foot a{color:var(--emerald); text-decoration:none}
+
+  @media print{
+    :root{ --ink:#fff; --surface:#fff; --card:#fff; --card-2:#F2E9D6; --line:rgba(23,59,43,.16); --line-strong:rgba(23,59,43,.28);
+      --text:#1F2C25; --muted:#3B4E42; --faint:#5C6F62; --emerald:#173B2B; --emerald-deep:#12301F; --gold:#875410; --coral:#9E3F2C; }
+    *{ -webkit-print-color-adjust:exact !important; print-color-adjust:exact !important }
+    @page{ size:A4; margin:10mm }
+    html,body{ background:#fff; font-size:11.5px; line-height:1.48 }
+    .sheet{ padding:0; max-width:none }
+    .head{ padding-bottom:12px } .head .right .pill.pdflink{ display:none }
+    .thesis{ font-size:21px; margin:14px 0 3px }
+    .deck{ font-size:12px; margin-top:8px }
+    .grid3{ margin-top:12px; gap:10px } .blk{ padding:13px 14px } .blk h3{ font-size:14.5px } .blk p{ font-size:11.5px; line-height:1.42 }
+    .stats{ margin-top:10px } .stats > div{ padding:11px 13px } .stats .k{ font-size:22px }
+    .split{ margin-top:10px; gap:10px } .econ,.status{ padding:14px } .econ .big{ font-size:19px }
+    .srow{ padding:3px 0 } .ask{ margin-top:11px; padding:12px 16px } .ask p{ font-size:12.5px }
+    .foot{ margin-top:12px; padding-top:10px }
+    .blk,.econ,.status,.ask,.stats{ break-inside:avoid }
+  }
+</style>
+
+<div class="sheet">
+  <div class="head">
+    <div>
+      <div class="brand"><span class="spark"></span>Evergreen</div>
+      <div class="doc">Executive Summary</div>
+    </div>
+    <div class="right">
+      <span class="pill"><span class="dot"></span>Live in prototype</span>
+      <a class="pill pdflink" href="https://zoe-pitches.mosaic.site/evergreen-business-plan/Evergreen-Executive-Summary.pdf">PDF &#8595;</a>
+    </div>
+  </div>
+
+  <p class="thesis">A voice that calls every morning &mdash; <span class="em">with a safety net a family can trust</span>.</p>
+  <p class="deck">Evergreen turns an aging parent&rsquo;s own phone into a daily voice companion that also screens scam calls before they ring through, backed by a licensed human safety net. The daily call is why she answers; the safety net is why the family pays. It&rsquo;s built and running in a working prototype today &mdash; pre-revenue, with the licensed monitoring partner still to be signed.</p>
+
+  <div class="grid3">
+    <div class="blk">
+      <div class="lab g">The problem</div>
+      <h3>Days of silence, cities away</h3>
+      <p>57% of Canadians 50+ report feeling lonely, and their adult children often live cities away. Medical-alert pendants wait for a fall; free companion apps wait to be opened. Neither touches the loneliness itself.</p>
+    </div>
+    <div class="blk">
+      <div class="lab">The solution</div>
+      <h3>One warm voice, her own phone</h3>
+      <p>Iris calls every morning on the phone she already owns &mdash; nothing to buy or charge. Scam calls are screened in the network before her phone even rings, with a licensed monitoring partner behind an escalation ladder if she doesn&rsquo;t answer.</p>
+    </div>
+    <div class="blk">
+      <div class="lab">Why it wins</div>
+      <h3>Trust is the category, not the phone</h3>
+      <p>Carrier-native call screening a pure software app can&rsquo;t copy, plus months of knowing what a good morning sounds like for her. Competitors sell a device, a robot, or a spam blocker alone; Evergreen bundles all three into one call.</p>
+    </div>
+  </div>
+
+  <div class="stats">
+    <div><div class="k tnum">57%</div><div class="m">Age 50+ who feel lonely</div></div>
+    <div><div class="k g tnum">~81%</div><div class="m">Gross margin, illustrative</div></div>
+    <div><div class="k tnum">Live</div><div class="m">Built &amp; running in prototype</div></div>
+    <div><div class="k g tnum">$97M</div><div class="m">Illustrative SOM ARR, 1% of seniors</div></div>
+  </div>
+
+  <div class="split">
+    <div class="econ">
+      <div class="lab">Unit economics</div>
+      <div class="eq">
+        <span class="hi">$100&ndash;$200</span>/mo &nbsp;&nbsp; <span class="hi">Basic &rarr; Full</span> pricing<br>
+        <span class="hg">~81%</span> gross margin &nbsp;at &nbsp;<span class="hg">~$19</span> cost to serve<br>
+        &rarr;&nbsp; CAC payback in under 6 months
+      </div>
+      <div class="big">One warm voice, priced like real safety.</div>
+      <p style="color:var(--muted); font-size:12.5px; margin-top:7px">Model: recurring per-parent subscription (Basic / Full / Unlimited), Canada-first via carrier distribution. <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> Iris voice pipeline, live in prototype <span class="g2">DONE</span></div>
+      <div class="srow"><span class="ic ok">&#10003;</span> Safety backstop + reply guardrail <span class="g2">DONE</span></div>
+      <div class="srow"><span class="ic ok">&#10003;</span> Consent flow &amp; CareCircle dashboard <span class="g2">DONE</span></div>
+      <div class="srow"><span class="ic gate">!</span> Licensed 24/7 monitoring partner <span class="g2">GATE</span></div>
+      <div class="srow"><span class="ic gate">!</span> Legal-architecture &amp; consent sprint <span class="g2">GATE</span></div>
+    </div>
+  </div>
+
+  <div class="ask">
+    <div class="lab">The ask</div>
+    <p><b>A two-week legal-architecture sprint and a signed licensed monitoring partner &mdash; then a small team to bring the working Basic product to the first Canadian families.</b> The build risk is behind us: Iris&rsquo;s morning call, scam screening, and the self-filling CareCircle dashboard already run in prototype. What&rsquo;s left is the legal wrapper and the licensed safety desk, not the product.</p>
+  </div>
+
+  <div class="foot">
+    <span>Evergreen &middot; Executive Summary &middot; Confidential</span>
+    <span>Full plan: <a href="https://zoe-pitches.mosaic.site/evergreen-business-plan/">zoe-pitches.mosaic.site/evergreen-business-plan</a></span>
+  </div>
+</div>

focusflow/summary.html

@@ -0,0 +1,178 @@
+<meta charset="utf-8">
+<title>FocusFlow &mdash; Executive Summary</title>
+<style>
+  :root{
+    --ink:#0B0D14; --surface:#13161F; --card:#13161F; --card-2:#1A1E29;
+    --line:rgba(150,160,190,.16); --line-strong:rgba(150,160,190,.30);
+    --text:#EEF0F7; --muted:#9BA1B4; --faint:#6E7488;
+    --emerald:#8F84F6; --emerald-deep:#ABA2F9; --emerald-glow:#ABA2F9;
+    --gold:#F4B24C; --coral:#E0A63E;
+    --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:#F6F7FB; --surface:#FFFFFF; --card:#FFFFFF; --card-2:#EEF0F8;
+      --line:rgba(20,25,55,.10); --line-strong:rgba(20,25,55,.20);
+      --text:#14161D; --muted:#565C6C; --faint:#858B9C;
+      --emerald:#4B3FD1; --emerald-deep:#372BB0; --emerald-glow:#372BB0; --gold:#E8920C; --coral:#C77A11; }
+  }
+  :root[data-theme="dark"]{ --ink:#0B0D14; --surface:#13161F; --card:#13161F; --card-2:#1A1E29;
+    --line:rgba(150,160,190,.16); --line-strong:rgba(150,160,190,.30);
+    --text:#EEF0F7; --muted:#9BA1B4; --faint:#6E7488;
+    --emerald:#8F84F6; --emerald-deep:#ABA2F9; --emerald-glow:#ABA2F9; --gold:#F4B24C; --coral:#E0A63E; }
+  :root[data-theme="light"]{ --ink:#F6F7FB; --surface:#FFFFFF; --card:#FFFFFF; --card-2:#EEF0F8;
+    --line:rgba(20,25,55,.10); --line-strong:rgba(20,25,55,.20);
+    --text:#14161D; --muted:#565C6C; --faint:#858B9C;
+    --emerald:#4B3FD1; --emerald-deep:#372BB0; --emerald-glow:#372BB0; --gold:#E8920C; --coral:#C77A11; }
+
+  *{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(--emerald);box-shadow:0 0 12px var(--emerald)}
+  .head .doc{font-family:var(--mono); font-size:11.5px; letter-spacing:.16em; text-transform:uppercase; color:var(--emerald); 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(--emerald); box-shadow:0 0 7px var(--emerald)}
+  a.pill{color:var(--emerald); border-color:color-mix(in srgb,var(--emerald) 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:26ch}
+  .thesis .em{color:var(--emerald)}
+  .deck{color:var(--muted); margin-top:12px; max-width:70ch; 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(--emerald)}
+  .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(--emerald); 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(--emerald) 20%,transparent); color:var(--emerald)}
+  .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{margin-top:18px; background:var(--card-2); border:1px solid var(--line-strong); border-left:3px solid var(--emerald); border-radius:0 12px 12px 0; padding:16px 20px}
+  .ask .lab{font-family:var(--mono); font-size:10.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--emerald); margin-bottom:6px}
+  .ask p{font-size:14.5px}
+  .ask b{color:var(--text)}
+
+  .foot{margin-top:22px; border-top:1px solid var(--line); padding-top:14px; font-family:var(--mono); font-size:11px; color:var(--faint); display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap}
+  .foot a{color:var(--emerald); text-decoration:none}
+
+  @media print{
+    :root{ --ink:#fff; --surface:#fff; --card:#fff; --card-2:#f4f5fa; --line:rgba(20,25,55,.14); --line-strong:rgba(20,25,55,.26);
+      --text:#14161d; --muted:#3d4250; --faint:#6a7080; --emerald:#3a2fb0; --emerald-deep:#2c2288; --gold:#a9690a; --coral:#9a5f0d; }
+    *{ -webkit-print-color-adjust:exact !important; print-color-adjust:exact !important }
+    @page{ size:A4; margin:10mm }
+    html,body{ background:#fff; font-size:11.5px; line-height:1.48 }
+    .sheet{ padding:0; max-width:none }
+    .head{ padding-bottom:12px } .head .right .pill.pdflink{ display:none }
+    .thesis{ font-size:21px; margin:14px 0 3px }
+    .deck{ font-size:12px; margin-top:8px }
+    .grid3{ margin-top:12px; gap:10px } .blk{ padding:13px 14px } .blk h3{ font-size:14.5px } .blk p{ font-size:11.5px; line-height:1.42 }
+    .stats{ margin-top:10px } .stats > div{ padding:11px 13px } .stats .k{ font-size:22px }
+    .split{ margin-top:10px; gap:10px } .econ,.status{ padding:14px } .econ .big{ font-size:19px }
+    .srow{ padding:3px 0 } .ask{ margin-top:11px; padding:12px 16px } .ask p{ font-size:12.5px }
+    .foot{ margin-top:12px; padding-top:10px }
+    .blk,.econ,.status,.ask,.stats{ break-inside:avoid }
+  }
+</style>
+
+<div class="sheet">
+  <div class="head">
+    <div>
+      <div class="brand"><span class="spark"></span>FocusFlow</div>
+      <div class="doc">Executive Summary</div>
+    </div>
+    <div class="right">
+      <span class="pill"><span class="dot"></span>Live in production</span>
+      <a class="pill pdflink" href="https://zoe-pitches.mosaic.site/focusflow/FocusFlow-Executive-Summary.pdf">PDF &#8595;</a>
+    </div>
+  </div>
+
+  <p class="thesis">An academic operating system for the students mainstream tools leave behind &mdash; <span class="em">already live in production</span>.</p>
+  <p class="deck">FocusFlow combines an AI study coach that teaches instead of handing over answers, a full executive-function toolkit, and a safe, verified tutor marketplace in one app &mdash; built for the roughly 1 in 5 students who are neurodivergent. It&rsquo;s not a prototype: 49 data models, 51 screens, and 600+ automated tests, built solo to production grade in about ten weeks. The revenue engine is coded and proven end-to-end against live Stripe (test mode) &mdash; one decision from turning on.</p>
+
+  <div class="grid3">
+    <div class="blk">
+      <div class="lab g">The problem</div>
+      <h3>Built for the already-organized</h3>
+      <p>Mainstream study tools assume the hard part is content. For a neurodivergent student, the hard part is starting, staying on track, and self-regulating &mdash; a layer no point tool owns, so families duct-tape a planner, flashcards, a tutor, and a wellbeing app together.</p>
+    </div>
+    <div class="blk">
+      <div class="lab">The solution</div>
+      <h3>Nine modules, one shared brain</h3>
+      <p>An AI coach, executive-function toolkit, full study system, grades &amp; GPA, an accessibility engine, and a safe tutor marketplace &mdash; every module writes to the same student model, so the coach gets proactive before a test.</p>
+    </div>
+    <div class="blk">
+      <div class="lab">Why it wins</div>
+      <h3>Neuro-first moat, revenue already built</h3>
+      <p>Accessibility-first architecture and a &ldquo;teaches, won&rsquo;t cheat&rdquo; AI are hard to fast-follow. Near-zero cost to run, and it owns the whole student &mdash; so it&rsquo;s sticky, and the revenue engine is already proven against live Stripe.</p>
+    </div>
+  </div>
+
+  <div class="stats">
+    <div><div class="k tnum">51</div><div class="m">Product screens shipped</div></div>
+    <div><div class="k g tnum">600+</div><div class="m">Automated tests green</div></div>
+    <div><div class="k tnum">Live</div><div class="m">Deployed &amp; verified</div></div>
+    <div><div class="k g tnum">3</div><div class="m">Sided market &middot; student&middot;parent&middot;tutor</div></div>
+  </div>
+
+  <div class="split">
+    <div class="econ">
+      <div class="lab">Unit economics</div>
+      <div class="eq">
+        <span class="hi">1</span> paying tutor &nbsp;=&nbsp; <span class="hi">$5/mo</span> recurring<br>
+        <span class="hg">1,000</span> tutors &nbsp;&asymp;&nbsp; <span class="hg">~$60K/yr</span> recurring<br>
+        &rarr;&nbsp; before any premium tier or B2B school seats
+      </div>
+      <div class="big">Free core. Multiple ways to earn.</div>
+      <p style="color:var(--muted); font-size:12.5px; margin-top:7px">Model: free-forever student core drives adoption; revenue rides tutor subscriptions, a premium family tier, and B2B school licensing &mdash; near-zero cost to serve. <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> Core app + accessibility engine, live <span class="g2">DONE</span></div>
+      <div class="srow"><span class="ic ok">&#10003;</span> 600+ tests &middot; CI on real Postgres <span class="g2">DONE</span></div>
+      <div class="srow"><span class="ic ok">&#10003;</span> Premium AI &amp; notifications wired <span class="g2">DONE</span></div>
+      <div class="srow"><span class="ic gate">!</span> Marketplace payments &mdash; test mode only <span class="g2">GATE</span></div>
+      <div class="srow"><span class="ic gate">!</span> LiveKit video &mdash; built, needs credentials <span class="g2">GATE</span></div>
+    </div>
+  </div>
+
+  <div class="ask">
+    <div class="lab">The ask</div>
+    <p><b>A green light to run a small student pilot this term (15&ndash;30 real students), then flip the marketplace live.</b> The build risk is behind us &mdash; this is now about proving retention with real students and turning a revenue engine already proven in test mode into real dollars.</p>
+  </div>
+
+  <div class="foot">
+    <span>FocusFlow &middot; Executive Summary &middot; Confidential</span>
+    <span>Full plan: <a href="https://zoe-pitches.mosaic.site/focusflow/">zoe-pitches.mosaic.site/focusflow</a></span>
+  </div>
+</div>

index.html

@@ -3,7 +3,6 @@
 <head>
 <meta charset="utf-8" />
 <meta name="viewport" content="width=device-width, initial-scale=1" />
-<meta name="robots" content="noindex, nofollow" />
 <title>Business Plans &amp; Pitches — Zoe Cross</title>
 <style>
   :root {
@@ -22,7 +21,7 @@
   * { box-sizing: border-box; }
   body { margin:0; background:var(--paper); color:var(--ink); font-family:var(--sans);
     font-size:17px; line-height:1.6; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; }
-  .wrap { max-width: 900px; margin: 0 auto; padding: 0 26px; }
+  .wrap { max-width: 940px; margin: 0 auto; padding: 0 26px; }
   header.top { padding: 72px 0 34px; position: relative; }
   header.top::after { content:""; position:absolute; left:26px; right:26px; bottom:0; height:1px;
     background: linear-gradient(90deg, var(--indigo), transparent 60%); }
@@ -35,9 +34,9 @@
   .meta-line b { color:var(--ink); font-weight:600; }
 
   .list { padding: 30px 0 20px; display:flex; flex-direction:column; gap:16px; }
-  .entry { display:grid; grid-template-columns: 1fr auto; gap:16px 20px; align-items:center;
+  .entry { display:grid; grid-template-columns: 1fr auto; gap:16px 22px; align-items:center;
     background:var(--paper-raised); border:1px solid var(--line); border-radius:14px; padding:22px 24px; box-shadow:var(--shadow); }
-  @media (max-width:640px){ .entry { grid-template-columns:1fr; } }
+  @media (max-width:660px){ .entry { grid-template-columns:1fr; } }
   .entry .body { min-width:0; }
   .tags { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:9px; }
   .tag { font-family:var(--mono); font-size:11px; letter-spacing:.03em; padding:3px 9px; border-radius:999px; border:1px solid var(--line); color:var(--ink-soft); }
@@ -47,13 +46,15 @@
   .entry h2 { font-family:var(--serif); font-weight:600; font-size:24px; line-height:1.15; margin:0 0 5px; letter-spacing:-.01em; }
   .entry p { margin:0; font-size:15px; color:var(--ink-soft); line-height:1.5; }
   .entry .updated { margin-top:9px; font-family:var(--mono); font-size:11.5px; color:var(--ink-soft); }
-  .actions { display:flex; gap:10px; align-items:center; }
+  .actions { display:flex; gap:9px; align-items:center; flex-wrap:wrap; }
-  @media (max-width:640px){ .actions { justify-content:flex-start; } }
+  @media (max-width:660px){ .actions { justify-content:flex-start; } }
-  .btn { font-family:var(--sans); font-size:14px; font-weight:600; text-decoration:none; border-radius:9px; padding:10px 15px; white-space:nowrap; display:inline-flex; align-items:center; gap:7px; transition:background .15s ease, color .15s ease, border-color .15s ease; }
+  .btn { font-family:var(--sans); font-size:13.5px; font-weight:600; text-decoration:none; border-radius:9px; padding:9px 14px; white-space:nowrap; display:inline-flex; align-items:center; gap:6px; transition:background .15s ease, color .15s ease, border-color .15s ease; }
   .btn.open { background:var(--indigo); color:#fff; border:1px solid var(--indigo); }
   .btn.open:hover { background:var(--indigo-deep); }
-  .btn.pdf { background:transparent; color:var(--indigo); border:1px solid color-mix(in srgb,var(--indigo) 45%,var(--line)); }
+  .btn.sum { background:transparent; color:var(--indigo); border:1px solid color-mix(in srgb,var(--indigo) 45%,var(--line)); }
-  .btn.pdf:hover { background:var(--indigo-tint); }
+  .btn.sum:hover { background:var(--indigo-tint); }
+  .btn.pdf { background:transparent; color:var(--ink-soft); border:1px solid var(--line); }
+  .btn.pdf:hover { border-color:var(--ink-soft); color:var(--ink); }
 
   footer { padding: 30px 0 70px; border-top:1px solid var(--line); margin-top:14px; }
   .foot { font-size:13px; color:var(--ink-soft); line-height:1.6; }
@@ -65,8 +66,8 @@
     <div class="wrap">
       <div class="kicker"><span class="mk">✎</span> Zoe Cross &nbsp;·&nbsp; Living Index</div>
       <h1>Business Plans <em>&amp;</em> Pitches</h1>
-      <p class="sub">Every plan and pitch, in one place — always the current version, each with its live page and a PDF to attach or print.</p>
+      <p class="sub">Every plan and pitch, in one place — always the current version. Each opens its full page, its one-page executive summary, and a PDF to attach or print.</p>
-      <div class="meta-line"><span><b>6</b> documents</span><span>Updated <b>27 Aug 2026</b></span><span>zoe-pitches.mosaic.site</span></div>
+      <div class="meta-line"><span><b>5</b> business plans</span><span>Updated <b>27 Aug 2026</b></span><span>zoe-pitches.mosaic.site</span></div>
     </div>
   </header>
 
@@ -75,106 +76,74 @@
 
       <article class="entry">
         <div class="body">
-          <div class="tags">
+          <div class="tags"><span class="tag type">Business Plan</span><span class="tag">EdTech · AI</span><span class="tag live"><span class="dot"></span> Live</span></div>
-            <span class="tag type">Business Plan</span>
+          <h2>Essay Helper</h2>
-            <span class="tag">SeniorTech · AI · Telecom</span>
+          <p>The AI writing coach that never invents a source — coaches citations inside Microsoft Word, with a trust guarantee enforced in code. Built on shipped, tested software.</p>
-            <span class="tag live"><span class="dot"></span> Live</span>
-          </div>
-          <h2>Evergreen</h2>
-          <p>A warm AI voice that calls an aging parent every morning, screens scam calls in the network, and reaches a licensed human in an emergency — built and live today. Full plan: market, competitive analysis, product, model, roadmap, and the ask.</p>
           <div class="updated">Updated 27 Aug 2026</div>
         </div>
         <div class="actions">
-          <a class="btn open" href="./evergreen-business-plan/">Open&nbsp;→</a>
+          <a class="btn open" href="./essay-helper/">Open&nbsp;→</a>
-          <a class="btn pdf" href="./evergreen-business-plan/Evergreen-Business-Plan.pdf">PDF&nbsp;↓</a>
+          <a class="btn sum" href="./essay-helper/summary.html">Summary</a>
+          <a class="btn pdf" href="./essay-helper/Essay-Helper-Business-Case.pdf">PDF&nbsp;↓</a>
         </div>
       </article>
 
       <article class="entry">
         <div class="body">
-          <div class="tags">
+          <div class="tags"><span class="tag type">Business Plan</span><span class="tag">SMB · SMS</span><span class="tag live"><span class="dot"></span> Live</span></div>
-            <span class="tag type">Business Plan</span>
-            <span class="tag">HealthTech · SMS · AI</span>
-            <span class="tag live"><span class="dot"></span> Live</span>
-          </div>
           <h2>No-Show Killer</h2>
-          <p>Autonomous SMS platform that refills cancelled appointment slots and prevents no-shows — full plan: market, competitive analysis, model, projections, risks.</p>
+          <p>An autonomous SMS platform that refills cancelled appointment slots in under a minute and prevents no-shows before they happen. Deployed and verified.</p>
           <div class="updated">Updated 27 Aug 2026</div>
         </div>
         <div class="actions">
           <a class="btn open" href="./no-show-killer/">Open&nbsp;→</a>
+          <a class="btn sum" href="./no-show-killer/summary.html">Summary</a>
           <a class="btn pdf" href="./no-show-killer/No-Show-Killer-Business-Plan.pdf">PDF&nbsp;↓</a>
         </div>
       </article>
 
       <article class="entry">
         <div class="body">
-          <div class="tags">
+          <div class="tags"><span class="tag type">Business Plan</span><span class="tag">ElderTech · AI</span><span class="tag live"><span class="dot"></span> Live</span></div>
-            <span class="tag type">Executive Summary</span>
+          <h2>Evergreen</h2>
-            <span class="tag">HealthTech · SMS · AI</span>
+          <p>An AI voice companion, scam shield, and licensed safety net for lonely seniors — built and live, with a full competitive analysis.</p>
-            <span class="tag live"><span class="dot"></span> Live</span>
-          </div>
-          <h2>No-Show Killer — Executive Summary</h2>
-          <p>The one-page, quick-glance version of the No-Show Killer plan.</p>
           <div class="updated">Updated 27 Aug 2026</div>
         </div>
         <div class="actions">
-          <a class="btn open" href="./no-show-killer-summary/">Open&nbsp;→</a>
+          <a class="btn open" href="./evergreen-business-plan/">Open&nbsp;→</a>
-          <a class="btn pdf" href="./no-show-killer-summary/No-Show-Killer-Executive-Summary.pdf">PDF&nbsp;↓</a>
+          <a class="btn sum" href="./evergreen-business-plan/summary.html">Summary</a>
+          <a class="btn pdf" href="./evergreen-business-plan/Evergreen-Business-Plan.pdf">PDF&nbsp;↓</a>
         </div>
       </article>
 
       <article class="entry">
         <div class="body">
-          <div class="tags">
+          <div class="tags"><span class="tag type">Business Plan</span><span class="tag">EdTech · AI</span></div>
-            <span class="tag type">Business Plan</span>
-            <span class="tag">EdTech · AI</span>
-            <span class="tag live"><span class="dot"></span> Live</span>
-          </div>
           <h2>FocusFlow</h2>
-          <p>An academic operating system for neurodivergent students — an AI coach paired with a tutor marketplace.</p>
+          <p>An academic operating system for neurodivergent students — an AI coach paired with a vetted tutor marketplace.</p>
           <div class="updated">Updated 27 Aug 2026</div>
         </div>
         <div class="actions">
           <a class="btn open" href="./focusflow/">Open&nbsp;→</a>
+          <a class="btn sum" href="./focusflow/summary.html">Summary</a>
           <a class="btn pdf" href="./focusflow/FocusFlow-Business-Plan.pdf">PDF&nbsp;↓</a>
         </div>
       </article>
 
       <article class="entry">
         <div class="body">
-          <div class="tags">
+          <div class="tags"><span class="tag type">Business Plan</span><span class="tag">Consumer · AI</span></div>
-            <span class="tag type">Business Plan</span>
-            <span class="tag">Consumer · AI</span>
-            <span class="tag live"><span class="dot"></span> Live</span>
-          </div>
           <h2>Clutch</h2>
-          <p>The AI concierge for everything you keep meaning to do — it makes the calls, waits on hold, and runs the errands you dread, from one plain-English request.</p>
+          <p>The AI concierge that makes the calls, waits on hold, and runs your errands — the whole tedious phone-and-admin layer of life, handled.</p>
           <div class="updated">Updated 27 Aug 2026</div>
         </div>
         <div class="actions">
           <a class="btn open" href="./clutch/">Open&nbsp;→</a>
+          <a class="btn sum" href="./clutch/summary.html">Summary</a>
           <a class="btn pdf" href="./clutch/Clutch-Business-Plan.pdf">PDF&nbsp;↓</a>
         </div>
       </article>
 
-      <article class="entry">
-        <div class="body">
-          <div class="tags">
-            <span class="tag type">Business Plan</span>
-            <span class="tag">EdTech · AI</span>
-            <span class="tag live"><span class="dot"></span> Live</span>
-          </div>
-          <h2>Essay Helper</h2>
-          <p>The AI writing coach that never invents a source — problem, product, moat, market, model, roadmap, and the ask. Built on shipped, tested software.</p>
-          <div class="updated">Updated 27 Aug 2026</div>
-        </div>
-        <div class="actions">
-          <a class="btn open" href="./essay-helper/">Open&nbsp;→</a>
-          <a class="btn pdf" href="./essay-helper/Essay-Helper-Business-Case.pdf">PDF&nbsp;↓</a>
-        </div>
-      </article>
-
     </div>
   </main>
 

no-show-killer/summary.html

@@ -0,0 +1,178 @@
+<meta charset="utf-8">
+<title>No-Show Killer &mdash; Executive Summary</title>
+<style>
+  :root{
+    --ink:#0B1210; --surface:#111A16; --card:#15211C; --card-2:#18271F;
+    --line:rgba(140,180,160,.16); --line-strong:rgba(140,180,160,.30);
+    --text:#E9F1EC; --muted:#96AAA1; --faint:#6F857B;
+    --emerald:#34D399; --emerald-deep:#10B981; --emerald-glow:#6EE7B7;
+    --gold:#E7B24C; --coral:#F0796B;
+    --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:#F3F7F3; --surface:#FBFDFB; --card:#FFFFFF; --card-2:#F6FAF7;
+      --line:rgba(20,60,40,.12); --line-strong:rgba(20,60,40,.22);
+      --text:#0D1613; --muted:#4E625A; --faint:#78897F;
+      --emerald:#059669; --emerald-deep:#047857; --emerald-glow:#0EA271; --gold:#A9791F; --coral:#C8503F; }
+  }
+  :root[data-theme="dark"]{ --ink:#0B1210; --surface:#111A16; --card:#15211C; --card-2:#18271F;
+    --line:rgba(140,180,160,.16); --line-strong:rgba(140,180,160,.30);
+    --text:#E9F1EC; --muted:#96AAA1; --faint:#6F857B;
+    --emerald:#34D399; --emerald-deep:#10B981; --emerald-glow:#6EE7B7; --gold:#E7B24C; --coral:#F0796B; }
+  :root[data-theme="light"]{ --ink:#F3F7F3; --surface:#FBFDFB; --card:#FFFFFF; --card-2:#F6FAF7;
+    --line:rgba(20,60,40,.12); --line-strong:rgba(20,60,40,.22);
+    --text:#0D1613; --muted:#4E625A; --faint:#78897F;
+    --emerald:#059669; --emerald-deep:#047857; --emerald-glow:#0EA271; --gold:#A9791F; --coral:#C8503F; }
+
+  *{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(--emerald);box-shadow:0 0 12px var(--emerald)}
+  .head .doc{font-family:var(--mono); font-size:11.5px; letter-spacing:.16em; text-transform:uppercase; color:var(--emerald); 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(--emerald); box-shadow:0 0 7px var(--emerald)}
+  a.pill{color:var(--emerald); border-color:color-mix(in srgb,var(--emerald) 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:26ch}
+  .thesis .em{color:var(--emerald)}
+  .deck{color:var(--muted); margin-top:12px; max-width:70ch; 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(--emerald)}
+  .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(--emerald); 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(--emerald) 20%,transparent); color:var(--emerald)}
+  .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{margin-top:18px; background:var(--card-2); border:1px solid var(--line-strong); border-left:3px solid var(--emerald); border-radius:0 12px 12px 0; padding:16px 20px}
+  .ask .lab{font-family:var(--mono); font-size:10.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--emerald); margin-bottom:6px}
+  .ask p{font-size:14.5px}
+  .ask b{color:var(--text)}
+
+  .foot{margin-top:22px; border-top:1px solid var(--line); padding-top:14px; font-family:var(--mono); font-size:11px; color:var(--faint); display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap}
+  .foot a{color:var(--emerald); text-decoration:none}
+
+  @media print{
+    :root{ --ink:#fff; --surface:#fff; --card:#fff; --card-2:#F6FAF7; --line:rgba(20,60,40,.16); --line-strong:rgba(20,60,40,.28);
+      --text:#0D1613; --muted:#3E524A; --faint:#5A6E64; --emerald:#047857; --emerald-deep:#065f46; --gold:#9A6B15; --coral:#B84331; }
+    *{ -webkit-print-color-adjust:exact !important; print-color-adjust:exact !important }
+    @page{ size:A4; margin:10mm }
+    html,body{ background:#fff; font-size:11.5px; line-height:1.48 }
+    .sheet{ padding:0; max-width:none }
+    .head{ padding-bottom:12px } .head .right .pill.pdflink{ display:none }
+    .thesis{ font-size:21px; margin:14px 0 3px }
+    .deck{ font-size:12px; margin-top:8px }
+    .grid3{ margin-top:12px; gap:10px } .blk{ padding:13px 14px } .blk h3{ font-size:14.5px } .blk p{ font-size:11.5px; line-height:1.42 }
+    .stats{ margin-top:10px } .stats > div{ padding:11px 13px } .stats .k{ font-size:22px }
+    .split{ margin-top:10px; gap:10px } .econ,.status{ padding:14px } .econ .big{ font-size:19px }
+    .srow{ padding:3px 0 } .ask{ margin-top:11px; padding:12px 16px } .ask p{ font-size:12.5px }
+    .foot{ margin-top:12px; padding-top:10px }
+    .blk,.econ,.status,.ask,.stats{ break-inside:avoid }
+  }
+</style>
+
+<div class="sheet">
+  <div class="head">
+    <div>
+      <div class="brand"><span class="spark"></span>No-Show Killer</div>
+      <div class="doc">Executive Summary</div>
+    </div>
+    <div class="right">
+      <span class="pill"><span class="dot"></span>Live in production</span>
+      <a class="pill pdflink" href="https://zoe-pitches.mosaic.site/no-show-killer/No-Show-Killer-Executive-Summary.pdf">PDF &#8595;</a>
+    </div>
+  </div>
+
+  <p class="thesis">Turn empty appointment chairs back into revenue &mdash; <span class="em">automatically</span>.</p>
+  <p class="deck">No-Show Killer is a deployed SMS platform for appointment-based businesses. The moment a client cancels, it races down the waitlist by text and refills the slot in under a minute &mdash; and predicts, reminds, and auto-nudges to stop no-shows before they happen. It&rsquo;s built, tested, live, and one carrier-registration step from its first paying customer.</p>
+
+  <div class="grid3">
+    <div class="blk">
+      <div class="lab g">The problem</div>
+      <h3>Perishable inventory, lost forever</h3>
+      <p>A no-show is an hour that can never be sold again &mdash; 10&ndash;15% of revenue at a typical service SMB. The manual fix (calling down a paper waitlist) can&rsquo;t move in the sub-minute window that matters.</p>
+    </div>
+    <div class="blk">
+      <div class="lab">The solution</div>
+      <h3>An autonomous recovery engine</h3>
+      <p>Cancellation &rarr; ranked waitlist cascade &rarr; first &ldquo;YES&rdquo; books the chair, atomically. Plus AI risk-scoring, confirmations, auto-pilot nudges, and a morning owner brief &mdash; all over plain SMS.</p>
+    </div>
+    <div class="blk">
+      <div class="lab">Why it wins</div>
+      <h3>Provable ROI, horizontal reach</h3>
+      <p>It pays for itself the first time it refills one chair. One product serves salons, dental, physio, gyms, restaurants &mdash; and it&rsquo;s AI-native and genuinely delightful, so owners keep it on.</p>
+    </div>
+  </div>
+
+  <div class="stats">
+    <div><div class="k tnum">100%</div><div class="m">Feature arc shipped</div></div>
+    <div><div class="k g tnum">411</div><div class="m">Automated tests green</div></div>
+    <div><div class="k tnum">Live</div><div class="m">Deployed &amp; verified</div></div>
+    <div><div class="k g tnum">1</div><div class="m">Product, many verticals</div></div>
+  </div>
+
+  <div class="split">
+    <div class="econ">
+      <div class="lab">Unit economics</div>
+      <div class="eq">
+        <span class="hi">1</span> chair refilled &nbsp;=&nbsp; <span class="hi">$75&ndash;$300+</span> recovered<br>
+        <span class="hg">1</span> subscription &nbsp;&asymp;&nbsp; <span class="hg">the price of one chair</span><br>
+        &rarr;&nbsp; pays for itself the first week it&rsquo;s used
+      </div>
+      <div class="big">One save covers the month.</div>
+      <p style="color:var(--muted); font-size:12.5px; margin-top:7px">Model: recurring per-location SaaS, low cost to serve, expandable to multi-location &amp; tiers. <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> Deployed to production, current build <span class="g2">DONE</span></div>
+      <div class="srow"><span class="ic ok">&#10003;</span> Full arc &middot; 411 tests green <span class="g2">DONE</span></div>
+      <div class="srow"><span class="ic ok">&#10003;</span> All revenue features armed <span class="g2">DONE</span></div>
+      <div class="srow"><span class="ic gate">!</span> A2P 10DLC carrier registration <span class="g2">GATE</span></div>
+      <div class="srow"><span class="ic gate">!</span> Pre-launch secret rotation <span class="g2">GATE</span></div>
+    </div>
+  </div>
+
+  <div class="ask">
+    <div class="lab">The ask</div>
+    <p><b>A green light to finish the A2P registration and recruit 3&ndash;5 design-partner businesses.</b> The build risk is behind us &mdash; this is now about putting a finished product in front of businesses that lose money every week without it, and turning real recovered dollars into the sales story.</p>
+  </div>
+
+  <div class="foot">
+    <span>No-Show Killer &middot; Executive Summary &middot; Confidential</span>
+    <span>Full plan: <a href="https://zoe-pitches.mosaic.site/no-show-killer/">zoe-pitches.mosaic.site/no-show-killer</a></span>
+  </div>
+</div>