zoe-pitches/no-show-killer-summary/index.html

178 lines
12 KiB
HTML

<title>No-Show Killer — 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-summary/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>