diff --git a/public/index.html b/public/index.html
index 7e377610..7fa55f44 100644
--- a/public/index.html
+++ b/public/index.html
@@ -20,7 +20,7 @@
   <meta name="twitter:title" content="MeshCore Analyzer">
   <meta name="twitter:description" content="Real-time MeshCore LoRa mesh network analyzer — live packet visualization, node tracking, channel decryption, and route analysis.">
   <meta name="twitter:image" content="https://raw.githubusercontent.com/Kpa-clawbot/meshcore-analyzer/master/public/og-image.png">
-  <link rel="stylesheet" href="style.css?v=1774079160">
+  <link rel="stylesheet" href="style.css?v=1773961276">
   <link rel="stylesheet" href="home.css">
   <link rel="stylesheet" href="live.css?v=1774080600">
   <link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"
@@ -86,6 +86,6 @@
   <script src="analytics.js?v=1773961035" onerror="console.error('Failed to load:', this.src)"></script>
   <script src="live.js?v=1774079160" onerror="console.error('Failed to load:', this.src)"></script>
   <script src="observers.js?v=1774079160" onerror="console.error('Failed to load:', this.src)"></script>
-  <script src="node-analytics.js?v=1773961035" onerror="console.error('Failed to load:', this.src)"></script>
+  <script src="node-analytics.js?v=1773961276" onerror="console.error('Failed to load:', this.src)"></script>
 </body>
 </html>
diff --git a/public/node-analytics.js b/public/node-analytics.js
index 7f98088e..e55641ce 100644
--- a/public/node-analytics.js
+++ b/public/node-analytics.js
@@ -51,11 +51,11 @@
     const nodeName = escapeHtml(n.name || n.public_key.slice(0, 12));
 
     container.innerHTML = `
-      <div style="max-width:1100px;margin:0 auto;padding:20px;height:100%;overflow-y:auto">
-        <div style="margin-bottom:16px">
-          <a href="#/nodes/${encodeURIComponent(n.public_key)}" style="color:var(--accent);text-decoration:none;font-size:14px">← Back to ${nodeName}</a>
-          <h2 style="margin:8px 0 4px">📊 ${nodeName} — Analytics</h2>
-          <div style="color:var(--text-muted);font-size:12px">${n.role || 'Unknown role'} · ${s.totalPackets} packets in ${days}d window</div>
+      <div style="max-width:1000px;margin:0 auto;padding:12px 16px;height:100%;overflow-y:auto">
+        <div style="margin-bottom:12px">
+          <a href="#/nodes/${encodeURIComponent(n.public_key)}" style="color:var(--accent);text-decoration:none;font-size:12px">← Back to ${nodeName}</a>
+          <h2 style="margin:4px 0 2px;font-size:18px">📊 ${nodeName} — Analytics</h2>
+          <div style="color:var(--text-muted);font-size:11px">${n.role || 'Unknown role'} · ${s.totalPackets} packets in ${days}d window</div>
         </div>
 
         <div class="analytics-time-range" id="timeRangeBtns">
@@ -69,56 +69,69 @@
           <div class="analytics-stat-card">
             <div class="analytics-stat-label">Availability</div>
             <div class="analytics-stat-value">${s.availabilityPct}%</div>
+            <div class="analytics-stat-desc">% of time windows with at least one packet</div>
           </div>
           <div class="analytics-stat-card">
             <div class="analytics-stat-label">Signal Grade</div>
             <div class="analytics-stat-value" style="color:${GRADE_COLORS[s.signalGrade]||'var(--text)'}">${s.signalGrade}</div>
+            <div class="analytics-stat-desc">A–F based on average SNR across all observers</div>
           </div>
           <div class="analytics-stat-card">
             <div class="analytics-stat-label">Packets / Day</div>
             <div class="analytics-stat-value">${s.avgPacketsPerDay}</div>
+            <div class="analytics-stat-desc">Average daily packet volume in this window</div>
           </div>
           <div class="analytics-stat-card">
             <div class="analytics-stat-label">Observers</div>
             <div class="analytics-stat-value">${s.uniqueObservers}</div>
+            <div class="analytics-stat-desc">Distinct stations that heard this node</div>
           </div>
           <div class="analytics-stat-card">
             <div class="analytics-stat-label">Relay %</div>
             <div class="analytics-stat-value">${s.relayPct}%</div>
+            <div class="analytics-stat-desc">Packets forwarded through repeaters vs direct</div>
           </div>
           <div class="analytics-stat-card">
             <div class="analytics-stat-label">Longest Silence</div>
-            <div class="analytics-stat-value" style="font-size:22px">${formatSilence(s.longestSilenceMs)}</div>
+            <div class="analytics-stat-value" style="font-size:18px">${formatSilence(s.longestSilenceMs)}</div>
+            <div class="analytics-stat-desc">Longest gap between consecutive packets</div>
           </div>
         </div>
 
         <div class="analytics-charts">
           <div class="analytics-chart-card full">
             <h4>Activity Timeline</h4>
+            <div class="analytics-chart-desc">Packet count per time bucket — shows when this node is most active</div>
             <canvas id="activityChart"></canvas>
           </div>
           <div class="analytics-chart-card">
             <h4>SNR Trend</h4>
+            <div class="analytics-chart-desc">Signal-to-noise ratio over time — higher is better reception</div>
             <canvas id="snrChart"></canvas>
           </div>
           <div class="analytics-chart-card">
             <h4>Packet Types</h4>
+            <div class="analytics-chart-desc">Breakdown of advert, position, text, and other packet types</div>
             <canvas id="packetTypeChart"></canvas>
           </div>
           <div class="analytics-chart-card">
             <h4>Observer Coverage</h4>
+            <div class="analytics-chart-desc">Which stations hear this node and how often</div>
             <canvas id="observerChart"></canvas>
           </div>
           <div class="analytics-chart-card">
             <h4>Hop Distribution</h4>
+            <div class="analytics-chart-desc">How many repeater hops packets take — 0 means direct</div>
             <canvas id="hopChart"></canvas>
           </div>
           <div class="analytics-chart-card full">
             <h4>Uptime Heatmap</h4>
+            <div class="analytics-chart-desc">Hour-by-hour activity grid — darker = more packets in that slot</div>
             <div id="heatmapGrid" class="analytics-heatmap"></div>
           </div>
           ${data.peerInteractions.length ? `<div class="analytics-chart-card full">
             <h4>Peer Interactions</h4>
