diff --git a/apps/web/app/globals.css b/apps/web/app/globals.css
index 714f39d..4ab0d21 100644
--- a/apps/web/app/globals.css
+++ b/apps/web/app/globals.css
@@ -111,23 +111,6 @@ a {
   position: absolute;
   inset: 0;
 }
-.hero-pixel-blast {
-  position: absolute;
-  inset: 0;
-  z-index: 1;
-  opacity: 0.8;
-  pointer-events: none;
-  mix-blend-mode: screen;
-}
-html[data-theme="light"] .hero-pixel-blast {
-  mix-blend-mode: multiply;
-  opacity: 0.45;
-}
-@media (prefers-reduced-motion: reduce) {
-  .hero-pixel-blast {
-    display: none;
-  }
-}
 .beam-grid {
   position: absolute;
   inset: 0;
@@ -298,6 +281,52 @@ h3,
   gap: 12px;
   margin-top: 32px;
 }
+.cta-link {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 12px;
+  padding: 13px 18px;
+  border: 1px solid transparent;
+  border-radius: var(--radius);
+  background: var(--primary);
+  color: var(--primary-foreground);
+  font-family: var(--font-mono), monospace;
+  font-size: 12px;
+  font-weight: 600;
+  letter-spacing: 0.06em;
+  line-height: 1;
+  text-transform: uppercase;
+  white-space: nowrap;
+  transition:
+    transform 0.2s,
+    border-color 0.2s,
+    color 0.2s,
+    background-color 0.2s;
+}
+.cta-link:hover {
+  transform: translateY(-2px);
+  background: color-mix(in srgb, var(--primary) 90%, transparent);
+}
+.cta-link:focus-visible {
+  outline: 3px solid color-mix(in srgb, var(--ring) 50%, transparent);
+  outline-offset: 2px;
+}
+.cta-link-quiet {
+  border-color: var(--border);
+  background: rgba(var(--black-rgb), 0.4);
+  color: var(--foreground);
+  backdrop-filter: blur(12px);
+}
+.cta-link-quiet:hover {
+  border-color: var(--primary);
+  background: rgba(var(--black-rgb), 0.4);
+  color: var(--primary);
+}
+.cta-link svg {
+  flex: 0 0 auto;
+  pointer-events: none;
+}
 .link-glyph {
   flex: 0 0 auto;
   opacity: 0.92;
@@ -353,13 +382,12 @@ h3,
 .scan-frame {
   width: 100%;
   overflow: hidden;
-  background: rgba(10, 13, 16, 0.82);
+  background: rgba(10, 13, 16, 0.88);
   border: 1px solid rgba(239, 237, 230, 0.16);
   border-radius: calc(var(--radius) * 2);
   box-shadow:
     0 30px 90px rgba(0, 0, 0, 0.5),
     0 0 120px rgba(255, 176, 32, 0.12),
-    0 0 0 1px rgba(255, 176, 32, 0.08),
     inset 0 1px 0 rgba(255, 255, 255, 0.04);
   backdrop-filter: blur(14px);
   transform: perspective(1200px) rotateY(-1.5deg);
@@ -396,10 +424,10 @@ h3,
   align-items: center;
   gap: 6px;
   color: var(--teal);
+  font-size: 9px;
   font-weight: 500;
-  text-transform: uppercase;
   letter-spacing: 0.08em;
-  font-size: 9px;
+  text-transform: uppercase;
 }
 .scan-head-pulse {
   width: 6px;
@@ -420,234 +448,160 @@ h3,
     transform: scale(1);
   }
 }
