diff --git a/.claude/hooks/session-start.sh b/.claude/hooks/session-start.sh
new file mode 100755
index 0000000..4044a62
--- /dev/null
+++ b/.claude/hooks/session-start.sh
@@ -0,0 +1,23 @@
+#!/bin/bash
+set -euo pipefail
+
+# Only run in Claude Code web sessions.
+if [ "${CLAUDE_CODE_REMOTE:-}" != "true" ]; then
+  exit 0
+fi
+
+cd "$CLAUDE_PROJECT_DIR"
+
+# 1. Node dependencies.
+if [ ! -d node_modules ] || [ package-lock.json -nt node_modules ] || [ package.json -nt node_modules ]; then
+  npm install --no-audit --no-fund
+fi
+
+# 2. Playwright browser + OS libs for headless Chromium.
+#    Prefer --with-deps (installs apt packages Chromium needs).
+#    If that fails (e.g. broken third-party PPA), fall back to a plain
+#    browser install so tests can still run when libs are already present.
+if ! npx --yes playwright install --with-deps chromium; then
+  echo "Warning: --with-deps failed, retrying without system deps..." >&2
+  npx --yes playwright install chromium
+fi
diff --git a/.claude/settings.json b/.claude/settings.json
new file mode 100644
index 0000000..e06b033
--- /dev/null
+++ b/.claude/settings.json
@@ -0,0 +1,14 @@
+{
+  "hooks": {
+    "SessionStart": [
+      {
+        "hooks": [
+          {
+            "type": "command",
+            "command": "$CLAUDE_PROJECT_DIR/.claude/hooks/session-start.sh"
+          }
+        ]
+      }
+    ]
+  }
+}
diff --git a/.gitignore b/.gitignore
index ef1b670..ff7d55e 100644
--- a/.gitignore
+++ b/.gitignore
@@ -9,4 +9,7 @@ dist/
 playwright-report/
 test-results/
 tests/screenshots/
