Polish: nav hamburger, pillar alignment, wordmark, hero tightening

- Nav: responsive hamburger at ≤1060px, full mobile menu with close behaviors
- Nav: all section anchors are absolute (/#...) for correct cross-page routing
- Pillars: flex column cards with margin-top:auto on taglines — all three align
- About footer: image wordmark matches main page (was plain text "Neuron")
- Hero: "Six patents" → "Patented"; sub-copy trimmed to one clean sentence
- Environmental/efficiency/inference: remove all "memory graph" mentions, cite 40% token reduction
- Environmental: savings calculator (slider, live annual savings calculation)

src/environmental.el

@@ -18,20 +18,48 @@ fn environmental() -> String {
         </div>
 
         <h2 class=\"display-lg reveal\" style=\"transition-delay:80ms;margin-bottom:1.5rem\">
-          The AI that remembers<br>doesn&#39;t have to<br><span class=\"gold\">recompute.</span>
+          40% fewer tokens.<br><span class=\"gold\">Same work done.</span>
         </h2>
 
         <p class=\"reveal\" style=\"transition-delay:160ms;font-family:var(--body);font-weight:300;font-size:1rem;color:var(--t2);line-height:1.8;margin-bottom:1.25rem\">
-          Every time you open ChatGPT and explain who you are again, that&#39;s computation that didn&#39;t need to happen. Every time the AI re-establishes your context from scratch, energy is spent re-deriving what it already knew.
+          Neuron delivers a 40% reduction in tokens across your AI interactions. Less computation. Lower cost. A smaller footprint. This isn&#39;t a setting you toggle - it&#39;s what persistent context does by default.
         </p>
 
         <p class=\"reveal\" style=\"transition-delay:220ms;font-family:var(--body);font-weight:300;font-size:1rem;color:var(--t2);line-height:1.8;margin-bottom:1.25rem\">
-          Neuron&#39;s memory graph persists. The context tax - the repeated re-inference of who you are and what you&#39;re working on - doesn&#39;t accumulate. Over months of use, that compounds into a meaningful reduction in total computation.
+          Every time you open ChatGPT and explain who you are again, that&#39;s computation that didn&#39;t need to happen. With Neuron, that context tax doesn&#39;t accumulate. Over months of use, 40% fewer tokens compounds into a meaningful reduction in total compute - and a meaningful reduction in what you pay.
         </p>
 
-        <p class=\"reveal\" style=\"transition-delay:280ms;font-family:var(--body);font-weight:300;font-size:1rem;color:var(--t2);line-height:1.8\">
+        <p class=\"reveal\" style=\"transition-delay:280ms;font-family:var(--body);font-weight:300;font-size:1rem;color:var(--t2);line-height:1.8;margin-bottom:2.5rem\">
           This isn&#39;t a green marketing claim. It&#39;s a consequence of the design. The same architecture that makes Neuron better for you also makes it lighter on the planet.
         </p>
+
+        <div class=\"reveal\" style=\"transition-delay:340ms;background:var(--card);border:1px solid rgba(0,82,160,.18);padding:2rem\">
+          <p style=\"font-family:var(--body);font-size:0.7rem;font-weight:600;letter-spacing:0.18em;text-transform:uppercase;color:var(--navy);margin-bottom:1.25rem\">Savings calculator</p>
+          <p style=\"font-family:var(--body);font-size:0.875rem;color:var(--t2);margin-bottom:1rem\">If you spend <strong id=\"calc-spend\" style=\"color:var(--t1)\">$50</strong>/month on AI&hellip;</p>
+          <input type=\"range\" id=\"calc-slider\" min=\"10\" max=\"500\" step=\"10\" value=\"50\" style=\"width:100%;accent-color:var(--navy);margin-bottom:1.5rem\">
+          <div style=\"display:flex;align-items:baseline;gap:0.75rem;margin-bottom:0.375rem\">
+            <span id=\"calc-savings\" style=\"font-family:var(--head);font-size:2.5rem;font-weight:600;color:var(--navy)\">$240</span>
+            <span style=\"font-family:var(--body);font-size:0.7rem;font-weight:500;letter-spacing:0.15em;text-transform:uppercase;color:var(--t3)\">saved per year</span>
+          </div>
+          <p style=\"font-family:var(--body);font-size:0.75rem;color:var(--t3)\">Based on 40% token reduction applied to your monthly spend.</p>
+        </div>
+
+        <script>
+        (function() {
+          var slider = document.getElementById('calc-slider');
+          var spendEl = document.getElementById('calc-spend');
+          var savingsEl = document.getElementById('calc-savings');
+          if (!slider) return;
+          function update() {
+            var monthly = parseInt(slider.value, 10);
+            var annual = Math.round(monthly * 0.40 * 12);
+            spendEl.textContent = '$' + monthly;
+            savingsEl.textContent = '$' + annual;
+          }
+          slider.addEventListener('input', update);
+          update();
+        })();
+        </script>
       </div>
 
       <div style=\"display:flex;flex-direction:column;gap:1.5rem;padding-top:1rem\">
@@ -48,15 +76,15 @@ fn environmental() -> String {
           <p style=\"font-family:var(--body);font-size:0.7rem;font-weight:600;letter-spacing:0.18em;text-transform:uppercase;color:rgba(0,120,84,.70);margin-bottom:0.75rem\">No database server for your data</p>
           <p style=\"font-family:var(--body);font-weight:400;font-size:0.9375rem;color:var(--t1);margin-bottom:0.5rem\">On-device storage</p>
           <p style=\"font-family:var(--body);font-weight:300;font-size:0.875rem;color:var(--t2);line-height:1.7\">
-            Your memory graph lives in a custom on-device storage layer we built for this purpose. No cloud database servers running 24&#x2F;7 to store and serve your conversations. No replication across availability zones. Just your device.
+            Your context lives on your device in a purpose-built local storage layer. No cloud database servers running 24&#x2F;7 to store and serve your conversations. No replication across availability zones. Just your device.
           </p>
         </div>
 
         <div class=\"reveal card-dark\" style=\"transition-delay:300ms;padding:1.75rem 2rem;border-left:3px solid rgba(0,120,84,.40)\">
           <p style=\"font-family:var(--body);font-size:0.7rem;font-weight:600;letter-spacing:0.18em;text-transform:uppercase;color:rgba(0,120,84,.70);margin-bottom:0.75rem\">Persistent context = less recomputation</p>
-          <p style=\"font-family:var(--body);font-weight:400;font-size:0.9375rem;color:var(--t1);margin-bottom:0.5rem\">Remembered once, retrieved - not re-derived</p>
+          <p style=\"font-family:var(--body);font-weight:400;font-size:0.9375rem;color:var(--t1);margin-bottom:0.5rem\">No re-explaining. No wasted tokens.</p>
           <p style=\"font-family:var(--body);font-weight:300;font-size:0.875rem;color:var(--t2);line-height:1.7\">
-            The structured memory graph means Neuron retrieves relevant context rather than re-inferring it from long conversation histories. Shorter, more targeted prompts. Less total token processing per useful outcome.
+            Neuron surfaces exactly what&#39;s relevant for each conversation - no re-deriving who you are from long histories. Shorter, more targeted prompts. 40% fewer tokens per useful outcome.
           </p>
         </div>