feat: measurement micro-charts all tiers, whynow AI formula viz, barriers grid fix, challenge stat bars, framework threshold

Author: claude

pages/barriers.html

@@ -83,7 +83,7 @@
     /* ── FAILURE SCENARIOS ─────────────────────────────────────── */
     .cases-grid--failures {
       display: grid !important;
-      grid-template-columns: repeat(5, 1fr) !important;
+      grid-template-columns: repeat(3, 1fr) !important;
       gap: 1px !important;
       background: rgba(255,255,255,0.07) !important;
       border: 1px solid rgba(255,255,255,0.07) !important;

pages/challenge.html

@@ -37,11 +37,11 @@
       overflow: hidden;
     }
     .ch-stat-bar {
-      height: 2px;
-      margin-top: 10px;
-      border-radius: 1px;
+      height: 3px;
+      margin-top: 12px;
+      border-radius: 2px;
       overflow: hidden;
-      background: rgba(255,255,255,0.06);
+      background: rgba(255,255,255,0.08);
     }
     .ch-stat-bar-fill {
       height: 100%;

pages/framework.html

@@ -413,7 +413,7 @@ <h3 class="section-heading-compact">The knowledge lifecycle</h3>
         entries.forEach(function(e){
           if (e.isIntersecting) { e.target.classList.add('visible'); io.unobserve(e.target); }
         });
-      }, { threshold: 0.15 });
+      }, { threshold: 0 });
       targets.forEach(function(t){ if (t.el) io.observe(t.el); });
     }());
   </script>