copy: position the product, and say only what is true

- An engraved positioning line over the headline: 'the open
  audioserver'. It is the claim the rest of the page substantiates.
- The API heading no longer ties itself in grammatical knots: 'An API
  where curl is a first-class client.'
- The closing traded its in-joke (the front-door metaphor only lands if
  you know the codebase) for the fact it stood for: everything runs on
  your own network — pull the internet cable, and your library keeps
  playing. 'Library', not 'music': streaming without internet would be
  a lie.

Author: rudyberends

assets/site.css

@@ -176,6 +176,23 @@ svg {
   justify-content: center;
 }
 
+/* The positioning line over the headline — engraved, like every label in the product. */
+.hero-eyebrow {
+  margin-top: 30px;
+  color: var(--muted);
+}
+
+.hero-eyebrow::before {
+  background: var(--accent);
+  opacity: 1;
+  box-shadow: 0 0 8px rgb(74 222 128 / 60%);
+}
+
+.hero-eyebrow + h1,
+.hero-eyebrow ~ h1 {
+  margin-top: 14px;
+}
+
 /*
  * Headings are cut from light: white at the cap line falling to grey at the baseline.
  * It is the one indulgence the type allows itself, and it is what makes the near-black

index.html

@@ -98,6 +98,8 @@
               </g>
             </svg>
 
+            <p class="eyebrow hero-eyebrow">the open audioserver</p>
+
             <!-- Each line steps out from behind its own baseline, one after the other. -->
             <h1>
               <span class="line" style="--l: 0"><span class="line-in">One server.</span></span>
@@ -741,7 +743,7 @@ <h2 class="h2 h2-sub">And it plays well with the rest of the house.</h2>
         <div class="wrap">
           <div class="section-head rise">
             <p class="eyebrow">for builders</p>
-            <h2 class="h2">An API a <code>curl</code> one-liner is a first-class client of.</h2>
+            <h2 class="h2">An API where <code>curl</code> is a first-class client.</h2>
             <p class="lede">
               Commands are plain HTTP, and reading state never requires polling: subscribe to the event
               stream once and you are told about every change. No handshake, no correlation ids, no SDK to
@@ -902,8 +904,8 @@ <h2 class="h2">Running before the coffee is.</h2>
           <p class="eyebrow eyebrow-center">open source · self-hosted · yours</p>
           <h2 class="h2">Your music deserves a server this good.</h2>
           <p class="lede">
-            No subscription, no cloud dependency, no speakers to replace. An audioserver on your LAN with
-            no route out still draws its own front door.
+            No subscription, no cloud dependency, no speakers to replace. Everything runs on your own
+            network — pull the internet cable, and your library keeps playing.
           </p>
           <div class="actions">
             <a class="btn btn-primary" href="https://github.com/sonn-audio/core" rel="noopener">