phase-7: motion, an installable app, and a capture that survives no signal

GSAP carries the counter roll-ups, the bandeja card physics, the dialog
transitions and the three success moments FLOWS.md allows. Every one of
them checks prefers-reduced-motion first and does nothing when it is set.

boneyard and canvas-ui are not what SPEC.md's stack table says they are:
on npm the names belong to two abandoned projects that do neither job.
The skeletons were already ours; the two canvas spots are now sixty lines
each with no dependency. DECISIONS.md records the substitution.

The app installs, keeps a scan taken with no network in IndexedDB and
sends it when there is one, falls back to a page that explains itself,
and can push a deadline notice. Reading the log of what is queued is the
source of truth, so the notice clears when the capture actually lands.

The CSP now allows scripts by per-request nonce rather than by
'unsafe-inline'. That forced /offline to render per request: a
prerendered page carries a build-time nonce no live policy matches, so
its scripts were blocked and it never hydrated.

Two crashes fixed on the way. web-push throws on a VAPID subject that is
not https: or mailto:, and the code handed it APP_PUBLIC_URL, so any
machine with push keys died at boot; a misconfigured optional channel now
switches itself off and says why. And a subscription the push service
answers 410 for is deleted rather than retried forever.

Lighthouse on the production build: accessibility 100, best practices 96,
SEO 100, performance 73. The performance number is not trustworthy on
this machine and DECISIONS.md says why; total blocking time did fall from
17.6s to 1.7s once the hero canvas stopped drawing at full resolution
every frame and the landing page stopped importing GSAP.

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

apps/web/app/[locale]/(marketing)/page.tsx

@@ -1,4 +1,5 @@
 import { setRequestLocale } from 'next-intl/server';
+import { HeroCanvas } from '@/components/canvas/hero-canvas';
 import { Card } from '@/components/ui/card';
 import { getT } from '@/i18n/t';
 import { RucHook } from './ruc-hook';
@@ -16,9 +17,10 @@ export default async function LandingPage({ params }: { params: Promise<{ locale
 
   return (
     <div className="mx-auto w-full max-w-5xl px-5">
-      {/* A subtle canvas effect belongs behind this hero (FLOWS.md A1). It lands with the
-          rest of the motion work in phase 7, reduced-motion safe and degrading to this. */}
-      <section className="py-14 sm:py-20">
+      {/* The one hero effect FLOWS.md A1 allows, behind the content and off under
+          reduced motion. */}
+      <section className="relative isolate py-14 sm:py-20">
+        <HeroCanvas />
         <h1 className="max-w-2xl text-4xl font-semibold tracking-tight text-balance sm:text-5xl">
           {t('landing.hero.title')}
         </h1>