@bongos/core 1.19.387 → 1.19.389

package/public-landing/assets/cosmos.css

@@ -4,15 +4,17 @@
    (/projects — the hub carrying the map, your projects, and the create wizard
    at ?view=new since task 1002763).
 
-   THE LOOK — ember marigold (owner, 2026-08-13; task 1002748, and before it
-   the 2026-08-12 Loop 2 decisions). A LIGHT/DARK mode flips the WHOLE WORLD,
-   not just the cards, and BOTH grounds are warm — dark is not an inversion:
-
-   · light mode — pigmented marigold air, ivory cards, an ember accent fired
-     down from SaaS-bright into something with heat behind it
-   · dark  mode — a warm umber night: deep-brown cards, cream ink, and the
-     accent pair flipping direction so the link tone goes BRIGHTER, which is
-     how warm schemes actually behave on a dark ground
+   THE LOOK — the chrome world (owner, 2026-08-27; task 1003298, goal 1000080).
+   The ember-marigold sunrise this file was born in is retired: the palette is a
+   neutral chrome-and-paper world with one warm accent. A LIGHT/DARK mode still
+   flips the WHOLE WORLD, not just the cards.
+
+   · light mode — a cool pale ground, near-white cards, graphite ink, and a
+     salmon accent that is a FILL and never a text colour: white on it measures
+     2.19:1, so a label on an accent fill takes --accent-on (dark ink) and an
+     accent-coloured WORD takes --accent-deep
+   · dark  mode — a true-black ground with the card lifted just off it, white
+     ink, and the accent pair flipping direction so the link tone goes BRIGHTER
 
    Mode resolution: prefers-color-scheme by default; an explicit choice
    sets data-mode="light|dark" on <html> (persisted by the page script).
@@ -37,13 +39,13 @@
      KEEP IN LOCKSTEP with config/branding.neutral.json theme.ui.colors —
      tests/cosmos_token_contrast.mjs fails on any drift, because the pack is what
      actually paints (its :root is spliced AFTER this file). */
-  --bg:#f9d9a8; --bg-card:#fffaf2; --bg-deep:#f6d8ae;
-  --ink:#2b170e; --ink-soft:#6d4a33; --ink-faint:#785a41;
-  --rule:#e8a463; --rule-soft:#f6d8ae;
-  --accent:#ce4806; --accent-deep:#9e3406; --sea:#0f7a96; --terracotta:#855b3d;
-  --font-display:"Baloo 2","Quicksand",system-ui,"Arial Rounded MT Bold",sans-serif;
-  --font-body:"Quicksand",system-ui,-apple-system,"Segoe UI",sans-serif;
-  --font-mono:"Fira Code",ui-monospace,SFMono-Regular,Menlo,monospace;
+  --bg:#edecee; --bg-card:#fbfafc; --bg-deep:#e2e1e4; --bg-frame:#f6f5f7;
+  --ink:#17181a; --ink-soft:#55565a; --ink-faint:#65656a;
+  --rule:#c6c6c8; --rule-soft:#dcdbdd;
+  --accent:#fb9569; --accent-deep:#a3481a; --sea:#5b6fd0; --terracotta:#c9512c;
+  --font-display:"Manrope","Segoe UI",system-ui,-apple-system,sans-serif;
+  --font-body:"Manrope","Segoe UI",system-ui,-apple-system,sans-serif;
+  --font-mono:"JetBrains Mono",ui-monospace,"Cascadia Mono",Consolas,monospace;
 
   /* the gate's locked space palette (dark mode's sky) */
   --space-deep:#05060f; --space-mid:#0a0c20; --space-high:#0d0f28; --nebula:#2b2456;
@@ -59,91 +61,95 @@
   /* chrome tier — the WHOLE WORLD flips with the mode (owner, 2026-08-12,
      Loop 2: light = the sunrise white/orange page, dark = the gate's space).
      Light values here; the dark blocks below swap all of them. */
-  --page-bg:#f9d9a8;
-  /* flat, not a gradient to white: the golden ground IS the marigold decision.
-     A gradient that faded out at the footer would reintroduce the fog. */
-  --sky-bg:#f9d9a8;
+  /* the chrome tier is now DERIVED from the contract tier (task 1003298): the
+     page ground IS --bg and the chrome inks ARE the page inks, so a re-theme
+     carries the top bar, the sky and the footer with it. Before this they were
+     marigold literals (#f9d9a8 / #2b170e / #6d4a33) that no pack could move. */
+  --page-bg:var(--bg);
+  /* flat, not a gradient to white: one ground from the top bar to the footer.
+     A fade-out at the footer would reintroduce the fog. */
+  --sky-bg:var(--bg);
   --star-display:none;
-  --chrome-ink:#2b170e;
-  --chrome-ink-dim:#6d4a33;
+  --chrome-ink:var(--ink);
+  --chrome-ink-dim:var(--ink-soft);
   --chrome-accent:var(--accent-deep);
   --chrome-glow:none;
