Kill site-wide dot grid + paper-grain leak; fix hero H1 inline-weight bleed

- public/warm-paper.css html::after dot-grid radial-gradient pattern was
  rendering site-wide at opacity 0.55 on top of every page (the "old
  design leak" visible on studio, docs, homepage). Disabled in both
  light + dark theme blocks via content:none + display:none + background-image:none.
- public/warm-paper.css body::after SVG fractal-noise paper-grain (220px
  tile, multiply blend, opacity 0.5) also disabled in both themes — same
  warm-paper aesthetic carryover that didn't belong in the cool-slate
  product.
- public/warm-paper.css .ks-hero__h1 / .fr-h1--hero / .display-hero now
  cascade font-weight: inherit !important to all child .grad / .ks-em /
  em / strong / b / .accent / span. Was: parent forced to 280 but
  ks.css/styles.css child rules of 500-540 stayed applied, so highlighted
  segments rendered far bolder than surrounding text ("every LLM API" on
  wrapper hero). Also forces font-family/style/letter-spacing inherit +
  neutralizes any -webkit-text-fill-color or background-clip gradient.
- public/sw.js CACHE_VERSION 135 -> 136 + slug
  kolm-v136-2026-05-28-dot-grid-kill-hero-bleed-fix.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

Author: sneaky-hippo

public/sw.js

@@ -54,8 +54,8 @@
 //   vercel.json gains 17 rewrites (16 /docs/gateway-* + /gateway) and removes
 //   the stale /gateway -> /capture 308 redirect; /account/gateway[/providers]
 //   rewrites land in the same file. CACHE_VERSION 101 -> 102 for invalidation.
-const CACHE = 'kolm-v135-2026-05-28-cool-slate-bleed-kill';
-const CACHE_VERSION = 135;
+const CACHE = 'kolm-v136-2026-05-28-dot-grid-kill-hero-bleed-fix';
+const CACHE_VERSION = 136;
 // 24 loading-state hints (#loading-status injected at top of <main>), 4
 // favicons + 4 empty-state blocks (pipelines/_template, pipelines/index,
 // quantize/index, receipts/index), 4 breadcrumbs to /account/overview

public/warm-paper.css

@@ -699,17 +699,11 @@ body::before {
   z-index: 0;
 }
 
-/* Paper grain - SVG fractal noise */
+/* Paper grain disabled — was leaking warm-paper aesthetic site-wide */
 body::after {
-  content: "";
-  position: fixed;
-  inset: 0;
-  pointer-events: none;
-  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.07 0'/></filter><rect width='220' height='220' filter='url(%23n)'/></svg>");
-  background-size: 220px 220px;
-  mix-blend-mode: multiply;
-  opacity: 0.5;
-  z-index: 0;
+  content: none;
+  display: none;
+  background-image: none;
 }
 
 [data-theme="dark"] body::before {
@@ -719,8 +713,9 @@ body::after {
 }
 
 [data-theme="dark"] body::after {
-  mix-blend-mode: overlay;
-  opacity: 0.16;
+  content: none;
+  display: none;
+  background-image: none;
 }
 
 body > * { position: relative; z-index: 1; }
@@ -2540,6 +2535,38 @@ html[data-theme="dark"] .kolm-deep__cmd {
 .fr-h1--hero .h1-claim { font-weight: inherit; }
 
 
+.ks-hero__h1 .grad,
+.ks-hero__h1 .ks-em,
+.ks-hero__h1 em,
+.ks-hero__h1 strong,
+.ks-hero__h1 b,
+.ks-hero__h1 .accent,
+.ks-hero__h1 span,
+.fr-h1--hero .grad,
+.fr-h1--hero .ks-em,
+.fr-h1--hero em,
+.fr-h1--hero strong,
+.fr-h1--hero b,
+.fr-h1--hero .accent,
+.fr-h1--hero span,
+.display-hero .grad,
+.display-hero .ks-em,
+.display-hero em,
+.display-hero strong,
+.display-hero b,
+.display-hero .accent,
+.display-hero span {
+  font-weight: inherit !important;
+  font-family: inherit !important;
+  font-style: inherit !important;
+  letter-spacing: inherit !important;
+  background: none !important;
+  background-image: none !important;
+  -webkit-text-fill-color: currentColor !important;
+  color: inherit !important;
+}
+
+
 .ks-hero {
   background: var(--surface-0, #f3f5f7);
   position: relative;
@@ -2781,17 +2808,8 @@ html::before {
 }
 
 html::after {
-  content: "";
-  position: fixed;
-  inset: 0;
-  z-index: -1;
-  pointer-events: none;
-  opacity: 0.55;
-  background-image:
-    radial-gradient(circle at 1px 1px, rgba(31, 41, 55, 0.18) 1px, transparent 1.5px);
-  background-size: 24px 24px;
-  background-position: 0 0;
-  contain: strict;
+  content: none;
+  display: none;
 }
 
 [data-theme="dark"] html::before,
@@ -2804,10 +2822,9 @@ html[data-theme="dark"]::before {
 
 [data-theme="dark"] html::after,
 html[data-theme="dark"]::after {
-  opacity: 0.40;
-  background-image:
-    radial-gradient(circle at 1px 1px, rgba(230, 233, 238, 0.16) 1px, transparent 1.5px);
-  background-size: 24px 24px;
+  content: none;
+  display: none;
+  background-image: none;
 }
 
 /* Keep body transparent over the html backdrop. */