Rewrite landing to El component architecture

Full El component split: nav, hero, pillars, inference, pricing, footer, about,
enterprise, mission, viral, local_first, comparison, efficiency, environmental.

- About page rewritten first-person (Will's voice), photo included, no product spoilers
- Stripe checkout wired: env() reads STRIPE_SECRET_KEY/PRICE_* at startup
- Minor parent-onboarding callout added to pricing section
- Inference pricing: "at cost" removed, now "priced below competitors"
- Nav: wordmark image, About link active on /about
- .gitignore: excludes .env, dist/, generated HTML

src/how_it_works.el

@@ -0,0 +1,54 @@
+// components/how_it_works.el — "Three moments. Permanent context." steps.
+
+fn how_it_works() -> String {
+    return "
+<section id=\"how-it-works\" aria-label=\"How it works\">
+  <div class=\"container\">
+
+    <div class=\"hiw-header\">
+      <div class=\"navy-line\" style=\"margin-bottom:5rem\"></div>
+      <div class=\"hiw-label-row reveal\">
+        <div class=\"navy-line-left\" style=\"width:4rem;flex-shrink:0\"></div>
+        <span class=\"label\">How it works</span>
+      </div>
+      <h2 class=\"display-lg hiw-headline reveal\" style=\"transition-delay:80ms\">
+        Three moments.<br>
+        <span class=\"gold\">Permanent context.</span>
+      </h2>
+    </div>
+
+    <div class=\"steps-grid\">
+
+      <div class=\"reveal\">
+        <div class=\"step-circle-row\">
+          <div class=\"step-circle\"><span class=\"step-num\">01</span></div>
+          <span class=\"step-aside\">5 minutes</span>
+        </div>
+        <h3 class=\"display-md step-title\">Install</h3>
+        <p class=\"step-body\">A single command. Runs locally on your machine. No account creation, no cloud sync, no permissions you didn&#39;t grant.</p>
+      </div>
+
+      <div class=\"reveal\" style=\"transition-delay:180ms\">
+        <div class=\"step-circle-row\">
+          <div class=\"step-circle\"><span class=\"step-num\">02</span></div>
+          <span class=\"step-aside\">Just once</span>
+        </div>
+        <h3 class=\"display-md step-title\">Your first session</h3>
+        <p class=\"step-body\">Introduce yourself once. Neuron builds a model of your work, your preferences, and your context from the first conversation.</p>
+      </div>
+
+      <div class=\"reveal\" style=\"transition-delay:360ms\">
+        <div class=\"step-circle-row\">
+          <div class=\"step-circle\"><span class=\"step-num\">03</span></div>
+          <span class=\"step-aside\">Every session</span>
+        </div>
+        <h3 class=\"display-md step-title\">Never start over</h3>
+        <p class=\"step-body\">Open a new session days or months later. Neuron remembers. Every project, every decision, every thread &#8212; exactly where you left it.</p>
+      </div>
+
+    </div>
+
+  </div>
+</section>
+"
+}