Surface the blog on the homepage

Add a latest-post pointer in the hero and a three-card blog section
after the FAQ. Both reuse existing classes; the blog was previously
reachable only from the navbar.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

index.html

@@ -133,6 +133,9 @@ header.hero{padding:56px 0 40px;border-bottom:1px solid var(--line);background:
 .fiat-bar .t{font-size:13.5px;line-height:1.6;color:var(--ink)}
 .fiat-bar .t strong{font-weight:600}
 .fiat-bar .t .m{color:var(--muted)}
+/* Latest-post pointer: same bar, accent icon instead of the Bitcoin glyph. */
+.fiat-bar.latest-post{margin-top:11px}
+.fiat-bar.latest-post .btc{font-size:17px;color:var(--accent)}
 
 .hero-card{
   background:var(--panel);border:1px solid var(--line);border-radius:14px;
@@ -180,6 +183,9 @@ header.hero{padding:56px 0 40px;border-bottom:1px solid var(--line);background:
   border:1px solid var(--line-strong);border-radius:5px;padding:3px 7px;
 }
 .card .more{font-size:13px;font-weight:600;color:var(--accent)}
+/* Blog cards: titles read as headings, like on blog.html, not as links. */
+.card h3 a{color:var(--ink)}
+.card h3 a:hover{color:var(--accent);text-decoration:none}
 
 /* ---------- Steps ---------- */
 .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
@@ -513,6 +519,15 @@ footer .built{font-size:13px;color:var(--muted);margin-top:8px}
         <span class="btc">₿</span>
         <span class="t"><strong>Open-source project.</strong> <span class="m">The BAL Protocol is built and funded exclusively with Bitcoin — no FIAT currencies were used.</span></span>
       </div>
+      <!--
+        Latest post pointer. When a new article goes live, update the title and
+        href here AND the three cards in the #blog section further down.
+      -->
+      <div class="fiat-bar latest-post">
+        <span class="btc">📄</span>
+        <span class="t"><strong>New on the blog:</strong>
+          <a href="blog/the-quietest-day.html">The Quietest Day — what really happens when your Bitcoin inheritance arrives</a></span>
+      </div>
     </div>
 
     <aside class="hero-card">
@@ -757,6 +772,43 @@ footer .built{font-size:13px;color:var(--muted);margin-top:8px}
   </div>
 </section>
 
+<!-- ===== From the blog =====
+     The three most recent posts, newest first. When a new article goes live,
+     add it at the top here, drop the oldest, and update the latest-post
+     pointer in the hero. -->
+<section class="section" id="blog">
+  <div class="wrap">
+    <span class="eyebrow">From the blog</span>
+    <h2>Notes on inheritance, Bitcoin and sovereignty</h2>
+    <p class="sub">Essays and practical notes from the project — on why inheritance breaks down, and on what mathematics can guarantee that paperwork cannot.</p>
+    <div class="grid cols-3">
+
+      <article class="card">
+        <div class="chips"><span class="chip">19 September 2026</span></div>
+        <h3 style="margin-top:12px"><a href="blog/the-quietest-day.html">The quietest day: what really happens when your Bitcoin inheritance arrives</a></h3>
+        <p>A well-designed inheritance should be a non-event on the day it arrives. What the heir actually does, what to leave them years in advance, and why an address without a key is a tomb.</p>
+        <a class="more" href="blog/the-quietest-day.html">Read the article →</a>
+      </article>
+
+      <article class="card">
+        <div class="chips"><span class="chip">12 September 2026</span></div>
+        <h3 style="margin-top:12px"><a href="blog/liquid-network-and-why-we-trust-only-bedrock.html">Liquid Network's $320M lesson: why BAL only builds on bedrock</a></h3>
+        <p>A $320 million bug on a Bitcoin sidechain is a reminder of a rule we follow without exception: no sidechains, no Layer-2s, no experimental scripts — only Bitcoin's most tested primitives.</p>
+        <a class="more" href="blog/liquid-network-and-why-we-trust-only-bedrock.html">Read the article →</a>
+      </article>
+
+      <article class="card">
+        <div class="chips"><span class="chip">6 September 2026</span></div>
+        <h3 style="margin-top:12px"><a href="blog/what-a-will-executor-can-see.html">What can a Will-Executor actually see? Privacy in the BAL protocol</a></h3>
+        <p>A Will-Executor holds one signed, time-locked transaction — and nothing else. What it can see, what it cannot, and why that protection comes from architecture rather than from a privacy policy.</p>
+        <a class="more" href="blog/what-a-will-executor-can-see.html">Read the article →</a>
+      </article>
+
+    </div>
+    <p style="margin-top:22px"><a class="more" href="blog.html">All articles on the blog →</a></p>
+  </div>
+</section>
+
 </main>
 
 <!-- ===== Footer ===== -->