hero: lead with 'A CRM that fits SDCC's work. Not the other way around.'

502c2824b4885d964ab7af32be26758f2c7f606a · 2026-05-20 08:42:24 -0700 · SteveStudio2

Files touched

M public/index.html
M public/styles.css

Diff

commit 502c2824b4885d964ab7af32be26758f2c7f606a
Author: SteveStudio2 <stevestudio2@SteveStacStudio.lan>
Date:   Wed May 20 08:42:24 2026 -0700

    hero: lead with 'A CRM that fits SDCC's work. Not the other way around.'
---
 public/index.html | 7 ++++---
 public/styles.css | 4 ++++
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/public/index.html b/public/index.html
index c51f770..b7e18d0 100644
--- a/public/index.html
+++ b/public/index.html
@@ -45,10 +45,11 @@
 <section class="hero">
   <div class="hero-inner">
     <p class="kicker">A proposal for the Student Debt Crisis Center</p>
-    <h1>An AI platform built for borrower advocacy.</h1>
+    <h1>A CRM that fits SDCC's work.<br><span class="hero-h1-quiet">Not the other way around.</span></h1>
     <p class="lede">
-      Norma gives SDCC's staff an AI research analyst, draft writer, and inbox triage agent —
-      without giving up control of the voice, the message, or the borrowers' trust.
+      Off-the-shelf CRMs model sales pipelines. SDCC's work is borrower-in-crisis → story tagged →
+      policy lever → press hit → coalition activation. Norma was built for that shape — with AI as
+      the substrate, not a bolted-on add-on, and SDCC owning every byte of the data.
     </p>
     <div class="hero-cta">
       <a href="#why" class="btn-primary">Start the lecture</a>
diff --git a/public/styles.css b/public/styles.css
index a0caffd..5469b82 100644
--- a/public/styles.css
+++ b/public/styles.css
@@ -112,6 +112,10 @@ code { font-family: 'SF Mono', Menlo, Consolas, monospace; font-size: .85em; bac
   font-size: clamp(34px, 5.2vw, 56px); line-height: 1.1; letter-spacing: -1px;
   margin: 0 0 22px; color: var(--sdcc-blue-deep);
 }
+.hero-h1-quiet {
+  display: block; font-style: italic; color: var(--sdcc-amber-deep);
+  font-size: 0.72em; margin-top: 6px; font-weight: 500;
+}
 .lede { font-size: 18px; color: var(--ink-2); max-width: 720px; margin: 0 auto 28px; }
 .hero-cta { display: flex; gap: 12px; justify-content: center; margin-bottom: 22px; flex-wrap: wrap; }
 .hero-meta { font-size: 13px; color: var(--muted); margin: 0; }

← 16362c0 add: 'Why custom CRM?' section — head-to-head vs Salesforce/ · back to Norma Sdcc Pitch · add: sdcc + steve login gate, ElevenLabs voice cloning scrip 9383603 →