copy(visage, mrhaven): align to pillar-row layout and rewrite copy

Visage:
- Converted 2-column feature grid to pillar-row layout matching Augmentum
- New overview: lead + body paragraphs with overview-stack footnote
- Pillar titles rewritten as plain-language statements
- Kept dual CTA (GitHub + Releases)

MrHaven:
- Collapsed HOW IT WORKS steps + CAPABILITIES grid into single pillar-row section
- SDK row added to spec table (Coming soon)
- 4th pillar: SDK coming soon with description of planned scope
- New overview: lead + body paragraphs with Sovren Stack footnote
- Copy: plainer language throughout

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Author: ccross2

src/routes/mrhaven/+page.svelte

@@ -1,35 +1,32 @@
 <svelte:head>
   <title>Mr. Haven — Non-Custodial USDC Time Vault on Base L2 | Sovren Software</title>
-  <meta name="description" content="Programmable non-custodial USDC vault on Base L2. Set time-based schedules, inactivity triggers, and beneficiary designations. No intermediary. Live on mainnet." />
-  <meta property="og:title" content="Mr. Haven — Non-Custodial USDC Time Vault on Base L2" />
-  <meta property="og:description" content="Programmable asset control for humans and autonomous agents. Your keys, your conditions, your beneficiaries. Smart contract only." />
+  <meta name="description" content="Programmable non-custodial USDC vault on Base L2. Set conditions, name beneficiaries, designate autonomous agents. No custodian. No intermediary. Live on mainnet." />
+  <meta property="og:title" content="Mr. Haven — Your Assets. Your Rules." />
+  <meta property="og:description" content="Programmable asset control for humans and autonomous agents. Your keys, your conditions, your beneficiaries. Smart contract only. SDK coming soon." />
   <meta property="og:url" content="https://sovren.software/mrhaven" />
 </svelte:head>
 
 <script>