+            <div class="analytics-chart-desc">Nodes this device has exchanged messages with</div>
             <table class="analytics-peer-table">
               <thead><tr><th>Peer</th><th>Messages</th><th>Last Contact</th></tr></thead>
               <tbody>${data.peerInteractions.map(p => `<tr>
diff --git a/public/style.css b/public/style.css
index af7eba5b..1288d1ba 100644
--- a/public/style.css
+++ b/public/style.css
@@ -1350,14 +1350,16 @@ tr[data-hops]:hover { background: rgba(59,130,246,0.1); }
 .meshcore-marker { background: none !important; border: none !important; }
 
 /* === Node Analytics === */
-.analytics-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin-bottom: 24px; }
-.analytics-stat-card { background: var(--card-bg); border: 1px solid var(--border); border-radius: 8px; padding: 16px; text-align: center; }
-.analytics-stat-label { font-size: 11px; text-transform: uppercase; letter-spacing: .5px; color: var(--text-muted); margin-bottom: 4px; }
-.analytics-stat-value { font-size: 28px; font-weight: 700; }
-.analytics-charts { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 24px; }
-.analytics-chart-card { background: var(--card-bg); border: 1px solid var(--border); border-radius: 8px; padding: 16px; }
+.analytics-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-bottom: 16px; }
+.analytics-stat-card { background: var(--card-bg); border: 1px solid var(--border); border-radius: 6px; padding: 10px 12px; text-align: center; }
+.analytics-stat-label { font-size: 10px; text-transform: uppercase; letter-spacing: .5px; color: var(--text-muted); margin-bottom: 2px; }
+.analytics-stat-value { font-size: 20px; font-weight: 700; }
+.analytics-stat-desc { font-size: 10px; color: var(--text-muted); margin-top: 2px; font-style: italic; }
+.analytics-charts { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 16px; }
+.analytics-chart-card { background: var(--card-bg); border: 1px solid var(--border); border-radius: 6px; padding: 12px; }
 .analytics-chart-card.full { grid-column: 1 / -1; }
-.analytics-chart-card h4 { font-size: 12px; text-transform: uppercase; letter-spacing: .5px; color: var(--text-muted); margin-bottom: 12px; }
+.analytics-chart-card h4 { font-size: 11px; text-transform: uppercase; letter-spacing: .5px; color: var(--text-muted); margin-bottom: 4px; }
+.analytics-chart-desc { font-size: 10px; color: var(--text-muted); margin-bottom: 8px; font-style: italic; }
 .analytics-heatmap { display: grid; grid-template-columns: 40px repeat(24, 1fr); gap: 2px; }
 .analytics-heatmap-cell { aspect-ratio: 1; border-radius: 2px; cursor: default; }
 .analytics-heatmap-label { font-size: 10px; color: var(--text-muted); display: flex; align-items: center; }