-.claude/
+.claude/*
+!.claude/settings.json
+!.claude/hooks/
+.claude/settings.local.json
diff --git a/src/components/SectionHead.vue b/src/components/SectionHead.vue
index 8c1ca9d..53b58ee 100644
--- a/src/components/SectionHead.vue
+++ b/src/components/SectionHead.vue
@@ -4,7 +4,7 @@
       <div style="font-size:10px;letter-spacing:0.3em;text-transform:uppercase;color:var(--accent);margin-bottom:12px">{{ eyebrow }}</div>
       <h2 class="serif" style="font-size:clamp(40px,5vw,72px);margin:0;line-height:0.95;letter-spacing:-0.02em;font-weight:400">{{ title }}</h2>
     </div>
-    <div v-if="subtitle" style="max-width:360px;font-size:12px;line-height:1.6;opacity:0.7;text-align:right">
+    <div v-if="subtitle" style="max-width:360px;font-size:12px;line-height:1.6;opacity:0.88;text-align:right">
       {{ subtitle }}
     </div>
   </div>
diff --git a/src/components/TheDenominations.vue b/src/components/TheDenominations.vue
index 3004380..86b7c04 100644
--- a/src/components/TheDenominations.vue
+++ b/src/components/TheDenominations.vue
@@ -25,8 +25,8 @@
           >
             <div v-if="sel.value === d.value" style="position:absolute;top:8px;left:10px;width:6px;height:6px;background:var(--accent)" />
             <TheCoin :denom="d" :size="92" />
-            <div class="serif" style="font-size:22px;margin-top:4px">{{ d.value }} <span style="opacity:0.5;font-size:14px">bral</span></div>
-            <div class="mono upper" style="font-size:9px;letter-spacing:0.15em;opacity:0.6;text-align:center;white-space:normal;line-height:1.4">{{ d.name }}</div>
+            <div class="serif" style="font-size:22px;margin-top:4px">{{ d.value }} <span style="opacity:0.78;font-size:14px">bral</span></div>
+            <div class="mono upper" style="font-size:9px;letter-spacing:0.15em;opacity:0.78;text-align:center;white-space:normal;line-height:1.4">{{ d.name }}</div>
           </button>
         </div>
       </div>
@@ -36,20 +36,20 @@
         <div class="denom-detail">
           <div style="flex-shrink:0;text-align:center">
             <TheCoin :denom="sel" :size="220" />
-            <div class="mono upper" style="font-size:9px;letter-spacing:0.2em;margin-top:10px;opacity:0.55;text-align:center">
+            <div class="mono upper" style="font-size:9px;letter-spacing:0.2em;margin-top:10px;opacity:0.78;text-align:center">
               Obverse · actual size × 1.4
             </div>
           </div>
           <div style="flex:1;min-width:0">
             <div class="mono upper" style="font-size:10px;letter-spacing:0.2em;color:var(--accent)">Specimen · {{ sel.name }}</div>
             <div class="serif" style="font-size:clamp(48px,6vw,72px);line-height:0.95;letter-spacing:-0.02em;margin:10px 0">
-              {{ sel.value }}<span style="font-size:24px;opacity:0.5;margin-left:8px">bral</span>
+              {{ sel.value }}<span style="font-size:24px;opacity:0.78;margin-left:8px">bral</span>
             </div>
 
             <table class="mono" style="width:100%;font-size:11.5px;border-collapse:collapse;margin-top:18px">
               <tbody>
                 <tr v-for="row in specsFor(sel)" :key="row[0]" style="border-top:1px solid var(--ink)">
-                  <td style="padding:10px 8px 10px 0;text-transform:uppercase;font-size:10px;letter-spacing:0.15em;opacity:0.6;width:140px">{{ row[0] }}</td>
+                  <td style="padding:10px 8px 10px 0;text-transform:uppercase;font-size:10px;letter-spacing:0.15em;opacity:0.78;width:140px">{{ row[0] }}</td>
                   <td style="padding:10px 0">
                     <span v-if="row[0] === 'Redemption'">
                       <strong style="color:var(--accent)">{{ sel.value }}</strong> standard beer{{ sel.value === 1 ? '' : 's' }}
diff --git a/src/components/TheExchange.vue b/src/components/TheExchange.vue
index 4331314..617fd9f 100644
--- a/src/components/TheExchange.vue
+++ b/src/components/TheExchange.vue
@@ -10,46 +10,55 @@
 
       <!-- Calculator -->
       <div class="rule-r exchange-calc" style="padding:36px 40px">
-        <div style="font-size:10px;letter-spacing:0.3em;text-transform:uppercase;opacity:0.6;margin-bottom:8px">Official Conversion Engine</div>
+        <div style="font-size:10px;letter-spacing:0.3em;text-transform:uppercase;opacity:0.78;margin-bottom:8px">Official Conversion Engine</div>
         <div class="serif" style="font-size:34px;line-height:1.1;letter-spacing:-0.01em;margin-bottom:28px">
           Convert between <em>Bral</em> and <em>Beer</em>.
         </div>
 
-        <div style="display:flex;align-items:stretch;border:1px solid var(--ink);margin-bottom:20px">
+        <div role="group" aria-label="Conversion direction" style="display:flex;align-items:stretch;border:1px solid var(--ink);margin-bottom:20px">
           <button
             @click="mode = 'bralToBeer'"
+            :aria-pressed="mode === 'bralToBeer'"
             :style="{ flex:1, padding:'12px', border:'none', background: mode==='bralToBeer' ? 'var(--ink)' : 'transparent', color: mode==='bralToBeer' ? 'var(--paper)' : 'var(--ink)', cursor:'pointer', fontSize:'10px', letterSpacing:'0.2em', textTransform:'uppercase' }"
           >Bral ▸ Beer</button>
           <button
             @click="mode = 'beerToBral'"
+            :aria-pressed="mode === 'beerToBral'"
             :style="{ flex:1, padding:'12px', border:'none', borderLeft:'1px solid var(--ink)', background: mode==='beerToBral' ? 'var(--ink)' : 'transparent', color: mode==='beerToBral' ? 'var(--paper)' : 'var(--ink)', cursor:'pointer', fontSize:'10px', letterSpacing:'0.2em', textTransform:'uppercase' }"
           >Beer ▸ Bral</button>
         </div>
 
         <div style="border:1px solid var(--ink);padding:18px 20px;background:var(--paper-2);margin-bottom:14px">
-          <div style="font-size:10px;letter-spacing:0.2em;text-transform:uppercase;opacity:0.55">You deposit</div>
+          <label for="exchange-amount" style="font-size:10px;letter-spacing:0.2em;text-transform:uppercase;opacity:0.78;display:block">You deposit</label>
           <div style="display:flex;align-items:baseline;gap:12px">
             <input
+              id="exchange-amount"
               type="number"
               :value="amount"
               @input="onAmountInput"
               min="0"
               step="1"
-              style="border:none;background:transparent;font-size:56px;width:100%;font-family:'Instrument Serif',serif;outline:none;padding:0;color:var(--ink);min-width:0"
+              :aria-label="`Amount in ${from}`"
+              style="border:none;background:transparent;font-size:56px;width:100%;font-family:'Instrument Serif',serif;padding:0;color:var(--ink);min-width:0"
             />
             <div class="upper" style="font-size:14px;letter-spacing:0.2em">{{ from }}</div>
           </div>
         </div>
 
-        <div style="text-align:center;font-size:20px;opacity:0.5;margin:4px 0">↓</div>
+        <div aria-hidden="true" style="text-align:center;font-size:20px;opacity:0.78;margin:4px 0">↓</div>
 
-        <div style="border:1px solid var(--ink);padding:18px 20px;background:var(--ink);color:var(--paper)">
-          <div style="font-size:10px;letter-spacing:0.2em;text-transform:uppercase;opacity:0.55">You receive</div>
+        <div
+          role="status"
+          aria-live="polite"
+          :aria-label="`${fmt(result)} ${to}`"
+          style="border:1px solid var(--ink);padding:18px 20px;background:var(--ink);color:var(--paper)"
+        >
+          <div style="font-size:10px;letter-spacing:0.2em;text-transform:uppercase;opacity:0.78">You receive</div>
           <div style="display:flex;align-items:baseline;gap:12px">
             <div style="font-size:56px;font-family:'Instrument Serif',serif;width:100%;line-height:1.05">{{ fmt(result) }}</div>
             <div class="upper" style="font-size:14px;letter-spacing:0.2em">{{ to }}</div>
           </div>
-          <div class="mono" style="font-size:10px;margin-top:8px;opacity:0.6;letter-spacing:0.08em">
+          <div class="mono" style="font-size:10px;margin-top:8px;opacity:0.78;letter-spacing:0.08em">
             ≡ {{ fmt(result * 330) }} mL · {{ (result * 0.33).toFixed(2) }} L
           </div>
         </div>
@@ -63,7 +72,7 @@
 
       <!-- Chart -->
       <div class="exchange-chart" style="padding:36px 40px;position:relative">
-        <div style="font-size:10px;letter-spacing:0.3em;text-transform:uppercase;opacity:0.6;margin-bottom:8px">Historical Rate · BRAL / BEER</div>
+        <div style="font-size:10px;letter-spacing:0.3em;text-transform:uppercase;opacity:0.78;margin-bottom:8px">Historical Rate · BRAL / BEER</div>
         <div class="serif" style="font-size:34px;line-height:1.1;margin-bottom:28px">Stability, <em>by design</em>.</div>
 
         <svg viewBox="0 0 400 180" width="100%" height="200" style="border:1px solid var(--ink);background:var(--paper-2)">
@@ -87,7 +96,7 @@
 
         <div style="display:grid;grid-template-columns:repeat(3,1fr);margin-top:22px;border:1px solid var(--ink)">
           <div v-for="(stat, i) in chartStats" :key="stat.label" :style="{ padding:'12px 14px', borderLeft: i===0 ? 'none' : '1px solid var(--ink)' }">
-            <div style="font-size:9px;letter-spacing:0.15em;text-transform:uppercase;opacity:0.55">{{ stat.label }}</div>
+            <div style="font-size:9px;letter-spacing:0.15em;text-transform:uppercase;opacity:0.78">{{ stat.label }}</div>
             <div class="serif" style="font-size:22px;line-height:1.1;margin-top:2px">{{ stat.value }}</div>
           </div>
         </div>
diff --git a/src/components/TheHeader.vue b/src/components/TheHeader.vue
index c3b528c..c4a3e58 100644
--- a/src/components/TheHeader.vue
+++ b/src/components/TheHeader.vue
@@ -83,7 +83,7 @@ onUnmounted(() => document.removeEventListener('keydown', onKeydown))
   text-decoration: none;
   color: inherit;
 }
-.header-tagline { opacity: 0.55; white-space: nowrap; }
+.header-tagline { opacity: 0.78; white-space: nowrap; }
 .header-nav {
   margin-left: auto;
   display: flex;
diff --git a/src/components/TheHero.vue b/src/components/TheHero.vue
index 339e9da..8db7e5b 100644
--- a/src/components/TheHero.vue
+++ b/src/components/TheHero.vue
@@ -6,7 +6,7 @@
       <div class="rule-r hero-left" style="position:relative">
         <div style="display:flex;gap:14px;align-items:baseline;margin-bottom:26px;font-size:11px;letter-spacing:0.2em;text-transform:uppercase">
           <span style="color:var(--accent)">◆ Nº 001</span>
-          <span style="opacity:0.55">— A Communiqué From The Treasury —</span>
+          <span style="opacity:0.78">— A Communiqué From The Treasury —</span>
         </div>
 
         <h1 class="serif" style="font-size:clamp(48px,9vw,156px);line-height:0.88;margin:0;letter-spacing:-0.035em;font-weight:400">
@@ -30,8 +30,8 @@
         <!-- stamp + signature -->
         <div class="hero-stamp" style="text-align:right">
           <div class="stamp">Ratified · MMXXIV</div>
-          <div class="serif" style="margin-top:14px;font-style:italic;font-size:22px;opacity:0.7">M. Linnet</div>
-          <div class="mono upper" style="font-size:9px;opacity:0.55;margin-top:2px">Governor, Banco·Bral</div>
+          <div class="serif" style="margin-top:14px;font-style:italic;font-size:22px;opacity:0.85">M. Linnet</div>
+          <div class="mono upper" style="font-size:9px;opacity:0.78;margin-top:2px">Governor, Banco·Bral</div>
         </div>
 
         <!-- stats strip -->
@@ -42,7 +42,7 @@
             class="stats-item"
             :style="{ borderLeft: i === 0 ? 'none' : '1px solid var(--ink)' }"
           >
-            <div style="font-size:9px;letter-spacing:0.2em;text-transform:uppercase;opacity:0.55">{{ stat.key }}</div>
+            <div style="font-size:9px;letter-spacing:0.2em;text-transform:uppercase;opacity:0.78">{{ stat.key }}</div>
             <div class="serif" style="font-size:26px;line-height:1.1;margin-top:4px">
               {{ stat.value }}
             </div>
@@ -72,7 +72,7 @@
           <div :style="cornerDotStyle(c)" />
         </div>
 
-        <div style="position:absolute;bottom:18px;left:0;right:0;text-align:center;font-size:10px;letter-spacing:0.3em;text-transform:uppercase;opacity:0.55">
+        <div style="position:absolute;bottom:18px;left:0;right:0;text-align:center;font-size:10px;letter-spacing:0.3em;text-transform:uppercase;opacity:0.78">
           Fig. 001 — Ten Bral, obverse
         </div>
       </div>
diff --git a/src/components/TheManifesto.vue b/src/components/TheManifesto.vue
index 721bded..afac869 100644
--- a/src/components/TheManifesto.vue
+++ b/src/components/TheManifesto.vue
@@ -14,7 +14,7 @@
       >
         <div style="display:flex;justify-content:space-between;align-items:baseline">
           <div class="serif" style="font-size:48px;line-height:1;color:var(--accent)">{{ a.num }}</div>
-          <div class="mono upper" style="font-size:10px;opacity:0.55">Article</div>
+          <div class="mono upper" style="font-size:10px;opacity:0.78">Article</div>
         </div>
         <h3 class="serif" style="font-size:28px;margin:12px 0 10px;font-weight:400">{{ a.title }}</h3>
         <p style="font-size:12.5px;line-height:1.7;margin:0;max-width:420px">{{ a.body }}</p>
diff --git a/src/components/TheMembers.vue b/src/components/TheMembers.vue
index 7f219bd..d7ff1d4 100644
--- a/src/components/TheMembers.vue
+++ b/src/components/TheMembers.vue
@@ -7,11 +7,17 @@
     />
 
     <!-- Member tabs -->
-    <div class="member-tabs" style="margin-top:48px;border:1px solid var(--ink)">
+    <div class="member-tabs" role="tablist" aria-label="Mint roster" style="margin-top:48px;border:1px solid var(--ink)">
       <button
         v-for="(m, i) in members"
         :key="m.id"
+        :id="`member-tab-${m.id}`"
+        role="tab"
+        :aria-selected="selIdx === i"
+        :aria-controls="`member-panel-${m.id}`"
+        :tabindex="selIdx === i ? 0 : -1"
         @click="selIdx = i"
+        @keydown="onTabKey"
         class="member-tab-btn"
         :style="{
           background: selIdx === i ? 'var(--ink)' : 'var(--paper)',
@@ -54,25 +60,31 @@
           <div v-if="selIdx === i" style="position:absolute;bottom:6px;right:6px;width:8px;height:8px;background:var(--accent)" />
         </div>
 
-        <div class="mono upper" style="font-size:9px;letter-spacing:0.2em;opacity:0.6">{{ m.role }}</div>
+        <div class="mono upper" style="font-size:9px;letter-spacing:0.2em;opacity:0.78">{{ m.role }}</div>
         <div class="serif" style="font-size:20px;line-height:1.1;margin-top:4px">{{ m.name.split(' ')[0] }}</div>
       </button>
     </div>
 
     <!-- Detail panels -->
-    <div class="member-panels" style="border:1px solid var(--ink);border-top:none">
+    <div
+      class="member-panels"
+      role="tabpanel"
+      :id="`member-panel-${sel.id}`"
+      :aria-labelledby="`member-tab-${sel.id}`"
+      style="border:1px solid var(--ink);border-top:none"
+    >
 
       <!-- Bio -->
       <div class="rule-r member-panel" style="padding:32px">
         <div class="mono upper" style="font-size:10px;letter-spacing:0.2em;color:var(--accent)">Licensed Minter · {{ sel.id }}</div>
         <div class="serif" style="font-size:44px;line-height:1;margin:10px 0;letter-spacing:-0.02em">{{ sel.name }}</div>
-        <div class="mono upper" style="font-size:10px;letter-spacing:0.2em;opacity:0.6;margin-top:6px">{{ sel.role }}</div>
+        <div class="mono upper" style="font-size:10px;letter-spacing:0.2em;opacity:0.78;margin-top:6px">{{ sel.role }}</div>
         <div class="serif" style="font-size:22px;font-style:italic;margin-top:22px;opacity:0.85">"{{ sel.motto }}"</div>
       </div>
 
       <!-- Stats -->
       <div class="rule-r member-panel" style="padding:32px">
-        <div class="mono upper" style="font-size:10px;letter-spacing:0.2em;opacity:0.6;margin-bottom:18px">Statistics, to Date</div>
+        <div class="mono upper" style="font-size:10px;letter-spacing:0.2em;opacity:0.78;margin-bottom:18px">Statistics, to Date</div>
         <div v-for="[label, val, max] in statsFor(sel)" :key="label" style="margin-bottom:16px">
           <div style="display:flex;justify-content:space-between;font-size:10px;letter-spacing:0.15em;text-transform:uppercase;margin-bottom:4px">
             <span>{{ label }}</span>
@@ -86,7 +98,7 @@
 
       <!-- Certificate -->
       <div class="member-panel" style="padding:32px">
-        <div class="mono upper" style="font-size:10px;letter-spacing:0.2em;opacity:0.6;margin-bottom:18px">Certification of Authority</div>
+        <div class="mono upper" style="font-size:10px;letter-spacing:0.2em;opacity:0.78;margin-bottom:18px">Certification of Authority</div>
         <div style="border:1px solid var(--ink);padding:22px 20px;background:var(--paper);position:relative">
           <div class="serif" style="font-size:22px;line-height:1.2;font-style:italic;margin-bottom:14px">
             Let it be known that <strong style="font-style:normal">{{ sel.name }}</strong> is duly licensed to strike, assay, and countersign Bral coin in the name of the Banco·Bral.
@@ -94,7 +106,7 @@
           <div style="display:flex;justify-content:space-between;align-items:flex-end;margin-top:18px">
             <div>
               <div class="serif" style="font-style:italic;font-size:18px">M. Linnet</div>
-              <div class="mono upper" style="font-size:8px;letter-spacing:0.2em;opacity:0.55">Governor</div>
+              <div class="mono upper" style="font-size:8px;letter-spacing:0.2em;opacity:0.78">Governor</div>
             </div>
             <TheSeal :size="44" />
           </div>
@@ -123,6 +135,16 @@ function statsFor(m) {
     ['Cans Contributed',  m.cans,   500],
   ]
 }
+
+function onTabKey(e) {
+  const max = members.length - 1
+  if (e.key === 'ArrowRight') { selIdx.value = selIdx.value === max ? 0 : selIdx.value + 1; e.preventDefault() }
+  else if (e.key === 'ArrowLeft') { selIdx.value = selIdx.value === 0 ? max : selIdx.value - 1; e.preventDefault() }
+  else if (e.key === 'Home') { selIdx.value = 0; e.preventDefault() }
+  else if (e.key === 'End')  { selIdx.value = max; e.preventDefault() }
+  else return
+  document.getElementById(`member-tab-${members[selIdx.value].id}`)?.focus()
+}
 </script>
 
 <style scoped>
diff --git a/src/components/TheMerch.vue b/src/components/TheMerch.vue
index 6d409e6..80ad5ff 100644
--- a/src/components/TheMerch.vue
+++ b/src/components/TheMerch.vue
@@ -23,13 +23,13 @@
         </div>
 
         <div style="display:flex;justify-content:space-between;align-items:baseline">
-          <div class="mono upper" style="font-size:9px;letter-spacing:0.2em;opacity:0.55">{{ item.sku }}</div>
+          <div class="mono upper" style="font-size:9px;letter-spacing:0.2em;opacity:0.78">{{ item.sku }}</div>
           <div class="serif" style="font-size:32px;letter-spacing:-0.01em;color:var(--accent)">
-            {{ item.price }}<span style="font-size:12px;opacity:0.6;margin-left:4px">bral</span>
+            {{ item.price }}<span style="font-size:12px;opacity:0.78;margin-left:4px">bral</span>
           </div>
         </div>
         <div class="serif" style="font-size:24px;line-height:1.15;margin-top:6px">{{ item.name }}</div>
-        <div style="font-size:11.5px;opacity:0.7;margin-top:6px;line-height:1.55">{{ item.desc }}</div>
+        <div style="font-size:11.5px;opacity:0.88;margin-top:6px;line-height:1.55">{{ item.desc }}</div>
         <div style="margin-top:16px;display:flex;gap:10px">
           <button class="btn" style="padding:8px 12px;font-size:10px">Add to Cart</button>
           <button class="btn btn-ghost" style="padding:8px 12px;font-size:10px">Details</button>
diff --git a/src/components/TheNewsletter.vue b/src/components/TheNewsletter.vue
index d1fef14..b401076 100644
--- a/src/components/TheNewsletter.vue
+++ b/src/components/TheNewsletter.vue
@@ -9,7 +9,7 @@
     <div class="nl-body">
 
       <div class="nl-info">
-        <div class="mono upper" style="font-size:10px;letter-spacing:0.2em;opacity:0.6;margin-bottom:20px">Dispatch Archive</div>
+        <div class="mono upper" style="font-size:10px;letter-spacing:0.2em;opacity:0.78;margin-bottom:20px">Dispatch Archive</div>
         <div
           v-for="issue in issues"
           :key="issue.id"
@@ -17,38 +17,40 @@
         >
           <div class="mono" style="font-size:10px;color:var(--accent);margin-bottom:4px">{{ issue.date }}</div>
           <div class="serif nl-issue-title">{{ issue.title }}</div>
-          <div style="font-size:11.5px;line-height:1.6;opacity:0.65">{{ issue.summary }}</div>
+          <div style="font-size:11.5px;line-height:1.6;opacity:0.85">{{ issue.summary }}</div>
         </div>
       </div>
 
       <div class="nl-form-wrap">
         <div class="nl-form-box">
-          <div class="mono upper" style="font-size:10px;letter-spacing:0.2em;opacity:0.6;margin-bottom:20px">Subscribe to the Communiqué</div>
+          <div class="mono upper" style="font-size:10px;letter-spacing:0.2em;opacity:0.78;margin-bottom:20px">Subscribe to the Communiqué</div>
 
           <template v-if="!subscribed">
-            <p style="font-size:12px;line-height:1.75;margin:0 0 24px;opacity:0.75">
+            <p style="font-size:12px;line-height:1.75;margin:0 0 24px;opacity:0.9">
               The Communiqué is issued at the Governor's discretion. Frequency: irregular.
               Content: authoritative. Unsubscribe at any time by written petition to the Board.
             </p>
-            <form @submit.prevent="submit" class="nl-form">
+            <form @submit.prevent="submit" class="nl-form" novalidate>
               <div class="nl-field">
-                <label class="mono upper" style="font-size:10px;letter-spacing:0.15em;opacity:0.6;display:block;margin-bottom:8px">
+                <label for="nl-email" class="mono upper" style="font-size:10px;letter-spacing:0.15em;opacity:0.78;display:block;margin-bottom:8px">
                   Email Address
                 </label>
                 <input
+                  id="nl-email"
                   v-model="email"
                   type="email"
                   required
+                  autocomplete="email"
                   placeholder="your@address.org"
                   class="nl-input mono"
                   :disabled="submitting"
                 />
               </div>
               <div class="nl-field">
-                <label class="mono upper" style="font-size:10px;letter-spacing:0.15em;opacity:0.6;display:block;margin-bottom:8px">
+                <label for="nl-cadence" class="mono upper" style="font-size:10px;letter-spacing:0.15em;opacity:0.78;display:block;margin-bottom:8px">
                   Dispatch Frequency
                 </label>
-                <select v-model="cadence" class="nl-select mono" :disabled="submitting">
+                <select id="nl-cadence" v-model="cadence" class="nl-select mono" :disabled="submitting">
                   <option value="immediate">Immediate — all announcements</option>
                   <option value="digest">Weekly digest</option>
                   <option value="quarterly">Quarterly report only</option>
@@ -58,18 +60,18 @@
                 {{ submitting ? 'Processing…' : 'Submit Subscription Request' }} →
               </button>
             </form>
-            <div style="font-size:10px;opacity:0.35;margin-top:16px;line-height:1.65">
+            <div style="font-size:10px;opacity:0.7;margin-top:16px;line-height:1.65">
               By subscribing you acknowledge the Banco·Bral privacy charter (Ref. BB·P·002)
               and consent to receive official monetary correspondence.
             </div>
           </template>
 
-          <div v-else class="nl-confirmed">
+          <div v-else class="nl-confirmed" role="status" aria-live="polite">
             <div class="stamp" style="margin-bottom:24px;display:inline-block">Approved</div>
             <div class="serif" style="font-size:clamp(24px,2.5vw,36px);line-height:1.05;letter-spacing:-0.02em;margin-bottom:16px">
               Subscription Registered
             </div>
-            <div style="font-size:12px;line-height:1.75;opacity:0.75">
+            <div style="font-size:12px;line-height:1.75;opacity:0.9">
               Your request has been logged and forwarded to the Governor's secretariat.
               Expect your first Communiqué at the next scheduled dispatch.
             </div>
@@ -152,7 +154,7 @@ function submit() {
   width: 100%;
   appearance: none;
 }
-.nl-input::placeholder { opacity: 0.35; }
+.nl-input::placeholder { opacity: 0.6; }
 .nl-input:focus,
 .nl-select:focus { border-color: var(--accent); }
 
diff --git a/src/components/TheSchedule.vue b/src/components/TheSchedule.vue
index 0c4fc38..8c7420a 100644
--- a/src/components/TheSchedule.vue
+++ b/src/components/TheSchedule.vue
@@ -25,7 +25,7 @@
         <span class="mono sched-date" style="font-size:12px">{{ s.date }}</span>
         <span class="serif sched-event" style="font-size:20px;letter-spacing:-0.01em;line-height:1.15">{{ s.event }}</span>
         <span class="mono sched-delta" style="color:var(--accent)">{{ s.reserve }}</span>
-        <span class="sched-notes" style="opacity:0.75">{{ s.notes }}</span>
+        <span class="sched-notes" style="opacity:0.9">{{ s.notes }}</span>
         <span
           class="mono upper sched-status"
           :style="{ fontSize:'10px', letterSpacing:'0.2em', textAlign:'right', color: s.status === 'upcoming' ? 'var(--accent)' : 'inherit' }"
diff --git a/src/style.css b/src/style.css
index d100495..409807d 100644
--- a/src/style.css
+++ b/src/style.css
@@ -9,6 +9,8 @@
   --accent: #c3410b;
   --rule: #1a1714;
   --grid-line: rgba(26, 23, 20, 0.08);
+  --focus-ring: var(--accent);
+  --muted-opacity: 0.78;
 }
 
 /* Palette overrides */