-
-  const steps = [
-    { n: '01', label: 'DEPOSIT', desc: 'Lock USDC into a smart contract. Set a time-based schedule or an inactivity threshold.' },
-    { n: '02', label: 'DESIGNATE', desc: 'Name your beneficiaries and their share. Conditions are encoded in contract logic — not held by a custodian.' },
-    { n: '03', label: 'RELEASE', desc: 'When conditions are met, funds transfer automatically on-chain. No intermediary. No approval required.' },
-  ]
-
-  const features = [
+  const pillars = [
     {
-      label: 'TIME VAULT',
-      desc: 'Lock USDC for any duration. Set exact unlock timestamps or recurring release schedules. The contract enforces the rules — no humans in the loop.',
+      num: '01',
+      label: 'LOCK IT. SET THE RULES.',
+      desc: 'Deposit USDC into a smart contract. Set a time-based schedule, an unlock date, or a recurring release. The contract enforces the rules — no humans in the loop, no approval required.',
     },
     {
-      label: 'INACTIVITY TRIGGER',
-      desc: 'Set a threshold: if you go offline for X days, funds transfer. An on-chain dead man\'s switch for the assets that matter most.',
+      num: '02',
+      label: 'IF YOU GO DARK, IT STILL EXECUTES.',
+      desc: 'Set an inactivity threshold: if you go offline for X days, funds transfer automatically. An on-chain dead man\'s switch for the assets that matter most.',
     },
     {
-      label: 'BENEFICIARY DESIGNATIONS',
-      desc: 'Designate multiple beneficiaries with percentage splits. Update designations anytime while funds are locked. Remove or replace beneficiaries until conditions are met.',
+      num: '03',
+      label: 'BUILT FOR AGENTS, NOT JUST HUMANS.',
+      desc: 'Autonomous agents can hold funds, trigger transfers, and execute plans with the same non-custodial guarantees as any human user. No API key. No service account. The contract enforces the rules regardless of who calls it.',
     },
     {
-      label: 'AUTONOMOUS AGENTS',
-      desc: 'Designed for both human and autonomous principals. AI agents can hold funds, trigger transfers, and execute plans with the same non-custodial guarantees as any human user. No API key. No service account. No trust required — the contract enforces the rules regardless of who calls it.',
+      num: '04',
+      label: 'SDK — COMING SOON.',
+      desc: 'A developer SDK for integrating MrHaven vaults directly into applications and autonomous agent workflows. Programmatic vault creation, condition setting, and beneficiary management without touching the UI.',
     },
   ]
 </script>
@@ -40,16 +37,17 @@
       <span class="category">03 / FINANCE</span>
       <h1>MR.<br />HAVEN.</h1>
       <p class="status">Live on Base L2</p>
-      <p class="tagline">Non-custodial USDC time vault on Base L2. Programmable asset control for humans and autonomous agents — no custodian, no intermediary, no exceptions.</p>
+      <p class="tagline">Programmable asset control for humans and autonomous agents. No custodian, no intermediary, no exceptions.</p>
     </div>
   </section>
 
   <section class="overview">
     <div class="overview-inner">
       <div class="overview-text">
-        <p>Traditional financial institutions hold your assets on your behalf. They decide when you can access them, who can receive them, and under what conditions. MrHaven removes them from the equation entirely.</p>
-        <p>Deployed on Base L2, MrHaven is a set of auditable smart contracts. Deposit USDC, define conditions, name beneficiaries — or designate autonomous agents as authorized recipients. The contract handles execution — autonomously, verifiably, permanently.</p>
-        <p>This matters for AI agents as much as for humans. Autonomous agents that manage capital need programmable infrastructure with no human approval bottleneck in the execution path. MrHaven is designed from the start for both human and autonomous principals — the protocol doesn't distinguish between who holds the keys.</p>
+        <p class="overview-lead">Your assets. Your rules. No one else in the room.</p>
+        <p class="overview-body">Traditional financial institutions hold your assets on your behalf. They decide when you can access them, who can receive them, and under what conditions. MrHaven removes them from the equation entirely.</p>
+        <p class="overview-body">Deployed on Base L2, MrHaven is a set of auditable smart contracts. Deposit USDC, define conditions, name beneficiaries — or designate autonomous agents as authorized recipients. The contract handles execution: autonomously, verifiably, permanently.</p>
+        <p class="overview-stack">Integrates with Augmentum OS as part of the Sovren Stack — programmable finance at the OS level.</p>
       </div>
       <div class="overview-specs">
         <div class="spec-row">
@@ -68,39 +66,29 @@
           <span class="spec-label">CONTRACT</span>
           <span class="spec-value">Auditable · Open</span>
         </div>
+        <div class="spec-row">
+          <span class="spec-label">SDK</span>
+          <span class="spec-value spec-soon">Coming soon</span>
+        </div>
         <div class="spec-row">
           <span class="spec-label">STATUS</span>
-          <span class="spec-value spec-live">Live · Mainnet</span>
+          <span class="spec-value">Live · Mainnet</span>
         </div>
       </div>
     </div>
   </section>
 
-  <section class="how-it-works">
-    <div class="how-inner">
+  <section class="pillars">
+    <div class="pillars-inner">
       <span class="section-label">HOW IT WORKS</span>
-      <div class="steps">
-        {#each steps as s}
-          <div class="step">
-            <span class="step-n">{s.n}</span>
-            <div class="step-body">
-              <span class="step-label">{s.label}</span>
-              <p class="step-desc">{s.desc}</p>
+      <div class="pillar-rows">
+        {#each pillars as p}
+          <div class="pillar-row">
+            <div class="pillar-left">
+              <span class="pillar-num">{p.num}</span>
+              <h3 class="pillar-title">{p.label}</h3>
             </div>
-          </div>
-        {/each}
-      </div>
-    </div>
-  </section>
-
-  <section class="features">
-    <div class="features-inner">
-      <span class="section-label">CAPABILITIES</span>
-      <div class="feature-grid">
-        {#each features as f}
-          <div class="feature-card">
-            <span class="feature-label">{f.label}</span>
-            <p class="feature-desc">{f.desc}</p>
+            <p class="pillar-desc">{p.desc}</p>
           </div>
         {/each}
       </div>
@@ -119,6 +107,7 @@
 </main>
 
 <style>
+  /* ── Hero ── */
   .hero {
     min-height: calc(100vh - 60px);
     display: flex;
@@ -166,7 +155,7 @@
     letter-spacing: 0.02em;
   }
 
-  /* Overview */
+  /* ── Overview ── */
   .overview {
     background: #ffffff;
     color: #000;
@@ -186,16 +175,33 @@
   .overview-text {
     display: flex;
     flex-direction: column;
-    gap: 1.5rem;
+    gap: 1.75rem;
+  }
+
+  .overview-lead {
+    font-size: clamp(1.3rem, 2.5vw, 1.7rem);
+    font-weight: 700;
+    letter-spacing: 0.04em;
+    line-height: 1.2;
+    color: #000;
   }
 
-  .overview-text p {
+  .overview-body {
     font-size: 0.9rem;
-    line-height: 1.8;
+    line-height: 1.85;
     color: #333;
     letter-spacing: 0.02em;
   }
 
+  .overview-stack {
+    font-size: 0.75rem;
+    line-height: 1.7;
+    color: #999;
+    letter-spacing: 0.04em;
+    padding-top: 0.25rem;
+    border-top: 1px solid #e5e5e5;
+  }
+
   .overview-specs {
     display: flex;
     flex-direction: column;
@@ -224,19 +230,16 @@
     text-align: right;
   }
 
-  .spec-live {
-    color: #111;
+  .spec-soon {
+    color: #888;
   }
 
-  /* How it works */
-  .how-it-works {
-    background: #fff;
-    color: #000;
+  /* ── Pillars ── */
+  .pillars {
     padding: 6rem 2.5rem;
-    border-top: 1px solid #e5e5e5;
   }
 
-  .how-inner {
+  .pillars-inner {
     max-width: var(--max-w);
     margin: 0 auto;
   }
@@ -250,102 +253,52 @@
     text-transform: uppercase;
   }
 
-  .steps {
-    display: flex;
-    flex-direction: column;
-    border: 1px solid #e5e5e5;
-  }
-
-  .step {
-    display: flex;
-    gap: 3rem;
-    padding: 2.5rem;
-    border-bottom: 1px solid #e5e5e5;
-    align-items: flex-start;
-  }
-
-  .step:last-child {
-    border-bottom: none;
-  }
-
-  .step-n {
-    font-size: 0.65rem;
-    letter-spacing: 0.18em;
-    color: #bbb;
-    flex-shrink: 0;
-    padding-top: 0.15rem;
-  }
-
-  .step-body {
+  .pillar-rows {
     display: flex;
     flex-direction: column;
-    gap: 0.6rem;
-  }
-
-  .step-label {
-    font-size: 0.75rem;
-    font-weight: 700;
-    letter-spacing: 0.15em;
-    color: #111;
-  }
-
-  .step-desc {
-    font-size: 0.875rem;
-    color: #555;
-    line-height: 1.7;
-    letter-spacing: 0.02em;
-  }
-
-  /* Features */
-  .features {
-    padding: 6rem 2.5rem;
     border-top: 1px solid var(--border);
   }
 
-  .features-inner {
-    max-width: var(--max-w);
-    margin: 0 auto;
-  }
-
-  .feature-grid {
+  .pillar-row {
     display: grid;
     grid-template-columns: 1fr 1fr;
-    border: 1px solid var(--border);
+    gap: 4rem;
+    padding: 3rem 0;
+    border-bottom: 1px solid var(--border);
+    align-items: start;
   }
 
-  .feature-card {
-    padding: 2.5rem;
-    border-right: 1px solid var(--border);
-    border-bottom: 1px solid var(--border);
+  .pillar-left {
     display: flex;
     flex-direction: column;
-    gap: 1rem;
+    gap: 0.75rem;
   }
 
-  .feature-card:nth-child(2n) {
-    border-right: none;
-  }
-
-  .feature-card:nth-child(3),
-  .feature-card:nth-child(4) {
-    border-bottom: none;
+  .pillar-num {
+    font-size: 0.62rem;
+    letter-spacing: 0.2em;
+    color: var(--text-muted);
   }
 
-  .feature-label {
-    font-size: 0.65rem;
-    letter-spacing: 0.18em;
-    color: var(--text-muted);
+  .pillar-title {
+    font-size: clamp(0.95rem, 1.5vw, 1.15rem);
+    font-weight: 700;
+    letter-spacing: 0.1em;
+    color: var(--text-primary);
+    line-height: 1.3;
     text-transform: uppercase;
+    margin: 0;
   }
 
-  .feature-desc {
-    font-size: 0.85rem;
+  .pillar-desc {
+    font-size: 0.875rem;
     color: var(--text-secondary);
-    line-height: 1.75;
+    line-height: 1.8;
     letter-spacing: 0.02em;
+    padding-top: 0.25rem;
   }
 
-  /* CTA */
+  /* ── CTA ── */
   .cta {
     background: #fff;
     color: #000;
@@ -394,7 +347,7 @@
     opacity: 0.75;
   }
 
-  /* Responsive */
+  /* ── Responsive ── */
   @media (max-width: 768px) {
     .hero {
       padding: 3rem 1.5rem 4rem;
@@ -409,25 +362,10 @@
       gap: 3rem;
     }
 
-    .feature-grid {
+    .pillar-row {
       grid-template-columns: 1fr;
-    }
-
-    .feature-card {
-      border-right: none;
-    }
-
-    .feature-card:nth-child(3),
-    .feature-card:nth-child(4) {
-      border-bottom: 1px solid var(--border);
-    }
-
-    .feature-card:last-child {
-      border-bottom: none;
-    }
-
-    .step {
       gap: 1.5rem;
+      padding: 2rem 0;
     }
   }
 </style>