Upload 6 files

.gitattributes

@@ -33,3 +33,4 @@ saved_model/**/* filter=lfs diff=lfs merge=lfs -text
 *.zip filter=lfs diff=lfs merge=lfs -text
 *.zst filter=lfs diff=lfs merge=lfs -text
 *tfevents* filter=lfs diff=lfs merge=lfs -text
+assets/logo.png filter=lfs diff=lfs merge=lfs -text

assets/app.js

@@ -1,296 +1,587 @@
-// Enhanced theme toggle with smooth transitions
-const toggle = document.getElementById('themeToggle');
-const root = document.documentElement;
-const saved = localStorage.getItem('theme') || 'dark';
+const $ = (selector, scope = document) => scope.querySelector(selector);
+const $$ = (selector, scope = document) => [...scope.querySelectorAll(selector)];
 
-// Apply saved theme
-if (saved === 'light') {
-  document.documentElement.classList.remove('dark');
-} else {
-  document.documentElement.classList.add('dark');
-}
+const prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
 
-// Update theme toggle icon
-const updateThemeIcon = () => {
-  const icon = toggle?.querySelector('i');
-  if (icon) {
-    icon.setAttribute('data-lucide', document.documentElement.classList.contains('dark') ? 'sun-medium' : 'moon');
-    if (window.lucide) {
-      lucide.createIcons();
+const data = {
+  architecture: [
+    ['Input', 'Clinician input and case question are normalised before retrieval.'],
+    ['Patient context', 'EMR history, medications, labs, allergies, and provenance metadata shape the query.'],
+    ['Guidelines', 'CPG passages are retrieved with section, version, and update metadata.'],
+    ['Orchestrator', 'Typed artifacts coordinate retrieval sets, summaries, guideline extracts, and safety critiques.'],
+    ['Candidate pool', 'Dense ANN and BM25 lexical recall are unioned to protect rare terms and semantic matches.'],
+    ['Reranking', 'A long-context biomedical reranker scores each query-passage pair and supports calibrated thresholds.'],
+    ['Sufficiency', 'Facet coverage, entropy, contradictions, and marginal utility govern retrieve-more evidence actions.'],
+    ['Answer', 'Final output includes a grounded answer.']
+  ],
+  datasets: [
+    ['HealthCareMagic', 100, 'forum QA'],
+    ['iCliniq', 10, 'forum QA'],
+    ['PubMedQA labelled', 1, 'research QA'],
+    ['PubMedQA unlabelled', 61.2, 'KD prompts'],
+    ['PubMedQA synthetic', 211.3, 'multi-variant']
+  ],
+  merges: [
+    ['Task arithmetic', 'Adds SFT and KD deltas with magnitude control.', '#33d7ff', 'θ = θ₀ + λ(ΔSFT + ΔKD)', 'Vector addition preserves both task updates but can amplify shared directions.'],
+    ['NuSLERP', 'Interpolates normalised update directions to reduce norm dominance.', '#5ef7d8', 'θ = θ₀ + slerp(norm(ΔSFT), norm(ΔKD); t)', 'Normalise first, then follow the spherical arc between update directions.'],
+    ['DARE', 'Drops and rescales redundant update coordinates.', '#ffd166', 'θ = θ₀ + m ⊙ Δ / p', 'A Bernoulli mask removes coordinates, then rescales the survivors to preserve expectation.'],
+    ['TIES', 'Trims weak updates and resolves sign conflicts.', '#9b7cff', 'θᵢ = θ₀ᵢ + sign_vote(top_k(Δᵢ))', 'Weak coordinates are trimmed; conflicting signs are resolved by consensus before merging.'],
+    ['DARE–TIES', 'Combines stochastic sparsity with sign consensus.', '#ff6f91', 'θ = θ₀ + TIES(DARE(ΔSFT), DARE(ΔKD))', 'Sparsify noisy updates first, then merge only the agreed surviving directions.']
+  ],
+  retrievalStages: [
+    {
+      key: 'Candidate pool',
+      title: 'Stage 1: dense + lexical recall',
+      body: 'The system retrieves a broad candidate set with dense ANN search and BM25 union. This protects exact clinical terms while preserving semantic recall.',
+      nodes: [
+        ['Clinical query q', 70, 190], ['Dense ANN', 370, 105], ['BM25 lexical', 370, 275], ['Union C(q)', 660, 190]
+      ],
+      lines: [[225, 220, 360, 140], [225, 220, 360, 308], [520, 135, 650, 205], [520, 300, 650, 225]]
+    },
+    {
+      key: 'Biomedical rerank',
+      title: 'Stage 2: long-context pointwise reranking',
+      body: 'Each query-passage pair receives a logit and calibrated relevance probability, enabling auditable thresholds instead of uncalibrated top-K truncation.',
+      nodes: [
+        ['q + passage d', 80, 160], ['LLM reranker', 350, 205], ['Temp scaling', 620, 135], ['p̂θ(q,d)', 650, 285]
+      ],
+      lines: [[250, 190, 340, 230], [510, 230, 610, 168], [510, 245, 640, 315]]
+    },
+    {
+      key: 'Evidence grade',
+      title: 'Evidence hierarchy + source validity',
+      body: 'Guidelines, systematic reviews, RCTs, observational evidence, case evidence, EMR evidence, and safety evidence are separated so patient context is not confused with generalisable treatment efficacy.',
+      nodes: [
+        ['CPG / SR / RCT', 85, 115], ['EMR applicability', 105, 295], ['gEBM(d)', 410, 205], ['noise penalty', 660, 250]
+      ],
+      lines: [[255, 145, 405, 218], [285, 320, 405, 255], [555, 230, 650, 270]]
+    },
+    {
+      key: 'Budgeted bundle',
+      title: 'Utility selection under token budget B',
+      body: 'The bundle maximises clinical utility: facet coverage, source quality, safety relevance, contradiction resolution, and redundancy penalties under a hard token budget.',
+      nodes: [
+        ['Facet set F(q)', 90, 150], ['Utility U(q,M)', 390, 185], ['M* bundle', 650, 145], ['Audit trace', 650, 290]
+      ],
+      lines: [[250, 180, 380, 215], [550, 215, 640, 180], [550, 225, 640, 320]]
     }
-  }
+  ],
+  facets: [
+    ['Guideline concordance', 42, true],
+    ['Contraindications', 35, true],
+    ['Patient applicability', 40, true],
+    ['Medication interactions', 28, true],
+    ['Outcome evidence', 52, false],
+    ['Audit provenance', 58, false]
+  ],
+  retrievalEvents: [
+    'Guideline agent retrieved a current CPG recommendation with section and version metadata.',
+    'Safety agent added contraindication evidence with severity tags.',
+    'Patient-context agent aligned lab trend and comorbidity constraints from EMR.',
+    'Contradiction critic preserved a population-exclusion conflict for adjudication.',
+    'Evidence-quality agent upgraded source grade using systematic-review support.',
+    'Orchestrator accepted bundle after marginal utility saturated under token budget.'
+  ],
+  agents: [
+    ['⌁', 'Exploration agent', 'Maximises recall through dense retrieval, lexical retrieval, synonym expansion, abbreviation expansion, and specialty reformulation.', 84],
+    ['§', 'Guideline agent', 'Prioritises CPG and consensus recommendations, extracting strength, population, exclusions, and update date.', 91],
+    ['◆', 'Evidence-quality agent', 'Assigns EBM grade, study design, provenance, sample relevance, outcome relevance, and recency.', 87],
+    ['◈', 'Patient-context agent', 'Aligns evidence with EMR-derived comorbidities, demographics, medications, allergies, labs, and prior treatment history.', 85],
+    ['!', 'Safety agent', 'Searches for contraindications, adverse events, drug-drug interactions, dose restrictions, and exclusion criteria.', 93],
+    ['⇄', 'Contradiction critic', 'Separates true clinical conflict from population mismatch and routes unresolved high-severity conflicts forward.', 88]
+  ],
+  qa: {
+    medquad: [
+      { model: 'DaRE-TIES-KD-0.7', rouge: 0.17, bert: 0.8501, tok: 0.22, uni: 0.47, bi: 0.14 },
+      { model: 'NuSL-KD-0.7', rouge: 0.17, bert: 0.8500, tok: 0.21, uni: 0.47, bi: 0.11 },
+      { model: 'DaRE-Linear-KD-0.7', rouge: 0.17, bert: 0.8494, tok: 0.22, uni: 0.45, bi: 0.14 },
+      { model: 'TA-SFT-0.7', rouge: 0.16, bert: 0.8491, tok: 0.18, uni: 0.51, bi: 0.20 },
+      { model: '7B-KD', rouge: 0.18, bert: 0.8441, tok: 0.26, uni: 0.46, bi: 0.12 },
+      { model: '7B-SFT', rouge: 0.15, bert: 0.8396, tok: 0.18, uni: 0.52, bi: 0.21 },
+      { model: 'KD-SFT-PubMed-l', rouge: 0.17, bert: 0.8341, tok: 0.24, uni: 0.44, bi: 0.11 },
+      { model: 'KD-SFT-PubMed-map', rouge: 0.17, bert: 0.8297, tok: 0.22, uni: 0.47, bi: 0.12 },
+      { model: 'MedGemma-27b-it', rouge: 0.19, bert: 0.8465, tok: 0.27, uni: 0.40, bi: 0.09 },
+      { model: 'MedGemma-1.5-4b', rouge: 0.18, bert: 0.8449, tok: 0.26, uni: 0.40, bi: 0.08 },
+      { model: 'Gemini 3.1', rouge: 0.15, bert: 0.8490, tok: 0.26, uni: 0.36, bi: 0.08 },
+      { model: 'Gemini 2.5 Flash', rouge: 0.09, bert: 0.8390, tok: 0.11, uni: 0.55, bi: 0.28 },
+      { model: 'GPT 5.4', rouge: 0.13, bert: 0.8450, tok: 0.21, uni: 0.31, bi: 0.05 },
+      { model: 'Claude Sonnet 4.6', rouge: 0.12, bert: 0.8470, tok: 0.19, uni: 0.28, bi: 0.05 },
+      { model: 'Mistral Small', rouge: 0.14, bert: 0.8450, tok: 0.23, uni: 0.34, bi: 0.07 },
+      { model: 'BioMistral-7B', rouge: 0.18, bert: 0.8460, tok: 0.25, uni: 0.45, bi: 0.11 },
+      { model: 'MediPhi', rouge: 0.18, bert: 0.8479, tok: 0.27, uni: 0.40, bi: 0.09 },
+      { model: 'Meditron-7B', rouge: 0.16, bert: 0.8240, tok: 0.22, uni: 0.47, bi: 0.13 },
+      { model: 'MedAlpaca-7B', rouge: 0.16, bert: 0.8196, tok: 0.18, uni: 0.50, bi: 0.20 }
+    ],
+    healthbench: [
+      { model: 'TIES-KD-0.7-0.6', rouge: 0.16, bert: 0.8411, tok: 0.22, uni: 0.35, bi: 0.08 },
+      { model: 'TA-SFT-0.7', rouge: 0.16, bert: 0.8410, tok: 0.23, uni: 0.35, bi: 0.08 },
+      { model: 'NuSL-KD-0.7', rouge: 0.16, bert: 0.8403, tok: 0.24, uni: 0.34, bi: 0.07 },
+      { model: 'DaRE-TIES-KD-0.7', rouge: 0.16, bert: 0.8392, tok: 0.24, uni: 0.34, bi: 0.07 },
+      { model: 'DaRE-Linear-KD-0.7', rouge: 0.16, bert: 0.8388, tok: 0.24, uni: 0.34, bi: 0.07 },
+      { model: '7B-KD', rouge: 0.15, bert: 0.8314, tok: 0.23, uni: 0.32, bi: 0.06 },
+      { model: '7B-SFT', rouge: 0.13, bert: 0.8299, tok: 0.17, uni: 0.31, bi: 0.07 },
+      { model: 'KD-SFT-PubMed-l', rouge: 0.13, bert: 0.8186, tok: 0.20, uni: 0.32, bi: 0.06 },
+      { model: 'KD-SFT-PubMed-map', rouge: 0.12, bert: 0.8088, tok: 0.16, uni: 0.31, bi: 0.06 },
+      { model: 'MedGemma-27b-it', rouge: 0.17, bert: 0.8342, tok: 0.26, uni: 0.32, bi: 0.07 },
+      { model: 'MedGemma-1.5-4b', rouge: 0.16, bert: 0.8326, tok: 0.25, uni: 0.32, bi: 0.06 },
+      { model: 'Gemini 3.1', rouge: 0.14, bert: 0.8480, tok: 0.26, uni: 0.33, bi: 0.06 },
+      { model: 'Gemini 2.5 Flash', rouge: 0.08, bert: 0.8230, tok: 0.13, uni: 0.47, bi: 0.18 },
+      { model: 'GPT 5.4', rouge: 0.12, bert: 0.8460, tok: 0.22, uni: 0.27, bi: 0.04 },
+      { model: 'Claude Sonnet 4.6', rouge: 0.11, bert: 0.8440, tok: 0.20, uni: 0.24, bi: 0.04 },
+      { model: 'Mistral Small', rouge: 0.13, bert: 0.8470, tok: 0.23, uni: 0.30, bi: 0.06 },
+      { model: 'BioMistral-7B', rouge: 0.16, bert: 0.8404, tok: 0.23, uni: 0.35, bi: 0.08 },
+      { model: 'Meditron-7B', rouge: 0.12, bert: 0.8068, tok: 0.15, uni: 0.31, bi: 0.06 },
+      { model: 'MedAlpaca-7B', rouge: 0.11, bert: 0.7946, tok: 0.21, uni: 0.34, bi: 0.07 }
+    ]
+  },
+  reranker: [
+    ['MRR@10', '0.9771', 97.71, 'Relevant passages are placed extremely close to the top.'],
+    ['nDCG@10', '0.9826', 98.26, 'Position-sensitive ranking quality remains high after biomedical adaptation.'],
+    ['Recall@10', '1.0000', 100, 'The positive passage is present in the first ten results.'],
+    ['MAP@10', '0.9771', 97.71, 'Average precision across the ranked evidence set is high.'],
+    ['p95 latency', '3895.1 ms', 74, 'Long-context scoring trades latency for calibrated clinical auditability.']
+  ],
+  audit: [
+    ['Facet recall', 92], ['Citation precision', 88], ['Trace completeness', 96], ['Sufficiency decision', 90], ['Groundedness proxy', 86], ['Unsafe omission control', 84]
+  ],
+  release: [
+    ['01', 'Data engineering filters', 'License-aware fetchers, PHI scrubbing, MD5 deduplication, medically invariant augmentation filters, and dataset manifests.'],
+    ['02', 'Teacher-label utilities', 'Logged prompts and decoding parameters for hard-label generation plus top-k soft-label serialization.'],
+    ['03', 'QLoRA training scripts', '4-bit NF4, LoRA rank configuration, optimizer schedules, gradient checkpointing, early stopping, and checkpoint reconstruction.'],
+    ['04', 'Merge specifications', 'MergeKit YAML recipes for TA, SLERP, NuSLERP, DARE, TIES, and DARE-TIES.'],
+    ['05', 'Retrieval policy package', 'Dense + lexical union, long-context biomedical reranker inference, calibrated scoring hooks, evidence hierarchy, and index parameters.'],
+    ['06', 'Evaluation and audit harness', 'Deterministic prompting, benchmarks, trace export, policy rates, penalties, and MSAS reporting.']
+  ]
 };
 
-// Initialize theme icon
-updateThemeIcon();
+let activeStage = 0;
+let activeMerge = 4;
+let retrievalStep = 0;
+const coverageHistory = [34];
 
-toggle?.addEventListener('click', () => {
-  const isDark = document.documentElement.classList.toggle('dark');
-  localStorage.setItem('theme', isDark ? 'dark' : 'light');
-  updateThemeIcon();
-  
-  // Add smooth transition effect
-  document.body.style.transition = 'background-color 0.3s ease, color 0.3s ease';
-  setTimeout(() => {
-    document.body.style.transition = '';
-  }, 300);
-});
+function setHTML(el, html) { if (el) el.innerHTML = html; }
+function clamp(n, min, max) { return Math.max(min, Math.min(max, n)); }
+function fmtScore(value, metric) {
+  if (metric === 'bert') return `${(value * 100).toFixed(2)}%`;
+  return value.toFixed(3);
+}
 
-// Enhanced tabs logic with smooth transitions and ARIA support
-document.querySelectorAll('.tab').forEach(btn => {
-  btn.addEventListener('click', () => {
-    // Remove active class and ARIA attributes from all tabs
-    document.querySelectorAll('.tab').forEach(b => {
-      b.classList.remove('active');
-      b.setAttribute('aria-selected', 'false');
+function initCanvas() {
+  const canvas = $('#abyssCanvas');
+  if (!canvas || prefersReducedMotion) return;
+  const ctx = canvas.getContext('2d');
+  let w = 0, h = 0, dpr = 1;
+  const particles = Array.from({ length: 130 }, () => ({
+    x: Math.random(), y: Math.random(), r: Math.random() * 1.7 + .35,
+    vx: (Math.random() - .5) * .00008, vy: Math.random() * .00012 + .000035,
+    a: Math.random() * .45 + .12
+  }));
+  const caustics = Array.from({ length: 10 }, (_, i) => ({
+    y: .12 + i * .095,
+    speed: .00016 + Math.random() * .00018,
+    amp: 8 + Math.random() * 14,
+    alpha: .018 + Math.random() * .024
+  }));
+  function resize() {
+    dpr = Math.min(window.devicePixelRatio || 1, 2);
+    w = canvas.width = Math.floor(innerWidth * dpr);
+    h = canvas.height = Math.floor(innerHeight * dpr);
+    canvas.style.width = `${innerWidth}px`;
+    canvas.style.height = `${innerHeight}px`;
+    ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
+    w = innerWidth; h = innerHeight;
+  }
+  function draw(t) {
+    ctx.clearRect(0, 0, w, h);
+    const grad = ctx.createLinearGradient(0, 0, 0, h);
+    grad.addColorStop(0, '#04142b'); grad.addColorStop(.48, '#020b1b'); grad.addColorStop(1, '#00040d');
+    ctx.fillStyle = grad; ctx.fillRect(0, 0, w, h);
+    // Motivation vs Logic: the page theme should feel like deep water, but the animation must stay calm enough for reading. We layer slow caustic curves and small particulate drift instead of large distracting motion.
+    caustics.forEach((line, i) => {
+      ctx.beginPath();
+      ctx.strokeStyle = `rgba(101,231,255,${line.alpha})`;
+      ctx.lineWidth = i % 3 === 0 ? 1.4 : .8;
+      const base = h * line.y;
+      for (let x = 0; x <= w; x += 18) {
+        const y = base + Math.sin(x * .006 + t * line.speed + i) * line.amp + Math.sin(x * .019 + t * .00011) * 3;
+        x ? ctx.lineTo(x, y) : ctx.moveTo(x, y);
+      }
+      ctx.stroke();
     });
-    
-    // Add active class and ARIA attributes to clicked tab
-    btn.classList.add('active');
-    btn.setAttribute('aria-selected', 'true');
-    
-    // Get target diagram
-    const target = btn.getAttribute('data-target');
-    const targetDiagram = document.querySelector(target);
-    
-    if (targetDiagram) {
-      // Hide all diagrams completely and update ARIA
-      document.querySelectorAll('.diagram').forEach(d => {
-        d.style.opacity = '0';
-        d.style.transform = 'translateY(20px)';
-        d.style.display = 'none';
-        d.setAttribute('aria-hidden', 'true');
-        d.classList.remove('visible');
-      });
-      
-      // Show target diagram with fade in and update ARIA
-      setTimeout(() => {
-        targetDiagram.style.display = 'block';
-        targetDiagram.classList.add('visible');
-        targetDiagram.style.opacity = '1';
-        targetDiagram.style.transform = 'translateY(0)';
-        targetDiagram.setAttribute('aria-hidden', 'false');
-      }, 150);
-    }
+    particles.forEach(p => {
+      p.x += p.vx; p.y += p.vy;
+      if (p.x < 0) p.x = 1; if (p.x > 1) p.x = 0; if (p.y > 1) p.y = 0;
+      ctx.beginPath();
+      ctx.fillStyle = `rgba(224,250,255,${p.a})`;
+      ctx.arc(p.x * w, p.y * h, p.r, 0, Math.PI * 2);
+      ctx.fill();
+    });
+    requestAnimationFrame(draw);
+  }
+  resize();
+  addEventListener('resize', resize, { passive: true });
+  requestAnimationFrame(draw);
+}
+
+function initNavigation() {
+  const navToggle = $('#navToggle');
+  const nav = $('#siteNav');
+  navToggle?.addEventListener('click', () => {
+    const open = nav.classList.toggle('open');
+    navToggle.setAttribute('aria-expanded', open ? 'true' : 'false');
   });
-});
+  const links = [...$$('.nav a'), ...$$('.depth-map a')];
+  const sections = links.map(a => $(a.getAttribute('href'))).filter(Boolean);
+  const observer = new IntersectionObserver(entries => {
+    entries.forEach(entry => {
+      if (!entry.isIntersecting) return;
+      links.forEach(a => a.classList.toggle('active', a.getAttribute('href') === `#${entry.target.id}`));
+    });
+  }, { rootMargin: '-40% 0px -55% 0px', threshold: 0.01 });
+  sections.forEach(s => observer.observe(s));
+  addEventListener('scroll', () => {
+    const max = document.documentElement.scrollHeight - innerHeight;
+    $('#readProgress').style.width = `${max > 0 ? (scrollY / max) * 100 : 0}%`;
+  }, { passive: true });
+  // Root Cause vs Logic: anchor jumps could land headings under the sticky header or leave hash targets unrevealed after a deep link. CSS sets the normal margin; this correction settles hash targets after layout finishes.
+  function settleHashTarget() {
+    const id = decodeURIComponent(location.hash.slice(1));
+    if (!id) return;
+    const target = document.getElementById(id);
+    if (!target) return;
+    const header = $('.site-header');
+    const offset = (header?.getBoundingClientRect().height || 0) + 34 + (id === 'architecture' ? 120 : 0);
+    const top = target.getBoundingClientRect().top + scrollY - offset;
+    window.scrollTo({ top: Math.max(0, top), behavior: prefersReducedMotion ? 'auto' : 'smooth' });
+    $$('.reveal', target).forEach(el => el.classList.add('visible'));
+  }
+  addEventListener('hashchange', () => setTimeout(settleHashTarget, 60));
+  setTimeout(settleHashTarget, 180);
+}
 
-// Initialize first tab as active and show first diagram
-document.addEventListener('DOMContentLoaded', () => {
-  // Hide all diagrams except the first one
-  document.querySelectorAll('.diagram').forEach((diagram, index) => {
-    if (index === 0) {
-      // First diagram should be visible
-      diagram.style.display = 'block';
-      diagram.style.opacity = '1';
-      diagram.style.transform = 'translateY(0)';
-      diagram.classList.add('visible');
-      diagram.setAttribute('aria-hidden', 'false');
-    } else {
-      // Other diagrams should be hidden
-      diagram.style.display = 'none';
-      diagram.style.opacity = '0';
-      diagram.style.transform = 'translateY(20px)';
-      diagram.classList.remove('visible');
-      diagram.setAttribute('aria-hidden', 'true');
-    }
+function initRevealAndCounters() {
+  const observer = new IntersectionObserver(entries => {
+    entries.forEach(entry => {
+      if (!entry.isIntersecting) return;
+      entry.target.classList.add('visible');
+      observer.unobserve(entry.target);
+    });
+  }, { threshold: 0.12 });
+  $$('.reveal').forEach(el => observer.observe(el));
+  const countObserver = new IntersectionObserver(entries => {
+    entries.forEach(entry => {
+      if (!entry.isIntersecting) return;
+      const el = entry.target;
+      const target = Number(el.dataset.target || 0);
+      const duration = 1100;
+      const start = performance.now();
+      function tick(now) {
+        const p = clamp((now - start) / duration, 0, 1);
+        const eased = 1 - Math.pow(1 - p, 3);
+        el.textContent = Math.round(target * eased).toString();
+        if (p < 1) requestAnimationFrame(tick);
+      }
+      requestAnimationFrame(tick);
+      countObserver.unobserve(el);
+    });
+  }, { threshold: .3 });
+  $$('.counter').forEach(el => countObserver.observe(el));
+}
+
+function initSonar() {
+  const readout = $('#sonarReadout');
+  $$('.sonar-node').forEach(btn => {
+    const update = () => { readout.textContent = btn.dataset.copy; };
+    btn.addEventListener('mouseenter', update);
+    btn.addEventListener('focus', update);
   });
-  
-  // Ensure Mermaid diagrams are properly initialized
-  if (window.mermaid) {
-    mermaid.init(undefined, document.querySelectorAll('.mermaid'));
+}
+
+function initArchitecture() {
+  const caption = $('#archCaption');
+  const notes = $('#architectureNotes');
+  const paths = $$('#architectureSvg .flow-path');
+  const nodes = $$('#architectureSvg .arch-node');
+  const evidenceFlows = $$('#architectureSvg .arch-evidence-flow');
+  let step = 1;
+  let timer = null;
+  function render(next = step) {
+    step = next;
+    paths.forEach(p => p.classList.toggle('active', Number(p.dataset.step) <= step));
+    nodes.forEach(n => n.classList.toggle('active', Number(n.dataset.step) <= step));
+    evidenceFlows.forEach(flow => flow.classList.toggle('active', Number(flow.dataset.step) <= step));
+    caption.textContent = data.architecture[step - 1]?.[1] || 'Grounded answer leaves with audit trace.';
+    const cards = data.architecture.slice(Math.max(0, step - 4), step).map(([title, body]) => `<div><strong>${title}</strong>${body}</div>`).join('');
+    setHTML(notes, cards);
   }
-});
+  $('#playArchitecture')?.addEventListener('click', () => {
+    clearInterval(timer); step = 1; render(step);
+    timer = setInterval(() => {
+      step += 1; render(step);
+      if (step >= 8) clearInterval(timer);
+    }, prefersReducedMotion ? 0 : 720);
+  });
+  $('#resetArchitecture')?.addEventListener('click', () => { clearInterval(timer); render(1); });
+  nodes.forEach(n => n.addEventListener('click', () => render(Number(n.dataset.step))));
+  render(1);
+}
 
-// Enhanced metric counters with better performance
-const counters = document.querySelectorAll('.metric-value');
-const easeOutCubic = t => 1 - Math.pow(1 - t, 3);
-const easeOutQuart = t => 1 - Math.pow(1 - t, 4);
+function initDatasets() {
+  const max = Math.max(...data.datasets.map(d => d[1]));
+  setHTML($('#datasetBars'), data.datasets.map(([name, value, note]) => `
+    <div class="dataset-row">
+      <div class="dataset-name">${name}<br><span style="color:var(--muted);font-weight:700;font-size:.84rem">${note}</span></div>
+      <div class="dataset-track"><div class="dataset-fill" data-width="${(value / max) * 100}"></div></div>
+      <div class="dataset-value">${value}k</div>
+    </div>`).join(''));
+  setTimeout(() => $$('.dataset-fill').forEach(el => el.style.width = `${el.dataset.width}%`), 150);
+}
 
-const animateCount = (el, to, duration = 1200) => {
-  const start = performance.now();
-  const from = 0;
-  const isLargeNumber = to > 1000;
-  const easing = isLargeNumber ? easeOutQuart : easeOutCubic;
-  
-  // Ensure the element has proper positioning
-  el.style.position = 'relative';
-  el.style.zIndex = '2';
-  el.style.width = '100%';
-  el.style.textAlign = 'center';
-  el.style.display = 'block';
-  
-  const step = (now) => {
-    const p = Math.min(1, (now - start) / duration);
-    const v = Math.floor(from + (to - from) * easing(p));
-    
-    // Format number with appropriate separators
-    if (to >= 1000000) {
-      el.textContent = (v / 1000000).toFixed(1) + 'M';
-    } else if (to >= 1000) {
-      el.textContent = (v / 1000).toFixed(1) + 'K';
-    } else {
-      el.textContent = v.toLocaleString();
-    }
-    
-    if (p < 1) {
-      requestAnimationFrame(step);
-    } else {
-      // Ensure final value is exact
-      if (to >= 1000000) {
-        el.textContent = (to / 1000000).toFixed(1) + 'M';
-      } else if (to >= 1000) {
-        el.textContent = (to / 1000).toFixed(1) + 'K';
-      } else {
-        el.textContent = to.toLocaleString();
-      }
-    }
+function renderMerge() {
+  const svg = $('#mergeSvg');
+  const op = data.merges[activeMerge];
+  const color = op[2];
+  const values = [
+    [68, 76, 64, 82, 58, 70],
+    [54, 68, 62, 64, 60, 66],
+    [0, 84, 0, 76, 0, 70],
+    [58, 0, 72, 0, 66, 0],
+    [0, 78, 0, 82, 62, 0]
+  ][activeMerge];
+  const wrap = (text, x, y, width = 30, cls = 'merge-sub') => {
+    const words = text.split(' ');
+    const lines = words.reduce((acc, word) => {
+      const last = acc[acc.length - 1] || '';
+      if (`${last} ${word}`.trim().length > width) acc.push(word);
+      else acc[acc.length - 1] = `${last} ${word}`.trim();
+      return acc;
+    }, ['']);
+    return `<text class="${cls}" x="${x}" y="${y}">${lines.map((line, i) => `<tspan x="${x}" dy="${i ? 19 : 0}">${line}</tspan>`).join('')}</text>`;
   };
-  requestAnimationFrame(step);
-};
+  const miniBars = values.map((v, i) => {
+    const x = 720 + i * 34;
+    return `<rect class="merge-weight" x="${x}" y="${294 - v}" width="20" height="${v}" rx="10" fill="${color}"/>`;
+  }).join('');
+  const mechanism = [
+    ['Add deltas', 'Sum both update vectors, then scale the total update before applying it to the base model.'],
+    ['Normalize direction', 'Convert updates to directions, interpolate on the sphere, then restore a controlled magnitude.'],
+    ['Drop + rescale', 'Mask redundant coordinates and rescale the surviving coordinates to preserve the expected update.'],
+    ['Trim + sign vote', 'Keep strong coordinates, resolve sign conflicts, and merge only the agreed directions.'],
+    ['Sparse consensus', 'Apply DARE sparsity first, then use TIES sign consensus on the surviving update set.']
+  ][activeMerge];
+  // Motivation vs Logic: the merge panel needs to teach the operator rather than decorate it. Each mode now shows a formula, weight coordinates, and the exact transformation metaphor used by that merge technique.
+  svg.innerHTML = `
+    <defs>
+      <marker id="mergeArrow" viewBox="0 0 10 10" refX="8" refY="5" markerWidth="6" markerHeight="6" orient="auto"><path d="M 0 0 L 10 5 L 0 10 z" fill="${color}"/></marker>
+    </defs>
+    <rect class="merge-panel" x="48" y="58" width="220" height="132" rx="22"/>
+    <text class="merge-kicker" x="76" y="96">Input update</text>
+    <text class="merge-label" x="76" y="132">ΔSFT</text>
+    <text class="merge-sub" x="76" y="164">format instruction</text>
+    <rect class="merge-panel" x="48" y="246" width="220" height="132" rx="22"/>
+    <text class="merge-kicker" x="76" y="284">Input update</text>
+    <text class="merge-label" x="76" y="320">ΔKD</text>
+    <text class="merge-sub" x="76" y="352">teacher semantics</text>
+    <path class="merge-vector active" d="M278 124 L356 124"/>
+    <path class="merge-vector active kd" d="M278 312 L356 312"/>
+    <rect class="merge-panel active" x="356" y="84" width="300" height="270" rx="26"/>
+    <text class="merge-kicker" x="392" y="126">Merge operator</text>
+    <text class="merge-label" x="392" y="164">${op[0]}</text>
+    ${wrap(op[3], 392, 212, 30, 'merge-formula')}
+    <text class="merge-kicker" x="392" y="272">${mechanism[0]}</text>
+    ${wrap(mechanism[1], 392, 306, 32)}
+    <path class="merge-vector active out" d="M656 220 L704 220" marker-end="url(#mergeArrow)"/>
+    <rect class="merge-panel active" x="704" y="110" width="248" height="220" rx="26"/>
+    <text class="merge-kicker" x="738" y="154">Merged model</text>
+    <text class="merge-label" x="738" y="194">θ specialist</text>
+    ${miniBars}
+    <text class="merge-sub" x="738" y="314">conflict-aware 7B update</text>
+    <text x="54" y="444" class="merge-sub">Selected operator: ${op[0]} · ${op[1]}</text>`;
+}
 
-// Enhanced intersection observer with better performance
-const observer = new IntersectionObserver(entries => {
-  entries.forEach(e => {
-    if (e.isIntersecting) {
-      const el = e.target;
-      const count = parseInt(el.dataset.count, 10) || 0;
-      
-      // Add loading state
-      el.classList.add('loading');
-      
-      // Animate with slight delay for better visual effect
-      setTimeout(() => {
-        animateCount(el, count);
-        el.classList.remove('loading');
-      }, 200);
-      
-      observer.unobserve(el);
-    }
+function initMerge() {
+  const controls = $('#mergeControls');
+  setHTML(controls, data.merges.map((m, i) => `<button class="merge-button ${i === activeMerge ? 'active' : ''}" data-i="${i}"><strong>${m[0]}</strong><span>${m[1]}</span></button>`).join(''));
+  controls.addEventListener('click', e => {
+    const btn = e.target.closest('.merge-button');
+    if (!btn) return;
+    activeMerge = Number(btn.dataset.i);
+    $$('.merge-button', controls).forEach(b => b.classList.toggle('active', b === btn));
+    renderMerge();
   });
-}, { 
-  threshold: 0.3,
-  rootMargin: '0px 0px -50px 0px'
-});
+  renderMerge();
+}
 
-// Observe counters
-counters.forEach(c => observer.observe(c));
+function renderRetrievalStage() {
+  const stage = data.retrievalStages[activeStage];
+  $$('.stage-tab').forEach((btn, i) => btn.classList.toggle('active', i === activeStage));
+  $('#stageCaption').innerHTML = `<strong>${stage.title}</strong>${stage.body}`;
+  const svg = $('#retrievalSvg');
+  svg.innerHTML = `
+    ${stage.lines.map((l, i) => `<path class="diagram-line ${i % 2 ? 'secondary' : ''}" d="M${l[0]} ${l[1]} C ${(l[0] + l[2]) / 2} ${l[1]} ${(l[0] + l[2]) / 2} ${l[3]} ${l[2]} ${l[3]}"/>`).join('')}
+    ${stage.nodes.map((n, i) => `<g class="diagram-node ${i === 0 ? 'active' : ''}" transform="translate(${n[1]} ${n[2]})"><rect width="210" height="88" rx="20"/><text x="24" y="39">${n[0]}</text><text class="sub" x="24" y="65">${stage.key}</text></g>`).join('')}`;
+}
 
-// Enhanced VanillaTilt initialization with error handling
-const initTilt = () => {
-  if (window.VanillaTilt) {
-    try {
-      document.querySelectorAll('[data-tilt]').forEach(el => {
-        VanillaTilt.init(el, { 
-          max: 6, 
-          speed: 400, 
-          glare: true, 
-          'max-glare': 0.1,
-          scale: 1.02,
-          gyroscope: false
-        });
-      });
-    } catch (error) {
-      console.warn('VanillaTilt initialization failed:', error);
-    }
-  }
-};
+function initRetrieval() {
+  const tabs = $('#retrievalTabs');
+  setHTML(tabs, data.retrievalStages.map((s, i) => `<button class="stage-tab ${i === activeStage ? 'active' : ''}" data-i="${i}" role="tab">${s.key}</button>`).join(''));
+  tabs.addEventListener('click', e => {
+    const btn = e.target.closest('.stage-tab');
+    if (!btn) return;
+    activeStage = Number(btn.dataset.i);
+    renderRetrievalStage();
+  });
+  renderRetrievalStage();
+}
 
-// Initialize tilt effects
-initTilt();
+function renderFacets() {
+  const threshold = 80;
+  setHTML($('#facetBars'), data.facets.map(([name, value, critical]) => `
+    <div class="facet-row">
+      <div class="facet-top"><span>${name}${critical ? ' <small style="color:var(--amber)">critical</small>' : ''}</span><span>${Math.round(value)}%</span></div>
+      <div class="facet-track"><div class="facet-fill ${critical ? '' : 'safe'}" style="width:${value}%"></div></div>
+    </div>`).join(''));
+  renderCoverage();
+  const accepted = data.facets.filter(f => f[2]).every(f => f[1] >= threshold);
+  const status = $('#policyStatus');
+  status.classList.toggle('accepted', accepted);
+  status.textContent = accepted ? 'Evidence bundle accepted: critical facets clear threshold and marginal utility is saturated.' : 'Critical facets are still below acceptance threshold; targeted retrieve-more action required.';
+}
 
-// Smooth scrolling for navigation links
-document.querySelectorAll('a[href^="#"]').forEach(link => {
-  link.addEventListener('click', (e) => {
-    e.preventDefault();
-    const targetId = link.getAttribute('href');
-    const targetElement = document.querySelector(targetId);
-    
-    if (targetElement) {
-      const headerHeight = document.querySelector('header')?.offsetHeight || 0;
-      const targetPosition = targetElement.offsetTop - headerHeight - 20;
-      
-      window.scrollTo({
-        top: targetPosition,
-        behavior: 'smooth'
-      });
-    }
-  });
-});
+function renderCoverage() {
+  const svg = $('#coverageSvg');
+  const values = coverageHistory;
+  const w = 760, h = 210, pad = 34;
+  const x = i => pad + (i / Math.max(1, values.length - 1)) * (w - pad * 2);
+  const y = v => h - pad - (v / 100) * (h - pad * 2);
+  const points = values.map((v, i) => `${x(i)},${y(v)}`).join(' ');
+  const bars = values.map((v, i) => `<rect x="${x(i) - 13}" y="${y(v)}" width="26" height="${h - pad - y(v)}" rx="13" fill="url(#coverageGrad)" opacity=".88"/>`).join('');
+  svg.innerHTML = `<defs><linearGradient id="coverageGrad" x1="0" x2="0" y1="1" y2="0"><stop offset="0" stop-color="#4f85ff"/><stop offset="1" stop-color="#5ef7d8"/></linearGradient></defs>
+    <line x1="${pad}" y1="${h-pad}" x2="${w-pad}" y2="${h-pad}" stroke="rgba(115,202,255,.18)"/>
+    <line x1="${pad}" y1="${h-pad-0.8*(h-pad*2)}" x2="${w-pad}" y2="${h-pad-0.8*(h-pad*2)}" stroke="rgba(255,209,102,.45)" stroke-dasharray="8 8"/>
+    <text x="${w-pad-85}" y="${h-pad-0.8*(h-pad*2)-8}" fill="#ffd166" font-size="13" font-weight="800">80% threshold</text>
+    ${bars}
+    <polyline points="${points}" fill="none" stroke="#5ef7d8" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+    ${values.map((v,i)=>`<circle cx="${x(i)}" cy="${y(v)}" r="5" fill="#eaffff"/>`).join('')}`;
+}
 
-// Enhanced error handling for external resources
-const handleResourceError = (resource, fallback) => {
-  resource.addEventListener('error', () => {
-    console.warn(`Failed to load resource, using fallback`);
-    if (fallback) {
-      resource.src = fallback;
-    }
+function initSufficiency() {
+  renderFacets();
+  const list = $('#bundleList');
+  $('#retrieveMore')?.addEventListener('click', () => {
+    retrievalStep += 1;
+    data.facets.forEach((f, i) => { f[1] = clamp(f[1] + [12, 15, 13, 14, 8, 7][i], 0, 96); });
+    coverageHistory.push(Math.round(data.facets.reduce((s, f) => s + f[1], 0) / data.facets.length));
+    const message = data.retrievalEvents[Math.min(retrievalStep - 1, data.retrievalEvents.length - 1)];
+    list.insertAdjacentHTML('afterbegin', `<div><strong>Step ${retrievalStep}</strong>: ${message}</div>`);
+    renderFacets();
   });
-};
+}
 
-// Handle external script loading errors
-window.addEventListener('error', (e) => {
-  if (e.target.tagName === 'SCRIPT' && e.target.src) {
-    console.warn(`Script failed to load: ${e.target.src}`);
-  }
-});
+function initAgents() {
+  setHTML($('#agentHive'), data.agents.map(([icon, name, text, rel]) => `
+    <article class="agent-card">
+      <div class="agent-head"><span class="agent-icon">${icon}</span><h3>${name}</h3></div>
+      <p>${text}</p>
+      <div class="reliability" aria-label="Reliability ${rel}%"><i style="--w:${rel}%"></i></div>
+    </article>`).join(''));
+}
 
-// Performance monitoring
-const logPerformance = () => {
-  if ('performance' in window) {
-    window.addEventListener('load', () => {
-      setTimeout(() => {
-        const perfData = performance.getEntriesByType('navigation')[0];
-        console.log(`Page load time: ${perfData.loadEventEnd - perfData.loadEventStart}ms`);
-      }, 0);
-    });
-  }
-};
+function metricScale(metric, rows) {
+  const values = rows.map(r => r[metric]);
+  if (metric === 'bert') return { min: 0.80, max: 0.86 };
+  if (metric === 'uni') return { min: 0.20, max: 0.58 };
+  if (metric === 'bi') return { min: 0.00, max: 0.30 };
+  const min = Math.max(0, Math.floor((Math.min(...values) - 0.02) * 100) / 100);
+  const max = Math.ceil((Math.max(...values) + 0.03) * 100) / 100;
+  return { min, max };
+}
 
-// Initialize performance monitoring
-logPerformance();
+function renderQA() {
+  const dataset = $('#datasetSelect').value;
+  const metric = $('#metricSort').value;
+  const lowFirst = metric === 'uni' || metric === 'bi';
+  const rows = [...data.qa[dataset]].sort((a, b) => lowFirst ? a[metric] - b[metric] : b[metric] - a[metric]);
+  const { min, max } = metricScale(metric, rows);
+  const metricNames = { bert: 'BERTScore-F1', rouge: 'ROUGE-L F1', tok: 'Token F1', uni: 'Unigram precision', bi: 'Bigram precision' };
+  const tick = metric === 'bert' ? v => `${(v * 100).toFixed(0)}%` : v => v.toFixed(2);
+  $('#chartMeta').innerHTML = `<span class="axis-note"><b>${metricNames[metric]}</b>${lowFirst ? ' · lower better' : ' · higher better'}</span><span></span>`;
+  const axis = `<div class="axis-row"><span></span><div class="axis-track"><span>${tick(min)}</span><span>${tick((min+max)/2)}</span><span>${tick(max)}</span></div><span></span></div>`;
+  const bars = rows.slice(0, 10).map((r, i) => {
+    const pct = clamp(((r[metric] - min) / (max - min)) * 100, 0, 100);
+    return `<div class="bar-row" style="--delay:${i * 70}ms">
+      <div class="bar-name" title="${r.model}">${i + 1}. ${r.model}</div>
+      <div class="bar-track"><div class="bar-fill" data-width="${pct}"></div></div>
+      <div class="bar-value">${fmtScore(r[metric], metric)}</div>
+    </div>`;
+  }).join('');
+  $('#metricBars').innerHTML = axis + bars;
+  requestAnimationFrame(() => $$('#metricBars .bar-fill').forEach((el, i) => {
+    el.style.transitionDelay = `${i * 70}ms`;
+    el.style.width = `${el.dataset.width}%`;
+  }));
+  $('#qaTable tbody').innerHTML = rows.map(r => `<tr><td>${r.model}</td><td>${r.rouge.toFixed(2)}</td><td>${r.bert.toFixed(4)}</td><td>${r.tok.toFixed(2)}</td><td>${r.uni.toFixed(2)}</td><td>${r.bi.toFixed(2)}</td></tr>`).join('');
+}
 
-// Add keyboard navigation support
-document.addEventListener('keydown', (e) => {
-  // Tab navigation for architecture tabs
-  if (e.key === 'ArrowLeft' || e.key === 'ArrowRight') {
-    const activeTab = document.querySelector('.tab.active');
-    if (activeTab) {
-      const tabs = Array.from(document.querySelectorAll('.tab'));
-      const currentIndex = tabs.indexOf(activeTab);
-      let nextIndex;
-      
-      if (e.key === 'ArrowLeft') {
-        nextIndex = currentIndex > 0 ? currentIndex - 1 : tabs.length - 1;
-      } else {
-        nextIndex = currentIndex < tabs.length - 1 ? currentIndex + 1 : 0;
-      }
-      
-      tabs[nextIndex].click();
-      tabs[nextIndex].focus();
-    }
-  }
-});
+function renderReranker() {
+  setHTML($('#rerankGrid'), data.reranker.map(([metric, value, score, text]) => `
+    <article class="rerank-card">
+      <h3>${metric}</h3>
+      <div class="ring-meter" style="--pct:${score}%"><b>${value}</b></div>
+      <p>${text}</p>
+    </article>`).join(''));
+}
 
-// Add loading states for dynamic content
-const addLoadingState = (element, duration = 1000) => {
-  element.classList.add('loading');
-  setTimeout(() => {
-    element.classList.remove('loading');
-  }, duration);
-};
+function renderAudit() {
+  const svg = $('#auditSvg');
+  const cx = 280, cy = 260, r = 185;
+  const angles = data.audit.map((_, i) => -Math.PI / 2 + i * Math.PI * 2 / data.audit.length);
+  const point = (val, angle) => [cx + Math.cos(angle) * r * val / 100, cy + Math.sin(angle) * r * val / 100];
+  const rings = [20,40,60,80,100].map(v => {
+    const pts = angles.map(a => point(v, a).join(',')).join(' ');
+    return `<polygon points="${pts}" fill="none" stroke="rgba(115,202,255,.14)"/>`;
+  }).join('');
+  const axes = angles.map((a,i) => {
+    const [x,y] = point(100, a); const [lx,ly] = point(115, a);
+    return `<line x1="${cx}" y1="${cy}" x2="${x}" y2="${y}" stroke="rgba(115,202,255,.12)"/><text x="${lx}" y="${ly}" fill="#c6d9ea" font-size="14" text-anchor="middle">${data.audit[i][0]}</text>`;
+  }).join('');
+  const pts = data.audit.map(([_, v], i) => point(v, angles[i]).join(',')).join(' ');
+  svg.innerHTML = `<defs><linearGradient id="radarGrad" x1="0" x2="1"><stop offset="0" stop-color="#33d7ff" stop-opacity=".55"/><stop offset="1" stop-color="#5ef7d8" stop-opacity=".45"/></linearGradient></defs>${rings}${axes}<polygon points="${pts}" fill="url(#radarGrad)" stroke="#5ef7d8" stroke-width="3"/>${data.audit.map(([_, v], i) => { const [x,y]=point(v,angles[i]); return `<circle cx="${x}" cy="${y}" r="5" fill="#eff8ff"/>`; }).join('')}`;
+  $('#auditMetrics').innerHTML = data.audit.map(([name, v]) => `<li><strong>${name}:</strong> ${v}%</li>`).join('');
+}
 
-// Initialize all interactive elements
-document.addEventListener('DOMContentLoaded', () => {
-  // Add loading states to cards that might load content dynamically
-  document.querySelectorAll('.card').forEach(card => {
-    card.addEventListener('mouseenter', () => {
-      addLoadingState(card, 500);
-    });
-  });
-  
-  // Initialize tooltips for chips
-  document.querySelectorAll('.chip').forEach(chip => {
-    chip.setAttribute('title', chip.textContent);
-  });
-});
+function initEvaluation() {
+  $$('.tab').forEach(btn => btn.addEventListener('click', () => {
+    $$('.tab').forEach(b => { b.classList.toggle('active', b === btn); b.setAttribute('aria-selected', b === btn ? 'true' : 'false'); });
+    $$('.tab-panel').forEach(p => p.classList.toggle('active', p.id === `tab-${btn.dataset.tab}`));
+    $('#qaControls').style.display = btn.dataset.tab === 'qa' ? '' : 'none';
+    if (btn.dataset.tab === 'qa') renderQA();
+    if (btn.dataset.tab === 'rerank') renderReranker();
+    if (btn.dataset.tab === 'audit') renderAudit();
+  }));
+  $('#datasetSelect').addEventListener('change', renderQA);
+  $('#metricSort').addEventListener('change', renderQA);
+  renderQA(); renderReranker(); renderAudit();
+}
+
+function initRelease() {
+  setHTML($('#releaseTimeline'), data.release.map(([num, title, text]) => `
+    <article class="release-item"><strong>${num}</strong><div><h3>${title}</h3><p>${text}</p></div></article>`).join(''));
+}
+
+function init() {
+  initCanvas();
+  initNavigation();
+  initRevealAndCounters();
+  initSonar();
+  initArchitecture();
+  initDatasets();
+  initMerge();
+  initRetrieval();
+  initSufficiency();
+  initAgents();
+  initEvaluation();
+  initRelease();
+}
+
+document.addEventListener('DOMContentLoaded', init);

assets/style.css

@@ -0,0 +1,668 @@
+:root{
+  --navy-950:#010712;
+  --navy-900:#031125;
+  --navy-850:#061a33;
+  --navy-800:#082345;
+  --navy-700:#0d315b;
+  --ink:#eff8ff;
+  --ink-soft:#c6d9ea;
+  --muted:#8ca7bf;
+  --cyan:#33d7ff;
+  --aqua:#5ef7d8;
+  --blue:#4f85ff;
+  --violet:#9b7cff;
+  --coral:#ff6f91;
+  --amber:#ffd166;
+  --green:#67f2aa;
+  --line:rgba(115,202,255,.22);
+  --line-strong:rgba(94,247,216,.48);
+  --glass:rgba(5,18,39,.72);
+  --glass-heavy:rgba(3,13,29,.90);
+  --radius:28px;
+  --radius-md:20px;
+  --max:1280px;
+  --shadow:0 26px 70px rgba(0,0,0,.44), inset 0 1px 0 rgba(255,255,255,.08);
+  --font:"Aptos","Segoe UI Variable","Segoe UI",Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
+  --mono:"Cascadia Mono","SFMono-Regular",Consolas,monospace;
+}
+*{box-sizing:border-box}
+html{scroll-behavior:smooth;background:var(--navy-950)}
+html{scroll-padding-top:132px}
+body{
+  margin:0;
+  min-height:100vh;
+  color:var(--ink);
+  font-family:var(--font);
+  background:
+    radial-gradient(circle at 50% -10%, rgba(51,215,255,.22), transparent 35rem),
+    radial-gradient(circle at 4% 14%, rgba(94,247,216,.10), transparent 28rem),
+    radial-gradient(circle at 92% 24%, rgba(79,133,255,.16), transparent 30rem),
+    linear-gradient(180deg,var(--navy-900),var(--navy-950));
+  overflow-x:hidden;
+  text-rendering:geometricPrecision;
+  -webkit-font-smoothing:antialiased;
+}
+body::before{
+  content:"";
+  position:fixed;
+  inset:0;
+  pointer-events:none;
+  z-index:-4;
+  background:
+    linear-gradient(rgba(115,202,255,.035) 1px, transparent 1px),
+    linear-gradient(90deg,rgba(115,202,255,.027) 1px, transparent 1px);
+  background-size:74px 74px;
+  mask-image:linear-gradient(180deg,rgba(0,0,0,.75),rgba(0,0,0,.22),transparent 88%);
+}
+button,select,input{font:inherit;color:inherit}
+button{cursor:pointer}
+a{color:inherit;text-decoration:none}
+img{display:block;max-width:100%}
+h1,h2,h3,p{margin-top:0}
+h1{font-size:clamp(3.5rem,8vw,7.7rem);line-height:.88;letter-spacing:-.078em;margin-bottom:28px;text-wrap:balance}
+h2{font-size:clamp(2.2rem,4.8vw,5rem);line-height:.96;letter-spacing:-.058em;margin-bottom:20px;text-wrap:balance}
+h3{font-size:clamp(1.18rem,2.2vw,1.85rem);line-height:1.08;letter-spacing:-.035em;margin-bottom:12px}.lede,.section-heading p{color:var(--ink-soft);font-size:1.14rem;line-height:1.75}.lede{font-size:1.22rem;max-width:780px}.eyebrow{margin:0 0 12px;font-size:.76rem;font-weight:850;letter-spacing:.2em;text-transform:uppercase;color:var(--aqua)}
+.abyss-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:-6;background:var(--navy-950)}
+.deep-glow{position:fixed;inset:-25%;pointer-events:none;z-index:-5;background:radial-gradient(ellipse at 22% 8%,rgba(51,215,255,.18),transparent 36%),radial-gradient(ellipse at 72% 12%,rgba(155,124,255,.12),transparent 34%),radial-gradient(ellipse at 50% 80%,rgba(94,247,216,.08),transparent 40%);filter:blur(18px);animation:drift 18s ease-in-out infinite alternate}.grid-noise{position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 240 240' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.read-progress{position:fixed;top:0;left:0;z-index:90;height:3px;width:0;background:linear-gradient(90deg,var(--cyan),var(--aqua),var(--violet));box-shadow:0 0 24px rgba(51,215,255,.65)}@keyframes drift{to{transform:translate3d(2%,2%,0) scale(1.06)}}
+.site-header{position:sticky;top:14px;z-index:80;width:min(var(--max),calc(100% - 36px));margin:14px auto 0;padding:10px 14px 10px 16px;border:1px solid rgba(115,202,255,.18);border-radius:999px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:rgba(2,12,28,.76);backdrop-filter:blur(18px);box-shadow:0 18px 60px rgba(0,0,0,.35)}.brand{display:flex;align-items:center;gap:12px}.brand-orb{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle,rgba(94,247,216,.88),rgba(51,215,255,.18) 62%,transparent 72%);box-shadow:0 0 30px rgba(94,247,216,.26)}.brand-orb img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.brand b{display:block;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.brand small{display:block;color:var(--muted);font-size:.72rem;letter-spacing:.04em}.nav{display:flex;align-items:center;gap:3px}.nav a{padding:10px 12px;border-radius:999px;color:var(--ink-soft);font-size:.87rem;font-weight:700;transition:.22s ease}.nav a:hover,.nav a.active{background:rgba(51,215,255,.12);color:#fff;box-shadow:inset 0 0 0 1px rgba(94,247,216,.18)}.nav-toggle{display:none;border:1px solid var(--line);background:rgba(7,27,55,.78);border-radius:999px;padding:10px 14px;font-weight:850}
+.depth-map{position:fixed;left:18px;top:50%;transform:translateY(-50%);z-index:55;display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid rgba(115,202,255,.14);border-radius:22px;background:rgba(2,11,26,.58);backdrop-filter:blur(18px);box-shadow:0 18px 58px rgba(0,0,0,.32)}.depth-map span{font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);writing-mode:vertical-rl;text-orientation:mixed;margin:auto}.depth-map a{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;font-size:.76rem;font-weight:900;color:var(--muted);border:1px solid rgba(115,202,255,.16);background:rgba(8,27,54,.52);transition:.2s}.depth-map a.active,.depth-map a:hover{color:#02101f;background:linear-gradient(135deg,var(--cyan),var(--aqua));box-shadow:0 0 24px rgba(94,247,216,.34)}
+main{position:relative;z-index:1}.section{width:min(var(--max),calc(100% - 44px));margin:0 auto;padding:120px 0 28px}.hero{min-height:calc(100vh - 90px);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.75fr);gap:46px;align-items:center;padding-top:70px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .68s ease,transform .68s ease}.reveal.visible{opacity:1;transform:translateY(0)}
+.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(115,202,255,.22);border-radius:999px;padding:14px 19px;font-weight:900;transition:.22s ease;background:rgba(9,28,58,.75);white-space:nowrap}.button:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(0,0,0,.26)}.button.primary{background:linear-gradient(135deg,var(--cyan),var(--aqua) 52%,var(--violet));color:#06101f;border-color:transparent;box-shadow:0 18px 42px rgba(51,215,255,.25)}.button.secondary{color:#eaf8ff}.button.small{padding:9px 14px;font-size:.86rem}.button-row{display:flex;gap:10px;flex-wrap:wrap}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}
+.card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,rgba(8,30,62,.72),rgba(3,13,29,.86));box-shadow:var(--shadow);backdrop-filter:blur(18px)}.card::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.08),transparent 25%,transparent 70%,rgba(94,247,216,.05))}.card>*{position:relative}.compact{padding:28px}.panel-title{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.panel-title h2,.panel-title h3{margin:0}.chip,.depth-pill{display:inline-flex;align-items:center;border:1px solid rgba(115,202,255,.22);border-radius:999px;background:rgba(2,13,29,.68);padding:8px 12px;color:#dffaff;font-size:.72rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap}.depth-pill{color:var(--aqua)}
+.high-impact{padding:22px}.sonar{position:relative;width:min(100%,470px);aspect-ratio:1/1;margin:8px auto 18px;border-radius:50%;border:1px solid rgba(115,202,255,.22);background:radial-gradient(circle,rgba(94,247,216,.18) 0 7%,rgba(51,215,255,.09) 8% 26%,rgba(3,14,31,.76) 27% 100%);box-shadow:inset 0 0 90px rgba(51,215,255,.12),0 0 60px rgba(51,215,255,.1);overflow:hidden}.sonar-sweep{position:absolute;inset:5%;border-radius:50%;background:conic-gradient(from 0deg,rgba(94,247,216,.55),rgba(51,215,255,.14) 24deg,transparent 62deg);animation:rotate 5.2s linear infinite}.sonar-ring{position:absolute;left:50%;top:50%;border-radius:50%;border:1px solid rgba(94,247,216,.28);transform:translate(-50%,-50%);animation:sonarPulse 3.8s ease-out infinite}.ring-1{width:32%;height:32%}.ring-2{width:58%;height:58%;animation-delay:.8s}.ring-3{width:84%;height:84%;animation-delay:1.6s}.sonar-core{position:absolute;z-index:4;inset:35%;border-radius:50%;display:grid;place-items:center;text-align:center;background:rgba(2,11,26,.86);border:1px solid rgba(255,255,255,.12);box-shadow:0 0 48px rgba(94,247,216,.22)}.sonar-core img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.sonar-core b{font-size:.96rem}.sonar-core span{font-size:.68rem;color:var(--muted)}.sonar-node{position:absolute;z-index:5;border:1px solid rgba(94,247,216,.48);background:rgba(4,18,39,.92);border-radius:999px;padding:10px 12px;color:#f2fcff;font-weight:900;font-size:.78rem;box-shadow:0 0 26px rgba(94,247,216,.16);transition:.2s}.sonar-node:hover,.sonar-node:focus{transform:scale(1.07);outline:none;background:rgba(51,215,255,.18)}.node-emr{left:10%;top:24%}.node-cpg{right:8%;top:28%}.node-safety{right:12%;bottom:17%}.node-audit{left:12%;bottom:19%}.sonar-readout{min-height:64px;padding:14px 16px;border:1px solid rgba(115,202,255,.16);border-radius:18px;background:rgba(2,11,26,.55);color:var(--ink-soft);line-height:1.55}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.stat-grid div{border:1px solid rgba(115,202,255,.16);border-radius:18px;background:rgba(2,11,26,.42);padding:14px;text-align:center}.stat-grid strong{display:block;font-size:2.1rem;letter-spacing:-.05em}.stat-grid span{display:block;color:var(--muted);font-size:.78rem;font-weight:800}.section-heading{max-width:920px;margin-bottom:28px}.principle-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card-index{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:13px;background:rgba(94,247,216,.12);border:1px solid rgba(94,247,216,.28);color:var(--aqua);font-weight:900;margin-bottom:18px}.compact p{color:var(--muted);line-height:1.65;margin:0}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes sonarPulse{from{opacity:.5;transform:translate(-50%,-50%) scale(.82)}to{opacity:0;transform:translate(-50%,-50%) scale(1.18)}}
+.architecture-card,.retrieval-card,.sufficiency-card,.evaluation-card,.merge-card,.ledger-card,.caveat,.closing-card{padding:28px}.svg-frame{width:100%;border:1px solid rgba(115,202,255,.14);border-radius:24px;background:linear-gradient(180deg,rgba(2,13,29,.62),rgba(2,10,24,.82));overflow:visible;box-shadow:inset 0 0 70px rgba(51,215,255,.05)}.svg-frame svg{display:block;width:100%;height:auto;overflow:visible}.flow-path{fill:none;stroke:url(#lineGradient);stroke-width:6;stroke-linecap:round;stroke-dasharray:14 18;opacity:.28;marker-end:url(#arrow);transition:opacity .3s,stroke-width .3s}.flow-path.active{opacity:1;stroke-width:8;animation:dash 1.2s linear infinite}.flow-path.feedback{stroke:#cdbb66}.arch-node rect,.diagram-node rect{rx:22;fill:rgba(10,36,72,.74);stroke:rgba(115,202,255,.36);stroke-width:1.6}.arch-node.active rect,.diagram-node.active rect{stroke:rgba(94,247,216,.86);filter:drop-shadow(0 0 18px rgba(94,247,216,.35))}.arch-node text,.diagram-node text{font-size:24px;font-weight:900;fill:#eef8ff}.arch-node .sub,.diagram-node .sub{font-size:17px;font-weight:650;fill:#adc4d9}.architecture-notes{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}.architecture-notes div{padding:14px;border:1px solid rgba(115,202,255,.14);border-radius:18px;background:rgba(2,11,26,.42);color:var(--muted);line-height:1.45}.architecture-notes strong{display:block;color:#fff;margin-bottom:4px}.flow-path.trace{stroke-dasharray:900;stroke-dashoffset:900;animation:drawPath 1.1s ease forwards}.flow-path.trace.active{animation:drawPath 1.1s ease forwards,dash 1.5s linear infinite}@keyframes drawPath{to{stroke-dashoffset:0}}@keyframes dash{to{stroke-dashoffset:-64}}
+.two-column{display:grid;grid-template-columns:1fr 1fr;gap:20px}.dataset-bars{display:grid;gap:14px}.dataset-row{display:grid;grid-template-columns:minmax(170px,210px) 1fr 72px;gap:14px;align-items:center}.dataset-name{font-weight:900;color:#f5fbff}.dataset-track{height:14px;border-radius:999px;background:rgba(115,202,255,.12);overflow:hidden}.dataset-fill{height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,var(--blue),var(--cyan),var(--aqua));transition:width 1.2s cubic-bezier(.2,.8,.2,1)}.dataset-value{font-family:var(--mono);color:var(--ink-soft);text-align:right}.distill-card{padding:28px}.transfer-diagram{display:grid;grid-template-columns:170px 1fr 170px;gap:18px;align-items:center;margin-top:16px}.orb{aspect-ratio:1/1;border-radius:50%;display:grid;place-items:center;text-align:center;padding:22px;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.18),rgba(7,27,58,.82) 58%,rgba(2,11,26,.95));border:1px solid rgba(115,202,255,.22);box-shadow:inset 0 0 60px rgba(51,215,255,.1)}.orb strong{font-size:3rem;letter-spacing:-.06em}.orb span{color:var(--muted);font-weight:800}.transfer-lines{position:relative;display:grid;gap:12px}.transfer-lines::before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:linear-gradient(90deg,var(--cyan),var(--aqua));box-shadow:0 0 24px rgba(94,247,216,.45);animation:pulseLine 2.5s ease-in-out infinite}.transfer-lines span{position:relative;justify-self:center;border:1px solid rgba(94,247,216,.2);border-radius:999px;background:rgba(2,11,26,.78);padding:8px 12px;color:var(--ink-soft);font-weight:850}.formula{margin-top:18px;border:1px solid rgba(115,202,255,.16);border-radius:18px;padding:16px;background:rgba(2,11,26,.52);font-family:var(--mono);color:#defcff}.merge-layout{display:grid;grid-template-columns:285px 1fr;gap:20px;align-items:stretch}.merge-controls{display:grid;gap:10px;align-content:start}.merge-button{width:100%;text-align:left;border:1px solid rgba(115,202,255,.16);border-radius:18px;background:rgba(2,11,26,.48);padding:14px 16px;transition:.2s}.merge-button strong{display:block}.merge-button span{display:block;margin-top:4px;color:var(--muted);font-size:.9rem;line-height:1.4}.merge-button.active{border-color:var(--line-strong);background:rgba(94,247,216,.10);box-shadow:0 0 26px rgba(94,247,216,.1)}.merge-frame{min-height:420px}.merge-path{fill:none;stroke-linecap:round;stroke-width:20;opacity:.18}.merge-path.active{opacity:.96;filter:drop-shadow(0 0 16px rgba(94,247,216,.32));stroke-dasharray:900;stroke-dashoffset:900;animation:drawPath 1s ease forwards}.merge-label{font-size:22px;font-weight:900;fill:#f6fbff}.merge-sub{font-size:15px;font-weight:650;fill:#abc4d9}.merge-node{fill:rgba(10,36,72,.86);stroke:rgba(115,202,255,.32);stroke-width:1.5}.merge-node.active{stroke:rgba(94,247,216,.9);filter:drop-shadow(0 0 18px rgba(94,247,216,.3))}@keyframes pulseLine{50%{opacity:.52;filter:blur(.3px)}}
+.retrieval-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:20px;align-items:start}.stage-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.stage-tab{border:1px solid rgba(115,202,255,.16);border-radius:999px;background:rgba(2,11,26,.44);padding:10px 14px;color:var(--ink-soft);font-weight:900;transition:.2s}.stage-tab.active{border-color:var(--line-strong);color:#06101f;background:linear-gradient(135deg,var(--cyan),var(--aqua))}.retrieval-frame{min-height:430px}.diagram-line{fill:none;stroke:#46e4ff;stroke-width:7;stroke-linecap:round;stroke-dasharray:20 18;opacity:.9;animation:dash 2s linear infinite}.diagram-line.secondary{stroke:#5ef7d8}.stage-caption{margin-top:14px;padding:16px;border:1px solid rgba(115,202,255,.14);border-radius:18px;background:rgba(2,11,26,.42);color:var(--ink-soft);line-height:1.65}.stage-caption strong{display:block;color:#fff;font-size:1.1rem;margin-bottom:4px}.facet-bars{display:grid;gap:15px}.facet-row{display:grid;gap:7px}.facet-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:900}.facet-top span:last-child{font-family:var(--mono);color:var(--ink-soft)}.facet-track{height:14px;border-radius:999px;background:rgba(115,202,255,.13);overflow:hidden}.facet-fill{height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,var(--coral),var(--amber),var(--aqua));transition:width .85s cubic-bezier(.2,.8,.2,1)}.facet-fill.safe{background:linear-gradient(90deg,var(--blue),var(--cyan),var(--aqua))}.mini-chart-shell{margin-top:20px;border:1px solid rgba(115,202,255,.14);border-radius:20px;background:rgba(2,11,26,.34);padding:10px}.bundle-list{display:grid;gap:9px;margin-top:16px;max-height:220px;overflow:auto;padding-right:4px}.bundle-list div{border:1px solid rgba(115,202,255,.14);border-radius:16px;padding:12px 14px;background:rgba(2,11,26,.38);color:var(--ink-soft)}.policy-status{margin-top:16px;border-radius:18px;padding:15px 16px;font-weight:900;border:1px solid rgba(255,209,102,.22);background:rgba(255,209,102,.1);color:#ffe6a3}.policy-status.accepted{border-color:rgba(94,247,216,.3);background:rgba(94,247,216,.12);color:#d8fff7}
+.agent-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(470px,.8fr);gap:20px}.agent-hive{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.agent-card{padding:22px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,rgba(8,30,62,.68),rgba(3,13,29,.82));box-shadow:var(--shadow)}.agent-head{display:flex;gap:14px;align-items:center}.agent-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:rgba(94,247,216,.12);border:1px solid rgba(94,247,216,.25);font-weight:950;color:var(--aqua)}.agent-card p{color:var(--muted);line-height:1.58}.reliability{height:10px;border-radius:999px;background:rgba(115,202,255,.12);overflow:hidden}.reliability i{display:block;height:100%;width:var(--w);background:linear-gradient(90deg,var(--blue),var(--aqua));border-radius:inherit}.table-wrap{overflow:auto;border:1px solid rgba(115,202,255,.14);border-radius:20px}table{width:100%;border-collapse:collapse;min-width:720px;background:rgba(2,11,26,.36)}th,td{padding:14px 16px;text-align:left;border-bottom:1px solid rgba(115,202,255,.12);vertical-align:middle}th{color:#d9f8ff;font-size:.76rem;letter-spacing:.12em;text-transform:uppercase}td{color:var(--ink-soft)}tr:last-child td{border-bottom:0}.pill{display:inline-flex;border-radius:999px;padding:6px 9px;font-size:.76rem;font-weight:900}.support{background:rgba(94,247,216,.13);color:#aaffef}.qualify{background:rgba(255,209,102,.12);color:#ffe4a3}.contradict{background:rgba(255,111,145,.12);color:#ffc1ce}.preserve{background:rgba(155,124,255,.14);color:#dfd6ff}.notice{margin-top:16px;border:1px solid rgba(115,202,255,.14);border-radius:18px;background:rgba(2,11,26,.42);padding:14px 16px;display:grid;gap:4px}.notice span{color:var(--muted);line-height:1.5}
+.eval-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.tabs{display:flex;gap:10px;flex-wrap:wrap}.tab{border:1px solid rgba(115,202,255,.18);background:rgba(2,11,26,.44);border-radius:999px;padding:12px 17px;color:var(--ink-soft);font-weight:950}.tab.active{color:#06101f;border-color:transparent;background:linear-gradient(135deg,var(--cyan),var(--aqua));box-shadow:0 14px 36px rgba(51,215,255,.18)}.select-group{display:flex;gap:14px;flex-wrap:wrap}.select-group label{display:grid;gap:7px;font-size:.72rem;font-weight:950;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}select{min-width:190px;border:1px solid rgba(115,202,255,.22);border-radius:16px;background:#061a33;color:#edf8ff;padding:12px 14px;font-weight:850}.tab-panel{display:none}.tab-panel.active{display:block}.chart-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid rgba(115,202,255,.14);border-radius:18px;background:rgba(2,11,26,.42);padding:12px 14px;margin-bottom:14px;color:var(--ink-soft);font-size:.94rem}.axis-note b{color:#fff}.metric-bars{display:grid;gap:10px;margin-bottom:22px}.bar-row{display:grid;grid-template-columns:minmax(170px,250px) minmax(360px,1fr) 98px;gap:16px;align-items:center;padding:13px 14px;border:1px solid rgba(115,202,255,.13);border-radius:18px;background:rgba(2,11,26,.38)}.bar-name{font-weight:950;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-track{height:18px;border-radius:999px;background:linear-gradient(90deg,rgba(115,202,255,.10),rgba(115,202,255,.16));overflow:hidden;position:relative}.bar-track::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:20% 100%;opacity:.5}.bar-fill{height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--blue),var(--cyan),var(--aqua));box-shadow:0 0 22px rgba(94,247,216,.26);transition:width 1.35s cubic-bezier(.17,.84,.28,1)}.bar-value{font-family:var(--mono);text-align:right;font-weight:950;color:#f1fbff}.axis-row{display:grid;grid-template-columns:minmax(170px,250px) minmax(360px,1fr) 98px;gap:16px;align-items:center;color:var(--muted);font-family:var(--mono);font-size:.78rem;margin:0 14px 8px}.axis-track{display:flex;justify-content:space-between}.compact-table{max-height:420px}.rerank-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.rerank-card{border:1px solid rgba(115,202,255,.15);border-radius:22px;background:rgba(2,11,26,.44);padding:18px}.ring-meter{width:118px;aspect-ratio:1/1;margin:12px auto;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--aqua) var(--pct), rgba(115,202,255,.12) 0);position:relative}.ring-meter::after{content:"";position:absolute;inset:10px;border-radius:50%;background:var(--navy-900);border:1px solid rgba(115,202,255,.1)}.ring-meter b{position:relative;z-index:1;font-family:var(--mono)}.rerank-card h3{font-size:1.1rem}.rerank-card p{color:var(--muted);line-height:1.45}.audit-layout{display:grid;grid-template-columns:minmax(360px,560px) 1fr;gap:24px;align-items:center}.audit-frame{padding:10px}.audit-list{margin:16px 0 0;padding-left:20px;color:var(--ink-soft);line-height:1.8}.caveat{margin-top:20px}.caveat p{color:var(--ink-soft);line-height:1.65;margin-bottom:0}.release-timeline{display:grid;gap:16px}.release-item{display:grid;grid-template-columns:80px 1fr;gap:18px;align-items:start;padding:22px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,rgba(8,30,62,.66),rgba(3,13,29,.82));box-shadow:var(--shadow)}.release-item strong{width:56px;height:56px;display:grid;place-items:center;border-radius:18px;background:rgba(94,247,216,.12);border:1px solid rgba(94,247,216,.28);color:var(--aqua);font-size:1.2rem}.release-item p{color:var(--ink-soft);line-height:1.65;margin:0}.closing-card{text-align:center;padding:52px;max-width:920px;margin:0 auto}.closing-card p{color:var(--ink-soft);line-height:1.65}.footer{width:min(var(--max),calc(100% - 44px));margin:60px auto 30px;padding:20px 0;border-top:1px solid rgba(115,202,255,.13);display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:.88rem}@media (max-width:1180px){.hero{grid-template-columns:1fr}.depth-map{display:none}.principle-grid{grid-template-columns:repeat(2,1fr)}.retrieval-grid,.agent-grid{grid-template-columns:1fr}.rerank-grid{grid-template-columns:repeat(3,1fr)}.architecture-notes{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.site-header{border-radius:24px;align-items:flex-start}.nav-toggle{display:inline-flex}.nav{display:none;position:absolute;left:12px;right:12px;top:68px;border:1px solid rgba(115,202,255,.16);border-radius:22px;background:rgba(2,11,26,.95);padding:12px;flex-direction:column;align-items:stretch}.nav.open{display:flex}.nav a{text-align:center}.section{width:min(100% - 26px, var(--max));padding-top:88px}.hero{padding-top:42px}.two-column,.merge-layout,.audit-layout{grid-template-columns:1fr}.transfer-diagram{grid-template-columns:1fr}.transfer-lines::before{display:none}.bar-row,.axis-row{grid-template-columns:1fr}.bar-value{text-align:left}.stat-grid{grid-template-columns:repeat(2,1fr)}.agent-hive,.principle-grid{grid-template-columns:1fr}.rerank-grid{grid-template-columns:1fr}.eval-toolbar{display:grid}.select-group{display:grid}.select-group select{width:100%}h1{font-size:clamp(3rem,15vw,5.3rem)}}@media (max-width:560px){.panel-title{display:grid}.architecture-notes{grid-template-columns:1fr}.release-item{grid-template-columns:1fr}.svg-frame{border-radius:18px}.architecture-card,.retrieval-card,.sufficiency-card,.evaluation-card,.merge-card,.ledger-card,.caveat,.closing-card{padding:18px}.dataset-row{grid-template-columns:1fr 1fr}.dataset-track{grid-column:1/-1;grid-row:2}.footer{display:grid}.hero-actions .button{width:100%}}
+.section{scroll-margin-top:120px}
+#architecture{scroll-margin-top:180px}
+@media (min-width:901px){.section{padding-top:140px}}
+@media (max-width:1180px){table{min-width:620px}}
+
+/* Final redesign overrides */
+:root{
+  --navy-950:#00040d;
+  --navy-900:#020b1b;
+  --navy-850:#06162c;
+  --navy-800:#092544;
+  --ink:#f4f9ff;
+  --ink-soft:#bfd0df;
+  --muted:#819bb3;
+  --shadow:0 18px 54px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.07);
+  --radius:22px;
+  --radius-md:16px;
+}
+
+body{
+  background:
+    radial-gradient(circle at 45% -14%, rgba(46,142,214,.18), transparent 34rem),
+    radial-gradient(circle at 92% 12%, rgba(94,247,216,.07), transparent 25rem),
+    linear-gradient(180deg,#04142b 0%,#020b1b 44%,#00040d 100%);
+}
+
+h1{
+  font-size:clamp(3.35rem,6.4vw,6.25rem);
+  line-height:.94;
+  letter-spacing:-.045em;
+}
+
+h2{
+  font-size:clamp(2rem,3.9vw,4.1rem);
+  line-height:1.03;
+  letter-spacing:-.035em;
+}
+
+h3{
+  font-size:clamp(1.1rem,1.75vw,1.55rem);
+  line-height:1.14;
+  letter-spacing:-.018em;
+}
+
+.lede,.section-heading p{
+  font-size:1.04rem;
+  line-height:1.68;
+}
+
+.site-header{
+  top:12px;
+  background:rgba(1,9,22,.86);
+  border-color:rgba(125,206,255,.2);
+}
+
+.section{
+  padding:132px 0 44px;
+  scroll-margin-top:132px;
+}
+
+.hero{
+  min-height:calc(100vh - 86px);
+  padding-top:54px;
+  grid-template-columns:minmax(0,1fr) minmax(0,.72fr);
+  gap:42px;
+}
+
+.section-heading{
+  max-width:980px;
+  padding-left:0;
+}
+
+.card{
+  border-color:rgba(115,202,255,.18);
+  background:linear-gradient(180deg,rgba(8,28,55,.68),rgba(1,9,22,.9));
+}
+
+.card::before{
+  background:
+    linear-gradient(125deg,rgba(255,255,255,.065),transparent 24%,transparent 76%,rgba(94,247,216,.04)),
+    radial-gradient(circle at 18% 0,rgba(51,215,255,.08),transparent 28rem);
+}
+
+.high-impact{
+  padding:24px;
+}
+
+.sonar{
+  width:min(100%,390px);
+}
+
+.stat-grid strong{
+  font-size:1.7rem;
+}
+
+.architecture-frame{
+  overflow:hidden;
+}
+
+.architecture-frame svg{
+  aspect-ratio:1000/800;
+}
+
+#architectureSvg{
+  background:transparent;
+}
+
+#architectureSvg .arch-shell{
+  fill:rgba(3,13,29,.52);
+  stroke:rgba(115,202,255,.18);
+  stroke-width:1.4;
+}
+
+#architectureSvg .arch-lock path,
+#architectureSvg .arch-lock rect{
+  fill:none;
+  stroke:#a7bed3;
+  stroke-width:2.5;
+  stroke-linejoin:round;
+}
+
+#architectureSvg .arch-caption,
+#architectureSvg .arch-note{
+  fill:#dcecf7;
+  font-size:17px;
+  font-weight:850;
+}
+
+#architectureSvg .arch-node{
+  opacity:.72;
+  transition:opacity .25s ease;
+}
+
+#architectureSvg .arch-node.active{
+  opacity:1;
+}
+
+#architectureSvg .arch-node rect{
+  fill:url(#archPanel);
+  stroke-width:2.1;
+  filter:none;
+}
+
+#architectureSvg .arch-node text{
+  font-family:var(--font);
+  letter-spacing:0;
+}
+
+#architectureSvg .arch-node .title{
+  fill:#f5fbff;
+  font-size:19px;
+  font-weight:900;
+}
+
+#architectureSvg .arch-node .sub,
+#architectureSvg .arch-mini text {
+  fill: #d2e4f0 !important; /* Forces solid color */
+  stroke: none !important;  /* Removes the blurry outline */
+  font-size: 13.5px;
+  font-weight: 800;
+}
+
+#architectureSvg .arch-mini rect{
+  fill:rgba(1,9,22,.48);
+  stroke-width:1.5;
+}
+
+#architectureSvg .arch-icon,
+#architectureSvg .arch-mini,
+#architectureSvg .loop-arrows{
+  fill:none;
+  stroke:currentColor;
+  stroke-width:3;
+  stroke-linecap:round;
+  stroke-linejoin:round;
+}
+
+#architectureSvg .arch-icon.small{
+  stroke-width:2.4;
+}
+
+#architectureSvg .blue{color:#74dfff}
+#architectureSvg .teal{color:#5ef7d8}
+#architectureSvg .purple{color:#a99cff}
+#architectureSvg .orange{color:#ffd166}
+#architectureSvg .green{color:#67f2aa}
+
+#architectureSvg .blue rect{stroke:#5acbff}
+#architectureSvg .teal rect{stroke:#5ef7d8}
+#architectureSvg .purple rect{stroke:#a99cff}
+#architectureSvg .orange rect{stroke:#ffd166}
+#architectureSvg .green rect{stroke:#67f2aa}
+
+#architectureSvg .blue .title{fill:#dff8ff}
+#architectureSvg .teal .title{fill:#d9fff7}
+#architectureSvg .purple .title{fill:#eeeaff}
+#architectureSvg .orange .title{fill:#fff0c9}
+#architectureSvg .green .title{fill:#dbfff2}
+
+#architectureSvg .flow-path{
+  opacity:.24;
+  stroke:currentColor;
+  stroke-width:4;
+  stroke-linecap:round;
+  stroke-dasharray:0;
+  filter:none;
+  transition:opacity .25s ease, stroke-width .25s ease;
+}
+
+#architectureSvg .flow-path.active{
+  opacity:1;
+  stroke-width:5.5;
+  filter:drop-shadow(0 0 10px rgba(94,247,216,.28));
+  animation:dash 1.8s linear infinite;
+}
+
+#architectureSvg .flow-path.feedback{
+  stroke-dasharray:14 14;
+}
+
+#architectureSvg .reasoning-loop .loop-arrows{
+  opacity:.68;
+  stroke-width:3.4;
+}
+
+#architectureSvg .reasoning-loop .loop-label {
+  fill: #fff7df;
+  font-size: 16px; /* Reduced from 20px */
+  font-weight: 900;
+}
+
+#architectureSvg .retrieve-note{
+  fill:#f2fbff;
+  paint-order:stroke;
+  stroke:rgba(2,11,26,.88);
+  stroke-width:5px;
+  stroke-linejoin:round;
+}
+
+/* Motivation vs Logic: the pipeline should remain readable as a static diagram while playback adds meaning. Evidence packets activate only during the retrieve-more stage and move along real source-to-loop routes. */
+#architectureSvg .arch-evidence-flow{
+  opacity:0;
+  transition:opacity .25s ease;
+  pointer-events:none;
+}
+
+#architectureSvg .arch-evidence-flow.active{
+  opacity:1;
+}
+
+#architectureSvg .evidence-route{
+  fill:none;
+  stroke:rgba(255,255,255,.01);
+  stroke-width:1;
+}
+
+#architectureSvg .evidence-packet{
+  opacity:0;
+  filter:drop-shadow(0 0 9px currentColor);
+}
+
+#architectureSvg .arch-evidence-flow.active .evidence-packet{
+  opacity:1;
+}
+
+#architectureSvg .evidence-packet.emr{
+  color:#5ef7d8;
+  fill:#5ef7d8;
+}
+
+#architectureSvg .evidence-packet.cpg{
+  color:#a99cff;
+  fill:#a99cff;
+}
+
+#architectureSvg .evidence-packet.ghost{
+  opacity:.68;
+}
+
+#architectureSvg .arch-node.active rect{
+  filter:drop-shadow(0 0 16px rgba(94,247,216,.20));
+}
+
+#architectureSvg .flow-path.blue{color:#74dfff}
+#architectureSvg .flow-path.teal{color:#5ef7d8}
+#architectureSvg .flow-path.purple{color:#a99cff}
+#architectureSvg .flow-path.orange{color:#ffd166}
+#architectureSvg .flow-path.green{color:#67f2aa}
+}
+
+.flow-path{
+  stroke-width:4.5;
+  stroke-dasharray:11 14;
+  opacity:.24;
+}
+
+.flow-path.active{
+  stroke-width:6.5;
+}
+
+.flow-path.feedback{
+  stroke:#ead37a;
+}
+
+.arch-node rect,.diagram-node rect{
+  rx:18;
+  fill:rgba(7,26,52,.82);
+  stroke:rgba(118,214,255,.34);
+}
+
+.arch-node text,.diagram-node text{
+  font-size:18px;
+  letter-spacing:0;
+}
+
+.arch-node .sub,.diagram-node .sub{
+  font-size:12.5px;
+}
+
+.arch-node.answer text{
+  font-size:18px;
+}
+
+.architecture-notes{
+  grid-template-columns:repeat(4,minmax(0,1fr));
+}
+
+.two-column{
+  align-items:stretch;
+}
+
+.two-column>.card{
+  padding:28px;
+}
+
+.dataset-row{
+  grid-template-columns:minmax(170px,220px) minmax(180px,1fr) 76px;
+}
+
+.distill-card{
+  overflow:hidden;
+}
+
+.transfer-diagram{
+  grid-template-columns:210px minmax(170px,1fr) 145px;
+  min-height:250px;
+}
+
+.orb.teacher{
+  width:210px;
+  justify-self:center;
+}
+
+.orb.student{
+  width:145px;
+  justify-self:center;
+  padding:16px;
+}
+
+.orb.teacher strong{
+  font-size:3.6rem;
+}
+
+.orb.student strong{
+  font-size:2.65rem;
+}
+
+.orb span{
+  font-size:1.05rem;
+  color:#d2e3f2;
+}
+
+.transfer-lines span{
+  padding:9px 14px;
+  font-size:.95rem;
+}
+
+.formula{
+  font-size:.95rem;
+  line-height:1.55;
+}
+
+.merge-frame{
+  min-height:clamp(320px,42vw,430px);
+  overflow:auto;
+}
+
+.merge-panel{
+  fill:rgba(7,26,52,.78);
+  stroke:rgba(115,202,255,.22);
+  stroke-width:1.4;
+}
+
+.merge-panel.active{
+  stroke:rgba(94,247,216,.78);
+  filter:drop-shadow(0 0 16px rgba(94,247,216,.24));
+}
+
+.merge-kicker{
+  font-size:12px;
+  font-weight:900;
+  letter-spacing:.18em;
+  text-transform:uppercase;
+  fill:#66f4d8;
+}
+
+.merge-label{
+  font-size:22px;
+  letter-spacing:-.01em;
+}
+
+.merge-sub{
+  font-size:13px;
+  line-height:1.35;
+}
+
+.merge-formula{
+  font-family:var(--mono);
+  font-size:14px;
+  font-weight:800;
+  fill:#efffff;
+}
+
+.merge-weight{
+  opacity:.82;
+  filter:drop-shadow(0 0 10px rgba(94,247,216,.22));
+  animation:weightRise .9s cubic-bezier(.2,.8,.2,1) both;
+}
+
+.merge-weight.delay{
+  animation-delay:.12s;
+}
+
+.merge-vector,.merge-arc{
+  fill:none;
+  stroke:var(--aqua);
+  stroke-width:6;
+  stroke-linecap:round;
+  stroke-linejoin:round;
+  opacity:.92;
+  filter:drop-shadow(0 0 13px rgba(94,247,216,.28));
+  marker-end:url(#mergeArrow);
+  stroke-dasharray:420;
+  stroke-dashoffset:420;
+  animation:drawPath 1.1s ease forwards;
+}
+
+.merge-vector.kd{
+  stroke:var(--cyan);
+}
+
+.merge-vector.out{
+  stroke-width:5;
+}
+
+.merge-point{
+  fill:#efffff;
+  stroke:var(--aqua);
+  stroke-width:4;
+}
+
+.merge-drop,.merge-conflict{
+  stroke:#ffd166;
+  stroke-width:5;
+  stroke-linecap:round;
+  opacity:.78;
+}
+
+@keyframes weightRise{
+  from{transform:translateY(18px);opacity:0}
+  to{transform:translateY(0);opacity:.82}
+}
+
+.chart-meta{
+  justify-content:flex-start;
+}
+
+.chart-meta span:last-child{
+  color:var(--muted);
+  margin-left:auto;
+}
+
+@media (max-width:1360px){
+  .depth-map{display:none}
+}
+
+@media (min-width:1361px){
+  .section{
+    width:min(var(--max),calc(100% - 140px));
+  }
+}
+
+@media (max-width:1180px){
+  .section{
+    padding-top:112px;
+    scroll-margin-top:112px;
+  }
+  .two-column,.retrieval-grid,.agent-grid{
+    grid-template-columns:minmax(0,1fr);
+  }
+  .merge-layout{
+    grid-template-columns:minmax(0,1fr);
+  }
+  .merge-controls{
+    grid-template-columns:repeat(2,minmax(0,1fr));
+  }
+  .architecture-notes{
+    grid-template-columns:repeat(2,minmax(0,1fr));
+  }
+}
+
+@media (max-width:900px){
+  h1{font-size:clamp(2.7rem,13vw,4.6rem)}
+  h2{font-size:clamp(1.9rem,8vw,3.1rem)}
+  .hero{grid-template-columns:1fr}
+  .transfer-diagram{
+    grid-template-columns:1fr;
+    justify-items:center;
+  }
+  .orb.teacher{width:min(230px,70vw)}
+  .orb.student{width:min(170px,55vw)}
+  .architecture-notes{grid-template-columns:1fr 1fr}
+  .site-header{
+    width:min(var(--max),calc(100% - 24px));
+  }
+  .section{
+    width:min(100% - 24px,var(--max));
+  }
+  .panel-title,.eval-toolbar{
+    display:grid;
+  }
+  .architecture-card,.retrieval-card,.sufficiency-card,.evaluation-card,.merge-card,.ledger-card,.caveat,.closing-card{
+    padding:20px;
+  }
+  .architecture-frame svg,
+  .merge-frame svg {
+    width: 100%;
+    min-width: auto; /* Allows it to wrap inside the container */
+    height: auto;
+  }
+  .bar-row,.axis-row{
+    grid-template-columns:minmax(0,1fr);
+  }
+  .bar-track{
+    min-width:0;
+  }
+}
+
+@media (max-width:560px){
+  .section{
+    width:min(100% - 28px,var(--max));
+    padding-top:96px;
+    scroll-margin-top:96px;
+  }
+  .architecture-notes{grid-template-columns:1fr}
+  .transfer-lines span{width:100%;text-align:center}
+  .merge-frame{min-height:320px}
+  .merge-controls{
+    grid-template-columns:1fr;
+  }
+  .stat-grid{
+    grid-template-columns:1fr 1fr;
+  }
+  .dataset-row{
+    grid-template-columns:minmax(0,1fr) auto;
+  }
+  .dataset-name{
+    min-width:0;
+  }
+  .dataset-track{
+    grid-column:1/-1;
+  }
+  .table-wrap{
+    max-width:100%;
+  }
+}
+
+@media (max-width:420px){
+  h1{font-size:clamp(2.25rem,12vw,3.2rem)}
+  h2{font-size:clamp(1.7rem,9vw,2.45rem)}
+  .button-row,.hero-actions,.tabs,.select-group{
+    display:grid;
+    grid-template-columns:1fr;
+  }
+  .button,.tab,select{
+    width:100%;
+  }
+  .sonar-readout{
+    min-height:auto;
+  }
+}