Tighten hero, add API quick-start section

Remove 80vh min-height from hero. Add curl examples showing
poll creation, ZK vote casting, and results retrieval.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

Author: stackdump

public/bitwrap.css

@@ -65,14 +65,46 @@ body {
 
 /* Hero */
 .hero {
-    min-height: 80vh;
     display: flex;
     align-items: center;
     justify-content: center;
-    padding: 120px 32px 80px;
+    padding: 120px 32px 64px;
     background: radial-gradient(ellipse at 50% 30%, rgba(0,255,163,0.05) 0%, transparent 70%);
 }
 
+/* Quick-start code block */
+.quickstart {
+    max-width: 720px;
+    margin: 0 auto;
+    text-align: left;
+}
+
+.quickstart-label {
+    font-family: var(--mono);
+    font-size: 0.75rem;
+    color: var(--text-muted);
+    margin-bottom: 8px;
+    text-transform: uppercase;
+    letter-spacing: 0.08em;
+}
+
+.quickstart pre {
+    background: var(--bg-card);
+    border: 1px solid var(--border);
+    border-radius: var(--radius);
+    padding: 20px 24px;
+    overflow-x: auto;
+    font-family: var(--mono);
+    font-size: 0.85rem;
+    line-height: 1.7;
+    color: var(--text);
+    margin: 0;
+}
+
+.quickstart pre .comment { color: #555; }
+.quickstart pre .string { color: var(--accent); }
+.quickstart pre .flag { color: #888; }
+
 .hero-content {
     text-align: center;
     max-width: 700px;

public/index.html

@@ -26,11 +26,38 @@ <h1>Anonymous On-Chain Voting</h1>
             <p>Create polls where every vote is backed by a ZK proof. No one sees how you voted. Everyone can verify the result is correct. Deploy to any EVM chain.</p>
             <div class="hero-buttons">
                 <a class="btn-primary" href="/poll">Create a Poll</a>
-                <a class="btn-secondary" href="#how-it-works">How It Works</a>
+                <a class="btn-secondary" href="#quick-start">Quick Start</a>
             </div>
         </div>
     </section>
 
+    <section class="section" id="quick-start">
+        <h2>Quick Start</h2>
+        <p class="section-sub">Three API calls. Create a poll, cast a ZK-proven vote, read the results.</p>
+        <div class="quickstart">
+            <div class="quickstart-label">Create a poll</div>
+            <pre><span class="flag">curl</span> <span class="flag">-X POST</span> https://api.bitwrap.io/api/polls <span class="flag">\
+  -H</span> <span class="string">"Content-Type: application/json"</span> <span class="flag">\
+  -d</span> <span class="string">'{"title":"Board Vote","choices":["Approve","Reject","Abstain"],"duration":"24h"}'</span>
+
+<span class="comment"># → {"id":"p_8f3a...","status":"active","choices":3}</span></pre>
+        </div>
+        <div class="quickstart" style="margin-top: 20px;">
+            <div class="quickstart-label">Cast a vote with ZK proof</div>
+            <pre><span class="flag">curl</span> <span class="flag">-X POST</span> https://api.bitwrap.io/api/polls/p_8f3a.../vote <span class="flag">\
+  -H</span> <span class="string">"Content-Type: application/json"</span> <span class="flag">\
+  -d</span> <span class="string">'{"choice":0,"secret":"voter-entropy","nullifier":"unique-id"}'</span>
+
+<span class="comment"># → {"nullifier":"0x4b2c...","proof":{"a":...,"b":...,"c":...},"verified":true}</span></pre>
+        </div>
+        <div class="quickstart" style="margin-top: 20px;">
+            <div class="quickstart-label">Get results</div>
+            <pre><span class="flag">curl</span> https://api.bitwrap.io/api/polls/p_8f3a.../results
+
+<span class="comment"># → {"tally":[12,7,3],"total":22,"choices":["Approve","Reject","Abstain"]}</span></pre>
+        </div>
+    </section>
+
     <section class="section" id="how-it-works">
         <h2>Vote &rarr; Prove &rarr; Tally</h2>
         <p class="section-sub">Voter privacy and result integrity in one protocol.</p>