-  --glass-ink:#6d4a33;
+  --glass-ink:var(--ink-soft);
   --glass-bg:rgba(255,255,255,0.62);
   --glass-border:color-mix(in srgb, var(--accent) 42%, transparent);
   --ava-shadow:0 2px 8px rgba(0,0,0,0.14);
-  --hero-lede:#6d4a33;
+  --hero-lede:var(--ink-soft);
   --hero-b:var(--accent-deep);
   --foot-ink:var(--ink-faint);
   --foot-code:var(--accent-deep);
   color-scheme:light;
 }
-/* dark tier — ember marigold's night: a WARM umber world, not an inversion of
-   the light one and no longer the gate's blue-violet space (task 1002748,
-   direction §3). Two hooks so an explicit choice beats the OS preference; keep
-   the two blocks in lockstep (tests/cosmos_token_contrast.mjs).
+/* dark tier — the chrome world's night (task 1003298, 2026-08-27): a true-black
+   ground with the card lifted just off it, replacing the warm umber the marigold
+   look shipped. Two hooks so an explicit choice beats the OS preference; keep the
+   two blocks in lockstep (tests/cosmos_token_contrast.mjs).
 
    A declaration here is PERMANENT for every instance: these selectors are (0,2,0)
    and the branding pack injects a plain :root at (0,1,0), so it can never override
    them. --accent, --sea and --terracotta are therefore deliberately absent — that
    omission is the only reason a re-themed instance's accent reaches dark mode at all.
    --accent-deep is the exception: it is text, and a hex tuned to 4.5:1 on a near-white
-   card cannot also clear it on a #2c1710 one. It is DERIVED from --accent (a different
+   card cannot also clear it on a near-black one. It is DERIVED from --accent (a different
    property, so no cycle) and so still follows the pack. Every chrome token that wants
-   the warm highlight takes var(--accent-deep) for the same reason: marigold's own
-   #ffab63 is what that derivation yields, so writing the literal would have frozen
-   one pack's colour into every instance's dark mode. */
+   the warm highlight takes var(--accent-deep) for the same reason: the derivation
+   yields whatever bright twin the PACK's accent gives, so writing the literal would
+   have frozen one pack's colour into every instance's dark mode. */
 :root[data-mode="dark"]{
-  --bg:#150c06; --bg-card:#2c1710; --bg-deep:#3f2317;
-  --ink:#fdeedd; --ink-soft:#dcb693; --ink-faint:#b89272;
-  --rule:#5e3521; --rule-soft:#3f2317;
+  --bg:#000000; --bg-card:#101012; --bg-deep:#000000; --bg-frame:#08080a;
+  --ink:#ffffff; --ink-soft:#c0c0c0; --ink-faint:#a8a8a8;
+  --rule:rgba(255,255,255,.16); --rule-soft:rgba(255,255,255,.08);
   --accent-deep:color-mix(in srgb, var(--accent) 45%, #ffffff);
   --link-ink:color-mix(in srgb, var(--accent) 51%, #ffffff);
   --sea-ink:color-mix(in srgb, var(--sea) 65%, #ffffff);
   --ok:#4ade80; --warn:#fbbf24; --err:#f87171;
   --on-ok:#0b2e18;
-  --page-bg:#150c06;
-  --sky-bg:#150c06;
+  --page-bg:var(--bg);
+  --sky-bg:var(--bg);
   --star-display:block;
-  --chrome-ink:#fdeedd;
-  --chrome-ink-dim:#dcb693;
+  --chrome-ink:var(--ink);
+  --chrome-ink-dim:var(--ink-soft);
   --chrome-accent:var(--accent-deep);
   --chrome-glow:0 2px 12px rgba(0,0,0,.65);
   --glass-ink:var(--accent-deep);
   --glass-bg:rgba(255,255,255,0.07);
   --glass-border:color-mix(in srgb, var(--accent) 42%, transparent);
   --ava-shadow:0 0 14px color-mix(in srgb, var(--accent) 45%, transparent);
-  --hero-lede:#dcb693;
+  --hero-lede:var(--ink-soft);
   --hero-b:var(--accent-deep);
-  --foot-ink:#b89272;
+  --foot-ink:var(--ink-faint);
   --foot-code:var(--accent-deep);
   --shadow-card:0 24px 60px -24px rgba(0,0,0,.6), 0 6px 22px -8px rgba(0,0,0,.4);
   color-scheme:dark;
 }
 @media (prefers-color-scheme: dark){
   :root:not([data-mode="light"]){
-    --bg:#150c06; --bg-card:#2c1710; --bg-deep:#3f2317;
-    --ink:#fdeedd; --ink-soft:#dcb693; --ink-faint:#b89272;
-    --rule:#5e3521; --rule-soft:#3f2317;
+    --bg:#000000; --bg-card:#101012; --bg-deep:#000000; --bg-frame:#08080a;
+    --ink:#ffffff; --ink-soft:#c0c0c0; --ink-faint:#a8a8a8;
+    --rule:rgba(255,255,255,.16); --rule-soft:rgba(255,255,255,.08);
     --accent-deep:color-mix(in srgb, var(--accent) 45%, #ffffff);
     --link-ink:color-mix(in srgb, var(--accent) 51%, #ffffff);
     --sea-ink:color-mix(in srgb, var(--sea) 65%, #ffffff);
     --ok:#4ade80; --warn:#fbbf24; --err:#f87171;
     --on-ok:#0b2e18;
-    --page-bg:#150c06;
-    --sky-bg:#150c06;
+    --page-bg:var(--bg);
+    --sky-bg:var(--bg);
     --star-display:block;
-    --chrome-ink:#fdeedd;
-    --chrome-ink-dim:#dcb693;
+    --chrome-ink:var(--ink);
+    --chrome-ink-dim:var(--ink-soft);
     --chrome-accent:var(--accent-deep);
     --chrome-glow:0 2px 12px rgba(0,0,0,.65);
     --glass-ink:var(--accent-deep);
     --glass-bg:rgba(255,255,255,0.07);
     --glass-border:color-mix(in srgb, var(--accent) 42%, transparent);
     --ava-shadow:0 0 14px color-mix(in srgb, var(--accent) 45%, transparent);
-    --hero-lede:#dcb693;
+    --hero-lede:var(--ink-soft);
     --hero-b:var(--accent-deep);
-    --foot-ink:#b89272;
+    --foot-ink:var(--ink-faint);
     --foot-code:var(--accent-deep);
     --shadow-card:0 24px 60px -24px rgba(0,0,0,.6), 0 6px 22px -8px rgba(0,0,0,.4);
     color-scheme:dark;
@@ -157,6 +163,13 @@
   --warn-soft:color-mix(in srgb, var(--warn) 15%, var(--bg-card));
   --err-soft:color-mix(in srgb, var(--err) 12%, var(--bg-card));
   --accent-soft:color-mix(in srgb, var(--accent) 15%, var(--bg-card));
+  /* THE INK ON AN ACCENT FILL (task 1003298). The chrome world's accent is a
+     light salmon — white on it is 2.19:1 in BOTH modes, so no filled accent
+     control can carry a white label any more. Derived from --accent rather than
+     pinned, so a re-theme keeps a same-hue ink; 18% accent over black measures
+     7.50:1 on the shipped pack. Every rule that used to say color:#fff on an
+     --accent background takes this instead. */
+  --accent-on:color-mix(in srgb, var(--accent) 18%, #000000);
   --sea-soft:color-mix(in srgb, var(--sea) 16%, var(--bg-card));
   /* the strip's STATE-carrying marks (done fill, now ring/pulse) — light uses
      --sea as-is; dark derives brighter (the --accent-deep pattern) so a pack's
@@ -164,7 +177,7 @@
   --sea-ink:var(--sea);
   /* TEXT LINKS ONLY (task 1002822). Light is --accent-deep unchanged; dark needs
      its own mix because --accent-deep and --ink-soft land 2 lightness points
-     apart there (#e9ad8f vs #dcb693, ΔE76 9.7) — the same colour, and dark links
+     apart there (the marigold pack measured ΔE76 9.7) — the same colour, and dark links
      carry no underline until hover, so weight was the only cue left. 51% is the
      ceiling, not a preference: --accent-deep can't simply be pushed (it also
      feeds --chrome-accent/--glass-ink/--hero-b/--foot-code), and past 51% a dark
@@ -246,7 +259,7 @@ h1{font-family:var(--font-display);font-weight:700;font-size:clamp(24px,3.4vw,32
 .lede a:hover{text-decoration:underline;}
 
 /* ── buttons ── */
-.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;font-family:var(--font-display);font-weight:700;font-size:15px;color:#fff;background:var(--accent);border:none;border-radius:999px;padding:11px 22px;text-decoration:none;box-shadow:0 10px 22px -8px color-mix(in srgb,var(--accent) 70%,transparent);transition:transform .15s ease, box-shadow .15s ease, background .15s ease;}
+.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;cursor:pointer;font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--accent-on);background:var(--accent);border:none;border-radius:999px;padding:11px 22px;text-decoration:none;box-shadow:0 10px 22px -8px color-mix(in srgb,var(--accent) 70%,transparent);transition:transform .15s ease, box-shadow .15s ease, background .15s ease;}
 .btn:hover{transform:translateY(-1px);box-shadow:0 14px 28px -8px color-mix(in srgb,var(--accent) 80%,transparent);}
 .btn:active{transform:translateY(0) scale(.98);}
 .btn:disabled{background:color-mix(in srgb,var(--ink) 12%,var(--bg-deep));color:color-mix(in srgb,var(--ink) 40%,var(--bg-deep));box-shadow:none;cursor:not-allowed;transform:none;}
@@ -491,7 +504,7 @@ p.sec-p{font-size:var(--fs-lede);font-weight:500;color:var(--ink-soft);line-heig
 .navrow a{font-family:var(--font-display);font-weight:700;font-size:13.5px;color:var(--glass-ink);
   text-decoration:none;padding:7px 15px;border-radius:999px;white-space:nowrap;text-shadow:var(--chrome-glow);}
 .navrow a:hover{color:var(--chrome-accent);}
-.navrow a[aria-current="page"]{background:var(--accent);color:#fff;text-shadow:none;}
+.navrow a[aria-current="page"]{background:var(--accent);color:var(--accent-on);text-shadow:none;}
 /* Home LEAVES the hub, so it never takes the current-view pill and a hairline
    sets it apart. Without it the header offered no way back to the landing page
    except the wordmark, which nothing announced as a link. */
@@ -531,7 +544,7 @@ p.sec-p{font-size:var(--fs-lede);font-weight:500;color:var(--ink-soft);line-heig
   border-radius:999px;padding:4px;gap:4px;backdrop-filter:blur(4px);}
 .seg button{font-family:var(--font-display);font-weight:700;font-size:13px;color:var(--glass-ink);
   background:none;border:none;cursor:pointer;padding:7px 16px;border-radius:999px;text-shadow:var(--chrome-glow);}
-.seg button[aria-pressed="true"]{background:var(--accent);color:#fff;text-shadow:none;}
+.seg button[aria-pressed="true"]{background:var(--accent);color:var(--accent-on);text-shadow:none;}
 
 .search{flex:1;min-width:190px;max-width:460px;display:flex;align-items:center;gap:9px;
   background:var(--glass-bg);border:1.5px solid var(--glass-border);border-radius:999px;
@@ -597,12 +610,12 @@ p.sec-p{font-size:var(--fs-lede);font-weight:500;color:var(--ink-soft);line-heig
    without this the badge is painted over by the orb it labels */
 .worldOrb .badge{position:absolute;top:-11px;left:50%;transform:translateX(-50%);z-index:3;
   font-family:var(--font-mono);font-size:10.5px;font-weight:500;padding:2px 9px;border-radius:999px;
-  white-space:nowrap;background:var(--gold-soft);color:#2b170e;
+  white-space:nowrap;background:var(--gold-soft);color:var(--accent-on);
   box-shadow:0 2px 8px color-mix(in srgb,var(--ink) 30%,transparent);}
 /* the owned ring is ONE ring, not two — a second cream halo read as a defect */
 .worldOrb[data-rel="owner"] .disc{box-shadow:0 0 34px -4px color-mix(in srgb,var(--acc) 55%,transparent),
                               0 0 0 3px var(--accent);}
-.worldOrb[data-rel="owner"] .badge{background:var(--accent);color:#fff;}
+.worldOrb[data-rel="owner"] .badge{background:var(--accent);color:var(--accent-on);}
 /* building, not owning — a lighter claim, said differently on purpose */
 .worldOrb[data-rel="builder"] .disc{box-shadow:0 0 34px -4px color-mix(in srgb,var(--acc) 55%,transparent),
                               0 0 0 2px color-mix(in srgb,var(--accent) 55%,transparent);}
@@ -746,13 +759,14 @@ p.sec-p{font-size:var(--fs-lede);font-weight:500;color:var(--ink-soft);line-heig
   font-weight:700;font-size:13px;color:var(--ink-soft);background:var(--bg-card);
   border:2px solid var(--line);border-radius:999px;padding:7px 14px;white-space:nowrap;}
 .filters button:hover{border-color:var(--accent);color:var(--accent-deep);}
-.filters button[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:#fff;}
+.filters button[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:var(--accent-on);}
 /* muted by TOKEN, not opacity — .75 multiplied after the ink resolved and took
    the count to 4.05:1 on a resting pill and 3.23:1 on the pressed one (task
-   1002823). The pressed pill is excluded on purpose: its ground is the saturated
-   --accent fill, where no ink token clears 4.5:1 (--ink is the best at 3.70
-   light / 4.05 dark) — only the button's own #fff does, at 4.61, so the count
-   inherits it there. Size, weight and the mono face already say "secondary". */
+   1002823). The pressed pill is still excluded on purpose: its ground is the
+   saturated --accent fill, so the count inherits the button's own label ink.
+   That ink is --accent-on since task 1003298 (7.50:1) — the marigold pack's
+   #fff cleared 4.61:1 there and the chrome world's salmon only clears 2.19:1.
+   Size, weight and the mono face already say "secondary". */
 .filters .n{font-family:var(--font-mono);font-weight:500;font-size:11.5px;}
 .filters button:not([aria-pressed="true"]) .n{color:var(--ink-faint);}
 .mineEmpty{font-size:14.5px;font-weight:600;color:var(--ink-soft);padding:10px 0 22px;}
@@ -762,12 +776,16 @@ p.sec-p{font-size:var(--fs-lede);font-weight:500;color:var(--ink-soft);line-heig
 .steps li{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;list-style:none;}
 .steps li:not(:first-child)::before{content:"";position:absolute;top:15px;right:50%;width:100%;height:3px;
   background:var(--line);margin-right:15px;border-radius:2px;}
-.steps li.done:not(:first-child)::before{background:var(--accent);}
+/* the rail's marks are NON-TEXT at WCAG 1.4.11's 3:1, and the chrome world's
+   --accent measures 2.10:1 on the card — so the ring and the connector take
+   --accent-deep (5.77:1 on the card, and the derived bright twin in dark). The
+   done step's FILL stays --accent with --accent-on ink on it (task 1003298). */
+.steps li.done:not(:first-child)::before{background:var(--accent-deep);}
 .steps .snum{width:32px;height:32px;border-radius:50%;border:3px solid var(--line);background:var(--bg-card);
   display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;
   font-size:14px;color:var(--ink-faint);position:relative;z-index:1;}
-.steps li.done .snum{border-color:var(--accent);background:var(--accent);color:#fff;}
-.steps li.now .snum{border-color:var(--accent);color:var(--accent-deep);}
+.steps li.done .snum{border-color:var(--accent-deep);background:var(--accent);color:var(--accent-on);}
+.steps li.now .snum{border-color:var(--accent-deep);color:var(--accent-deep);}
 .steps .slbl{font-size:12.5px;font-weight:700;color:var(--ink-faint);}
 .steps li.now .slbl,.steps li.done .slbl{color:var(--ink-soft);}
 .steps li[role=button]{cursor:pointer;}

package/public-landing/assets/world/r2-bongos-chrome-a-cut.webp.json

@@ -0,0 +1,12 @@
+{
+  "kind": "cutout",
+  "model": "nano_banana_pro",
+  "aspect_ratio": "1:1",
+  "resolution": "2k",
+  "generated": "2026-08-27T13:26Z",
+  "round": 2,
+  "prompt": "Background removed (Higgsfield image_background_remover) from r2-bongos-chrome-a: a pair of bongo drums in mirror-polished liquid chrome with iridescent bronze, blue and violet reflections, brushed-steel drumheads, three-quarter view from slightly above.",
+  "source": ".impeccable/mocks/world-assets/r2-bongos-chrome-a-cut.png",
+  "encoded": "ffmpeg libwebp quality 88, alpha kept, 1600px (task 1003298)",
+  "use": "light mode: alpha cutout on the pale ground"
+}

package/public-landing/assets/world/r2-bongos-chrome-b.jpg.json

@@ -0,0 +1,12 @@
+{
+  "kind": "object",
+  "model": "nano_banana_pro",
+  "aspect_ratio": "1:1",
+  "resolution": "2k",
+  "generated": "2026-08-27T13:24Z",
+  "round": 2,
+  "prompt": "Product render on a pure black background: a pair of bongo drums, one larger and one smaller joined by a short bridge, their shells liquid chrome with iridescent bronze, blue and violet reflections, crisp clean silhouette, seen straight on from slightly below so the drumheads are thin ellipses, faintly translucent drumheads, no hands, no text, no ground plane, no cast shadow or glow on the background. Pure black everywhere the drums are not.",
+  "source": ".impeccable/mocks/world-assets/r2-bongos-chrome-b.jpg",
+  "encoded": "verbatim copy of the plate (task 1003298)",
+  "use": "dark mode: black plate composited with mix-blend-mode lighten"
+}

package/public-landing/assets/world/r2-chrome-blob-one-cut.webp.json

@@ -0,0 +1,13 @@
+{
+  "kind": "cutout",
+  "model": "nano_banana_pro",
+  "aspect_ratio": "1:1",
+  "resolution": "2k",
+  "generated": "2026-08-27T15:23Z",
+  "round": 2,
+  "task": 1003297,
+  "prompt": "Background removed (Higgsfield image_background_remover) from r2-chrome-blob-one: a single liquid-chrome blob, mirror-polished with iridescent bronze, blue and violet reflections. Cut out so the bead can sit on a non-black ground (the landing's light mode, project orbs); the black plate with lighten blend stays the dark-mode material.",
+  "source": ".impeccable/mocks/world-assets/r2-chrome-blob-one-cut.png",
+  "encoded": "ffmpeg libwebp quality 88, alpha kept, 1600px (task 1003298)",
+  "use": "light mode: alpha cutout on the pale ground"
+}

package/public-landing/assets/world/r2-chrome-blob-one.jpg.json

@@ -0,0 +1,12 @@
+{
+  "kind": "object",
+  "model": "nano_banana_pro",
+  "aspect_ratio": "1:1",
+  "resolution": "2k",
+  "generated": "2026-08-27T13:24Z",
+  "round": 2,
+  "prompt": "A single iridescent liquid-chrome blob, a glossy organic form with a crisp clean edge and a mirror-smooth surface reflecting bronze, deep blue and violet with one thin bright rim highlight, centred on a pure black background, nothing else, no text, no ground plane, no shadow or glow on the background. Pure black everywhere the blob is not.",
+  "source": ".impeccable/mocks/world-assets/r2-chrome-blob-one.jpg",
+  "encoded": "verbatim copy of the plate (task 1003298)",
+  "use": "dark mode: black plate composited with mix-blend-mode lighten"
+}

package/public-landing/assets/world/r2-chrome-blobs-set-cut.webp.json

@@ -0,0 +1,13 @@
+{
+  "kind": "cutout",
+  "model": "nano_banana_pro",
+  "aspect_ratio": "16:9",
+  "resolution": "2k",
+  "generated": "2026-08-27T15:23Z",
+  "round": 2,
+  "task": 1003297,
+  "prompt": "Background removed (Higgsfield image_background_remover) from r2-chrome-blobs-set: three liquid-chrome blobs, one large sweeping form, one round, one small bead, mirror-polished with iridescent bronze, blue and violet reflections. Cut out so the forms can sit on a non-black ground (the landing's light mode); the black plate with lighten blend stays the dark-mode material.",
+  "source": ".impeccable/mocks/world-assets/r2-chrome-blobs-set-cut.png",
+  "encoded": "ffmpeg libwebp quality 88, alpha kept, 1600px (task 1003298)",
+  "use": "light mode: alpha cutout on the pale ground"
+}

package/public-landing/assets/world/r2-chrome-blobs-set.jpg.json

@@ -0,0 +1,12 @@
+{
+  "kind": "plate",
+  "model": "nano_banana_pro",
+  "aspect_ratio": "16:9",
+  "resolution": "2k",
+  "generated": "2026-08-27T13:24Z",
+  "round": 2,
+  "prompt": "Full-frame render on a pure black background: three iridescent liquid-chrome blobs, glossy organic forms with crisp clean edges and mirror-smooth surfaces reflecting bronze, deep blue and violet, thin bright rim highlights, strong depth: one very large blob upper centre-right, a medium blob lower left, a small blob far right, generous empty black space between them, nothing else, no text, no ground plane, no shadows or glow on the background. Pure black everywhere the blobs are not, so the image can be composited with a lighten blend.",
+  "source": ".impeccable/mocks/world-assets/r2-chrome-blobs-set.jpg",
+  "encoded": "verbatim copy of the plate (task 1003298)",
+  "use": "dark mode: black plate composited with mix-blend-mode lighten"
+}

package/public-landing/assets/world.css

@@ -0,0 +1,241 @@
+/* ═══════════════════════════════════════════════════════════════════════════
+   THE CHROME WORLD — token layer for the apex landing (`/`).
+   Ported from docs/design/mocks/world/chrome-blobs/_tokens.css at the build of
+   the approved landing composition (task 1003298, goal 1000080). The mock's
+   composition switches (hero geometry, field rectangles, shell and crest
+   surfaces) did NOT come with it: those belong to the page that arranges the
+   sculpture, not to the world. What lives here is what any surface in this
+   world needs to be the same world.
+
+   THE WORLD. Pure black space in dark, pale paper in light, with iridescent
+   liquid-chrome sculpture as the only thing in it. One warm salmon lights only
+   what is pressable or live. Type is a light geometric grotesque (Manrope 300),
+   lowercase at display sizes, tabular in figures; JetBrains Mono carries labels
+   and ids. Nothing else is decorated: the chrome is the decoration.
+
+   PALETTE STRATEGY — restrained. A neutral ground-to-ink scale and exactly one
+   hue. Dark is a true #000 ground (sampled from the owner's reference) so the
+   plates, which are rendered ON black, composite into it with `lighten` and
+   have no seam. Light is the same sculpture cut out with real alpha, standing
+   on paper under a contact shadow — no black panel anywhere.
+
+   MATERIALS. Six rendered plates, in pairs: each black-ground JPEG for dark and
+   its alpha cutout for light (`--plate-set` / `--plate-set-cut`, `--plate-bead`
+   / `--plate-bead-cut`, `--plate-bongos` / `--plate-bongos-cut`). Every path is
+   ROOT-ABSOLUTE: Chromium resolves a url() inside a custom property against the
+   DOCUMENT, not the stylesheet that declared it, so a relative path here would
+   404 from every route but this file's own folder. Beyond the plates: dark
+   glass (translucent white over black with a backdrop blur and a 1px light
+   edge), a black pill ground for controls that must stay readable over bright
+   chrome, and 1px leader lines.
+
+   THE RULE. The fifteen contract tokens at the top of `:root` are the ONLY
+   colour source, and a host branding pack overrides exactly those (the server
+   splices them into `:root` at the end of <head>, at (0,1,0)). Everything below
+   them — every glass, tint, hatch, state colour, ramp and halo — is a var() or
+   a color-mix() of the fifteen, so a re-themed instance still gets a coherent
+   world. The two dark blocks are byte-identical twins at (0,2,0), so they win
+   over the pack; neither pins --accent, --sea or --terracotta to a literal,
+   because a re-themed instance has to be able to reach dark.
+
+   The sheet opens on `html { color-scheme: light }` rather than carrying the
+   hint in the token block: the browser's own surfaces (form controls, the
+   caret, the default scrollbar) are part of the world too, so light is the
+   sheet's opening state and each dark block below flips it with the palette.
+   ═══════════════════════════════════════════════════════════════════════════ */
+html { color-scheme: light; }
+
+:root {
+  /* ---- contract tier: the fifteen a host branding pack overrides ---- */
+  --bg: #edecee;
+  --bg-card: #fbfafc;
+  --bg-deep: #e2e1e4;
+  --bg-frame: #f6f5f7;
+  --ink: #17181a;
+  --ink-soft: #55565a;
+  --ink-faint: #65656a;
+  --rule: #c6c6c8;
+  --rule-soft: #dcdbdd;
+  --accent: #fb9569;
+  --accent-deep: #a3481a;
+  --sea: #5b6fd0;
+  --terracotta: #c9512c;
+  --font-display: "Manrope", "Segoe UI", system-ui, -apple-system, sans-serif;
+  --font-body: "Manrope", "Segoe UI", system-ui, -apple-system, sans-serif;
+
+  /* ---- derived: the second face ---- */
+  --font-mono: 'JetBrains Mono', ui-monospace, 'Cascadia Mono', Consolas, monospace;
+
+  /* ---- derived: the plates, in pairs (black-ground plate / alpha cutout) ---- */
+  --plate-set: url(/assets/world/r2-chrome-blobs-set.jpg);
+  --plate-set-cut: url(/assets/world/r2-chrome-blobs-set-cut.webp);
+  --plate-bead: url(/assets/world/r2-chrome-blob-one.jpg);
+  --plate-bead-cut: url(/assets/world/r2-chrome-blob-one-cut.webp);
+  --plate-bongos: url(/assets/world/r2-bongos-chrome-b.jpg);
+  --plate-bongos-cut: url(/assets/world/r2-bongos-chrome-a-cut.webp);
+  --blob-blend: lighten;
+
+  /* ---- derived: the void (the black the chrome composites on) ---- */
+  --void: #050508;
+  --void-ink: #ffffff;
+  --void-ink-soft: rgba(255, 255, 255, .70);
+  --void-edge: rgba(255, 255, 255, .14);
+  --void-pill: rgba(0, 0, 0, .5);
+  --void-glass: rgba(23, 24, 26, .05);
+  --void-glass-strong: rgba(23, 24, 26, .09);
+  --void-glass-edge: rgba(23, 24, 26, .12);
+  --door-bg: var(--void-glass);
+
+  /* ---- derived: glass ---- */
+  --glass: rgba(23, 24, 26, .05);
+  --glass-strong: rgba(23, 24, 26, .08);
+  --glass-edge: rgba(23, 24, 26, .12);
+  --glass-blur: 0px;
+
+  /* ---- derived: accent behaviours (the accent lights only what is live or pressable) ---- */
+  --accent-ink: color-mix(in srgb, var(--accent) 45%, #240e00);
+  --accent-lift: color-mix(in srgb, var(--accent) 58%, #ffffff);
+  --accent-tint: color-mix(in srgb, var(--accent) 30%, #fffdf9);
+  --accent-on: #2a1305;
+  /* light gives the primary door no lift, but this token is COMPOSED into shadow lists
+     (.door--go:focus-visible stacks the focus halo behind it), and the `none` keyword makes
+     any such list invalid. A zero-spread transparent shadow paints nothing and composes. */
+  --accent-glow: 0 0 0 0 transparent;
+
+  /* ---- derived: state ---- */
+  --ok: var(--accent-deep);
+  --warn: var(--terracotta);
+  --err: var(--terracotta);
+  --focus: color-mix(in srgb, var(--accent-deep) 82%, #3a1400);
+
+  /* ---- derived: geometry ---- */
+  --line: 1px;
+  --radius: 16px;
+  --radius-sm: 10px;
+  --radius-pill: 999px;
+  --top-h: 72px;
+
+  /* ---- derived: the bongo pair as line and fill, chrome ramp rather than ceramic ---- */
+  --chrome-hi: #ffffff;
+  --chrome-mid: #a9b2bd;
+  --chrome-cool: #949eaa;
+  --chrome-lo: #2e343c;
+  --skin-hi: #ffffff;
+  --skin-mid: #8e97a3;
+  --skin-lo: #333941;
+  --drum-shadow: #17181a;
+  --type-halo: none;
+
+  /* ---- derived: drawn chrome that cannot take a var() inline ---- */
+  --chev: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'><path d='M1 1l4 4 4-4' fill='none' stroke='%2365656a' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/></svg>");
+  --check: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'><path d='M2 6.4l2.6 2.6L10 3.4' fill='none' stroke='%232a1305' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/></svg>");
+  --hatch: repeating-linear-gradient(45deg, transparent 0 5px, rgba(23, 24, 26, .12) 5px 6px);
+
+  /* ---- derived: the label face ---- */
+  --label-face: var(--font-mono);
+  --label-size: 11px;
+  --label-space: .12em;
+}
+
+:root[data-mode="dark"] {
+  color-scheme: dark;
+  --bg: #000000;
+  --bg-card: #101012;
+  --bg-deep: #000000;
+  --bg-frame: #08080a;
+  --ink: #ffffff;
+  --ink-soft: #c0c0c0;
+  --ink-faint: #a8a8a8;
+  --rule: rgba(255, 255, 255, .16);
+  --rule-soft: rgba(255, 255, 255, .08);
+  --accent-deep: color-mix(in srgb, var(--accent) 70%, #ffffff);
+  --void: #000000;
+  --void-ink: var(--ink);
+  --void-ink-soft: var(--ink-soft);
+  --void-edge: rgba(255, 255, 255, .16);
+  --void-pill: rgba(0, 0, 0, .5);
+  --void-glass: rgba(255, 255, 255, .075);
+  --void-glass-strong: rgba(255, 255, 255, .14);
+  --void-glass-edge: rgba(255, 255, 255, .11);
+  --door-bg: var(--void-pill);
+  --glass: rgba(255, 255, 255, .11);
+  --glass-strong: rgba(255, 255, 255, .17);
+  --glass-edge: rgba(255, 255, 255, .13);
+  --glass-blur: 18px;
+  --accent-ink: var(--accent);
+  --accent-lift: color-mix(in srgb, var(--accent) 58%, #ffffff);
+  --accent-tint: color-mix(in srgb, var(--accent) 22%, #0b0a09);
+  --accent-on: #2a1305;
+  --accent-glow: 0 8px 28px color-mix(in srgb, var(--accent) 38%, transparent);
+  --ok: var(--accent);
+  --warn: var(--accent);
+  --err: var(--terracotta);
+  --focus: var(--accent);
+  --drum-shadow: #000000;
+  --type-halo: 0 2px 18px rgba(0, 0, 0, .94), 0 0 54px rgba(0, 0, 0, .72);
+  --chev: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'><path d='M1 1l4 4 4-4' fill='none' stroke='%23a8a8a8' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/></svg>");
+  --check: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'><path d='M2 6.4l2.6 2.6L10 3.4' fill='none' stroke='%232a1305' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/></svg>");
+  --hatch: repeating-linear-gradient(45deg, transparent 0 5px, rgba(255, 255, 255, .14) 5px 6px);
+  --label-face: var(--font-body);
+  --label-size: 11.5px;
+  --label-space: .1em;
+}
+
+@media (prefers-color-scheme: dark) {
+  :root:not([data-mode="light"]) {
+  color-scheme: dark;
+  --bg: #000000;
+  --bg-card: #101012;
+  --bg-deep: #000000;
+  --bg-frame: #08080a;
+  --ink: #ffffff;
+  --ink-soft: #c0c0c0;
+  --ink-faint: #a8a8a8;
+  --rule: rgba(255, 255, 255, .16);
+  --rule-soft: rgba(255, 255, 255, .08);
+  --accent-deep: color-mix(in srgb, var(--accent) 70%, #ffffff);
+  --void: #000000;
+  --void-ink: var(--ink);
+  --void-ink-soft: var(--ink-soft);
+  --void-edge: rgba(255, 255, 255, .16);
+  --void-pill: rgba(0, 0, 0, .5);
+  --void-glass: rgba(255, 255, 255, .075);
+  --void-glass-strong: rgba(255, 255, 255, .14);
+  --void-glass-edge: rgba(255, 255, 255, .11);
+  --door-bg: var(--void-pill);
+  --glass: rgba(255, 255, 255, .11);
+  --glass-strong: rgba(255, 255, 255, .17);
+  --glass-edge: rgba(255, 255, 255, .13);
+  --glass-blur: 18px;
+  --accent-ink: var(--accent);
+  --accent-lift: color-mix(in srgb, var(--accent) 58%, #ffffff);
+  --accent-tint: color-mix(in srgb, var(--accent) 22%, #0b0a09);
+  --accent-on: #2a1305;
+  --accent-glow: 0 8px 28px color-mix(in srgb, var(--accent) 38%, transparent);
+  --ok: var(--accent);
+  --warn: var(--accent);
+  --err: var(--terracotta);
+  --focus: var(--accent);
+  --drum-shadow: #000000;
+  --type-halo: 0 2px 18px rgba(0, 0, 0, .94), 0 0 54px rgba(0, 0, 0, .72);
+  --chev: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'><path d='M1 1l4 4 4-4' fill='none' stroke='%23a8a8a8' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/></svg>");
+  --check: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'><path d='M2 6.4l2.6 2.6L10 3.4' fill='none' stroke='%232a1305' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/></svg>");
+  --hatch: repeating-linear-gradient(45deg, transparent 0 5px, rgba(255, 255, 255, .14) 5px 6px);
+  --label-face: var(--font-body);
+  --label-size: 11.5px;
+  --label-space: .1em;
+  }
+}
+
+/* ---- narrow: the bar tightens; the world is otherwise mode- and width-invariant ---- */
+@media (max-width: 900px) {
+  :root {
+    --top-h: 60px;
+  }
+}
+
+/* The kill switch. Every animation in this world is authored on a plate or a
+   control, and every one of them stops here. Nothing may escape it. */
+@media (prefers-reduced-motion: reduce) {
+  *, *::before, *::after { animation: none !important; transition: none !important; }
+}

package/public-landing/contact.html

@@ -15,7 +15,7 @@
 <link rel="canonical" href="{{publicOrigin}}/contact">
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;600;700&family=Quicksand:wght@400;500;600;700&family=Fira+Code:wght@400;500&display=swap">
+<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400&family=Manrope:wght@300;400;500;600&display=swap">
 <link rel="stylesheet" href="/assets/cosmos.css">
 <script>
 /* Mode, resolved before first paint — the same contract as every landing page. */