@@ -74,9 +76,25 @@ body {
 .upper { text-transform: uppercase; letter-spacing: 0.08em; }
 .tight { letter-spacing: -0.02em; }
 
-button, input, select { font-family: inherit; color: inherit; }
+button, input, select, textarea { font-family: inherit; color: inherit; }
 a { color: inherit; text-decoration: none; }
 
+/* Focus ring — applies only to keyboard focus, respects all palettes */
+:focus { outline: none; }
+a:focus-visible,
+button:focus-visible,
+input:focus-visible,
+select:focus-visible,
+textarea:focus-visible,
+[tabindex]:focus-visible {
+  outline: 2px solid var(--focus-ring);
+  outline-offset: 2px;
+}
+input[type="range"]:focus-visible { outline-offset: 4px; }
+
+/* Muted text utility — higher contrast than inline opacity:0.55 */
+.muted { opacity: var(--muted-opacity); }
+
 /* Rules */
 .rule-t { border-top: 1px solid var(--rule); }
 .rule-b { border-bottom: 1px solid var(--rule); }
@@ -118,6 +136,8 @@ a { color: inherit; text-decoration: none; }
   text-decoration: none;
 }
 .btn:hover { background: var(--accent); border-color: var(--accent); }
+.btn:disabled { cursor: not-allowed; opacity: 0.55; }
+.btn:disabled:hover { background: var(--ink); border-color: var(--ink); }
 .btn-ghost { background: transparent; color: var(--ink); }
 .btn-ghost:hover { background: var(--ink); color: var(--paper); }
 
@@ -166,7 +186,17 @@ input[type="range"] { accent-color: var(--accent); }
   text-decoration: none;
   transition: top 0s;
 }
-.skip-link:focus { top: 0; }
+.skip-link:focus { top: 0; outline: 2px solid var(--ink); outline-offset: -2px; }
+
+/* Reduced-motion: honor user preference */
+@media (prefers-reduced-motion: reduce) {
+  *, *::before, *::after {
+    animation-duration: 0.01ms !important;
+    animation-iteration-count: 1 !important;
+    transition-duration: 0.01ms !important;
+    scroll-behavior: auto !important;
+  }
+}
 
 /* Responsive base */
 @media (max-width: 768px) {