fix: analyzer OpenAI runtime guard, fetch timeout/retry, model env var

.env.example

@@ -5,6 +5,9 @@
 ANTHROPIC_API_KEY=           # sk-ant-api* format
 OPENAI_API_KEY=              # sk-* format (fallback if Anthropic unavailable)
 
+# Model override (optional - defaults to claude-haiku-4-5-20250315)
+EXITSTORM_ANALYSIS_MODEL=
+
 # Database
 DB_PATH=data/contributions.db
 

.superpowers/brainstorm/50469-1774880047/content/homepage-direction.html

@@ -0,0 +1,51 @@
+<h2>ExitStorm Homepage - Direction</h2>
+<p class="subtitle">What vibe should the homepage set?</p>
+
+<div class="cards">
+  <div class="card" data-choice="a" onclick="toggleSelect(this)">
+    <div class="card-image" style="background: linear-gradient(135deg, #0a0a1a 0%, #1a1a3e 50%, #0d0d2b 100%); padding: 40px; text-align: center;">
+      <div style="font-size: 48px; margin-bottom: 16px;">&#9889;</div>
+      <div style="font-family: monospace; color: #00ff88; font-size: 14px; margin-bottom: 8px;">analyzeProject("AdLens", "AI ad optimization")</div>
+      <div style="display: flex; gap: 12px; justify-content: center; margin-top: 16px;">
+        <div style="background: rgba(0,255,136,0.1); border: 1px solid rgba(0,255,136,0.3); border-radius: 8px; padding: 12px 16px;">
+          <div style="color: #00ff88; font-size: 20px; font-weight: bold;">8.1</div>
+          <div style="color: #888; font-size: 10px;">PRIORITY</div>
+        </div>
+        <div style="background: rgba(0,136,255,0.1); border: 1px solid rgba(0,136,255,0.3); border-radius: 8px; padding: 12px 16px;">
+          <div style="color: #0088ff; font-size: 20px; font-weight: bold;">$96K</div>
+          <div style="color: #888; font-size: 10px;">ARR</div>
+        </div>
+        <div style="background: rgba(255,136,0,0.1); border: 1px solid rgba(255,136,0,0.3); border-radius: 8px; padding: 12px 16px;">
+          <div style="color: #ff8800; font-size: 20px; font-weight: bold;">7,500</div>
+          <div style="color: #888; font-size: 10px;">POINTS</div>
+        </div>
+      </div>
+    </div>
+    <div class="card-body">
+      <h3>A: Dark Tech / Developer-Focused</h3>
+      <p>Dark background, terminal-style code snippets, glowing accent colors. Speaks to builders and AI agents. Shows the pipeline as a live demo. "Drop an idea, get a financial model."</p>
+    </div>
+  </div>
+
+  <div class="card" data-choice="b" onclick="toggleSelect(this)">
+    <div class="card-image" style="background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 50%, #f8f9fa 100%); padding: 40px; text-align: center;">
+      <div style="font-size: 48px; margin-bottom: 16px;">&#9889;</div>
+      <div style="font-family: system-ui; color: #1a1a2e; font-size: 24px; font-weight: 700; margin-bottom: 8px;">Turn Ideas Into Exits</div>
+      <div style="color: #666; font-size: 14px; margin-bottom: 16px;">Financial models. Priority scores. Team matching. Automated.</div>
+      <div style="display: flex; gap: 12px; justify-content: center;">
+        <div style="background: white; border-radius: 12px; padding: 16px 20px; box-shadow: 0 2px 8px rgba(0,0,0,0.08);">
+          <div style="color: #1a1a2e; font-size: 22px; font-weight: bold;">8 Criteria</div>
+          <div style="color: #999; font-size: 11px;">SCORING</div>
+        </div>
+        <div style="background: white; border-radius: 12px; padding: 16px 20px; box-shadow: 0 2px 8px rgba(0,0,0,0.08);">
+          <div style="color: #1a1a2e; font-size: 22px; font-weight: bold;">5 Tiers</div>
+          <div style="color: #999; font-size: 11px;">VALUATION</div>
+        </div>
+      </div>
+    </div>
+    <div class="card-body">
+      <h3>B: Clean / Business-Focused</h3>
+      <p>Light background, clean typography, professional feel. Speaks to founders and operators. Shows the value prop clearly. "The operating system for micro-SaaS exits."</p>
+    </div>
+  </div>
+</div>

.superpowers/brainstorm/50469-1774880047/content/homepage-layout.html

@@ -0,0 +1,37 @@
+<h2>Homepage Layout - Sections</h2>
+<p class="subtitle">How should the page flow? Click to select.</p>
+
+<div class="options">
+  <div class="option" data-choice="a" onclick="toggleSelect(this)">
+    <div class="letter">A</div>
+    <div class="content">
+      <h3>Split Audience - Tabs</h3>
+      <p>Hero section shared, then two tabs: "I'm Building" and "I'm Investing". Each tab shows tailored messaging. Keeps the page short, lets each audience self-select.</p>
+      <div style="margin-top: 12px; font-family: monospace; font-size: 12px; color: #888;">
+        Hero -> [Builders Tab | Investors Tab] -> How It Works -> CTA
+      </div>
+    </div>
+  </div>
+
+  <div class="option" data-choice="b" onclick="toggleSelect(this)">
+    <div class="letter">B</div>
+    <div class="content">
+      <h3>Single Scroll - Two Zones</h3>
+      <p>Bold hero that hooks everyone, then a "For Builders" section with the pipeline and scoring, then a "For Investors" section with due diligence and portfolio analysis. Natural scroll, no tabs.</p>
+      <div style="margin-top: 12px; font-family: monospace; font-size: 12px; color: #888;">
+        Hero -> For Builders (pipeline, scoring, teams) -> For Investors (analysis, portfolio, due diligence) -> CTA
+      </div>
+    </div>
+  </div>
+
+  <div class="option" data-choice="c" onclick="toggleSelect(this)">
+    <div class="letter">C</div>
+    <div class="content">
+      <h3>Unified Story - Woven Together</h3>
+      <p>One narrative that serves both: "Here's how ideas become exits." Each section naturally speaks to both audiences - builders see the tools, investors see the rigor. Audience-specific CTAs at the bottom.</p>
+      <div style="margin-top: 12px; font-family: monospace; font-size: 12px; color: #888;">
+        Hero -> The Pipeline -> Scoring -> Financials -> Teams -> Track Record -> Builder CTA | Investor CTA
+      </div>
+    </div>
+  </div>
+</div>