zoe-pitches/index.html

181 lines
13 KiB
HTML

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="description" content="Zoe Cross — a living index of business plans and pitches. Each opens its full plan, a one-page executive summary, a printable PDF, and a live demo where one exists." />
<meta name="color-scheme" content="light dark" />
<title>Business Plans &amp; Pitches — Zoe Cross</title>
<style>
:root {
--paper: #f4f2ec; --paper-raised: #fffefb; --ink: #1d2028; --ink-soft: #5c616e;
--indigo: #333e8f; --indigo-deep: #212a5e; --indigo-tint: #ebedf8; --gold: #9a6a12;
--good: #2e6b53; --line: #ded9cd; --shadow: 0 1px 2px rgba(29,32,40,.05), 0 12px 32px rgba(29,32,40,.08);
--serif: "Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;
--sans: system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
--mono: "SF Mono","JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;
}
@media (prefers-color-scheme: dark) {
:root { --paper:#15171c; --paper-raised:#1e212a; --ink:#ece9e2; --ink-soft:#9aa0ae;
--indigo:#98a2ef; --indigo-deep:#20264a; --indigo-tint:#242a44; --gold:#d7a44c;
--good:#6bbd97; --line:#2f333f; --shadow:0 1px 2px rgba(0,0,0,.4), 0 14px 34px rgba(0,0,0,.36); }
}
* { 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: 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%); }
.kicker { font-size:12px; font-weight:700; letter-spacing:.18em; text-transform:uppercase; color:var(--indigo); display:flex; align-items:center; gap:9px; }
.kicker .mk { font-family:var(--serif); font-size:18px; }
h1 { font-family:var(--serif); font-weight:600; font-size: clamp(38px, 6.5vw, 60px); line-height:1.02; letter-spacing:-.02em; margin:18px 0 12px; }
h1 em { font-style:italic; color:var(--indigo); }
.sub { font-size:18px; color:var(--ink-soft); max-width:60ch; margin:0; }
.meta-line { margin-top:16px; font-family:var(--mono); font-size:12.5px; color:var(--ink-soft); display:flex; gap:16px; flex-wrap:wrap; }
.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 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: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); }
.tag.type { color:var(--indigo); border-color:color-mix(in srgb, var(--indigo) 34%, var(--line)); }
.tag.live { color:var(--good); border-color:color-mix(in srgb, var(--good) 40%, var(--line)); display:inline-flex; align-items:center; gap:6px; }
.tag.live .dot { width:6px; height:6px; border-radius:50%; background:var(--good); }
.tag.demo { color:var(--gold); border-color:color-mix(in srgb, var(--gold) 42%, var(--line)); }
.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:9px; align-items:center; flex-wrap:wrap; }
@media (max-width:660px){ .actions { justify-content:flex-start; } }
.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.sum { background:transparent; color:var(--indigo); border:1px solid color-mix(in srgb,var(--indigo) 45%,var(--line)); }
.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); }
.btn.demo { background:transparent; color:var(--gold); border:1px solid color-mix(in srgb,var(--gold) 50%,var(--line)); }
.btn.demo:hover { background:color-mix(in srgb,var(--gold) 14%, transparent); border-color:var(--gold); }
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; }
a:focus-visible, .btn:focus-visible { outline:2px solid var(--indigo); outline-offset:3px; }
/* Skip link — visible only on keyboard focus */
.skip { position:absolute; left:12px; top:-48px; z-index:100; background:var(--indigo); color:#fff;
padding:10px 16px; border-radius:9px; font-family:var(--sans); font-size:14px; font-weight:600;
text-decoration:none; transition:top .15s ease; }
.skip:focus { top:12px; }
/* Comfortable touch targets on touch / small screens (WCAG 2.5.5) */
@media (pointer: coarse), (max-width:660px) {
.btn { min-height:44px; padding-top:11px; padding-bottom:11px; }
}
@media (prefers-reduced-motion: reduce) {
* { transition:none !important; }
}
</style>
</head>
<body>
<a class="skip" href="#main">Skip to the plans</a>
<header class="top">
<div class="wrap">
<div class="kicker"><span class="mk" aria-hidden="true">✎</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 opens its full page, its one-page executive summary, a PDF to attach or print, and a live demo where one exists.</p>
<div class="meta-line"><span><b>5</b> business plans</span><span><b>4</b> live demos</span><span>Updated <b>27 Aug 2026</b></span><span>zoe-pitches.mosaic.site</span></div>
</div>
</header>
<main class="wrap" id="main">
<div class="list">
<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" aria-hidden="true"></span> Live</span></div>
<h2>Essay Helper</h2>
<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>
<div class="updated">Updated 27 Aug 2026</div>
</div>
<div class="actions">
<a class="btn open" href="./essay-helper/" aria-label="Open the Essay Helper full business plan">Open&nbsp;<span aria-hidden="true">→</span></a>
<a class="btn sum" href="./essay-helper/summary.html" aria-label="Essay Helper executive summary">Summary</a>
<a class="btn pdf" href="./essay-helper/Essay-Helper-Business-Case.pdf" aria-label="Download the Essay Helper plan as PDF">PDF&nbsp;<span aria-hidden="true">↓</span></a>
</div>
</article>
<article class="entry">
<div class="body">
<div class="tags"><span class="tag type">Business Plan</span><span class="tag">SMB · SMS</span><span class="tag demo">Live demo</span></div>
<h2>No-Show Killer</h2>
<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 demo" href="https://no-show-killer.mosaic.site" target="_blank" rel="noopener" aria-label="Open the live No-Show Killer demo in a new tab">Live&nbsp;demo&nbsp;<span aria-hidden="true">↗</span></a>
<a class="btn open" href="./no-show-killer/" aria-label="Open the No-Show Killer full business plan">Open&nbsp;<span aria-hidden="true">→</span></a>
<a class="btn sum" href="./no-show-killer/summary.html" aria-label="No-Show Killer executive summary">Summary</a>
<a class="btn pdf" href="./no-show-killer/No-Show-Killer-Business-Plan.pdf" aria-label="Download the No-Show Killer plan as PDF">PDF&nbsp;<span aria-hidden="true">↓</span></a>
</div>
</article>
<article class="entry">
<div class="body">
<div class="tags"><span class="tag type">Business Plan</span><span class="tag">ElderTech · AI</span><span class="tag demo">Live demo</span></div>
<h2>Evergreen</h2>
<p>An AI voice companion, scam shield, and licensed safety net for lonely seniors — built and live, with a full competitive analysis.</p>
<div class="updated">Updated 27 Aug 2026</div>
</div>
<div class="actions">
<a class="btn demo" href="https://evergreen-prototype.mosaic.site/?demo=family" target="_blank" rel="noopener" aria-label="Open the live Evergreen interactive prototype in a new tab">Live&nbsp;demo&nbsp;<span aria-hidden="true">↗</span></a>
<a class="btn open" href="./evergreen-business-plan/" aria-label="Open the Evergreen full business plan">Open&nbsp;<span aria-hidden="true">→</span></a>
<a class="btn sum" href="./evergreen-business-plan/summary.html" aria-label="Evergreen executive summary">Summary</a>
<a class="btn pdf" href="./evergreen-business-plan/Evergreen-Business-Plan.pdf" aria-label="Download the Evergreen plan as PDF">PDF&nbsp;<span aria-hidden="true">↓</span></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 demo">Live demo</span></div>
<h2>FocusFlow</h2>
<p>An academic operating system for neurodivergent students — an AI coach paired with a vetted tutor marketplace. Live in production today.</p>
<div class="updated">Updated 27 Aug 2026</div>
</div>
<div class="actions">
<a class="btn demo" href="https://focusflow-lock-in.ca" target="_blank" rel="noopener" aria-label="Open the live FocusFlow app in a new tab">Live&nbsp;demo&nbsp;<span aria-hidden="true">↗</span></a>
<a class="btn open" href="./focusflow/" aria-label="Open the FocusFlow full business plan">Open&nbsp;<span aria-hidden="true">→</span></a>
<a class="btn sum" href="./focusflow/summary.html" aria-label="FocusFlow executive summary">Summary</a>
<a class="btn pdf" href="./focusflow/FocusFlow-Business-Plan.pdf" aria-label="Download the FocusFlow plan as PDF">PDF&nbsp;<span aria-hidden="true">↓</span></a>
</div>
</article>
<article class="entry">
<div class="body">
<div class="tags"><span class="tag type">Business Plan</span><span class="tag">Consumer · AI</span><span class="tag demo">Live demo</span></div>
<h2>Clutch</h2>
<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 demo" href="https://clutch.mosaic.site" target="_blank" rel="noopener" aria-label="Open the live Clutch product in a new tab">Live&nbsp;demo&nbsp;<span aria-hidden="true">↗</span></a>
<a class="btn open" href="./clutch/" aria-label="Open the Clutch full business plan">Open&nbsp;<span aria-hidden="true">→</span></a>
<a class="btn sum" href="./clutch/summary.html" aria-label="Clutch executive summary">Summary</a>
<a class="btn pdf" href="./clutch/Clutch-Business-Plan.pdf" aria-label="Download the Clutch plan as PDF">PDF&nbsp;<span aria-hidden="true">↓</span></a>
</div>
</article>
</div>
</main>
<footer>
<div class="wrap">
<p class="foot">Confidential — internal planning documents. Product and engineering claims reflect current work; market and financial figures are illustrative planning assumptions.</p>
</div>
</footer>
</body>
</html>