-.scan-canvas {
+.scan-surface {
   position: relative;
-  width: 100%;
-  background: #0a0d10;
+  min-height: 310px;
   overflow: hidden;
-  line-height: 0;
+  background:
+    radial-gradient(circle at 78% 20%, rgba(79, 216, 196, 0.11), transparent 34%),
+    linear-gradient(145deg, #12171c, #090c0f 78%);
+  color: #d5dad4;
 }
-.scan-canvas-img {
+.scan-app-nav {
+  position: relative;
+  z-index: 1;
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  height: 46px;
+  padding: 0 22px;
+  border-bottom: 1px solid rgba(239, 237, 230, 0.09);
+  font-family: var(--font-mono), monospace;
+  font-size: 10px;
+  letter-spacing: 0.04em;
+}
+.scan-app-mark {
+  display: grid;
+  width: 22px;
+  height: 22px;
+  place-items: center;
+  border-radius: 3px;
+  background: var(--amber);
+  color: #16120a;
+  font-weight: 800;
+}
+.scan-app-nav-link {
+  margin-left: auto;
+  color: #9aa5a0;
+}
+.scan-app-content {
+  position: relative;
+  z-index: 1;
+  width: min(78%, 390px);
+  margin: 46px auto 0;
+}
+.scan-app-kicker {
+  color: var(--teal);
+  font-family: var(--font-mono), monospace;
+  font-size: 9px;
+  font-weight: 600;
+  letter-spacing: 0.12em;
+  text-transform: uppercase;
+}
+.scan-app-content > strong {
   display: block;
-  width: 100%;
-  height: auto;
-  pointer-events: none;
-  user-select: none;
-  filter: saturate(0.92) contrast(1.02);
+  margin-top: 12px;
+  font-size: clamp(1.3rem, 2.6vw, 1.85rem);
+  line-height: 1.1;
 }
-.scan-overlay {
-  position: absolute;
-  inset: 0;
+.scan-app-content > p {
+  max-width: 330px;
+  margin-top: 10px;
+  color: #8e9892;
+  font-size: 11px;
+  line-height: 1.55;
 }
-.scan-canvas-ready .scan-line {
-  animation: scan-sweep 9s cubic-bezier(0.45, 0, 0.4, 1) infinite;
+.scan-app-form {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-top: 20px;
+  font-family: var(--font-mono), monospace;
+  font-size: 9px;
+}
+.scan-app-form span {
+  min-width: 0;
+  flex: 1;
+  overflow: hidden;
+  padding: 10px 11px;
+  border: 1px solid rgba(239, 237, 230, 0.15);
+  border-radius: 3px;
+  color: #8e9892;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.scan-app-form b {
+  flex: 0 0 auto;
+  padding: 10px 12px;
+  border-radius: 3px;
+  background: var(--amber);
+  color: #16120a;
+  text-transform: uppercase;
 }
 .scan-grid {
   position: absolute;
   inset: 0;
-  z-index: 1;
-  opacity: 0.22;
+  opacity: 0.2;
   background-image:
-    linear-gradient(rgba(255, 176, 32, 0.12) 1px, transparent 1px),
-    linear-gradient(90deg, rgba(255, 176, 32, 0.12) 1px, transparent 1px);
+    linear-gradient(rgba(255, 176, 32, 0.1) 1px, transparent 1px),
+    linear-gradient(90deg, rgba(255, 176, 32, 0.1) 1px, transparent 1px);
   background-size: 24px 24px;
-  mask-image: radial-gradient(circle at 50% 42%, black 10%, transparent 78%);
+  mask-image: radial-gradient(circle at 50% 48%, black 5%, transparent 78%);
 }
-.scan-vignette {
+.scan-elements {
   position: absolute;
   inset: 0;
-  z-index: 1;
-  background: radial-gradient(
-    circle at 50% 40%,
-    transparent 35%,
-    rgba(10, 13, 16, 0.35) 100%
-  );
-  pointer-events: none;
-}
-.scan-line {
-  position: absolute;
-  left: 0;
-  right: 0;
-  top: -8%;
-  height: 22%;
   z-index: 2;
-  background: linear-gradient(
-    to bottom,
-    transparent,
-    rgba(255, 176, 32, 0.08) 44%,
-    rgba(255, 176, 32, 0.55) 50%,
-    rgba(255, 176, 32, 0.08) 56%,
-    transparent
-  );
-  opacity: 0;
   pointer-events: none;
 }
-@keyframes scan-sweep {
-  0% {
-    top: -12%;
-    opacity: 0;
-  }
-  5% {
-    opacity: 1;
-  }
-  28% {
-    top: 88%;
-    opacity: 1;
-  }
-  36% {
-    opacity: 0;
-  }
-  100% {
-    opacity: 0;
-    top: 88%;
-  }
-}
-.scan-target {
-  position: absolute;
-  z-index: 3;
-  opacity: 0.28;
-  transition:
-    opacity 0.35s ease,
-    filter 0.35s ease;
-  pointer-events: none;
-}
-.scan-target-active {
-  opacity: 1;
-  filter: drop-shadow(0 0 10px rgba(255, 176, 32, 0.45));
-}
-.scan-target-action.scan-target-active {
-  filter: drop-shadow(0 0 12px rgba(79, 216, 196, 0.55));
-}
-.scan-target-corner {
+.scan-element {
   position: absolute;
-  width: 12px;
-  height: 12px;
-  border: 2px solid var(--amber);
-  opacity: 0.85;
-  transition:
-    border-color 0.35s ease,
-    width 0.35s ease,
-    height 0.35s ease;
-}
-.scan-target-action .scan-target-corner {
-  border-color: var(--teal);
-}
-.scan-target-corner-tl {
-  top: -1px;
-  left: -1px;
-  border-right: 0;
-  border-bottom: 0;
-}
-.scan-target-corner-tr {
-  top: -1px;
-  right: -1px;
-  border-left: 0;
-  border-bottom: 0;
-}
-.scan-target-corner-bl {
-  bottom: -1px;
-  left: -1px;
-  border-right: 0;
-  border-top: 0;
-}
-.scan-target-corner-br {
-  bottom: -1px;
-  right: -1px;
-  border-left: 0;
-  border-top: 0;
-}
-.scan-target-active .scan-target-corner {
-  width: 16px;
-  height: 16px;
-  opacity: 1;
-}
-.scan-tag {
-  position: absolute;
-  z-index: 4;
-  display: inline-flex;
+  display: flex;
   align-items: center;
-  gap: 6px;
-  padding: 6px 10px;
-  border: 1px solid rgba(255, 176, 32, 0.28);
-  border-radius: 4px;
+  gap: 5px;
+  padding: 5px 7px;
+  border: 1px solid rgba(255, 176, 32, 0.6);
+  border-radius: 3px;
   background: rgba(10, 13, 16, 0.92);
-  color: #a8b0aa;
+  box-shadow: 0 0 18px rgba(255, 176, 32, 0.12);
   font-family: var(--font-mono), monospace;
-  font-size: 10px;
-  letter-spacing: 0.03em;
-  white-space: nowrap;
-  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.45);
-  opacity: 0.35;
-  transform: translateY(4px);
-  transition:
-    opacity 0.35s ease,
-    transform 0.35s ease,
-    border-color 0.35s ease,
-    box-shadow 0.35s ease;
-  pointer-events: none;
+  font-size: 8px;
 }
-.scan-tag-active {
-  opacity: 1;
-  transform: none;
-  border-color: rgba(255, 176, 32, 0.65);
-  box-shadow:
-    0 12px 32px rgba(0, 0, 0, 0.55),
-    0 0 0 1px rgba(255, 176, 32, 0.12);
+.scan-element:nth-child(1) {
+  top: 28px;
+  right: 17px;
 }
-.scan-tag-action.scan-tag-active {
-  border-color: rgba(79, 216, 196, 0.65);
-  box-shadow:
-    0 12px 32px rgba(0, 0, 0, 0.55),
-    0 0 0 1px rgba(79, 216, 196, 0.14);
+.scan-element:nth-child(2) {
+  right: 35%;
+  bottom: 43px;
+}
+.scan-element:nth-child(3) {
+  right: 6%;
+  bottom: 43px;
 }
-.scan-tag-ref {
+.scan-element span {
   color: var(--amber);
   font-weight: 700;
 }
-.scan-tag-action .scan-tag-ref {
-  color: var(--teal);
-}
-.scan-tag-role {
+.scan-element i {
   color: #8e9892;
-  text-transform: lowercase;
+  font-style: normal;
 }
-.scan-tag-name {
+.scan-element b {
   color: #d5dad4;
-  font-style: normal;
+  font-weight: 500;
 }
-.scan-cursor {
-  position: absolute;
-  z-index: 5;
-  width: 16px;
-  height: 16px;
-  margin: -8px 0 0 -8px;
-  border: 2px solid rgba(255, 255, 255, 0.95);
-  border-radius: 50%;
-  box-shadow:
-    0 0 0 1px rgba(0, 0, 0, 0.55),
-    0 0 18px rgba(255, 176, 32, 0.55);
-  transition:
-    top 0.55s cubic-bezier(0.22, 1, 0.36, 1),
-    left 0.55s cubic-bezier(0.22, 1, 0.36, 1);
-  pointer-events: none;
+.scan-element-action {
+  border-color: rgba(79, 216, 196, 0.7);
+  box-shadow: 0 0 18px rgba(79, 216, 196, 0.15);
 }
-.scan-cursor::after {
-  content: "";
-  position: absolute;
-  inset: 2px;
-  border-radius: 50%;
-  background: var(--amber);
-  animation: scan-pulse 1.2s ease-in-out infinite;
+.scan-element-action span {
+  color: var(--teal);
 }
 .scan-terminal {
-  position: relative;
   padding: 12px 14px 14px;
   border-top: 1px solid rgba(239, 237, 230, 0.12);
-  background: linear-gradient(
-    180deg,
-    rgba(10, 13, 16, 0.92),
-    rgba(8, 10, 12, 0.98)
-  );
+  background: linear-gradient(180deg, rgba(10, 13, 16, 0.92), rgba(8, 10, 12, 0.98));
   font-family: var(--font-mono), monospace;
   font-size: 11px;
   line-height: 1.55;
@@ -661,9 +615,6 @@ h3,
 .scan-terminal-row + .scan-terminal-row {
   margin-top: 4px;
 }
-.scan-terminal-result {
-  color: #c7ccc4;
-}
 .scan-terminal-result code {
   color: var(--teal-ink);
 }
@@ -677,57 +628,9 @@ h3,
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  animation: scan-fade-in 0.35s ease;
-}
-@keyframes scan-fade-in {
-  from {
-    opacity: 0;
-    transform: translateY(3px);
-  }
-  to {
-    opacity: 1;
-    transform: none;
-  }
-}
-.scan-terminal-steps {
-  position: absolute;
-  right: 14px;
-  bottom: 14px;
-  display: flex;
-  gap: 5px;
-}
-.scan-terminal-steps span {
-  width: 16px;
-  height: 2px;
-  border-radius: 999px;
-  background: rgba(239, 237, 230, 0.18);
-  transition:
-    background 0.35s ease,
-    transform 0.35s ease;
-}
-.scan-terminal-steps .scan-step-active {
-  background: var(--amber);
-  transform: scaleX(1.15);
 }
 @media (prefers-reduced-motion: reduce) {
-  .scan-line,
-  .scan-head-pulse,
-  .scan-cursor::after {
-    animation: none;
-  }
-  .scan-target,
-  .scan-tag,
-  .scan-cursor {
-    transition: none;
-  }
-  .scan-target {
-    opacity: 1;
-  }
-  .scan-tag {
-    opacity: 1;
-    transform: none;
-  }
-  .scan-terminal code {
+  .scan-head-pulse {
     animation: none;
   }
 }
@@ -855,48 +758,111 @@ h3,
   font-size: 9px;
   font-weight: 500;
 }
-.benchmark-chart {
+.benchmark-bars,
+.efficiency-bars {
+  min-width: 0;
   height: 278px;
   margin-top: 20px;
-  aspect-ratio: auto !important;
-}
-.benchmark-chart .recharts-cartesian-axis-tick text {
-  fill: var(--muted);
   font-family: var(--font-mono), monospace;
   font-size: 10px;
 }
-.benchmark-chart .recharts-cartesian-grid line {
-  stroke: var(--line);
+.benchmark-bars {
+  display: grid;
+  align-content: center;
+  gap: 20px;
 }
-
-.benchmark-chart {
-  min-width: 0;
+.benchmark-bar-row {
+  display: grid;
+  grid-template-columns: 112px minmax(0, 1fr) 42px;
+  align-items: center;
+  gap: 9px;
 }
-.benchmark-chart :focus,
-.benchmark-chart svg:focus {
-  outline: none;
+.benchmark-bar-label,
+.efficiency-label {
+  overflow: hidden;
+  color: var(--muted);
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.benchmark-bar-track,
+.efficiency-track {
+  position: relative;
+  display: block;
+  overflow: hidden;
+  border-radius: 3px;
+  background: rgba(var(--ink-rgb), 0.055);
+}
+.benchmark-bar-track {
+  height: 24px;
 }
-.chart-tooltip {
+.benchmark-bar-fill,
+.efficiency-fill {
+  display: block;
+  height: 100%;
+  min-width: 2px;
+  border-radius: inherit;
+}
+.benchmark-bar-value {
+  color: var(--ink-soft);
+}
+.efficiency-bars {
   display: flex;
   flex-direction: column;
+  justify-content: center;
+  gap: 13px;
+}
+.efficiency-legend {
+  display: flex;
+  justify-content: flex-end;
+  gap: 15px;
+  color: var(--muted);
+  font-size: 9px;
+  text-transform: uppercase;
+}
+.efficiency-legend span {
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+}
+.efficiency-legend i {
+  width: 14px;
+  height: 2px;
+}
+.efficiency-key-wall {
+  background: #5b6469;
+}
+.efficiency-key-cpu {
+  background: var(--amber-ink);
+}
+.efficiency-row {
+  display: grid;
+  grid-template-columns: 72px minmax(0, 1fr);
+  align-items: center;
+  gap: 9px;
+}
+.efficiency-tracks {
+  display: grid;
   gap: 3px;
-  padding: 8px 10px;
-  border: 1px solid var(--line);
-  border-radius: 4px;
-  background: rgba(var(--black-rgb), 0.94);
-  backdrop-filter: blur(8px);
-  font-family: var(--font-mono), monospace;
-  font-size: 10px;
-  color: var(--ink-soft);
-  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.4);
 }
-.chart-tooltip b {
-  font-size: 11px;
-  font-weight: 600;
+.efficiency-track {
+  height: 12px;
 }
-.chart-tooltip span {
-  color: var(--muted);
+.efficiency-fill-wall {
+  background: #5b6469;
+}
+.efficiency-fill-cpu {
+  background: var(--amber-ink);
+}
+.efficiency-value {
+  position: absolute;
+  top: 50%;
+  right: 5px;
+  color: var(--ink);
+  font-size: 8px;
+  line-height: 1;
+  transform: translateY(-50%);
 }
+
 .benchmark-table-wrap {
   margin-top: 48px;
   overflow-x: auto;
@@ -1201,27 +1167,6 @@ h3,
   padding-bottom: 76px;
   overflow: hidden;
 }
-.closing-blast {
-  position: absolute;
-  inset: 0;
-  z-index: 0;
-  pointer-events: none;
-}
-.closing-pixel-blast {
-  position: absolute;
-  inset: 0;
-  opacity: 0.7;
-  mix-blend-mode: screen;
-}
-html[data-theme="light"] .closing-pixel-blast {
-  mix-blend-mode: multiply;
-  opacity: 0.4;
-}
-@media (prefers-reduced-motion: reduce) {
-  .closing-blast {
-    display: none;
-  }
-}
 .closing-inner {
   position: relative;
   z-index: 1;
@@ -1837,7 +1782,10 @@ html[data-theme="light"] .closing-pixel-blast {
 
 @media (max-width: 980px) {
   .hero-grid {
-    grid-template-columns: 1fr;
+    grid-template-columns: minmax(0, 1fr);
+  }
+  .hero-grid > * {
+    min-width: 0;
   }
   .workflow-layout {
     grid-template-columns: 1fr;
@@ -1861,7 +1809,7 @@ html[data-theme="light"] .closing-pixel-blast {
     gap: 44px;
   }
   .hero h1 {
-    font-size: clamp(2.5rem, 12vw, 3.4rem);
+    font-size: clamp(2.4rem, 11vw, 3.4rem);
   }
   .hero-copy {
     font-size: 14px;
@@ -1873,10 +1821,6 @@ html[data-theme="light"] .closing-pixel-blast {
   .scan-frame {
     transform: none;
   }
-  .scan-tag {
-    font-size: 8px;
-    padding: 4px 7px;
-  }
   .scan-terminal {
     font-size: 9px;
   }
@@ -2094,40 +2038,6 @@ html[data-theme="light"] .closing-pixel-blast {
   --radius-4xl: calc(var(--radius) * 2.6);
 }
 
-.dark {
-  --background: oklch(0.145 0 0);
-  --foreground: oklch(0.985 0 0);
-  --card: oklch(0.205 0 0);
-  --card-foreground: oklch(0.985 0 0);
-  --popover: oklch(0.205 0 0);
-  --popover-foreground: oklch(0.985 0 0);
-  --primary: oklch(0.922 0 0);
-  --primary-foreground: oklch(0.205 0 0);
-  --secondary: oklch(0.269 0 0);
-  --secondary-foreground: oklch(0.985 0 0);
-  --muted: oklch(0.269 0 0);
-  --muted-foreground: oklch(0.708 0 0);
-  --accent: oklch(0.269 0 0);
-  --accent-foreground: oklch(0.985 0 0);
-  --destructive: oklch(0.704 0.191 22.216);
-  --border: oklch(1 0 0 / 10%);
-  --input: oklch(1 0 0 / 15%);
-  --ring: oklch(0.556 0 0);
-  --chart-1: oklch(0.87 0 0);
-  --chart-2: oklch(0.556 0 0);
-  --chart-3: oklch(0.439 0 0);
-  --chart-4: oklch(0.371 0 0);
-  --chart-5: oklch(0.269 0 0);
-  --sidebar: oklch(0.205 0 0);
-  --sidebar-foreground: oklch(0.985 0 0);
-  --sidebar-primary: oklch(0.488 0.243 264.376);
-  --sidebar-primary-foreground: oklch(0.985 0 0);
-  --sidebar-accent: oklch(0.269 0 0);
-  --sidebar-accent-foreground: oklch(0.985 0 0);
-  --sidebar-border: oklch(1 0 0 / 10%);
-  --sidebar-ring: oklch(0.556 0 0);
-}
-
 @layer base {
   * {
     @apply border-border outline-ring/50;
diff --git a/apps/web/app/page.tsx b/apps/web/app/page.tsx
index da0685a..8e98cfa 100644
--- a/apps/web/app/page.tsx
+++ b/apps/web/app/page.tsx
@@ -2,12 +2,9 @@ import { HeadlessMark } from "@/components/headless-mark";
 import { BenchmarkChart } from "@/components/benchmark-chart";
 import { EfficiencyChart } from "@/components/efficiency-chart";
 import { BeamsBackground } from "@/components/ui/beams-background";
-import { PixelBlast } from "@/components/ui/pixel-blast";
 import { ScanFrame } from "@/components/scan-frame";
 import { ThemeToggle } from "@/components/theme-toggle";
 import { LinkGlyph } from "@/components/link-glyph";
-import { buttonVariants } from "@/components/ui/button";
-import { cn } from "@/lib/utils";
 import { loadBenchmarkContent } from "@/lib/repository-content.mjs";
 import { ArrowDownIcon, ArrowUpRightIcon } from "lucide-react";
 
@@ -48,22 +45,6 @@ export default function Home() {
       <section className="hero">
         <div className="hero-beams" aria-hidden="true">
           <BeamsBackground className="hero-beams-static" />
-          <PixelBlast
-            className="hero-pixel-blast"
-            variant="circle"
-            pixelSize={5}
-            color="#FFB020"
-            patternScale={3}
-            patternDensity={1.1}
-            pixelSizeJitter={0.35}
-            enableRipples
-            rippleSpeed={0.35}
-            rippleThickness={0.1}
-            rippleIntensityScale={1.1}
-            speed={0.45}
-            edgeFade={0.3}
-            transparent
-          />
         </div>
 
         <nav className="nav container" aria-label="Main navigation">
@@ -99,10 +80,7 @@ export default function Home() {
             <div className="hero-actions">
               <a
                 href="#workflow"
-                className={cn(
-                  buttonVariants({ variant: "default", size: "cta" }),
-                  "hover:-translate-y-0.5",
-                )}
+                className="cta-link"
               >
                 See the workflow
                 <ArrowDownIcon
@@ -113,7 +91,7 @@ export default function Home() {
               </a>
               <a
                 href="/docs"
-                className={buttonVariants({ variant: "quiet", size: "cta" })}
+                className="cta-link cta-link-quiet"
               >
                 Read the docs
                 <ArrowUpRightIcon
@@ -323,24 +301,6 @@ export default function Home() {
       </section>
 
       <section className="section closing">
-        <div className="closing-blast" aria-hidden="true">
-          <PixelBlast
-            className="closing-pixel-blast"
-            variant="circle"
-            pixelSize={5}
-            color="#FFB020"
-            patternScale={3}
-            patternDensity={1.05}
-            pixelSizeJitter={0.3}
-            enableRipples
-            rippleSpeed={0.35}
-            rippleThickness={0.1}
-            rippleIntensityScale={1}
-            speed={0.4}
-            edgeFade={0.45}
-            transparent
-          />
-        </div>
         <div className="container closing-inner">
           <div className="closing-panel">
             <div>
@@ -358,10 +318,7 @@ export default function Home() {
               </p>
               <a
                 href="https://github.com/LockInTime/headless/releases"
-                className={cn(
-                  buttonVariants({ variant: "default", size: "cta" }),
-                  "mt-6 hover:-translate-y-0.5",
-                )}
+                className="cta-link mt-6"
               >
                 Open Headless
                 <ArrowUpRightIcon
diff --git a/apps/web/components/benchmark-chart.tsx b/apps/web/components/benchmark-chart.tsx
index e111ff6..af33fc7 100644
--- a/apps/web/components/benchmark-chart.tsx
+++ b/apps/web/components/benchmark-chart.tsx
@@ -1,108 +1,36 @@
-"use client";
-
-import {
-  Bar,
-  BarChart,
-  CartesianGrid,
-  Cell,
-  LabelList,
-  ResponsiveContainer,
-  Tooltip,
-  XAxis,
-  YAxis,
-} from "recharts";
-
 type Workflow = {
   workflow: string;
   surface: number;
   color: string;
 };
 
-const formatRatio = (value: number) => `${value.toFixed(value === 1 ? 0 : 2)}×`;
-
-function BenchmarkTooltip({
-  active,
-  payload,
-}: {
-  active?: boolean;
-  payload?: ReadonlyArray<{ payload?: unknown }>;
-}) {
-  if (!active || !payload?.length) return null;
-  const workflow = payload[0]?.payload as Workflow | undefined;
-  if (!workflow) return null;
-
-  return (
-    <div className="chart-tooltip">
-      <b style={{ color: workflow.color }}>{workflow.workflow}</b>
-      <span>
-        {formatRatio(workflow.surface)} Headless warm&apos;s estimated tokens
-      </span>
-    </div>
-  );
-}
+const formatRatio = (value: number) => `${value.toFixed(value === 1 ? 0 : 2)}x`;
 
 export function BenchmarkChart({ data }: { data: Workflow[] }) {
-  const ariaLabel = `Estimated agent tokens relative to Headless warm: ${data
+  const maximum = Math.max(1, ...data.map((workflow) => workflow.surface));
+  const description = `Estimated agent tokens relative to Headless warm: ${data
     .map((workflow) => `${workflow.workflow} ${formatRatio(workflow.surface)}`)
     .join(", ")}. Lower is better.`;
-  const maximum = Math.max(...data.map((workflow) => workflow.surface));
 
   return (
-    <div className="benchmark-chart" role="img" aria-label={ariaLabel}>
-      <ResponsiveContainer width="100%" height="100%">
-        <BarChart
-          data={data}
-          layout="vertical"
-          margin={{ top: 6, right: 40, bottom: 8, left: 0 }}
-        >
-          <CartesianGrid
-            horizontal={false}
-            stroke="var(--line)"
-            strokeDasharray="3 3"
-          />
-          <XAxis
-            type="number"
-            domain={[0, Math.ceil(maximum * 1.1)]}
-            allowDecimals={false}
-            tickFormatter={(value) => `${value}×`}
-            axisLine={{ stroke: "var(--line)" }}
-            tickLine={false}
-          />
-          <YAxis
-            type="category"
-            dataKey="workflow"
-            width={120}
-            axisLine={false}
-            tickLine={false}
-          />
-          <Tooltip
-            content={BenchmarkTooltip}
-            cursor={{ fill: "rgba(var(--ink-rgb), .04)" }}
-          />
-          <Bar
-            dataKey="surface"
-            radius={[0, 3, 3, 0]}
-            barSize={24}
-            isAnimationActive={false}
-          >
-            {data.map((workflow) => (
-              <Cell key={workflow.workflow} fill={workflow.color} />
-            ))}
-            <LabelList
-              dataKey="surface"
-              position="right"
-              formatter={(value) =>
-                typeof value === "number"
-                  ? formatRatio(value)
-                  : String(value ?? "")
-              }
-              fill="var(--ink-soft)"
-              fontFamily="var(--font-mono), monospace"
-              fontSize={10}
+    <div className="benchmark-bars" role="img" aria-label={description}>
+      {data.map((workflow) => (
+        <div className="benchmark-bar-row" key={workflow.workflow}>
+          <span className="benchmark-bar-label">{workflow.workflow}</span>
+          <span className="benchmark-bar-track" aria-hidden="true">
+            <span
+              className="benchmark-bar-fill"
+              style={{
+                backgroundColor: workflow.color,
+                width: `${(workflow.surface / maximum) * 100}%`,
+              }}
             />
-          </Bar>
-        </BarChart>
-      </ResponsiveContainer>
+          </span>
+          <span className="benchmark-bar-value">
+            {formatRatio(workflow.surface)}
+          </span>
+        </div>
+      ))}
     </div>
   );
 }
diff --git a/apps/web/components/efficiency-chart.tsx b/apps/web/components/efficiency-chart.tsx
index cbbb60b..ff05bf1 100644
--- a/apps/web/components/efficiency-chart.tsx
+++ b/apps/web/components/efficiency-chart.tsx
@@ -1,18 +1,3 @@
-"use client";
-
-import {
-  Area,
-  CartesianGrid,
-  ComposedChart,
-  LabelList,
-  Legend,
-  Line,
-  ResponsiveContainer,
-  Tooltip,
-  XAxis,
-  YAxis,
-} from "recharts";
-
 export type WorkflowPoint = {
   workflow: string;
   label: string;
@@ -24,127 +9,53 @@ export type WorkflowPoint = {
 };
 
 function formatSeconds(value: number) {
-  return `${(value / 1000).toFixed(3)} s`;
-}
-
-function cpuShare(point: WorkflowPoint) {
-  return Math.round((point.cpuMs / point.wallMs) * 100);
-}
-
-function EfficiencyTooltip({
-  active,
-  payload,
-}: {
-  active?: boolean;
-  payload?: ReadonlyArray<{ payload?: unknown }>;
-}) {
-  if (!active || !payload?.length) return null;
-  const point = payload[0]?.payload as WorkflowPoint | undefined;
-  if (!point) return null;
-
-  return (
-    <div className="chart-tooltip">
-      <b style={{ color: point.color }}>{point.workflow}</b>
-      <span>
-        {formatSeconds(point.wallMs)} wall · {formatSeconds(point.cpuMs)} CPU
-      </span>
-      <span>
-        CPU busy {cpuShare(point)}% of the run · {point.memoryMiB} MiB peak
-      </span>
-    </div>
-  );
+  return `${(value / 1000).toFixed(2)}s`;
 }
 
 export function EfficiencyChart({ data }: { data: WorkflowPoint[] }) {
-  const ariaLabel = `Wall time versus CPU time per run. ${data
+  const maximum = Math.max(1, ...data.map((point) => point.wallMs));
+  const description = `Wall time versus CPU time per run: ${data
     .map(
       (point) =>
-        `${point.workflow}: ${formatSeconds(point.wallMs)} wall, ${formatSeconds(point.cpuMs)} CPU, busy ${cpuShare(point)} percent`,
+        `${point.workflow} ${formatSeconds(point.wallMs)} wall and ${formatSeconds(point.cpuMs)} CPU`,
     )
-    .join(". ")}.`;
-  const maximum =
-    Math.ceil(Math.max(...data.map((point) => point.wallMs)) / 1_000) * 1_000;
+    .join(", ")}.`;
 
   return (
-    <div className="benchmark-chart" role="img" aria-label={ariaLabel}>
-      <ResponsiveContainer width="100%" height="100%">
-        <ComposedChart
-          data={data}
-          margin={{ top: 28, right: 20, bottom: 4, left: 0 }}
-        >
-          <CartesianGrid
-            vertical={false}
-            stroke="var(--line)"
-            strokeDasharray="3 3"
-          />
-          <XAxis
-            dataKey="label"
-            axisLine={{ stroke: "var(--line)" }}
-            tickLine={false}
-            tickMargin={10}
-          />
-          <YAxis
-            domain={[0, maximum]}
-            tickFormatter={(value) => `${value / 1000}s`}
-            axisLine={false}
-            tickLine={false}
-            width={40}
-          />
-          <Tooltip
-            content={EfficiencyTooltip}
-            cursor={{ stroke: "var(--line)", strokeDasharray: "3 3" }}
-          />
-          <Legend
-            verticalAlign="top"
-            align="right"
-            iconType="plainline"
-            iconSize={16}
-            wrapperStyle={{
-              fontFamily: "var(--font-mono), monospace",
-              fontSize: 9,
-              paddingBottom: 14,
-            }}
-          />
-          <Area
-            type="monotone"
-            dataKey="wallMs"
-            name="Wall time"
-            stroke="#5B6469"
-            strokeWidth={1.5}
-            fill="rgba(91,100,105,.16)"
-            isAnimationActive={false}
-          />
-          <Line
-            type="monotone"
-            dataKey="cpuMs"
-            name="CPU time"
-            stroke="var(--amber-ink)"
-            strokeWidth={2}
-            dot={{
-              fill: "var(--amber-ink)",
-              stroke: "var(--bg-soft)",
-              strokeWidth: 2,
-              r: 4,
-            }}
-            activeDot={{ r: 5 }}
-            isAnimationActive={false}
-          >
-            <LabelList
-              dataKey="cpuMs"
-              position="bottom"
-              offset={10}
-              formatter={(value) =>
-                typeof value === "number"
-                  ? `${(value / 1000).toFixed(2)}s`
-                  : String(value ?? "")
-              }
-              fill="var(--ink-soft)"
-              fontFamily="var(--font-mono), monospace"
-              fontSize={9}
-            />
-          </Line>
-        </ComposedChart>
-      </ResponsiveContainer>
+    <div className="efficiency-bars" role="img" aria-label={description}>
+      <div className="efficiency-legend" aria-hidden="true">
+        <span>
+          <i className="efficiency-key-wall" />Wall time
+        </span>
+        <span>
+          <i className="efficiency-key-cpu" />CPU time
+        </span>
+      </div>
+      {data.map((point) => (
+        <div className="efficiency-row" key={point.workflow}>
+          <span className="efficiency-label">{point.label}</span>
+          <span className="efficiency-tracks">
+            <span className="efficiency-track">
+              <span
+                className="efficiency-fill efficiency-fill-wall"
+                style={{ width: `${(point.wallMs / maximum) * 100}%` }}
+              />
+              <span className="efficiency-value">
+                {formatSeconds(point.wallMs)}
+              </span>
+            </span>
+            <span className="efficiency-track">
+              <span
+                className="efficiency-fill efficiency-fill-cpu"
+                style={{ width: `${(point.cpuMs / maximum) * 100}%` }}
+              />
+              <span className="efficiency-value">
+                {formatSeconds(point.cpuMs)}
+              </span>
+            </span>
+          </span>
+        </div>
+      ))}
     </div>
   );
 }
diff --git a/apps/web/components/scan-frame.tsx b/apps/web/components/scan-frame.tsx
index 080eb12..40402cc 100644
--- a/apps/web/components/scan-frame.tsx
+++ b/apps/web/components/scan-frame.tsx
@@ -1,175 +1,70 @@
-"use client";
+const elements = [
+  { ref: "@e3", role: "link", name: "Documentation", accent: false },
+  { ref: "@e7", role: "textbox", name: "Project URL", accent: false },
+  { ref: "@e8", role: "button", name: "Run audit", accent: true },
+] as const;
 
-import Image from "next/image";
-import { useEffect, useState } from "react";
-import github from "@/public/scan-github.png";
-
-/** Viewport for the capture below — must match scan-github.png pixel size. */
-const VIEWPORT = { width: 1152, height: 610 } as const;
-
-type PixelBox = { x: number; y: number; width: number; height: number };
-
-type InspectStep = {
-  ref: string;
-  role: string;
-  name: string;
-  bounds: PixelBox;
-  tag: { top: number; left: number };
-  command: string;
-  result: string;
-  action?: boolean;
-};
-
-/** Pixel bounds from `headless inspect --context actions` on github.com (viewport screenshot). */
-const steps: InspectStep[] = [
-  {
-    ref: "@e8",
-    role: "link",
-    name: "Pricing",
-    bounds: { x: 395, y: 13, width: 40, height: 22 },
-    tag: { top: 9.5, left: 27 },
-    command: 'headless --session qa inspect --context actions --task "find signup controls"',
-    result: "64 elements · refs @e1–@e64",
-  },
-  {
-    ref: "@e12",
-    role: "textbox",
-    name: "Enter your email",
-    bounds: { x: 382, y: 252, width: 152, height: 27 },
-    tag: { top: 49.5, left: 8 },
-    command: 'headless --session qa fill --ref @e12 --text "you@company.com"',
-    result: '✓ filled textbox "Enter your email"',
-  },
-  {
-    ref: "@e13",
-    role: "button",
-    name: "Sign up for GitHub",
-    bounds: { x: 538, y: 251, width: 111, height: 30 },
-    tag: { top: 52, left: 43 },
-    command: "headless --session qa click --ref @e13",
-    result: '✓ clicked button "Sign up for GitHub"',
-    action: true,
-  },
-];
-
-const STEP_MS = 3200;
-
-function toPercent(box: PixelBox) {
-  return {
-    top: (box.y / VIEWPORT.height) * 100,
-    left: (box.x / VIEWPORT.width) * 100,
-    width: (box.width / VIEWPORT.width) * 100,
-    height: (box.height / VIEWPORT.height) * 100,
-  };
-}
-
-const resolvedSteps = steps.map((step) => ({ ...step, box: toPercent(step.bounds) }));
-
-/** Hero demo: viewport screenshot + inspect bounds from the same Headless session. */
+/** Repository-owned demo of the semantic inspect-and-act contract. */
 export function ScanFrame() {
-  const [active, setActive] = useState(0);
-
-  useEffect(() => {
-    const timer = window.setInterval(() => {
-      setActive((index) => (index + 1) % resolvedSteps.length);
-    }, STEP_MS);
-    return () => window.clearInterval(timer);
-  }, []);
-
-  const step = resolvedSteps[active];
-
   return (
     <div
       className="scan-frame"
       role="img"
-      aria-label="Headless inspecting github.com: semantic refs for a nav link, email field, and sign-up button from a live accessibility tree"
+      aria-label="Headless inspects a local application and returns semantic references for a link, textbox, and button"
     >
       <div className="scan-frame-head">
         <span className="scan-dot" />
         <span className="scan-dot" />
         <span className="scan-dot" />
-        <p>github.com</p>
+        <p>localhost:3000</p>
         <span className="scan-head-status">
           <span className="scan-head-pulse" />
-          live inspect
+          private session
         </span>
       </div>
 
-      <div className="scan-canvas scan-canvas-ready">
-        <Image
-          src={github}
-          alt=""
-          width={VIEWPORT.width}
-          height={VIEWPORT.height}
-          sizes="(max-width: 980px) 100vw, 55vw"
-          priority
-          className="scan-canvas-img"
-        />
-
-        <div className="scan-overlay" aria-hidden="true">
-          <div className="scan-grid" />
-          <div className="scan-vignette" />
-          <div className="scan-line" />
-
-          {resolvedSteps.map((item, index) => {
-            const isActive = index === active;
-            return (
-              <div
-                key={item.ref}
-                className={`scan-target${isActive ? " scan-target-active" : ""}${item.action ? " scan-target-action" : ""}`}
-                style={{
-                  top: `${item.box.top}%`,
-                  left: `${item.box.left}%`,
-                  width: `${item.box.width}%`,
-                  height: `${item.box.height}%`,
-                }}
-              >
-                <span className="scan-target-corner scan-target-corner-tl" />
-                <span className="scan-target-corner scan-target-corner-tr" />
-                <span className="scan-target-corner scan-target-corner-bl" />
-                <span className="scan-target-corner scan-target-corner-br" />
-              </div>
-            );
-          })}
-
-          {resolvedSteps.map((item, index) => {
-            const isActive = index === active;
-            return (
-              <div
-                key={`${item.ref}-tag`}
-                className={`scan-tag${isActive ? " scan-tag-active" : ""}${item.action ? " scan-tag-action" : ""}`}
-                style={{ top: `${item.tag.top}%`, left: `${item.tag.left}%` }}
-              >
-                <span className="scan-tag-ref">{item.ref}</span>
-                <span className="scan-tag-role">{item.role}</span>
-                <span className="scan-tag-name">&ldquo;{item.name}&rdquo;</span>
-              </div>
-            );
-          })}
-
-          <div
-            className="scan-cursor"
-            style={{
-              top: `${step.box.top + step.box.height / 2}%`,
-              left: `${step.box.left + step.box.width / 2}%`,
-            }}
-          />
+      <div className="scan-surface">
+        <div className="scan-app-nav">
+          <span className="scan-app-mark">H</span>
+          <span>Workspace</span>
+          <span className="scan-app-nav-link">Documentation</span>
+        </div>
+        <div className="scan-app-content">
+          <span className="scan-app-kicker">New audit</span>
+          <strong>Check a page with your agent.</strong>
+          <p>
+            Enter a local URL. Headless keeps the browser control plane private.
+          </p>
+          <div className="scan-app-form">
+            <span>http://localhost:3000/dashboard</span>
+            <b>Run audit</b>
+          </div>
+        </div>
+        <div className="scan-grid" aria-hidden="true" />
+        <div className="scan-elements" aria-hidden="true">
+          {elements.map((element) => (
+            <div
+              className={`scan-element${element.accent ? " scan-element-action" : ""}`}
+              key={element.ref}
+            >
+              <span>{element.ref}</span>
+              <i>{element.role}</i>
+              <b>{element.name}</b>
+            </div>
+          ))}
         </div>
       </div>
 
       <div className="scan-terminal">
         <div className="scan-terminal-row">
           <span className="scan-terminal-prompt">$</span>
-          <code key={step.command}>{step.command}</code>
+          <code>
+            headless inspect --context actions --task &quot;run an audit&quot;
+          </code>
         </div>
         <div className="scan-terminal-row scan-terminal-result">
           <span className="scan-terminal-prompt">&gt;</span>
-          <code key={step.result}>{step.result}</code>
-        </div>
-        <div className="scan-terminal-steps" aria-hidden="true">
-          {resolvedSteps.map((item, index) => (
-            <span key={item.ref} className={index === active ? "scan-step-active" : undefined} />
-          ))}
+          <code>8 elements · semantic refs ready</code>
         </div>
       </div>
     </div>
diff --git a/apps/web/components/ui/button.tsx b/apps/web/components/ui/button.tsx
deleted file mode 100644
index a876a9f..0000000
--- a/apps/web/components/ui/button.tsx
+++ /dev/null
@@ -1,61 +0,0 @@
-import { Button as ButtonPrimitive } from "@base-ui/react/button"
-import { cva, type VariantProps } from "class-variance-authority"
-
-import { cn } from "@/lib/utils"
-
-const buttonVariants = cva(
-  "group/button inline-flex shrink-0 cursor-pointer items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-  {
-    variants: {
-      variant: {
-        default: "bg-primary text-primary-foreground hover:bg-primary/90",
-        quiet:
-          "border-border bg-[rgba(var(--black-rgb),0.4)] text-foreground backdrop-blur-md hover:-translate-y-0.5 hover:border-primary hover:text-primary",
-        outline:
-          "border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
-        secondary:
-          "bg-secondary text-secondary-foreground hover:bg-[color-mix(in_oklch,var(--secondary),var(--foreground)_5%)] aria-expanded:bg-secondary aria-expanded:text-secondary-foreground",
-        ghost:
-          "hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50",
-        destructive:
-          "bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40",
-        link: "text-primary underline-offset-4 hover:underline",
-      },
-      size: {
-        default:
-          "h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
-        xs: "h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3",
-        sm: "h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5",
-        lg: "h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2",
-        cta: "h-auto gap-3 rounded-[var(--radius)] px-[18px] py-[13px] font-[family-name:var(--font-mono)] text-xs font-semibold uppercase tracking-[0.06em] has-data-[icon=inline-end]:pr-4 has-data-[icon=inline-start]:pl-4 [&_svg:not([class*='size-'])]:size-4",
-        icon: "size-8",
-        "icon-xs":
-          "size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3",
-        "icon-sm":
-          "size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg",
-        "icon-lg": "size-9",
-      },
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default",
-    },
-  }
-)
-
-function Button({
-  className,
-  variant = "default",
-  size = "default",
-  ...props
-}: ButtonPrimitive.Props & VariantProps<typeof buttonVariants>) {
-  return (
-    <ButtonPrimitive
-      data-slot="button"
-      className={cn(buttonVariants({ variant, size, className }))}
-      {...props}
-    />
-  )
-}
-
-export { Button, buttonVariants }
diff --git a/apps/web/components/ui/pixel-blast.css b/apps/web/components/ui/pixel-blast.css
deleted file mode 100644
index f733af2..0000000
--- a/apps/web/components/ui/pixel-blast.css
+++ /dev/null
@@ -1,10 +0,0 @@
-.pixel-blast-container {
-  width: 100%;
-  height: 100%;
-  position: relative;
-  overflow: hidden;
-}
-
-.pixel-blast-container canvas {
-  display: block;
-}
diff --git a/apps/web/components/ui/pixel-blast.tsx b/apps/web/components/ui/pixel-blast.tsx
deleted file mode 100644
index a03ffc9..0000000
--- a/apps/web/components/ui/pixel-blast.tsx
+++ /dev/null
@@ -1,754 +0,0 @@
-"use client";
-
-import { Effect, EffectComposer, EffectPass, RenderPass } from "postprocessing";
-import { useEffect, useRef, type CSSProperties } from "react";
-import * as THREE from "three";
-import "./pixel-blast.css";
-
-export type PixelBlastVariant = "square" | "circle" | "triangle" | "diamond";
-
-export type PixelBlastProps = {
-  variant?: PixelBlastVariant;
-  pixelSize?: number;
-  color?: string;
-  className?: string;
-  style?: CSSProperties;
-  antialias?: boolean;
-  patternScale?: number;
-  patternDensity?: number;
-  liquid?: boolean;
-  liquidStrength?: number;
-  liquidRadius?: number;
-  pixelSizeJitter?: number;
-  enableRipples?: boolean;
-  rippleIntensityScale?: number;
-  rippleThickness?: number;
-  rippleSpeed?: number;
-  liquidWobbleSpeed?: number;
-  autoPauseOffscreen?: boolean;
-  speed?: number;
-  transparent?: boolean;
-  edgeFade?: number;
-  noiseAmount?: number;
-};
-
-type TouchPoint = {
-  x: number;
-  y: number;
-  age: number;
-  force: number;
-  vx: number;
-  vy: number;
-};
-
-type TouchTexture = {
-  canvas: HTMLCanvasElement;
-  texture: THREE.Texture;
-  addTouch: (norm: { x: number; y: number }) => void;
-  update: () => void;
-  radiusScale: number;
-  size: number;
-};
-
-type PixelBlastUniforms = {
-  uResolution: { value: THREE.Vector2 };
-  uTime: { value: number };
-  uColor: { value: THREE.Color };
-  uClickPos: { value: THREE.Vector2[] };
-  uClickTimes: { value: Float32Array };
-  uShapeType: { value: number };
-  uPixelSize: { value: number };
-  uScale: { value: number };
-  uDensity: { value: number };
-  uPixelJitter: { value: number };
-  uEnableRipples: { value: number };
-  uRippleSpeed: { value: number };
-  uRippleThickness: { value: number };
-  uRippleIntensity: { value: number };
-  uEdgeFade: { value: number };
-};
-
-type ThreeBag = {
-  renderer: THREE.WebGLRenderer;
-  scene: THREE.Scene;
-  camera: THREE.OrthographicCamera;
-  material: THREE.ShaderMaterial;
-  clock: THREE.Clock;
-  clickIx: number;
-  uniforms: PixelBlastUniforms;
-  resizeObserver: ResizeObserver;
-  raf: number;
-  quad: THREE.Mesh;
-  timeOffset: number;
-  composer: EffectComposer | undefined;
-  touch: TouchTexture | undefined;
-  liquidEffect: Effect | undefined;
-};
-
-type ReinitConfig = {
-  antialias: boolean;
-  liquid: boolean;
-  noiseAmount: number;
-};
-
-const createTouchTexture = (): TouchTexture => {
-  const size = 64;
-  const canvas = document.createElement("canvas");
-  canvas.width = size;
-  canvas.height = size;
-  const ctx = canvas.getContext("2d");
-  if (!ctx) throw new Error("2D context not available");
-  ctx.fillStyle = "black";
-  ctx.fillRect(0, 0, canvas.width, canvas.height);
-  const texture = new THREE.Texture(canvas);
-  texture.minFilter = THREE.LinearFilter;
-  texture.magFilter = THREE.LinearFilter;
-  texture.generateMipmaps = false;
-  const trail: TouchPoint[] = [];
-  let last: { x: number; y: number } | null = null;
-  const maxAge = 64;
-  let radius = 0.1 * size;
-  const speed = 1 / maxAge;
-  const clear = () => {
-    ctx.fillStyle = "black";
-    ctx.fillRect(0, 0, canvas.width, canvas.height);
-  };
-  const drawPoint = (p: TouchPoint) => {
-    const pos = { x: p.x * size, y: (1 - p.y) * size };
-    let intensity = 1;
-    const easeOutSine = (t: number) => Math.sin((t * Math.PI) / 2);
-    const easeOutQuad = (t: number) => -t * (t - 2);
-    if (p.age < maxAge * 0.3) intensity = easeOutSine(p.age / (maxAge * 0.3));
-    else intensity = easeOutQuad(1 - (p.age - maxAge * 0.3) / (maxAge * 0.7)) || 0;
-    intensity *= p.force;
-    const color = `${((p.vx + 1) / 2) * 255}, ${((p.vy + 1) / 2) * 255}, ${intensity * 255}`;
-    const offset = size * 5;
-    ctx.shadowOffsetX = offset;
-    ctx.shadowOffsetY = offset;
-    ctx.shadowBlur = radius;
-    ctx.shadowColor = `rgba(${color},${0.22 * intensity})`;
-    ctx.beginPath();
-    ctx.fillStyle = "rgba(255,0,0,1)";
-    ctx.arc(pos.x - offset, pos.y - offset, radius, 0, Math.PI * 2);
-    ctx.fill();
-  };
-  const addTouch = (norm: { x: number; y: number }) => {
-    let force = 0;
-    let vx = 0;
-    let vy = 0;
-    if (last) {
-      const dx = norm.x - last.x;
-      const dy = norm.y - last.y;
-      if (dx === 0 && dy === 0) return;
-      const dd = dx * dx + dy * dy;
-      const d = Math.sqrt(dd);
-      vx = dx / (d || 1);
-      vy = dy / (d || 1);
-      force = Math.min(dd * 10000, 1);
-    }
-    last = { x: norm.x, y: norm.y };
-    trail.push({ x: norm.x, y: norm.y, age: 0, force, vx, vy });
-  };
-  const update = () => {
-    clear();
-    for (let i = trail.length - 1; i >= 0; i--) {
-      const point = trail[i];
-      const f = point.force * speed * (1 - point.age / maxAge);
-      point.x += point.vx * f;
-      point.y += point.vy * f;
-      point.age++;
-      if (point.age > maxAge) trail.splice(i, 1);
-    }
-    for (let i = 0; i < trail.length; i++) drawPoint(trail[i]);
-    texture.needsUpdate = true;
-  };
-  return {
-    canvas,
-    texture,
-    addTouch,
-    update,
-    set radiusScale(v: number) {
-      radius = 0.1 * size * v;
-    },
-    get radiusScale() {
-      return radius / (0.1 * size);
-    },
-    size,
-  };
-};
-
-const createLiquidEffect = (
-  texture: THREE.Texture,
-  opts?: { strength?: number; freq?: number },
-) => {
-  const fragment = `
-    uniform sampler2D uTexture;
-    uniform float uStrength;
-    uniform float uTime;
-    uniform float uFreq;
-
-    void mainUv(inout vec2 uv) {
-      vec4 tex = texture2D(uTexture, uv);
-      float vx = tex.r * 2.0 - 1.0;
-      float vy = tex.g * 2.0 - 1.0;
-      float intensity = tex.b;
-
-      float wave = 0.5 + 0.5 * sin(uTime * uFreq + intensity * 6.2831853);
-
-      float amt = uStrength * intensity * wave;
-
-      uv += vec2(vx, vy) * amt;
-    }
-    `;
-  return new Effect("LiquidEffect", fragment, {
-    uniforms: new Map<string, THREE.Uniform<unknown>>([
-      ["uTexture", new THREE.Uniform(texture)],
-      ["uStrength", new THREE.Uniform(opts?.strength ?? 0.025)],
-      ["uTime", new THREE.Uniform(0)],
-      ["uFreq", new THREE.Uniform(opts?.freq ?? 4.5)],
-    ]),
-  });
-};
-
-const SHAPE_MAP: Record<PixelBlastVariant, number> = {
-  square: 0,
-  circle: 1,
-  triangle: 2,
-  diamond: 3,
-};
-
-const VERTEX_SRC = `
-void main() {
-  gl_Position = vec4(position, 1.0);
-}
-`;
-
-const FRAGMENT_SRC = `
-precision highp float;
-
-uniform vec3  uColor;
-uniform vec2  uResolution;
-uniform float uTime;
-uniform float uPixelSize;
-uniform float uScale;
-uniform float uDensity;
-uniform float uPixelJitter;
-uniform int   uEnableRipples;
-uniform float uRippleSpeed;
-uniform float uRippleThickness;
-uniform float uRippleIntensity;
-uniform float uEdgeFade;
-
-uniform int   uShapeType;
-const int SHAPE_SQUARE   = 0;
-const int SHAPE_CIRCLE   = 1;
-const int SHAPE_TRIANGLE = 2;
-const int SHAPE_DIAMOND  = 3;
-
-const int   MAX_CLICKS = 10;
-
-uniform vec2  uClickPos  [MAX_CLICKS];
-uniform float uClickTimes[MAX_CLICKS];
-
-out vec4 fragColor;
-
-float Bayer2(vec2 a) {
-  a = floor(a);
-  return fract(a.x / 2. + a.y * a.y * .75);
-}
-#define Bayer4(a) (Bayer2(.5*(a))*0.25 + Bayer2(a))
-#define Bayer8(a) (Bayer4(.5*(a))*0.25 + Bayer2(a))
-
-#define FBM_OCTAVES     5
-#define FBM_LACUNARITY  1.25
-#define FBM_GAIN        1.0
-
-float hash11(float n){ return fract(sin(n)*43758.5453); }
-
-float vnoise(vec3 p){
-  vec3 ip = floor(p);
-  vec3 fp = fract(p);
-  float n000 = hash11(dot(ip + vec3(0.0,0.0,0.0), vec3(1.0,57.0,113.0)));
-  float n100 = hash11(dot(ip + vec3(1.0,0.0,0.0), vec3(1.0,57.0,113.0)));
-  float n010 = hash11(dot(ip + vec3(0.0,1.0,0.0), vec3(1.0,57.0,113.0)));
-  float n110 = hash11(dot(ip + vec3(1.0,1.0,0.0), vec3(1.0,57.0,113.0)));
-  float n001 = hash11(dot(ip + vec3(0.0,0.0,1.0), vec3(1.0,57.0,113.0)));
-  float n101 = hash11(dot(ip + vec3(1.0,0.0,1.0), vec3(1.0,57.0,113.0)));
-  float n011 = hash11(dot(ip + vec3(0.0,1.0,1.0), vec3(1.0,57.0,113.0)));
-  float n111 = hash11(dot(ip + vec3(1.0,1.0,1.0), vec3(1.0,57.0,113.0)));
-  vec3 w = fp*fp*fp*(fp*(fp*6.0-15.0)+10.0);
-  float x00 = mix(n000, n100, w.x);
-  float x10 = mix(n010, n110, w.x);
-  float x01 = mix(n001, n101, w.x);
-  float x11 = mix(n011, n111, w.x);
-  float y0  = mix(x00, x10, w.y);
-  float y1  = mix(x01, x11, w.y);
-  return mix(y0, y1, w.z) * 2.0 - 1.0;
-}
-
-float fbm2(vec2 uv, float t){
-  vec3 p = vec3(uv * uScale, t);
-  float amp = 1.0;
-  float freq = 1.0;
-  float sum = 1.0;
-  for (int i = 0; i < FBM_OCTAVES; ++i){
-    sum  += amp * vnoise(p * freq);
-    freq *= FBM_LACUNARITY;
-    amp  *= FBM_GAIN;
-  }
-  return sum * 0.5 + 0.5;
-}
-
-float maskCircle(vec2 p, float cov){
-  float r = sqrt(cov) * .25;
-  float d = length(p - 0.5) - r;
-  float aa = 0.5 * fwidth(d);
-  return cov * (1.0 - smoothstep(-aa, aa, d * 2.0));
-}
-
-float maskTriangle(vec2 p, vec2 id, float cov){
-  bool flip = mod(id.x + id.y, 2.0) > 0.5;
-  if (flip) p.x = 1.0 - p.x;
-  float r = sqrt(cov);
-  float d  = p.y - r*(1.0 - p.x);
-  float aa = fwidth(d);
-  return cov * clamp(0.5 - d/aa, 0.0, 1.0);
-}
-
-float maskDiamond(vec2 p, float cov){
-  float r = sqrt(cov) * 0.564;
-  return step(abs(p.x - 0.49) + abs(p.y - 0.49), r);
-}
-
-void main(){
-  float pixelSize = uPixelSize;
-  vec2 fragCoord = gl_FragCoord.xy - uResolution * .5;
-  float aspectRatio = uResolution.x / uResolution.y;
-
-  vec2 pixelId = floor(fragCoord / pixelSize);
-  vec2 pixelUV = fract(fragCoord / pixelSize);
-
-  float cellPixelSize = 8.0 * pixelSize;
-  vec2 cellId = floor(fragCoord / cellPixelSize);
-  vec2 cellCoord = cellId * cellPixelSize;
-  vec2 uv = cellCoord / uResolution * vec2(aspectRatio, 1.0);
-
-  float base = fbm2(uv, uTime * 0.05);
-  base = base * 0.5 - 0.65;
-
-  float feed = base + (uDensity - 0.5) * 0.3;
-
-  float speed     = uRippleSpeed;
-  float thickness = uRippleThickness;
-  const float dampT     = 1.0;
-  const float dampR     = 10.0;
-
-  if (uEnableRipples == 1) {
-    for (int i = 0; i < MAX_CLICKS; ++i){
-      vec2 pos = uClickPos[i];
-      if (pos.x < 0.0) continue;
-      float cellPixelSize = 8.0 * pixelSize;
-      vec2 cuv = (((pos - uResolution * .5 - cellPixelSize * .5) / (uResolution))) * vec2(aspectRatio, 1.0);
-      float t = max(uTime - uClickTimes[i], 0.0);
-      float r = distance(uv, cuv);
-      float waveR = speed * t;
-      float ring  = exp(-pow((r - waveR) / thickness, 2.0));
-      float atten = exp(-dampT * t) * exp(-dampR * r);
-      feed = max(feed, ring * atten * uRippleIntensity);
-    }
-  }
-
-  float bayer = Bayer8(fragCoord / uPixelSize) - 0.5;
-  float bw = step(0.5, feed + bayer);
-
-  float h = fract(sin(dot(floor(fragCoord / uPixelSize), vec2(127.1, 311.7))) * 43758.5453);
-  float jitterScale = 1.0 + (h - 0.5) * uPixelJitter;
-  float coverage = bw * jitterScale;
-  float M;
-  if      (uShapeType == SHAPE_CIRCLE)   M = maskCircle (pixelUV, coverage);
-  else if (uShapeType == SHAPE_TRIANGLE) M = maskTriangle(pixelUV, pixelId, coverage);
-  else if (uShapeType == SHAPE_DIAMOND)  M = maskDiamond(pixelUV, coverage);
-  else                                   M = coverage;
-
-  if (uEdgeFade > 0.0) {
-    vec2 norm = gl_FragCoord.xy / uResolution;
-    float edge = min(min(norm.x, norm.y), min(1.0 - norm.x, 1.0 - norm.y));
-    float fade = smoothstep(0.0, uEdgeFade, edge);
-    M *= fade;
-  }
-
-  vec3 color = uColor;
-
-  vec3 srgbColor = mix(
-    color * 12.92,
-    1.055 * pow(color, vec3(1.0 / 2.4)) - 0.055,
-    step(0.0031308, color)
-  );
-
-  fragColor = vec4(srgbColor, M);
-}
-`;
-
-const MAX_CLICKS = 10;
-
-function disposeThree(t: ThreeBag, container: HTMLElement) {
-  t.resizeObserver.disconnect();
-  cancelAnimationFrame(t.raf);
-  t.quad.geometry.dispose();
-  t.material.dispose();
-  t.composer?.dispose();
-  t.renderer.dispose();
-  t.renderer.forceContextLoss();
-  if (t.renderer.domElement.parentElement === container) {
-    container.removeChild(t.renderer.domElement);
-  }
-}
-
-export function PixelBlast({
-  variant = "square",
-  pixelSize = 3,
-  color = "#B497CF",
-  className,
-  style,
-  antialias = true,
-  patternScale = 2,
-  patternDensity = 1,
-  liquid = false,
-  liquidStrength = 0.1,
-  liquidRadius = 1,
-  pixelSizeJitter = 0,
-  enableRipples = true,
-  rippleIntensityScale = 1,
-  rippleThickness = 0.1,
-  rippleSpeed = 0.3,
-  liquidWobbleSpeed = 4.5,
-  autoPauseOffscreen = true,
-  speed = 0.5,
-  transparent = true,
-  edgeFade = 0.5,
-  noiseAmount = 0,
-}: PixelBlastProps) {
-  const containerRef = useRef<HTMLDivElement>(null);
-  const visibilityRef = useRef({ visible: true });
-  const speedRef = useRef(speed);
-  const threeRef = useRef<ThreeBag | null>(null);
-  const prevConfigRef = useRef<ReinitConfig | null>(null);
-
-  useEffect(() => {
-    const container = containerRef.current;
-    if (!container) return;
-
-    const io = new IntersectionObserver(
-      (entries) => {
-        const entry = entries[0];
-        visibilityRef.current.visible = entry?.isIntersecting ?? true;
-      },
-      { threshold: 0.01 },
-    );
-    io.observe(container);
-    return () => io.disconnect();
-  }, []);
-
-  useEffect(() => {
-    const container = containerRef.current;
-    if (!container) return;
-
-    if (window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
-      return;
-    }
-
-    speedRef.current = speed;
-    const needsReinitKeys: (keyof ReinitConfig)[] = ["antialias", "liquid", "noiseAmount"];
-    const cfg: ReinitConfig = { antialias, liquid, noiseAmount };
-    let mustReinit = false;
-    if (!threeRef.current) mustReinit = true;
-    else if (prevConfigRef.current) {
-      for (const k of needsReinitKeys) {
-        if (prevConfigRef.current[k] !== cfg[k]) {
-          mustReinit = true;
-          break;
-        }
-      }
-    }
-
-    if (mustReinit) {
-      if (threeRef.current) {
-        disposeThree(threeRef.current, container);
-        threeRef.current = null;
-      }
-
-      const canvas = document.createElement("canvas");
-      const renderer = new THREE.WebGLRenderer({
-        canvas,
-        antialias,
-        alpha: true,
-        powerPreference: "high-performance",
-      });
-      renderer.domElement.style.width = "100%";
-      renderer.domElement.style.height = "100%";
-      renderer.setPixelRatio(Math.min(window.devicePixelRatio || 1, 2));
-      container.appendChild(renderer.domElement);
-      if (transparent) renderer.setClearAlpha(0);
-      else renderer.setClearColor(0x000000, 1);
-
-      const uniforms: PixelBlastUniforms = {
-        uResolution: { value: new THREE.Vector2(0, 0) },
-        uTime: { value: 0 },
-        uColor: { value: new THREE.Color(color) },
-        uClickPos: {
-          value: Array.from({ length: MAX_CLICKS }, () => new THREE.Vector2(-1, -1)),
-        },
-        uClickTimes: { value: new Float32Array(MAX_CLICKS) },
-        uShapeType: { value: SHAPE_MAP[variant] ?? 0 },
-        uPixelSize: { value: pixelSize * renderer.getPixelRatio() },
-        uScale: { value: patternScale },
-        uDensity: { value: patternDensity },
-        uPixelJitter: { value: pixelSizeJitter },
-        uEnableRipples: { value: enableRipples ? 1 : 0 },
-        uRippleSpeed: { value: rippleSpeed },
-        uRippleThickness: { value: rippleThickness },
-        uRippleIntensity: { value: rippleIntensityScale },
-        uEdgeFade: { value: edgeFade },
-      };
-
-      const scene = new THREE.Scene();
-      const camera = new THREE.OrthographicCamera(-1, 1, 1, -1, 0, 1);
-      const material = new THREE.ShaderMaterial({
-        vertexShader: VERTEX_SRC,
-        fragmentShader: FRAGMENT_SRC,
-        uniforms,
-        transparent: true,
-        depthTest: false,
-        depthWrite: false,
-        glslVersion: THREE.GLSL3,
-      });
-      const quadGeom = new THREE.PlaneGeometry(2, 2);
-      const quad = new THREE.Mesh(quadGeom, material);
-      scene.add(quad);
-      const clock = new THREE.Clock();
-
-      const setSize = () => {
-        const w = container.clientWidth || 1;
-        const h = container.clientHeight || 1;
-        renderer.setSize(w, h, false);
-        uniforms.uResolution.value.set(renderer.domElement.width, renderer.domElement.height);
-        if (threeRef.current?.composer) {
-          threeRef.current.composer.setSize(renderer.domElement.width, renderer.domElement.height);
-        }
-        uniforms.uPixelSize.value = pixelSize * renderer.getPixelRatio();
-      };
-      setSize();
-      const ro = new ResizeObserver(setSize);
-      ro.observe(container);
-
-      const randomFloat = () => {
-        if (typeof window !== "undefined" && window.crypto?.getRandomValues) {
-          const u32 = new Uint32Array(1);
-          window.crypto.getRandomValues(u32);
-          return u32[0]! / 0xffffffff;
-        }
-        return Math.random();
-      };
-      const timeOffset = randomFloat() * 1000;
-
-      let composer: EffectComposer | undefined;
-      let touch: TouchTexture | undefined;
-      let liquidEffect: Effect | undefined;
-
-      if (liquid) {
-        touch = createTouchTexture();
-        touch.radiusScale = liquidRadius;
-        composer = new EffectComposer(renderer);
-        const renderPass = new RenderPass(scene, camera);
-        liquidEffect = createLiquidEffect(touch.texture, {
-          strength: liquidStrength,
-          freq: liquidWobbleSpeed,
-        });
-        const effectPass = new EffectPass(camera, liquidEffect);
-        effectPass.renderToScreen = true;
-        composer.addPass(renderPass);
-        composer.addPass(effectPass);
-      }
-
-      if (noiseAmount > 0) {
-        if (!composer) {
-          composer = new EffectComposer(renderer);
-          composer.addPass(new RenderPass(scene, camera));
-        }
-        const noiseEffect = new Effect(
-          "NoiseEffect",
-          `uniform float uTime; uniform float uAmount; float hash(vec2 p){ return fract(sin(dot(p, vec2(127.1,311.7))) * 43758.5453);} void mainUv(inout vec2 uv){} void mainImage(const in vec4 inputColor,const in vec2 uv,out vec4 outputColor){ float n=hash(floor(uv*vec2(1920.0,1080.0))+floor(uTime*60.0)); float g=(n-0.5)*uAmount; outputColor=inputColor+vec4(vec3(g),0.0);} `,
-          {
-            uniforms: new Map<string, THREE.Uniform<unknown>>([
-              ["uTime", new THREE.Uniform(0)],
-              ["uAmount", new THREE.Uniform(noiseAmount)],
-            ]),
-          },
-        );
-        const noisePass = new EffectPass(camera, noiseEffect);
-        noisePass.renderToScreen = true;
-        if (composer.passes.length > 0) {
-          composer.passes.forEach((p) => {
-            p.renderToScreen = false;
-          });
-        }
-        composer.addPass(noisePass);
-      }
-
-      if (composer) composer.setSize(renderer.domElement.width, renderer.domElement.height);
-
-      const mapToPixels = (e: PointerEvent) => {
-        const rect = renderer.domElement.getBoundingClientRect();
-        const scaleX = renderer.domElement.width / rect.width;
-        const scaleY = renderer.domElement.height / rect.height;
-        const fx = (e.clientX - rect.left) * scaleX;
-        const fy = (rect.height - (e.clientY - rect.top)) * scaleY;
-        return {
-          fx,
-          fy,
-          w: renderer.domElement.width,
-          h: renderer.domElement.height,
-        };
-      };
-
-      const onPointerDown = (e: PointerEvent) => {
-        const { fx, fy } = mapToPixels(e);
-        const ix = threeRef.current?.clickIx ?? 0;
-        uniforms.uClickPos.value[ix]!.set(fx, fy);
-        uniforms.uClickTimes.value[ix] = uniforms.uTime.value;
-        if (threeRef.current) threeRef.current.clickIx = (ix + 1) % MAX_CLICKS;
-      };
-
-      const onPointerMove = (e: PointerEvent) => {
-        if (!touch) return;
-        const { fx, fy, w, h } = mapToPixels(e);
-        touch.addTouch({ x: fx / w, y: fy / h });
-      };
-
-      renderer.domElement.addEventListener("pointerdown", onPointerDown, { passive: true });
-      renderer.domElement.addEventListener("pointermove", onPointerMove, { passive: true });
-
-      let raf = 0;
-      const animate = () => {
-        if (autoPauseOffscreen && !visibilityRef.current.visible) {
-          raf = requestAnimationFrame(animate);
-          if (threeRef.current) threeRef.current.raf = raf;
-          return;
-        }
-        uniforms.uTime.value = timeOffset + clock.getElapsedTime() * speedRef.current;
-        if (liquidEffect) {
-          const uTime = liquidEffect.uniforms.get("uTime");
-          if (uTime) uTime.value = uniforms.uTime.value;
-        }
-        if (composer) {
-          if (touch) touch.update();
-          for (const pass of composer.passes) {
-            const effs = (pass as unknown as { effects?: Effect[] }).effects;
-            if (!effs) continue;
-            for (const eff of effs) {
-              const u = eff.uniforms?.get("uTime");
-              if (u) u.value = uniforms.uTime.value;
-            }
-          }
-          composer.render();
-        } else {
-          renderer.render(scene, camera);
-        }
-        raf = requestAnimationFrame(animate);
-        if (threeRef.current) threeRef.current.raf = raf;
-      };
-      raf = requestAnimationFrame(animate);
-
-      threeRef.current = {
-        renderer,
-        scene,
-        camera,
-        material,
-        clock,
-        clickIx: 0,
-        uniforms,
-        resizeObserver: ro,
-        raf,
-        quad,
-        timeOffset,
-        composer,
-        touch,
-        liquidEffect,
-      };
-    } else if (threeRef.current) {
-      const t = threeRef.current;
-      t.uniforms.uShapeType.value = SHAPE_MAP[variant] ?? 0;
-      t.uniforms.uPixelSize.value = pixelSize * t.renderer.getPixelRatio();
-      t.uniforms.uColor.value.set(color);
-      t.uniforms.uScale.value = patternScale;
-      t.uniforms.uDensity.value = patternDensity;
-      t.uniforms.uPixelJitter.value = pixelSizeJitter;
-      t.uniforms.uEnableRipples.value = enableRipples ? 1 : 0;
-      t.uniforms.uRippleIntensity.value = rippleIntensityScale;
-      t.uniforms.uRippleThickness.value = rippleThickness;
-      t.uniforms.uRippleSpeed.value = rippleSpeed;
-      t.uniforms.uEdgeFade.value = edgeFade;
-      if (transparent) t.renderer.setClearAlpha(0);
-      else t.renderer.setClearColor(0x000000, 1);
-      if (t.liquidEffect) {
-        const uStrength = t.liquidEffect.uniforms.get("uStrength");
-        if (uStrength) uStrength.value = liquidStrength;
-        const uFreq = t.liquidEffect.uniforms.get("uFreq");
-        if (uFreq) uFreq.value = liquidWobbleSpeed;
-      }
-      if (t.touch) t.touch.radiusScale = liquidRadius;
-    }
-
-    prevConfigRef.current = cfg;
-    return () => {
-      // Skip dispose when this run created a fresh WebGL context — the next
-      // effect body (or the unmount effect) owns teardown.
-      if (mustReinit) return;
-      if (!threeRef.current) return;
-      disposeThree(threeRef.current, container);
-      threeRef.current = null;
-    };
-  }, [
-    antialias,
-    liquid,
-    noiseAmount,
-    pixelSize,
-    patternScale,
-    patternDensity,
-    enableRipples,
-    rippleIntensityScale,
-    rippleThickness,
-    rippleSpeed,
-    pixelSizeJitter,
-    edgeFade,
-    transparent,
-    liquidStrength,
-    liquidRadius,
-    liquidWobbleSpeed,
-    autoPauseOffscreen,
-    variant,
-    color,
-    speed,
-  ]);
-
-  // Always dispose on unmount (covers the mustReinit skip path above).
-  useEffect(() => {
-    const container = containerRef.current;
-    return () => {
-      if (!container || !threeRef.current) return;
-      disposeThree(threeRef.current, container);
-      threeRef.current = null;
-    };
-  }, []);
-
-  return (
-    <div
-      ref={containerRef}
-      className={`pixel-blast-container ${className ?? ""}`.trim()}
-      style={style}
-      aria-hidden="true"
-    />
-  );
-}
-
-export default PixelBlast;
diff --git a/apps/web/components/ui/side-rays.css b/apps/web/components/ui/side-rays.css
deleted file mode 100644
index 425ecaa..0000000
--- a/apps/web/components/ui/side-rays.css
+++ /dev/null
@@ -1,13 +0,0 @@
-.side-rays-container {
-  width: 100%;
-  height: 100%;
-  position: relative;
-  pointer-events: none;
-  overflow: hidden;
-}
-
-.side-rays-container canvas {
-  display: block;
-  width: 100%;
-  height: 100%;
-}
diff --git a/apps/web/components/ui/side-rays.tsx b/apps/web/components/ui/side-rays.tsx
deleted file mode 100644
index a9846c1..0000000
--- a/apps/web/components/ui/side-rays.tsx
+++ /dev/null
@@ -1,337 +0,0 @@
-"use client";
-
-import { useEffect, useRef, useState } from "react";
-import { Mesh, Program, Renderer, Triangle } from "ogl";
-import "./side-rays.css";
-
-export type SideRaysOrigin = "top-right" | "top-left" | "bottom-right" | "bottom-left";
-
-export type SideRaysProps = {
-  speed?: number;
-  rayColor1?: string;
-  rayColor2?: string;
-  intensity?: number;
-  spread?: number;
-  origin?: SideRaysOrigin;
-  tilt?: number;
-  saturation?: number;
-  blend?: number;
-  falloff?: number;
-  opacity?: number;
-  className?: string;
-};
-
-type Uniforms = {
-  iTime: { value: number };
-  iResolution: { value: [number, number] };
-  iSpeed: { value: number };
-  iRayColor1: { value: [number, number, number] };
-  iRayColor2: { value: [number, number, number] };
-  iIntensity: { value: number };
-  iSpread: { value: number };
-  iFlipX: { value: number };
-  iFlipY: { value: number };
-  iTilt: { value: number };
-  iSaturation: { value: number };
-  iBlend: { value: number };
-  iFalloff: { value: number };
-  iOpacity: { value: number };
-};
-
-const hexToRgb = (hex: string): [number, number, number] => {
-  const match = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
-  return match
-    ? [parseInt(match[1], 16) / 255, parseInt(match[2], 16) / 255, parseInt(match[3], 16) / 255]
-    : [1, 1, 1];
-};
-
-const originToFlip = (origin: SideRaysOrigin): [number, number] => {
-  switch (origin) {
-    case "top-left":
-      return [1, 0];
-    case "bottom-right":
-      return [0, 1];
-    case "bottom-left":
-      return [1, 1];
-    default:
-      return [0, 0];
-  }
-};
-
-export function SideRays({
-  speed = 1,
-  rayColor1 = "#ffaa6e",
-  rayColor2 = "#96c8ff",
-  intensity = 1,
-  spread = 1,
-  origin = "top-right",
-  tilt = 0,
-  saturation = 1,
-  blend = 0.78,
-  falloff = 2,
-  opacity = 1,
-  className = "",
-}: SideRaysProps) {
-  const containerRef = useRef<HTMLDivElement>(null);
-  const uniformsRef = useRef<Uniforms | null>(null);
-  const rendererRef = useRef<Renderer | null>(null);
-  const animationIdRef = useRef<number | null>(null);
-  const meshRef = useRef<Mesh | null>(null);
-  const cleanupFunctionRef = useRef<(() => void) | null>(null);
-  const [isVisible, setIsVisible] = useState(false);
-  const observerRef = useRef<IntersectionObserver | null>(null);
-
-  useEffect(() => {
-    if (!containerRef.current) return;
-
-    observerRef.current = new IntersectionObserver(
-      (entries) => {
-        const entry = entries[0];
-        setIsVisible(entry.isIntersecting);
-      },
-      { threshold: 0.1 },
-    );
-
-    observerRef.current.observe(containerRef.current);
-
-    return () => {
-      if (observerRef.current) {
-        observerRef.current.disconnect();
-        observerRef.current = null;
-      }
-    };
-  }, []);
-
-  useEffect(() => {
-    if (!isVisible || !containerRef.current) return;
-
-    if (window.matchMedia("(prefers-reduced-motion: reduce)").matches) {
-      return;
-    }
-
-    if (cleanupFunctionRef.current) {
-      cleanupFunctionRef.current();
-      cleanupFunctionRef.current = null;
-    }
-
-    let cancelled = false;
-
-    const initializeWebGL = async () => {
-      if (!containerRef.current) return;
-
-      await new Promise((resolve) => setTimeout(resolve, 10));
-      if (cancelled || !containerRef.current) return;
-
-      const renderer = new Renderer({
-        dpr: Math.min(window.devicePixelRatio, 2),
-        alpha: true,
-      });
-      rendererRef.current = renderer;
-
-      const gl = renderer.gl;
-      gl.canvas.style.width = "100%";
-      gl.canvas.style.height = "100%";
-
-      while (containerRef.current.firstChild) {
-        containerRef.current.removeChild(containerRef.current.firstChild);
-      }
-      containerRef.current.appendChild(gl.canvas);
-
-      const vert = `
-attribute vec2 position;
-void main() {
-  gl_Position = vec4(position, 0.0, 1.0);
-}`;
-
-      const frag = `precision highp float;
-
-uniform float iTime;
-uniform vec2 iResolution;
-uniform float iSpeed;
-uniform vec3 iRayColor1;
-uniform vec3 iRayColor2;
-uniform float iIntensity;
-uniform float iSpread;
-uniform float iFlipX;
-uniform float iFlipY;
-uniform float iTilt;
-uniform float iSaturation;
-uniform float iBlend;
-uniform float iFalloff;
-uniform float iOpacity;
-
-float rayStrength(vec2 raySource, vec2 rayRefDirection, vec2 coord, float seedA, float seedB, float speed) {
-  vec2 sourceToCoord = coord - raySource;
-  float cosAngle = dot(normalize(sourceToCoord), rayRefDirection);
-  return clamp(
-    (0.45 + 0.15 * sin(cosAngle * seedA + iTime * speed)) +
-    (0.3 + 0.2 * cos(-cosAngle * seedB + iTime * speed)),
-    0.0, 1.0) *
-    clamp((iResolution.x - length(sourceToCoord)) / iResolution.x, 0.5, 1.0);
-}
-
-void main() {
-  vec2 fragCoord = gl_FragCoord.xy;
-  if (iFlipX > 0.5) fragCoord.x = iResolution.x - fragCoord.x;
-  if (iFlipY > 0.5) fragCoord.y = iResolution.y - fragCoord.y;
-
-  vec2 coord = vec2(fragCoord.x, iResolution.y - fragCoord.y);
-  vec2 rayPos = vec2(iResolution.x * 1.1, -0.5 * iResolution.y);
-
-  float tiltRad = iTilt * 3.14159265 / 180.0;
-  float cs = cos(tiltRad);
-  float sn = sin(tiltRad);
-  vec2 rel = coord - rayPos;
-  vec2 tiltedCoord = vec2(rel.x * cs - rel.y * sn, rel.x * sn + rel.y * cs) + rayPos;
-
-  float halfSpread = iSpread * 0.275;
-  vec2 rayRefDir1 = normalize(vec2(cos(0.785398 + halfSpread), sin(0.785398 + halfSpread)));
-  vec2 rayRefDir2 = normalize(vec2(cos(0.785398 - halfSpread), sin(0.785398 - halfSpread)));
-
-  vec4 rays1 = vec4(iRayColor1, 1.0) * rayStrength(rayPos, rayRefDir1, tiltedCoord, 36.2214, 21.11349, iSpeed);
-  vec4 rays2 = vec4(iRayColor2, 1.0) * rayStrength(rayPos, rayRefDir2, tiltedCoord, 22.3991, 18.0234, iSpeed * 0.2);
-
-  vec4 color = rays1 * (1.0 - iBlend) * 0.9 + rays2 * iBlend * 0.9;
-
-  float distanceToLight = length(fragCoord.xy - vec2(rayPos.x, iResolution.y - rayPos.y)) / iResolution.y;
-  float brightness = iIntensity * 0.4 / pow(max(distanceToLight, 0.001), iFalloff);
-  color.rgb *= brightness;
-
-  float gray = dot(color.rgb, vec3(0.299, 0.587, 0.114));
-  color.rgb = mix(vec3(gray), color.rgb, iSaturation);
-
-  color.a = max(color.r, max(color.g, color.b)) * iOpacity;
-  gl_FragColor = color;
-}`;
-
-      const [flipX, flipY] = originToFlip(origin);
-      const uniforms: Uniforms = {
-        iTime: { value: 0 },
-        iResolution: { value: [1, 1] },
-        iSpeed: { value: speed },
-        iRayColor1: { value: hexToRgb(rayColor1) },
-        iRayColor2: { value: hexToRgb(rayColor2) },
-        iIntensity: { value: intensity },
-        iSpread: { value: spread },
-        iFlipX: { value: flipX },
-        iFlipY: { value: flipY },
-        iTilt: { value: tilt },
-        iSaturation: { value: saturation },
-        iBlend: { value: blend },
-        iFalloff: { value: falloff },
-        iOpacity: { value: opacity },
-      };
-      uniformsRef.current = uniforms;
-
-      const geometry = new Triangle(gl);
-      const program = new Program(gl, { vertex: vert, fragment: frag, uniforms });
-      const mesh = new Mesh(gl, { geometry, program });
-      meshRef.current = mesh;
-
-      const updateSize = () => {
-        if (!containerRef.current || !rendererRef.current) return;
-        renderer.dpr = Math.min(window.devicePixelRatio, 2);
-        const { clientWidth: w, clientHeight: h } = containerRef.current;
-        renderer.setSize(w, h);
-        uniforms.iResolution.value = [w * renderer.dpr, h * renderer.dpr];
-      };
-
-      const loop = (t: number) => {
-        if (!rendererRef.current || !uniformsRef.current || !meshRef.current) return;
-        uniforms.iTime.value = t * 0.001;
-        try {
-          renderer.render({ scene: mesh });
-          animationIdRef.current = requestAnimationFrame(loop);
-        } catch {
-          return;
-        }
-      };
-
-      window.addEventListener("resize", updateSize);
-      updateSize();
-      animationIdRef.current = requestAnimationFrame(loop);
-
-      cleanupFunctionRef.current = () => {
-        if (animationIdRef.current) {
-          cancelAnimationFrame(animationIdRef.current);
-          animationIdRef.current = null;
-        }
-        window.removeEventListener("resize", updateSize);
-        try {
-          const loseCtx = renderer.gl.getExtension("WEBGL_lose_context");
-          if (loseCtx) loseCtx.loseContext();
-          const canvas = renderer.gl.canvas;
-          if (canvas.parentNode) canvas.parentNode.removeChild(canvas);
-        } catch {
-          /* ignore teardown races */
-        }
-        rendererRef.current = null;
-        uniformsRef.current = null;
-        meshRef.current = null;
-      };
-    };
-
-    void initializeWebGL();
-
-    return () => {
-      cancelled = true;
-      if (cleanupFunctionRef.current) {
-        cleanupFunctionRef.current();
-        cleanupFunctionRef.current = null;
-      }
-    };
-  }, [
-    isVisible,
-    speed,
-    rayColor1,
-    rayColor2,
-    intensity,
-    spread,
-    origin,
-    tilt,
-    saturation,
-    blend,
-    falloff,
-    opacity,
-  ]);
-
-  useEffect(() => {
-    if (!uniformsRef.current) return;
-    const uniforms = uniformsRef.current;
-    uniforms.iSpeed.value = speed;
-    uniforms.iRayColor1.value = hexToRgb(rayColor1);
-    uniforms.iRayColor2.value = hexToRgb(rayColor2);
-    uniforms.iIntensity.value = intensity;
-    uniforms.iSpread.value = spread;
-    const [flipX, flipY] = originToFlip(origin);
-    uniforms.iFlipX.value = flipX;
-    uniforms.iFlipY.value = flipY;
-    uniforms.iTilt.value = tilt;
-    uniforms.iSaturation.value = saturation;
-    uniforms.iBlend.value = blend;
-    uniforms.iFalloff.value = falloff;
-    uniforms.iOpacity.value = opacity;
-  }, [
-    speed,
-    rayColor1,
-    rayColor2,
-    intensity,
-    spread,
-    origin,
-    tilt,
-    saturation,
-    blend,
-    falloff,
-    opacity,
-  ]);
-
-  return (
-    <div
-      ref={containerRef}
-      aria-hidden="true"
-      className={`side-rays-container ${className}`.trim()}
-    />
-  );
-}
-
-export default SideRays;
diff --git a/apps/web/lib/utils.ts b/apps/web/lib/utils.ts
index bd0c391..08769ac 100644
--- a/apps/web/lib/utils.ts
+++ b/apps/web/lib/utils.ts
@@ -1,6 +1,3 @@
-import { clsx, type ClassValue } from "clsx"
-import { twMerge } from "tailwind-merge"
-
-export function cn(...inputs: ClassValue[]) {
-  return twMerge(clsx(inputs))
+export function cn(...classes: Array<string | undefined>) {
+  return classes.filter(Boolean).join(" ");
 }
diff --git a/apps/web/package.json b/apps/web/package.json
index b56ea1d..07ac7a4 100644
--- a/apps/web/package.json
+++ b/apps/web/package.json
@@ -6,25 +6,16 @@
     "dev": "next dev",
     "build": "next build",
     "start": "next start",
-    "lint": "node scripts/validate-harness-onboarding.mjs && node scripts/validate-content-provenance.mjs && eslint .",
+    "lint": "node scripts/validate-harness-onboarding.mjs && node scripts/validate-content-provenance.mjs && node scripts/validate-bundle-policy.mjs && eslint .",
     "brand": "node scripts/render-brand.mjs"
   },
   "dependencies": {
-    "@base-ui/react": "^1.7.0",
-    "@types/three": "^0.185.4",
-    "class-variance-authority": "^0.7.1",
-    "clsx": "^2.1.1",
     "lucide-react": "^1.33.0",
     "next": "^16.3.1",
-    "ogl": "^1.0.11",
     "postcss": "^8.5.26",
-    "postprocessing": "^6.39.4",
     "react": "^19.2.8",
     "react-dom": "^19.2.8",
-    "recharts": "^3.9.2",
-    "simple-icons": "^16.26.0",
-    "tailwind-merge": "^3.6.0",
-    "three": "^0.185.1"
+    "simple-icons": "^16.26.0"
   },
   "devDependencies": {
     "@tailwindcss/postcss": "^4.1.11",
diff --git a/apps/web/public/scan-dashboard.png b/apps/web/public/scan-dashboard.png
deleted file mode 100644
index d074c58..0000000
Binary files a/apps/web/public/scan-dashboard.png and /dev/null differ
diff --git a/apps/web/public/scan-github.png b/apps/web/public/scan-github.png
deleted file mode 100644
index 64dbdf8..0000000
Binary files a/apps/web/public/scan-github.png and /dev/null differ
diff --git a/apps/web/scripts/validate-bundle-policy.mjs b/apps/web/scripts/validate-bundle-policy.mjs
new file mode 100644
index 0000000..fcb5876
--- /dev/null
+++ b/apps/web/scripts/validate-bundle-policy.mjs
@@ -0,0 +1,45 @@
+import assert from "node:assert/strict";
+import { existsSync, readFileSync } from "node:fs";
+import { resolve } from "node:path";
+
+const root = resolve(import.meta.dirname, "../../..");
+const web = resolve(root, "apps/web");
+const packageJson = JSON.parse(readFileSync(resolve(web, "package.json"), "utf8"));
+const dependencies = packageJson.dependencies ?? {};
+
+for (const dependency of [
+  "@base-ui/react",
+  "@types/three",
+  "class-variance-authority",
+  "clsx",
+  "ogl",
+  "postprocessing",
+  "recharts",
+  "tailwind-merge",
+  "three",
+]) {
+  assert.equal(
+    dependencies[dependency],
+    undefined,
+    `bundle policy: remove unused dependency ${dependency}`,
+  );
+}
+
+for (const asset of ["scan-dashboard.png", "scan-github.png"]) {
+  assert.equal(
+    existsSync(resolve(web, "public", asset)),
+    false,
+    `bundle policy: ${asset} must not be committed`,
+  );
+}
+
+for (const component of ["benchmark-chart.tsx", "efficiency-chart.tsx", "scan-frame.tsx"]) {
+  const source = readFileSync(resolve(web, "components", component), "utf8");
+  assert.doesNotMatch(source, /^"use client";/m);
+  assert.doesNotMatch(source, /from ["'](?:recharts|three|ogl|postprocessing)["']/);
+}
+
+const classNames = readFileSync(resolve(web, "lib/utils.ts"), "utf8");
+assert.doesNotMatch(classNames, /from ["'](?:clsx|tailwind-merge)["']/);
+
+console.log("bundle policy: dependency, asset, and server-rendering checks passed");
diff --git a/docs/roadmap/improvements-backlog.md b/docs/roadmap/improvements-backlog.md
index 568afa4..162c81c 100644
--- a/docs/roadmap/improvements-backlog.md
+++ b/docs/roadmap/improvements-backlog.md
@@ -438,14 +438,11 @@ Owner-decided scope: package managers, no hosted service.
   "Measured, not claimed." Fix by refresh (D5) or by carrying the caveat.~~
   **Done:** a new five-repeat, task-aware snapshot was generated on 27 August 2026. The website imports its medians and date, preserves the point-in-time
   warning, and web lint rejects README claims that drift from generated data.
-- **F5. Dead weight:** ([#51](https://github.com/LockInTime/headless/issues/51)) `components/ui/side-rays.tsx` + `ogl` dep (unused),
-  `public/scan-dashboard.png` (unreferenced), leftover shadcn `.dark` block in
-  `globals.css`, 8 unused button variants; two WebGL stacks (~700 KB) for
-  decoration — `PixelBlast` still creates GL contexts under
-  `prefers-reduced-motion` (CSS-only hide) and its closing instance has no
-  reduced-motion rule; Recharts (~150 KB) for 4 static bars. Also
-  `scan-frame.tsx` hardcodes pixel bounds tied to a committed github.com
-  screenshot (drift + trademark question).
+- **F5. Dead weight:** [x] ([#51](https://github.com/LockInTime/headless/issues/51)) ~~Unused UI variants and assets, two WebGL decoration stacks, Recharts for
+  static data, and a pixel-bound third-party screenshot inflated the site and
+  created reduced-motion and provenance risks.~~ **Done:** the homepage uses
+  server-rendered HTML/CSS charts and a repository-owned semantic demo, ships
+  no WebGL/chart runtime, and lint enforces the dependency and asset boundary.
 - **F6. Fix the Cursor config snippet** ([#52](https://github.com/LockInTime/headless/issues/52)) — ~~hardcodes `ssh hermes-vm`
   (`components/docs-markdown.ts:57-64`), unusable by anyone else.~~ **Done:**
   the website serializes the checked-in project config that uses the portable
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index e4b0e93..1f19f19 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -16,51 +16,24 @@ importers:
 
   apps/web:
     dependencies:
-      '@base-ui/react':
-        specifier: ^1.7.0
-        version: 1.7.0(@types/react@19.2.18)(react-dom@19.2.8(react@19.2.8))(react@19.2.8)
-      '@types/three':
-        specifier: ^0.185.4
-        version: 0.185.4
-      class-variance-authority:
-        specifier: ^0.7.1
-        version: 0.7.1
-      clsx:
-        specifier: ^2.1.1
-        version: 2.1.1
       lucide-react:
         specifier: ^1.33.0
         version: 1.33.0(react@19.2.8)
       next:
         specifier: ^16.3.1
         version: 16.3.1(@babel/core@7.29.7)(@types/node@26.2.0)(react-dom@19.2.8(react@19.2.8))(react@19.2.8)
-      ogl:
-        specifier: ^1.0.11
-        version: 1.0.11
       postcss:
         specifier: ^8.5.26
         version: 8.5.26
-      postprocessing:
-        specifier: ^6.39.4
-        version: 6.39.4(three@0.185.1)
       react:
         specifier: ^19.2.8
         version: 19.2.8
       react-dom:
         specifier: ^19.2.8
         version: 19.2.8(react@19.2.8)
-      recharts:
-        specifier: ^3.9.2
-        version: 3.9.2(@types/react@19.2.18)(react-dom@19.2.8(react@19.2.8))(react-is@19.2.7)(react@19.2.8)(redux@5.0.1)
       simple-icons:
         specifier: ^16.26.0
         version: 16.26.0
-      tailwind-merge:
-        specifier: ^3.6.0
-        version: 3.6.0
-      three:
-        specifier: ^0.185.1
-        version: 0.185.1
     devDependencies:
       '@tailwindcss/postcss':
         specifier: ^4.1.11
@@ -158,10 +131,6 @@ packages:
     engines: {node: '>=6.0.0'}
     hasBin: true
 
-  '@babel/runtime@7.29.7':
-    resolution: {integrity: sha512-Nq8OhGWiZIZGV6hLHoyAKLLcJihP/xFeBMGJoUrxTX2psI8dCifzLhZISFb+VWS3wFMRDmCGw5R+dOySCqPLhw==}
-    engines: {node: '>=6.9.0'}
-
   '@babel/template@7.29.7':
     resolution: {integrity: sha512-puq+Gf35oI24FeN11LkoUQFqv9uwNeWpxXZi/Ji3rRIoKAzKnxRaZ+Gkj0vKS9ZCiTESfng1N9LyOyXvo+m+Gg==}
     engines: {node: '>=6.9.0'}
@@ -174,33 +143,6 @@ packages:
     resolution: {integrity: sha512-Vj1jF3cPfxg7OAfoI7QnVKLoILlm2JF9pnVHrX8qx7AHMiYWT+NDAA7jChlNgRS4WTLc/fD1lXLmPixluj+3Gg==}
     engines: {node: '>=6.9.0'}
 
-  '@base-ui/react@1.7.0':
-    resolution: {integrity: sha512-j+8QjX44C32jrXD/qyEAGpFr70FRpGL2CY61mQd9nBPWN737CK0xxD1ceJ055rW4RtdvFDT1e7otzdlfxvsYug==}
-    engines: {node: '>=14.0.0'}
-    peerDependencies:
-      '@date-fns/tz': ^1.2.0
-      '@types/react': ^17 || ^18 || ^19
-      date-fns: ^4.0.0
-      react: ^17 || ^18 || ^19
-      react-dom: ^17 || ^18 || ^19
-    peerDependenciesMeta:
-      '@date-fns/tz':
-        optional: true
-      '@types/react':
-        optional: true
-      date-fns:
-        optional: true
-
-  '@base-ui/utils@0.3.2':
-    resolution: {integrity: sha512-oWy1aq/I2GmYjpl4PhEAhzflF8VPGKgZeq0xAWTbfD5KBWyxcN0ZP2+WHSUm/5Z6lVMBDLReLcoXwSYoRc/zNQ==}
-    peerDependencies:
-      '@types/react': ^17 || ^18 || ^19
-      react: ^17 || ^18 || ^19
-      react-dom: ^17 || ^18 || ^19
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-
   '@bramus/specificity@2.4.2':
     resolution: {integrity: sha512-ctxtJ/eA+t+6q2++vj5j7FYX3nRu311q1wfYH3xjlLOsczhlhxAg2FWNUXhpGvAw3BWo1xBcvOV6/YLc2r5FJw==}
     hasBin: true
@@ -241,9 +183,6 @@ packages:
     resolution: {integrity: sha512-QxULHAm7cNu72w97JUNCBFODFaXpbDg+dP8b/oWFAZ2MTRppA3U00Y2L1HqaS4J6yBqxwa/Y3nMBaxVKbB/NsA==}
     engines: {node: '>=20.19.0'}
 
-  '@dimforge/rapier3d-compat@0.12.0':
-    resolution: {integrity: sha512-uekIGetywIgopfD97oDL5PfeezkFpNhwlzlaEYNOA0N6ghdsOvh/HYjSMek5Q2O1PYvRSDFcqFVJl4r4ZBwOow==}
-
   '@emnapi/core@1.10.0':
     resolution: {integrity: sha512-yq6OkJ4p82CAfPl0u9mQebQHKPJkY7WrIuk205cTYnYe+k2Z8YBh11FrbRG/H6ihirqcacOgl2BIO8oyMQLeXw==}
 
@@ -309,21 +248,6 @@ packages:
       '@noble/hashes':
         optional: true
 
-  '@floating-ui/core@1.8.0':
-    resolution: {integrity: sha512-0CIZ5itps/8x7BG8dEIhs53BvCUH2PCoogtakwRTut+Arm58sJooJ0AuZhLw2HJYIR5cMLNPBSS728sPho2khQ==}
-
-  '@floating-ui/dom@1.8.0':
-    resolution: {integrity: sha512-yXSrzeHZBTZadLOlfyhCkJHNeLJnHRnRInwdZ40L7ZiaAtrBwoYlsDrX3v5zB1Utk7CLfzcOVnVVWoXEky7Ceg==}
-
-  '@floating-ui/react-dom@2.1.9':
-    resolution: {integrity: sha512-JDjEFGCpImxDCA7JJKviA0M9+RtmJdj0m/NVU5IMgBK+AmZouAQQ7/+2GLH0GXXY0YMw9oXPB8hKdbPYg5QLYg==}
-    peerDependencies:
-      react: '>=16.8.0'
-      react-dom: '>=16.8.0'
-
-  '@floating-ui/utils@0.2.12':
-    resolution: {integrity: sha512-HpCo8tmWzLVad5s2d19EhAz5zqrrQ6s69qd6moPMQvkOuSwDT1YgRfWSVuc4ennqrgv3OHppiOGMQ7oC13yIww==}
-
   '@humanfs/core@0.19.2':
     resolution: {integrity: sha512-UhXNm+CFMWcbChXywFwkmhqjs3PRCmcSa/hfBgLIb7oQ5HNb1wS0icWsGtSAUNgefHeI+eBrA8I1fxmbHsGdvA==}
     engines: {node: '>=18.18.0'}
@@ -583,26 +507,9 @@ packages:
     resolution: {integrity: sha512-nn5ozdjYQpUCZlWGuxcJY/KpxkWQs4DcbMCmKojjyrYDEAGy4Ce19NN4v5MduafTwJlbKc99UA8YhSVqq9yPZA==}
     engines: {node: '>=12.4.0'}
 
-  '@reduxjs/toolkit@2.12.0':
-    resolution: {integrity: sha512-KiT+RzZbp6mQET+Mg+h2c97+9j1sNflUxQkIHI7Yuzf6Peu+OYpmkn6nbHWmLLWj+1ZODUJFwGZ7gx3L9R9EOw==}
-    peerDependencies:
-      react: ^16.9.0 || ^17.0.0 || ^18 || ^19
-      react-redux: ^7.2.1 || ^8.1.3 || ^9.0.0
-    peerDependenciesMeta:
-      react:
-        optional: true
-      react-redux:
-        optional: true
-
   '@rtsao/scc@1.1.0':
     resolution: {integrity: sha512-zt6OdqaDoOnJ1ZYsCYGt9YmWzDXl4vQdKTyJev62gFhRGKdx7mcT54V9KIjg+d2wi9EXsPvAPKe7i7WjfVWB8g==}
 
-  '@standard-schema/spec@1.1.0':
-    resolution: {integrity: sha512-l2aFy5jALhniG5HgqrD6jXLi/rUWrKvqN/qJx6yoJsgKhblVd+iqqU4RCXavm/jPityDo5TCvKMnpjKnOriy0w==}
-
-  '@standard-schema/utils@0.3.0':
-    resolution: {integrity: sha512-e7Mew686owMaPJVNNLs55PUvgz371nKgwsc4vxE49zsODpJEnxgxRo2y/OKrqueavXgZNMDVj3DdHFlaSAeU8g==}
-
   '@swc/helpers@0.5.23':
     resolution: {integrity: sha512-5lSsMOTXURePglDfvuAQUqkGek9Hg2kksOYay2m0+XR++b2NWYL/4sWyuvVBIs8oKnJaxkdi9whaL/sqN13afw==}
 
@@ -694,39 +601,9 @@ packages:
   '@tailwindcss/postcss@4.3.3':
     resolution: {integrity: sha512-JTSZZGQi1AyKirbLN3azmjVzef92tcX7h+iSqPdaeStyFpGpDlKvvpxeOE8njhbUanbRwr3z8DyzhICWnMtQeg==}
 
-  '@tweenjs/tween.js@23.1.3':
-    resolution: {integrity: sha512-vJmvvwFxYuGnF2axRtPYocag6Clbb5YS7kLL+SO/TeVFzHqDIWrNKYtcsPMibjDx9O+bu+psAy9NKfWklassUA==}
-
   '@tybys/wasm-util@0.10.3':
     resolution: {integrity: sha512-F3fo1MYrRJYL3zER0OUOmkutjr1Vp23m7OsSgp7nq4SP6OqX6C/56XFIPAl5bt3zaBRjmW7SGz3u/6LwFpYcOg==}
 
-  '@types/d3-array@3.2.2':
-    resolution: {integrity: sha512-hOLWVbm7uRza0BYXpIIW5pxfrKe0W+D5lrFiAEYR+pb6w3N2SwSMaJbXdUfSEv+dT4MfHBLtn5js0LAWaO6otw==}
-
-  '@types/d3-color@3.1.3':
-    resolution: {integrity: sha512-iO90scth9WAbmgv7ogoq57O9YpKmFBbmoEoCHDB2xMBY0+/KVrqAaCDyCE16dUspeOvIxFFRI+0sEtqDqy2b4A==}
-
-  '@types/d3-ease@3.0.2':
-    resolution: {integrity: sha512-NcV1JjO5oDzoK26oMzbILE6HW7uVXOHLQvHshBUW4UMdZGfiY6v5BeQwh9a9tCzv+CeefZQHJt5SRgK154RtiA==}
-
-  '@types/d3-interpolate@3.0.4':
-    resolution: {integrity: sha512-mgLPETlrpVV1YRJIglr4Ez47g7Yxjl1lj7YKsiMCb27VJH9W8NVM6Bb9d8kkpG/uAQS5AmbA48q2IAolKKo1MA==}
-
-  '@types/d3-path@3.1.1':
-    resolution: {integrity: sha512-VMZBYyQvbGmWyWVea0EHs/BwLgxc+MKi1zLDCONksozI4YJMcTt8ZEuIR4Sb1MMTE8MMW49v0IwI5+b7RmfWlg==}
-
-  '@types/d3-scale@4.0.9':
-    resolution: {integrity: sha512-dLmtwB8zkAeO/juAMfnV+sItKjlsw2lKdZVVy6LRr0cBmegxSABiLEpGVmSJJ8O08i4+sGR6qQtb6WtuwJdvVw==}
-
-  '@types/d3-shape@3.1.8':
-    resolution: {integrity: sha512-lae0iWfcDeR7qt7rA88BNiqdvPS5pFVPpo5OfjElwNaT2yyekbM0C9vK+yqBqEmHr6lDkRnYNoTBYlAgJa7a4w==}
-
-  '@types/d3-time@3.0.4':
-    resolution: {integrity: sha512-yuzZug1nkAAaBlBBikKZTgzCeA+k1uy4ZFwWANOfKw5z5LRhV0gNA7gNkKm7HoK+HRN0wX3EkxGk0fpbWhmB7g==}
-
-  '@types/d3-timer@3.0.2':
-    resolution: {integrity: sha512-Ps3T8E8dZDam6fUyNiMkekK3XUsaUEik+idO9/YjPtfj2qruF8tFBXS7XhtE4iIXBLxhmLjP3SXpLhVf21I9Lw==}
-
   '@types/estree@1.0.9':
     resolution: {integrity: sha512-GhdPgy1el4/ImP05X05Uw4cw2/M93BCUmnEvWZNStlCzEKME4Fkk+YpoA5OiHNQmoS7Cafb8Xa3Pya8m1Qrzeg==}
 
@@ -747,18 +624,6 @@ packages:
   '@types/react@19.2.18':
     resolution: {integrity: sha512-AnzbBERsrLKtk2XSfTbYRLjQPdy116Sty4q+T+Bp3IC4l6jNBvreVPAHmpq9qhXQM7CXZPjLVmGMw9sy+hxQ3w==}
 
-  '@types/stats.js@0.17.4':
-    resolution: {integrity: sha512-jIBvWWShCvlBqBNIZt0KAshWpvSjhkwkEu4ZUcASoAvhmrgAUI2t1dXrjSL4xXVLB4FznPrIsX3nKXFl/Dt4vA==}
-
-  '@types/three@0.185.4':
-    resolution: {integrity: sha512-gAsBIC07NIFrxjbf7tH2t71c38uulFfk/RFoC7FNBSjMRAQ8J1x/RBvusX0N5PJouaYFJawXQqfCQ0RKUx/1nA==}
-
-  '@types/use-sync-external-store@0.0.6':
-    resolution: {integrity: sha512-zFDAD+tlpf2r4asuHEj0XH6pY6i0g5NeAHPn+15wk3BV6JA69eERFXC1gyGThDkVa1zCyKr5jox1+2LbV/AMLg==}
-
-  '@types/webxr@0.5.24':
-    resolution: {integrity: sha512-h8fgEd/DpoS9CBrjEQXR+dIDraopAEfu4wYVNY2tEPwk60stPWhvZMf4Foo5FakuQ7HFZoa8WceaWFervK2Ovg==}
-
   '@typescript-eslint/eslint-plugin@8.67.0':
     resolution: {integrity: sha512-Un7Heoyj65NREbKAyIrFxeM143NZpExWmy1Nep4DLeQOeLlTeumPjoNKnBrU5D5moWXbPJgRa5Uwcdu0faVNGQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
@@ -1057,16 +922,9 @@ packages:
     resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==}
     engines: {node: '>=10'}
 
-  class-variance-authority@0.7.1:
-    resolution: {integrity: sha512-Ka+9Trutv7G8M6WT6SeiRWz792K5qEqIGEGzXKhAE6xOWAY6pPH8U+9IY3oCMv6kqTmLsv7Xh/2w2RigkePMsg==}
-
   client-only@0.0.1:
     resolution: {integrity: sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==}
 
-  clsx@2.1.1:
-    resolution: {integrity: sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==}
-    engines: {node: '>=6'}
-
   color-convert@2.0.1:
     resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==}
     engines: {node: '>=7.0.0'}
@@ -1091,50 +949,6 @@ packages:
   csstype@3.2.3:
     resolution: {integrity: sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==}
 
-  d3-array@3.2.4:
-    resolution: {integrity: sha512-tdQAmyA18i4J7wprpYq8ClcxZy3SC31QMeByyCFyRt7BVHdREQZ5lpzoe5mFEYZUWe+oq8HBvk9JjpibyEV4Jg==}
-    engines: {node: '>=12'}
-
-  d3-color@3.1.0:
-    resolution: {integrity: sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA==}
-    engines: {node: '>=12'}
-
-  d3-ease@3.0.1:
-    resolution: {integrity: sha512-wR/XK3D3XcLIZwpbvQwQ5fK+8Ykds1ip7A2Txe0yxncXSdq1L9skcG7blcedkOX+ZcgxGAmLX1FrRGbADwzi0w==}
-    engines: {node: '>=12'}
-
-  d3-format@3.1.2:
-    resolution: {integrity: sha512-AJDdYOdnyRDV5b6ArilzCPPwc1ejkHcoyFarqlPqT7zRYjhavcT3uSrqcMvsgh2CgoPbK3RCwyHaVyxYcP2Arg==}
-    engines: {node: '>=12'}
-
-  d3-interpolate@3.0.1:
-    resolution: {integrity: sha512-3bYs1rOD33uo8aqJfKP3JWPAibgw8Zm2+L9vBKEHJ2Rg+viTR7o5Mmv5mZcieN+FRYaAOWX5SJATX6k1PWz72g==}
-    engines: {node: '>=12'}
-
-  d3-path@3.1.0:
-    resolution: {integrity: sha512-p3KP5HCf/bvjBSSKuXid6Zqijx7wIfNW+J/maPs+iwR35at5JCbLUT0LzF1cnjbCHWhqzQTIN2Jpe8pRebIEFQ==}
-    engines: {node: '>=12'}
-
-  d3-scale@4.0.2:
-    resolution: {integrity: sha512-GZW464g1SH7ag3Y7hXjf8RoUuAFIqklOAq3MRl4OaWabTFJY9PN/E1YklhXLh+OQ3fM9yS2nOkCoS+WLZ6kvxQ==}
-    engines: {node: '>=12'}
-
-  d3-shape@3.2.0:
-    resolution: {integrity: sha512-SaLBuwGm3MOViRq2ABk3eLoxwZELpH6zhl3FbAoJ7Vm1gofKx6El1Ib5z23NUEhF9AsGl7y+dzLe5Cw2AArGTA==}
-    engines: {node: '>=12'}
-
-  d3-time-format@4.1.0:
-    resolution: {integrity: sha512-dJxPBlzC7NugB2PDLwo9Q8JiTR3M3e4/XANkreKSUxF8vvXKqm1Yfq4Q5dl8budlunRVlUUaDUgFt7eA8D6NLg==}
-    engines: {node: '>=12'}
-
-  d3-time@3.1.0:
-    resolution: {integrity: sha512-VqKjzBLejbSMT4IgbmVgDjpkYrNWUYJnbCGo874u7MMKIWsILRX+OpX/gTk8MqjpT1A/c6HY2dCA77ZN0lkQ2Q==}
-    engines: {node: '>=12'}
-
-  d3-timer@3.0.1:
-    resolution: {integrity: sha512-ndfJ/JxxMd3nw31uyKoY2naivF+r29V+Lc0svZxe1JvvIRmi8hUsrMvdOwgS1o6uBHmiz91geQ0ylPP0aj1VUA==}
-    engines: {node: '>=12'}
-
   damerau-levenshtein@1.0.8:
     resolution: {integrity: sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==}
 
@@ -1171,9 +985,6 @@ packages:
       supports-color:
         optional: true
 
-  decimal.js-light@2.5.1:
-    resolution: {integrity: sha512-qIMFpTMZmny+MMIitAB6D7iVPEorVw6YQRWkvarTkT4tBeSLLiHzcwj6q0MmYSFCiVpiqPJTJEYIrpcPzVEIvg==}
-
   decimal.js@10.6.0:
     resolution: {integrity: sha512-YpgQiITW3JXGntzdUmyUR1V812Hn8T1YVXhCu+wO3OpS4eU9l4YdD3qjyiKdV6mvV29zapkMeD390UVEf2lkUg==}
 
@@ -1250,9 +1061,6 @@ packages:
     resolution: {integrity: sha512-yPDz7wqpg1/mmHLmS3tcfTfbw5f1eryXvyghYBffGdERwe+mV7ZcWzTR8LR17Kvqt3qfPurjlonmnq3MKXIOXw==}
     engines: {node: '>= 0.4'}
 
-  es-toolkit@1.49.0:
-    resolution: {integrity: sha512-G5iZ6Pc/FNRY/soKZHC+TxGDD83rHUDXxzaWhGCX44vAv/tMs56WMusnm/KMNK+luUPsgA9U28cGr4RDlSzL2g==}
-
   escalade@3.2.0:
     resolution: {integrity: sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==}
     engines: {node: '>=6'}
@@ -1382,9 +1190,6 @@ packages:
     resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==}
     engines: {node: '>=0.10.0'}
 
-  eventemitter3@5.0.4:
-    resolution: {integrity: sha512-mlsTRyGaPBjPedk6Bvw+aqbsXDtoAyAzm5MO7JgU+yVRyMQ5O8bD4Kcci7BS85f93veegeCPkL8R4GLClnjLFw==}
-
   fast-deep-equal@3.1.3:
     resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
 
@@ -1410,9 +1215,6 @@ packages:
       picomatch:
         optional: true
 
-  fflate@0.8.3:
-    resolution: {integrity: sha512-tbZNuJrLwGUp3zshBtdy4W+ORxZuIh8a5ilyIEQDC5rY1f3U20JMry0Ll3WBzU58EZKsEuJFXhb5gwv8CsPvgA==}
-
   file-entry-cache@8.0.0:
     resolution: {integrity: sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==}
     engines: {node: '>=16.0.0'}
@@ -1541,9 +1343,6 @@ packages:
     resolution: {integrity: sha512-BAg6QkE8W+TuQLrrw0Ugr7HegXduRuuj8/ti2kSOc+jz1dmx8/WNcjr6XGnq5YpDWxFwwaavqD0+jIUOKelTsw==}
     engines: {node: '>= 4'}
 
-  immer@11.1.15:
-    resolution: {integrity: sha512-VrNANlmnWQnh5COXIIOQXM9oOJw7naGKlBT74ZOOR6lpVXc3gFEu9FJLDFcpCJ2j+NWr8TIwtWD//T6ZX6TKiQ==}
-
   import-fresh@3.3.1:
     resolution: {integrity: sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==}
     engines: {node: '>=6'}
@@ -1556,10 +1355,6 @@ packages:
     resolution: {integrity: sha512-4gd7VpWNQNB4UKKCFFVcp1AVv+FMOgs9NKzjHKusc8jTMhd5eL1NqQqOpE0KzMds804/yHlglp3uxgluOqAPLw==}
     engines: {node: '>= 0.4'}
 
-  internmap@2.0.3:
-    resolution: {integrity: sha512-5Hh7Y1wQbvY5ooGgPbDaL5iYLAPzMTUrjMulskHLH6wnv/A+1q5rgEaiuqEjB+oxGXIVZs1FF+R/KPN3ZSQYYg==}
-    engines: {node: '>=12'}
-
   is-array-buffer@3.0.5:
     resolution: {integrity: sha512-DDfANUiiG2wC1qawP66qlTugJeL5HyzMpfr8lLK+jMQirGzNod0B12cFB/9q838Ru27sBwfw78/rdoU7RERz6A==}
     engines: {node: '>= 0.4'}
@@ -1848,9 +1643,6 @@ packages:
     resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==}
     engines: {node: '>= 8'}
 
-  meshoptimizer@1.1.1:
-    resolution: {integrity: sha512-oRFNWJRDA/WTrVj7NWvqa5HqE1t9MYDj2VaWirQCzCCrAd2GHrqR/sQezCxiWATPNlKTcRaPRHPJwIRoPBAp5g==}
-
   micromatch@4.0.8:
     resolution: {integrity: sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==}
     engines: {node: '>=8.6'}
@@ -1942,9 +1734,6 @@ packages:
     resolution: {integrity: sha512-gXah6aZrcUxjWg2zR2MwouP2eHlCBzdV4pygudehaKXSGW4v2AsRQUK+lwwXhii6KFZcunEnmSUoYp5CXibxtA==}
     engines: {node: '>= 0.4'}
 
-  ogl@1.0.11:
-    resolution: {integrity: sha512-kUpC154AFfxi16pmZUK4jk3J+8zxwTWGPo03EoYA8QPbzikHoaC82n6pNTbd+oEaJonaE8aPWBlX7ad9zrqLsA==}
-
   optionator@0.9.4:
     resolution: {integrity: sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==}
     engines: {node: '>= 0.8.0'}
@@ -2002,11 +1791,6 @@ packages:
     resolution: {integrity: sha512-u82N74LFzG8ca+dD8puPnplTXoGH4fTPpVGuIbt36G3qvNlkvfD0lEAZSxaly3KX8TS/L1A1gsCEmvKmBcVbkQ==}
     engines: {node: ^10 || ^12 || >=14}
 
-  postprocessing@6.39.4:
-    resolution: {integrity: sha512-oAS/PjAbc/xT3OzjUrGsorJ4J064XwhVD2t0OwKLP/E8QwDMUJ0oOv6ZI1SYMtLchv4g0ySEx+JcLy92+48vlA==}
-    peerDependencies:
-      three: '>= 0.168.0 < 0.186.0'
-
   prelude-ls@1.2.1:
     resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
     engines: {node: '>= 0.8.0'}
@@ -2029,41 +1813,10 @@ packages:
   react-is@16.13.1:
     resolution: {integrity: sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==}
 
-  react-is@19.2.7:
-    resolution: {integrity: sha512-kZFnouyVv7eP/Phmrlo9FK+zcAdriZJvzxXHF1Sl1P377WSGe2G/JxVolhTrB/jeV47lKImhNUsijjHAAbcl/A==}
-
-  react-redux@9.3.0:
-    resolution: {integrity: sha512-KQopgqFo/p/fgmAs5qz6p5RWaNAzq40WAu7fJIXnQpYxFPbJYtsJPWvGeF2rOBaY/kEuV77AVsX8TsQzKm+A/g==}
-    peerDependencies:
-      '@types/react': ^18.2.25 || ^19
-      react: ^18.0 || ^19
-      redux: ^5.0.0
-    peerDependenciesMeta:
-      '@types/react':
-        optional: true
-      redux:
-        optional: true
-
   react@19.2.8:
     resolution: {integrity: sha512-PWaYA1L/q9u2u7xYQi+Y3L3Yfnie7XyLeaJICV1MGD6LprsBxcAqGjYyr0eY3p+QdsA+x/Irkt4Qif8D63+Sbw==}
     engines: {node: '>=0.10.0'}
 
-  recharts@3.9.2:
-    resolution: {integrity: sha512-G4fy+Pk46RaXgwWMh+Nzhyo/lbFAVqXo9gtetlyehe6Ehge9CsgDuOTwQDD+i1+llaLktNBiNq4bhnGlDRXFtw==}
-    engines: {node: '>=18'}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
-      react-dom: ^16.0.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
-      react-is: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
-
-  redux-thunk@3.1.0:
-    resolution: {integrity: sha512-NW2r5T6ksUKXCabzhL9z+h206HQw/NJkcLm1GPImRQ8IzfXwRGqjVhKJGauHirT0DAuyy6hjdnMZaRoAcy0Klw==}
-    peerDependencies:
-      redux: ^5.0.0
-
-  redux@5.0.1:
-    resolution: {integrity: sha512-M9/ELqF6fy8FwmkpnF0S3YKOqMyoWJ4+CS5Efg2ct3oY9daQvd/Pc71FpGZsVsbl3Cpb+IIcjBDUnnyBdQbq4w==}
-
   reflect.getprototypeof@1.0.10:
     resolution: {integrity: sha512-00o4I+DVrefhv+nX0ulyi3biSHCPDe+yLv5o/p6d/UVlirijB8E16FtfwSAi4g3tcqrQ4lRAqQSoFEZJehYEcw==}
     engines: {node: '>= 0.4'}
@@ -2076,9 +1829,6 @@ packages:
     resolution: {integrity: sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==}
     engines: {node: '>=0.10.0'}
 
-  reselect@5.2.0:
-    resolution: {integrity: sha512-AgZ3UOZm3YndfrJ4OYjgrT7bmCm/1iqkjvEfH/oYjzh6PD2qw4QuT3jjnXIrpdt4MTpMXclMT3lXbmRY+XRakw==}
-
   resolve-from@4.0.0:
     resolution: {integrity: sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==}
     engines: {node: '>=4'}
@@ -2241,9 +1991,6 @@ packages:
   symbol-tree@3.2.4:
     resolution: {integrity: sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==}
 
-  tailwind-merge@3.6.0:
-    resolution: {integrity: sha512-uxL7qAVQriqRQPAyK3pj66VqskWqoZ37PW94jwOTwNfq/z9oyu1V+eqrZqtR2+fCiXdYOZe/Modt8GtvqNzu+w==}
-
   tailwindcss@4.3.3:
     resolution: {integrity: sha512-gOhV3P7ufE62QDGg1zVaTgCR+EtPv92k2nIhVcVKcLmxT1sUBsQGhnZj175j+MqRt4zLF7ic+sCYjfhxMxj7YQ==}
 
@@ -2251,12 +1998,6 @@ packages:
     resolution: {integrity: sha512-uxc/zpqFg6x7C8vOE7lh6Lbda8eEL9zmVm/PLeTPBRhh1xCgdWaQ+J1CUieGpIfm2HdtsUpRv+HshiasBMcc6A==}
     engines: {node: '>=6'}
 
-  three@0.185.1:
-    resolution: {integrity: sha512-5aojFCXKwnjBRZvUnt3WFfEcvUJgkN5LlijRFN95hMy8WVkG4I0QNcJE+OuWvuJ0bOdStrbfXn0pkd6/QyiAlg==}
-
-  tiny-invariant@1.3.3:
-    resolution: {integrity: sha512-+FbBPE1o9QAYvviau/qC5SE3caw21q3xkvWKBtja5vgqOWIHHJ3ioaq1VPfn/Szqctz2bU/oYeKd9/z5BL+PVg==}
-
   tinyglobby@0.2.17:
     resolution: {integrity: sha512-wXR/dYpcqKmfWpEdZjiKJOwCNFndD0DMnrW/cYjVGttEkBfVgcLFHoNrlj47mjOVic9yyNu65alsgF4NQyTa2g==}
     engines: {node: '>=12.0.0'}
@@ -2347,14 +2088,6 @@ packages:
   uri-js@4.4.1:
     resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==}
 
-  use-sync-external-store@1.6.0:
-    resolution: {integrity: sha512-Pp6GSwGP/NrPIrxVFAIkOQeyw8lFenOHijQWkUTrDvrF4ALqylP2C/KCkeS9dpUM3KvYRQhna5vt7IL95+ZQ9w==}
-    peerDependencies:
-      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
-
-  victory-vendor@37.3.6:
-    resolution: {integrity: sha512-SbPDPdDBYp+5MJHhBCAyI7wKM3d5ivekigc2Dk2s7pgbZ9wIgIBYGVw4zGHBml/qTFbexrofXW6Gu4noGxrOwQ==}
-
   w3c-xmlserializer@5.0.0:
     resolution: {integrity: sha512-o8qghlI8NZHU1lLPrpi2+Uq7abh4GGPpYANlalzWxyWteJOCsr/P+oPBA49TOLu5FTZO4d3F9MnWJfiMo4BkmA==}
     engines: {node: '>=18'}
@@ -2519,8 +2252,6 @@ snapshots:
     dependencies:
       '@babel/types': 7.29.8
 
-  '@babel/runtime@7.29.7': {}
-
   '@babel/template@7.29.7':
     dependencies:
       '@babel/code-frame': 7.29.7
@@ -2544,29 +2275,6 @@ snapshots:
       '@babel/helper-string-parser': 7.29.7
       '@babel/helper-validator-identifier': 7.29.7
 
-  '@base-ui/react@1.7.0(@types/react@19.2.18)(react-dom@19.2.8(react@19.2.8))(react@19.2.8)':
-    dependencies:
-      '@babel/runtime': 7.29.7
-      '@base-ui/utils': 0.3.2(@types/react@19.2.18)(react-dom@19.2.8(react@19.2.8))(react@19.2.8)
-      '@floating-ui/react-dom': 2.1.9(react-dom@19.2.8(react@19.2.8))(react@19.2.8)
-      '@floating-ui/utils': 0.2.12
-      react: 19.2.8
-      react-dom: 19.2.8(react@19.2.8)
-      use-sync-external-store: 1.6.0(react@19.2.8)
-    optionalDependencies:
-      '@types/react': 19.2.18
-
-  '@base-ui/utils@0.3.2(@types/react@19.2.18)(react-dom@19.2.8(react@19.2.8))(react@19.2.8)':
-    dependencies:
-      '@babel/runtime': 7.29.7
-      '@floating-ui/utils': 0.2.12
-      react: 19.2.8
-      react-dom: 19.2.8(react@19.2.8)
-      reselect: 5.2.0
-      use-sync-external-store: 1.6.0(react@19.2.8)
-    optionalDependencies:
-      '@types/react': 19.2.18
-
   '@bramus/specificity@2.4.2':
     dependencies:
       css-tree: 3.2.1
@@ -2595,8 +2303,6 @@ snapshots:
 
   '@csstools/css-tokenizer@4.0.0': {}
 
-  '@dimforge/rapier3d-compat@0.12.0': {}
-
   '@emnapi/core@1.10.0':
     dependencies:
       '@emnapi/wasi-threads': 1.2.1
@@ -2671,23 +2377,6 @@ snapshots:
 
   '@exodus/bytes@1.15.1': {}
 
-  '@floating-ui/core@1.8.0':
-    dependencies:
-      '@floating-ui/utils': 0.2.12
-
-  '@floating-ui/dom@1.8.0':
-    dependencies:
-      '@floating-ui/core': 1.8.0
-      '@floating-ui/utils': 0.2.12
-
-  '@floating-ui/react-dom@2.1.9(react-dom@19.2.8(react@19.2.8))(react@19.2.8)':
-    dependencies:
-      '@floating-ui/dom': 1.8.0
-      react: 19.2.8
-      react-dom: 19.2.8(react@19.2.8)
-
-  '@floating-ui/utils@0.2.12': {}
-
   '@humanfs/core@0.19.2':
     dependencies:
       '@humanfs/types': 0.15.0
@@ -2884,24 +2573,8 @@ snapshots:
 
   '@nolyfill/is-core-module@1.0.39': {}
 
-  '@reduxjs/toolkit@2.12.0(react-redux@9.3.0(@types/react@19.2.18)(react@19.2.8)(redux@5.0.1))(react@19.2.8)':
-    dependencies:
-      '@standard-schema/spec': 1.1.0
-      '@standard-schema/utils': 0.3.0
-      immer: 11.1.15
-      redux: 5.0.1
-      redux-thunk: 3.1.0(redux@5.0.1)
-      reselect: 5.2.0
-    optionalDependencies:
-      react: 19.2.8
-      react-redux: 9.3.0(@types/react@19.2.18)(react@19.2.8)(redux@5.0.1)
-
   '@rtsao/scc@1.1.0': {}
 
-  '@standard-schema/spec@1.1.0': {}
-
-  '@standard-schema/utils@0.3.0': {}
-
   '@swc/helpers@0.5.23':
     dependencies:
       tslib: 2.8.1
@@ -2975,37 +2648,11 @@ snapshots:
       postcss: 8.5.26
       tailwindcss: 4.3.3
 
-  '@tweenjs/tween.js@23.1.3': {}
-
   '@tybys/wasm-util@0.10.3':
     dependencies:
       tslib: 2.8.1
     optional: true
 
-  '@types/d3-array@3.2.2': {}
-
-  '@types/d3-color@3.1.3': {}
-
-  '@types/d3-ease@3.0.2': {}
-
-  '@types/d3-interpolate@3.0.4':
-    dependencies:
-      '@types/d3-color': 3.1.3
-
-  '@types/d3-path@3.1.1': {}
-
-  '@types/d3-scale@4.0.9':
-    dependencies:
-      '@types/d3-time': 3.0.4
-
-  '@types/d3-shape@3.1.8':
-    dependencies:
-      '@types/d3-path': 3.1.1
-
-  '@types/d3-time@3.0.4': {}
-
-  '@types/d3-timer@3.0.2': {}
-
   '@types/estree@1.0.9': {}
 
   '@types/json-schema@7.0.15': {}
@@ -3024,21 +2671,6 @@ snapshots:
     dependencies:
       csstype: 3.2.3
 
-  '@types/stats.js@0.17.4': {}
-
-  '@types/three@0.185.4':
-    dependencies:
-      '@dimforge/rapier3d-compat': 0.12.0
-      '@tweenjs/tween.js': 23.1.3
-      '@types/stats.js': 0.17.4
-      '@types/webxr': 0.5.24
-      fflate: 0.8.3
-      meshoptimizer: 1.1.1
-
-  '@types/use-sync-external-store@0.0.6': {}
-
-  '@types/webxr@0.5.24': {}
-
   '@typescript-eslint/eslint-plugin@8.67.0(@typescript-eslint/parser@8.67.0(eslint@9.39.5(jiti@2.7.0))(typescript@6.0.3))(eslint@9.39.5(jiti@2.7.0))(typescript@6.0.3)':
     dependencies:
       '@eslint-community/regexpp': 4.12.2
@@ -3357,14 +2989,8 @@ snapshots:
       ansi-styles: 4.3.0
       supports-color: 7.2.0
 
-  class-variance-authority@0.7.1:
-    dependencies:
-      clsx: 2.1.1
-
   client-only@0.0.1: {}
 
-  clsx@2.1.1: {}
-
   color-convert@2.0.1:
     dependencies:
       color-name: 1.1.4
@@ -3388,44 +3014,6 @@ snapshots:
 
   csstype@3.2.3: {}
 
-  d3-array@3.2.4:
-    dependencies:
-      internmap: 2.0.3
-
-  d3-color@3.1.0: {}
-
-  d3-ease@3.0.1: {}
-
-  d3-format@3.1.2: {}
-
-  d3-interpolate@3.0.1:
-    dependencies:
-      d3-color: 3.1.0
-
-  d3-path@3.1.0: {}
-
-  d3-scale@4.0.2:
-    dependencies:
-      d3-array: 3.2.4
-      d3-format: 3.1.2
-      d3-interpolate: 3.0.1
-      d3-time: 3.1.0
-      d3-time-format: 4.1.0
-
-  d3-shape@3.2.0:
-    dependencies:
-      d3-path: 3.1.0
-
-  d3-time-format@4.1.0:
-    dependencies:
-      d3-time: 3.1.0
-
-  d3-time@3.1.0:
-    dependencies:
-      d3-array: 3.2.4
-
-  d3-timer@3.0.1: {}
-
   damerau-levenshtein@1.0.8: {}
 
   data-urls@7.0.0:
@@ -3461,8 +3049,6 @@ snapshots:
     dependencies:
       ms: 2.1.3
 
-  decimal.js-light@2.5.1: {}
-
   decimal.js@10.6.0: {}
 
   deep-is@0.1.4: {}
@@ -3613,8 +3199,6 @@ snapshots:
       is-date-object: 1.1.0
       is-symbol: 1.1.1
 
-  es-toolkit@1.49.0: {}
-
   escalade@3.2.0: {}
 
   escape-string-regexp@4.0.0: {}
@@ -3824,8 +3408,6 @@ snapshots:
 
   esutils@2.0.3: {}
 
-  eventemitter3@5.0.4: {}
-
   fast-deep-equal@3.1.3: {}
 
   fast-glob@3.3.1:
@@ -3848,8 +3430,6 @@ snapshots:
     optionalDependencies:
       picomatch: 4.0.5
 
-  fflate@0.8.3: {}
-
   file-entry-cache@8.0.0:
     dependencies:
       flat-cache: 4.0.1
@@ -3981,8 +3561,6 @@ snapshots:
 
   ignore@7.0.6: {}
 
-  immer@11.1.15: {}
-
   import-fresh@3.3.1:
     dependencies:
       parent-module: 1.0.1
@@ -3996,8 +3574,6 @@ snapshots:
       hasown: 2.0.4
       side-channel: 1.1.1
 
-  internmap@2.0.3: {}
-
   is-array-buffer@3.0.5:
     dependencies:
       call-bind: 1.0.9
@@ -4278,8 +3854,6 @@ snapshots:
 
   merge2@1.4.1: {}
 
-  meshoptimizer@1.1.1: {}
-
   micromatch@4.0.8:
     dependencies:
       braces: 3.0.3
@@ -4379,8 +3953,6 @@ snapshots:
       define-properties: 1.2.1
       es-object-atoms: 1.1.2
 
-  ogl@1.0.11: {}
-
   optionator@0.9.4:
     dependencies:
       deep-is: 0.1.4
@@ -4439,10 +4011,6 @@ snapshots:
       picocolors: 1.1.1
       source-map-js: 1.2.1
 
-  postprocessing@6.39.4(three@0.185.1):
-    dependencies:
-      three: 0.185.1
-
   prelude-ls@1.2.1: {}
 
   prop-types@15.8.1:
@@ -4462,45 +4030,8 @@ snapshots:
 
   react-is@16.13.1: {}
 
-  react-is@19.2.7: {}
-
-  react-redux@9.3.0(@types/react@19.2.18)(react@19.2.8)(redux@5.0.1):
-    dependencies:
-      '@types/use-sync-external-store': 0.0.6
-      react: 19.2.8
-      use-sync-external-store: 1.6.0(react@19.2.8)
-    optionalDependencies:
-      '@types/react': 19.2.18
-      redux: 5.0.1
-
   react@19.2.8: {}
 
-  recharts@3.9.2(@types/react@19.2.18)(react-dom@19.2.8(react@19.2.8))(react-is@19.2.7)(react@19.2.8)(redux@5.0.1):
-    dependencies:
-      '@reduxjs/toolkit': 2.12.0(react-redux@9.3.0(@types/react@19.2.18)(react@19.2.8)(redux@5.0.1))(react@19.2.8)
-      clsx: 2.1.1
-      decimal.js-light: 2.5.1
-      es-toolkit: 1.49.0
-      eventemitter3: 5.0.4
-      immer: 11.1.15
-      react: 19.2.8
-      react-dom: 19.2.8(react@19.2.8)
-      react-is: 19.2.7
-      react-redux: 9.3.0(@types/react@19.2.18)(react@19.2.8)(redux@5.0.1)
-      reselect: 5.2.0
-      tiny-invariant: 1.3.3
-      use-sync-external-store: 1.6.0(react@19.2.8)
-      victory-vendor: 37.3.6
-    transitivePeerDependencies:
-      - '@types/react'
-      - redux
-
-  redux-thunk@3.1.0(redux@5.0.1):
-    dependencies:
-      redux: 5.0.1
-
-  redux@5.0.1: {}
-
   reflect.getprototypeof@1.0.10:
     dependencies:
       call-bind: 1.0.9
@@ -4523,8 +4054,6 @@ snapshots:
 
   require-from-string@2.0.2: {}
 
-  reselect@5.2.0: {}
-
   resolve-from@4.0.0: {}
 
   resolve-pkg-maps@1.0.0: {}
@@ -4744,16 +4273,10 @@ snapshots:
 
   symbol-tree@3.2.4: {}
 
-  tailwind-merge@3.6.0: {}
-
   tailwindcss@4.3.3: {}
 
   tapable@2.3.3: {}
 
-  three@0.185.1: {}
-
-  tiny-invariant@1.3.3: {}
-
   tinyglobby@0.2.17:
     dependencies:
       fdir: 6.5.0(picomatch@4.0.5)
@@ -4888,27 +4411,6 @@ snapshots:
     dependencies:
       punycode: 2.3.1
 
-  use-sync-external-store@1.6.0(react@19.2.8):
-    dependencies:
-      react: 19.2.8
-
-  victory-vendor@37.3.6:
-    dependencies:
-      '@types/d3-array': 3.2.2
-      '@types/d3-ease': 3.0.2
-      '@types/d3-interpolate': 3.0.4
-      '@types/d3-scale': 4.0.9
-      '@types/d3-shape': 3.1.8
-      '@types/d3-time': 3.0.4
-      '@types/d3-timer': 3.0.2
-      d3-array: 3.2.4
-      d3-ease: 3.0.1
-      d3-interpolate: 3.0.1
-      d3-scale: 4.0.2
-      d3-shape: 3.2.0
-      d3-time: 3.1.0
-      d3-timer: 3.0.1
-
   w3c-xmlserializer@5.0.0:
     dependencies:
       xml-name-validator: 5.0.0