feat(remotion): +3 scene blocks (BarChart, Stomp, DeviceMockup) + catalog/toolchain docs

Unlocks the biggest catalog gaps by composition:
- BarChart: animated infographic bars (value + label, normalized, staggered grow).
- Stomp: punchy beat-synced typography — words slam in with overshoot + shake +
  accent impact bar (titles / fashion / openers).
- DeviceMockup: phone/browser frame holding the user's screenshot + title/caption
  (app / website promo); placeholder when no image.
Registry now has 12 blocks. All verified via FlexStory props-override stills.

docs: CATALOG_PLAN.md (the full template taxonomy + production map + build waves;
the Persian/Islamic occasions = the moat) and PREMIUM_TOOLCHAIN.md (the stop-motion/
paper-cut/premium tool plan; editable-backdrop architecture; Iran/OFAC reality).

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

services/remotion/src/scenes/registry.ts

@@ -7,6 +7,9 @@ import { SlideshowBlock } from "./blocks/Slideshow";
 import { OutroCTABlock } from "./blocks/OutroCTA";
 import { LogoRevealBlock } from "./blocks/LogoReveal";
 import { StatCounterBlock } from "./blocks/StatCounter";
+import { BarChartBlock } from "./blocks/BarChart";
+import { StompBlock } from "./blocks/Stomp";
+import { DeviceMockupBlock } from "./blocks/DeviceMockup";
 import { ProductShowcaseBlock } from "./blocks/ProductShowcase";
 
 /**
@@ -24,6 +27,9 @@ export const SCENE_BLOCKS: Record<string, SceneBlock> = {
   [LogoRevealBlock.id]: LogoRevealBlock,
   [StatCounterBlock.id]: StatCounterBlock,
   [ProductShowcaseBlock.id]: ProductShowcaseBlock,
+  [BarChartBlock.id]: BarChartBlock,
+  [StompBlock.id]: StompBlock,
+  [DeviceMockupBlock.id]: DeviceMockupBlock,
 };
 
 export const BLOCK_LIST = Object.values(SCENE_BLOCKS);