From 449cfd6a050fe428fa8a4d57aaa9bfcd4ee10399 Mon Sep 17 00:00:00 2001
From: a-baran-orhan <a.baranorhan@gmail.com>
Date: Mon, 28 Sep 2026 01:28:53 +0300
Subject: [PATCH] Improve search indexing and add production health monitor

---
 package.json                                  |   3 +-
 playground/for-products.html                  |   6 +-
 playground/public/llm-guide.html              |   1 +
 playground/public/moves/bent-over-row.html    |  11 +-
 playground/public/moves/bow.html              |  11 +-
 playground/public/moves/box-squat.html        |  11 +-
 playground/public/moves/box-step-taps.html    |  11 +-
 playground/public/moves/box-step.html         |  11 +-
 playground/public/moves/calf-raise.html       |  11 +-
 playground/public/moves/chair.html            |  11 +-
 playground/public/moves/chest-opener.html     |  11 +-
 playground/public/moves/crunch.html           |  11 +-
 playground/public/moves/dead-bug.html         |  11 +-
 playground/public/moves/deadlift.html         |  11 +-
 playground/public/moves/fold.html             |  11 +-
 playground/public/moves/forward-lunge.html    |  11 +-
 playground/public/moves/front-kick.html       |  11 +-
 playground/public/moves/good-morning.html     |  11 +-
 playground/public/moves/grapevine.html        |  11 +-
 playground/public/moves/hamstring-curl.html   |  11 +-
 playground/public/moves/heel-raises.html      |  11 +-
 playground/public/moves/high-knee-march.html  |  11 +-
 playground/public/moves/hip-abduction.html    |  11 +-
 playground/public/moves/hip-flexion.html      |  11 +-
 playground/public/moves/horse-stance.html     |  11 +-
 playground/public/moves/index.html            |   9 +-
 playground/public/moves/jab-cross.html        |  11 +-
 playground/public/moves/jumping-jacks.html    |  11 +-
 playground/public/moves/lateral.html          |  11 +-
 .../public/moves/neck-side-stretch.html       |  11 +-
 playground/public/moves/neck.html             |  11 +-
 playground/public/moves/plank-hold.html       |  11 +-
 playground/public/moves/posture.html          |  11 +-
 playground/public/moves/quad-stretch.html     |  11 +-
 playground/public/moves/quarter-turns.html    |  11 +-
 .../public/moves/seated-forward-fold.html     |  11 +-
 .../public/moves/seated-torso-twist.html      |  11 +-
 .../moves/shoulder-blade-retraction.html      |  11 +-
 playground/public/moves/sidebend.html         |  11 +-
 playground/public/moves/sit-to-stand.html     |  11 +-
 playground/public/moves/spine-rotation.html   |  11 +-
 playground/public/moves/squat.html            |  11 +-
 playground/public/moves/step-up.html          |  11 +-
 .../public/moves/superhero-landing.html       |  11 +-
 playground/public/moves/supine-leg-raise.html |  11 +-
 playground/public/moves/twist.html            |  11 +-
 playground/public/moves/walk-cycle.html       |  11 +-
 playground/public/moves/wall-sit.html         |  11 +-
 playground/public/moves/waltz-box.html        |  11 +-
 .../public/moves/wrist-forearm-rolls.html     |  11 +-
 playground/public/sitemap.xml                 | 108 +++++++++---------
 playground/public/spec.html                   |   1 +
 playground/test/for-products.test.ts          |   2 +-
 scripts/check-site-health.mjs                 |  89 +++++++++++++++
 scripts/check-site-health.test.ts             |  37 ++++++
 scripts/generate-content-pages.mjs            |  11 +-
 scripts/generate-content-pages.test.ts        |  22 ++++
 scripts/lib/shell.mjs                         |   1 +
 58 files changed, 501 insertions(+), 295 deletions(-)
 create mode 100644 scripts/check-site-health.mjs
 create mode 100644 scripts/check-site-health.test.ts

diff --git a/package.json b/package.json
index 95e99bb..2c53017 100644
--- a/package.json
+++ b/package.json
@@ -26,7 +26,8 @@
     "video:cut2:vertical": "remotion render video/cut2/index.tsx PosecodeCut2Vertical docs/launch-media/posecode-cut2-builder-9x16.mp4 --public-dir video/cut2/public --codec h264 --crf 16",
     "video:cut2:still": "remotion still video/cut2/index.tsx PosecodeCut2 docs/launch-media/posecode-cut2-payoff.png --public-dir video/cut2/public --frame 825",
     "typecheck": "for p in packages/*/tsconfig.json playground/tsconfig.json editors/*/tsconfig.json; do tsc --noEmit -p \"$p\" || exit 1; done",
-    "gifs": "node scripts/capture-gifs.mjs"
+    "gifs": "node scripts/capture-gifs.mjs",
+    "monitor:site": "node scripts/check-site-health.mjs"
   },
   "devDependencies": {
     "@changesets/cli": "^3.0.1",
diff --git a/playground/for-products.html b/playground/for-products.html
index 60f48e8..d7e069e 100644
--- a/playground/for-products.html
+++ b/playground/for-products.html
@@ -3,8 +3,8 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Integrate Inspectable Movement | Posecode for Products</title>
-    <meta name="description" content="Add a readable, editable movement format to an animation tool, LLM workflow, or web product with Posecode's parser, renderer, web component, and MCP server." />
+    <title>3D Movement SDK &amp; Web Component | Posecode for Products</title>
+    <meta name="description" content="Embed editable 3D human movement in an animation tool, LLM workflow, or web product with Posecode's TypeScript parser, Three.js renderer, web component, and MCP server." />
     <link rel="canonical" href="https://www.posecode.org/for-products" />
     <link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png" />
     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
@@ -75,7 +75,7 @@ <h2>Start at the layer you need.</h2>
             <span class="card-index">01 / embed</span>
             <h3>Drop in a movement player</h3>
             <p>Use the framework-free <code>&lt;posecode-player&gt;</code> web component with inline Posecode, a <code>.posecode</code> URL, or a share token.</p>
-            <pre aria-label="HTML web component example"><code>&lt;script src="https://unpkg.com/posecode-embed@0.2.2/dist/posecode-embed.js"&gt;&lt;/script&gt;
+            <pre aria-label="HTML web component example"><code>&lt;script src="https://unpkg.com/posecode-embed@0.5.0/dist/posecode-embed.js"&gt;&lt;/script&gt;
 &lt;posecode-player src="/moves/squat.posecode"&gt;&lt;/posecode-player&gt;</code></pre>
             <div class="integration-actions">
               <button class="code-action" type="button" data-copy-command="embed" data-command="npm install posecode-embed">Copy npm command</button>
diff --git a/playground/public/llm-guide.html b/playground/public/llm-guide.html
index 996f18e..48ec344 100644
--- a/playground/public/llm-guide.html
+++ b/playground/public/llm-guide.html
@@ -110,6 +110,7 @@
         <nav class="links" aria-label="Primary">
           <a href="/play">Playground</a>
           <a href="/moves/">Movement library</a>
+          <a href="/for-products">For products</a>
           <a href="/spec.html">Language spec</a>
           <a href="/llm-guide.html">LLM authoring</a>
           <a href="mailto:hello@posecode.org?subject=Posecode%20Feedback">Feedback</a>
diff --git a/playground/public/moves/bent-over-row.html b/playground/public/moves/bent-over-row.html
index d274ff3..296b00e 100644
--- a/playground/public/moves/bent-over-row.html
+++ b/playground/public/moves/bent-over-row.html
@@ -3,14 +3,14 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Bent-over row: Posecode Movement Example | Posecode</title>
+    <title>Bent-over row 3D Animation &amp; Editable Source | Posecode</title>
     <link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png" />
     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
-    <meta name="description" content="Bent-over row is an intermediate-level fitness Posecode example with 4 inspectable phases and a link to live 3D playback." />
+    <meta name="description" content="Bent-over row rendered as an editable 3D animation from inspectable Posecode source, with 4 intermediate-level fitness phases and live browser playback." />
     <link rel="canonical" href="https://www.posecode.org/moves/bent-over-row.html" />
     <meta name="theme-color" content="#0b0c0d" />
-    <meta property="og:title" content="Bent-over row: Posecode Movement Example | Posecode" />
-    <meta property="og:description" content="Bent-over row is an intermediate-level fitness Posecode example with 4 inspectable phases and a link to live 3D playback." />
+    <meta property="og:title" content="Bent-over row 3D Animation &amp; Editable Source | Posecode" />
+    <meta property="og:description" content="Bent-over row rendered as an editable 3D animation from inspectable Posecode source, with 4 intermediate-level fitness phases and live browser playback." />
     <meta property="og:type" content="website" />
     <meta property="og:url" content="https://www.posecode.org/moves/bent-over-row.html" />
     <meta property="og:site_name" content="Posecode" />
@@ -97,7 +97,7 @@
 @media(max-width:600px){.wrap{padding:0 18px}}
 </style>
     <link rel="stylesheet" href="/content-theme.css" />
-    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Bent-over row: a Posecode movement example","description":"Bent-over row is an intermediate-level fitness Posecode example with 4 inspectable phases and a link to live 3D playback."}</script>
+    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Bent-over row: editable 3D animation and Posecode source","description":"Bent-over row rendered as an editable 3D animation from inspectable Posecode source, with 4 intermediate-level fitness phases and live browser playback."}</script>
     <script>
       window.va = window.va || function () { (window.vaq = window.vaq || []).push(arguments); };
     </script>
@@ -110,6 +110,7 @@
         <nav class="links" aria-label="Primary">
           <a href="/play">Playground</a>
           <a href="/moves/">Movement library</a>
+          <a href="/for-products">For products</a>
           <a href="/spec.html">Language spec</a>
           <a href="/llm-guide.html">LLM authoring</a>
           <a href="mailto:hello@posecode.org?subject=Posecode%20Feedback">Feedback</a>
diff --git a/playground/public/moves/bow.html b/playground/public/moves/bow.html
index 5a36159..c630d01 100644
--- a/playground/public/moves/bow.html
+++ b/playground/public/moves/bow.html
@@ -3,14 +3,14 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Standing bow: Posecode Movement Example | Posecode</title>
+    <title>Standing bow 3D Animation &amp; Editable Source | Posecode</title>
     <link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png" />
     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
-    <meta name="description" content="Standing bow is a beginner-level martial arts Posecode example with 2 inspectable phases and a link to live 3D playback." />
+    <meta name="description" content="Standing bow rendered as an editable 3D animation from inspectable Posecode source, with 2 beginner-level martial arts phases and live browser playback." />
     <link rel="canonical" href="https://www.posecode.org/moves/bow.html" />
     <meta name="theme-color" content="#0b0c0d" />
-    <meta property="og:title" content="Standing bow: Posecode Movement Example | Posecode" />
-    <meta property="og:description" content="Standing bow is a beginner-level martial arts Posecode example with 2 inspectable phases and a link to live 3D playback." />
+    <meta property="og:title" content="Standing bow 3D Animation &amp; Editable Source | Posecode" />
+    <meta property="og:description" content="Standing bow rendered as an editable 3D animation from inspectable Posecode source, with 2 beginner-level martial arts phases and live browser playback." />
     <meta property="og:type" content="website" />
     <meta property="og:url" content="https://www.posecode.org/moves/bow.html" />
     <meta property="og:site_name" content="Posecode" />
@@ -97,7 +97,7 @@
 @media(max-width:600px){.wrap{padding:0 18px}}
 </style>
     <link rel="stylesheet" href="/content-theme.css" />
-    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Standing bow: a Posecode movement example","description":"Standing bow is a beginner-level martial arts Posecode example with 2 inspectable phases and a link to live 3D playback."}</script>
+    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Standing bow: editable 3D animation and Posecode source","description":"Standing bow rendered as an editable 3D animation from inspectable Posecode source, with 2 beginner-level martial arts phases and live browser playback."}</script>
     <script>
       window.va = window.va || function () { (window.vaq = window.vaq || []).push(arguments); };
     </script>
@@ -110,6 +110,7 @@
         <nav class="links" aria-label="Primary">
           <a href="/play">Playground</a>
           <a href="/moves/">Movement library</a>
+          <a href="/for-products">For products</a>
           <a href="/spec.html">Language spec</a>
           <a href="/llm-guide.html">LLM authoring</a>
           <a href="mailto:hello@posecode.org?subject=Posecode%20Feedback">Feedback</a>
diff --git a/playground/public/moves/box-squat.html b/playground/public/moves/box-squat.html
index 0b593a9..0acc5b8 100644
--- a/playground/public/moves/box-squat.html
+++ b/playground/public/moves/box-squat.html
@@ -3,14 +3,14 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Box squat: Posecode Movement Example | Posecode</title>
+    <title>Box squat 3D Animation &amp; Editable Source | Posecode</title>
     <link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png" />
     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
-    <meta name="description" content="Box squat is a beginner-level fitness Posecode example with 2 inspectable phases and a link to live 3D playback." />
+    <meta name="description" content="Box squat rendered as an editable 3D animation from inspectable Posecode source, with 2 beginner-level fitness phases and live browser playback." />
     <link rel="canonical" href="https://www.posecode.org/moves/box-squat.html" />
     <meta name="theme-color" content="#0b0c0d" />
-    <meta property="og:title" content="Box squat: Posecode Movement Example | Posecode" />
-    <meta property="og:description" content="Box squat is a beginner-level fitness Posecode example with 2 inspectable phases and a link to live 3D playback." />
+    <meta property="og:title" content="Box squat 3D Animation &amp; Editable Source | Posecode" />
+    <meta property="og:description" content="Box squat rendered as an editable 3D animation from inspectable Posecode source, with 2 beginner-level fitness phases and live browser playback." />
     <meta property="og:type" content="website" />
     <meta property="og:url" content="https://www.posecode.org/moves/box-squat.html" />
     <meta property="og:site_name" content="Posecode" />
@@ -97,7 +97,7 @@
 @media(max-width:600px){.wrap{padding:0 18px}}
 </style>
     <link rel="stylesheet" href="/content-theme.css" />
-    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Box squat: a Posecode movement example","description":"Box squat is a beginner-level fitness Posecode example with 2 inspectable phases and a link to live 3D playback."}</script>
+    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Box squat: editable 3D animation and Posecode source","description":"Box squat rendered as an editable 3D animation from inspectable Posecode source, with 2 beginner-level fitness phases and live browser playback."}</script>
     <script>
       window.va = window.va || function () { (window.vaq = window.vaq || []).push(arguments); };
     </script>
@@ -110,6 +110,7 @@
         <nav class="links" aria-label="Primary">
           <a href="/play">Playground</a>
           <a href="/moves/">Movement library</a>
+          <a href="/for-products">For products</a>
           <a href="/spec.html">Language spec</a>
           <a href="/llm-guide.html">LLM authoring</a>
           <a href="mailto:hello@posecode.org?subject=Posecode%20Feedback">Feedback</a>
diff --git a/playground/public/moves/box-step-taps.html b/playground/public/moves/box-step-taps.html
index 5016510..79c9614 100644
--- a/playground/public/moves/box-step-taps.html
+++ b/playground/public/moves/box-step-taps.html
@@ -3,14 +3,14 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Box step taps: Posecode Movement Example | Posecode</title>
+    <title>Box step taps 3D Animation &amp; Editable Source | Posecode</title>
     <link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png" />
     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
-    <meta name="description" content="Box step taps is a beginner-level warm-up Posecode example with 4 inspectable phases and a link to live 3D playback." />
+    <meta name="description" content="Box step taps rendered as an editable 3D animation from inspectable Posecode source, with 4 beginner-level warm-up phases and live browser playback." />
     <link rel="canonical" href="https://www.posecode.org/moves/box-step-taps.html" />
     <meta name="theme-color" content="#0b0c0d" />
-    <meta property="og:title" content="Box step taps: Posecode Movement Example | Posecode" />
-    <meta property="og:description" content="Box step taps is a beginner-level warm-up Posecode example with 4 inspectable phases and a link to live 3D playback." />
+    <meta property="og:title" content="Box step taps 3D Animation &amp; Editable Source | Posecode" />
+    <meta property="og:description" content="Box step taps rendered as an editable 3D animation from inspectable Posecode source, with 4 beginner-level warm-up phases and live browser playback." />
     <meta property="og:type" content="website" />
     <meta property="og:url" content="https://www.posecode.org/moves/box-step-taps.html" />
     <meta property="og:site_name" content="Posecode" />
@@ -97,7 +97,7 @@
 @media(max-width:600px){.wrap{padding:0 18px}}
 </style>
     <link rel="stylesheet" href="/content-theme.css" />
-    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Box step taps: a Posecode movement example","description":"Box step taps is a beginner-level warm-up Posecode example with 4 inspectable phases and a link to live 3D playback."}</script>
+    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Box step taps: editable 3D animation and Posecode source","description":"Box step taps rendered as an editable 3D animation from inspectable Posecode source, with 4 beginner-level warm-up phases and live browser playback."}</script>
     <script>
       window.va = window.va || function () { (window.vaq = window.vaq || []).push(arguments); };
     </script>
@@ -110,6 +110,7 @@
         <nav class="links" aria-label="Primary">
           <a href="/play">Playground</a>
           <a href="/moves/">Movement library</a>
+          <a href="/for-products">For products</a>
           <a href="/spec.html">Language spec</a>
           <a href="/llm-guide.html">LLM authoring</a>
           <a href="mailto:hello@posecode.org?subject=Posecode%20Feedback">Feedback</a>
diff --git a/playground/public/moves/box-step.html b/playground/public/moves/box-step.html
index 19dd457..7b6e4b5 100644
--- a/playground/public/moves/box-step.html
+++ b/playground/public/moves/box-step.html
@@ -3,14 +3,14 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Box step: Posecode Movement Example | Posecode</title>
+    <title>Box step 3D Animation &amp; Editable Source | Posecode</title>
     <link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png" />
     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
-    <meta name="description" content="Box step is a beginner-level dance Posecode example with 4 inspectable phases and a link to live 3D playback." />
+    <meta name="description" content="Box step rendered as an editable 3D animation from inspectable Posecode source, with 4 beginner-level dance phases and live browser playback." />
     <link rel="canonical" href="https://www.posecode.org/moves/box-step.html" />
     <meta name="theme-color" content="#0b0c0d" />
-    <meta property="og:title" content="Box step: Posecode Movement Example | Posecode" />
-    <meta property="og:description" content="Box step is a beginner-level dance Posecode example with 4 inspectable phases and a link to live 3D playback." />
+    <meta property="og:title" content="Box step 3D Animation &amp; Editable Source | Posecode" />
+    <meta property="og:description" content="Box step rendered as an editable 3D animation from inspectable Posecode source, with 4 beginner-level dance phases and live browser playback." />
     <meta property="og:type" content="website" />
     <meta property="og:url" content="https://www.posecode.org/moves/box-step.html" />
     <meta property="og:site_name" content="Posecode" />
@@ -97,7 +97,7 @@
 @media(max-width:600px){.wrap{padding:0 18px}}
 </style>
     <link rel="stylesheet" href="/content-theme.css" />
-    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Box step: a Posecode movement example","description":"Box step is a beginner-level dance Posecode example with 4 inspectable phases and a link to live 3D playback."}</script>
+    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Box step: editable 3D animation and Posecode source","description":"Box step rendered as an editable 3D animation from inspectable Posecode source, with 4 beginner-level dance phases and live browser playback."}</script>
     <script>
       window.va = window.va || function () { (window.vaq = window.vaq || []).push(arguments); };
     </script>
@@ -110,6 +110,7 @@
         <nav class="links" aria-label="Primary">
           <a href="/play">Playground</a>
           <a href="/moves/">Movement library</a>
+          <a href="/for-products">For products</a>
           <a href="/spec.html">Language spec</a>
           <a href="/llm-guide.html">LLM authoring</a>
           <a href="mailto:hello@posecode.org?subject=Posecode%20Feedback">Feedback</a>
diff --git a/playground/public/moves/calf-raise.html b/playground/public/moves/calf-raise.html
index dc3c3d0..ac46ade 100644
--- a/playground/public/moves/calf-raise.html
+++ b/playground/public/moves/calf-raise.html
@@ -3,14 +3,14 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Single-leg calf raise: Posecode Movement Example | Posecode</title>
+    <title>Single-leg calf raise 3D Animation &amp; Editable Source | Posecode</title>
     <link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png" />
     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
-    <meta name="description" content="Single-leg calf raise is an intermediate-level fitness Posecode example with 2 inspectable phases and a link to live 3D playback." />
+    <meta name="description" content="Single-leg calf raise rendered as an editable 3D animation from inspectable Posecode source, with 2 intermediate-level fitness phases and live browser playback." />
     <link rel="canonical" href="https://www.posecode.org/moves/calf-raise.html" />
     <meta name="theme-color" content="#0b0c0d" />
-    <meta property="og:title" content="Single-leg calf raise: Posecode Movement Example | Posecode" />
-    <meta property="og:description" content="Single-leg calf raise is an intermediate-level fitness Posecode example with 2 inspectable phases and a link to live 3D playback." />
+    <meta property="og:title" content="Single-leg calf raise 3D Animation &amp; Editable Source | Posecode" />
+    <meta property="og:description" content="Single-leg calf raise rendered as an editable 3D animation from inspectable Posecode source, with 2 intermediate-level fitness phases and live browser playback." />
     <meta property="og:type" content="website" />
     <meta property="og:url" content="https://www.posecode.org/moves/calf-raise.html" />
     <meta property="og:site_name" content="Posecode" />
@@ -97,7 +97,7 @@
 @media(max-width:600px){.wrap{padding:0 18px}}
 </style>
     <link rel="stylesheet" href="/content-theme.css" />
-    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Single-leg calf raise: a Posecode movement example","description":"Single-leg calf raise is an intermediate-level fitness Posecode example with 2 inspectable phases and a link to live 3D playback."}</script>
+    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Single-leg calf raise: editable 3D animation and Posecode source","description":"Single-leg calf raise rendered as an editable 3D animation from inspectable Posecode source, with 2 intermediate-level fitness phases and live browser playback."}</script>
     <script>
       window.va = window.va || function () { (window.vaq = window.vaq || []).push(arguments); };
     </script>
@@ -110,6 +110,7 @@
         <nav class="links" aria-label="Primary">
           <a href="/play">Playground</a>
           <a href="/moves/">Movement library</a>
+          <a href="/for-products">For products</a>
           <a href="/spec.html">Language spec</a>
           <a href="/llm-guide.html">LLM authoring</a>
           <a href="mailto:hello@posecode.org?subject=Posecode%20Feedback">Feedback</a>
diff --git a/playground/public/moves/chair.html b/playground/public/moves/chair.html
index 17424a0..eaf9013 100644
--- a/playground/public/moves/chair.html
+++ b/playground/public/moves/chair.html
@@ -3,14 +3,14 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Chair pose: Posecode Movement Example | Posecode</title>
+    <title>Chair pose 3D Animation &amp; Editable Source | Posecode</title>
     <link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png" />
     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
-    <meta name="description" content="Chair pose is an intermediate-level yoga Posecode example with 2 inspectable phases and a link to live 3D playback." />
+    <meta name="description" content="Chair pose rendered as an editable 3D animation from inspectable Posecode source, with 2 intermediate-level yoga phases and live browser playback." />
     <link rel="canonical" href="https://www.posecode.org/moves/chair.html" />
     <meta name="theme-color" content="#0b0c0d" />
-    <meta property="og:title" content="Chair pose: Posecode Movement Example | Posecode" />
-    <meta property="og:description" content="Chair pose is an intermediate-level yoga Posecode example with 2 inspectable phases and a link to live 3D playback." />
+    <meta property="og:title" content="Chair pose 3D Animation &amp; Editable Source | Posecode" />
+    <meta property="og:description" content="Chair pose rendered as an editable 3D animation from inspectable Posecode source, with 2 intermediate-level yoga phases and live browser playback." />
     <meta property="og:type" content="website" />
     <meta property="og:url" content="https://www.posecode.org/moves/chair.html" />
     <meta property="og:site_name" content="Posecode" />
@@ -97,7 +97,7 @@
 @media(max-width:600px){.wrap{padding:0 18px}}
 </style>
     <link rel="stylesheet" href="/content-theme.css" />
-    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Chair pose: a Posecode movement example","description":"Chair pose is an intermediate-level yoga Posecode example with 2 inspectable phases and a link to live 3D playback."}</script>
+    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Chair pose: editable 3D animation and Posecode source","description":"Chair pose rendered as an editable 3D animation from inspectable Posecode source, with 2 intermediate-level yoga phases and live browser playback."}</script>
     <script>
       window.va = window.va || function () { (window.vaq = window.vaq || []).push(arguments); };
     </script>
@@ -110,6 +110,7 @@
         <nav class="links" aria-label="Primary">
           <a href="/play">Playground</a>
           <a href="/moves/">Movement library</a>
+          <a href="/for-products">For products</a>
           <a href="/spec.html">Language spec</a>
           <a href="/llm-guide.html">LLM authoring</a>
           <a href="mailto:hello@posecode.org?subject=Posecode%20Feedback">Feedback</a>
diff --git a/playground/public/moves/chest-opener.html b/playground/public/moves/chest-opener.html
index 7c5c0e3..83ef040 100644
--- a/playground/public/moves/chest-opener.html
+++ b/playground/public/moves/chest-opener.html
@@ -3,14 +3,14 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Chest opener: Posecode Movement Example | Posecode</title>
+    <title>Chest opener 3D Animation &amp; Editable Source | Posecode</title>
     <link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png" />
     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
-    <meta name="description" content="Chest opener is a beginner-level desk &amp; posture Posecode example with 2 inspectable phases and a link to live 3D playback." />
+    <meta name="description" content="Chest opener rendered as an editable 3D animation from inspectable Posecode source, with 2 beginner-level desk &amp; posture phases and live browser playback." />
     <link rel="canonical" href="https://www.posecode.org/moves/chest-opener.html" />
     <meta name="theme-color" content="#0b0c0d" />
-    <meta property="og:title" content="Chest opener: Posecode Movement Example | Posecode" />
-    <meta property="og:description" content="Chest opener is a beginner-level desk &amp; posture Posecode example with 2 inspectable phases and a link to live 3D playback." />
+    <meta property="og:title" content="Chest opener 3D Animation &amp; Editable Source | Posecode" />
+    <meta property="og:description" content="Chest opener rendered as an editable 3D animation from inspectable Posecode source, with 2 beginner-level desk &amp; posture phases and live browser playback." />
     <meta property="og:type" content="website" />
     <meta property="og:url" content="https://www.posecode.org/moves/chest-opener.html" />
     <meta property="og:site_name" content="Posecode" />
@@ -97,7 +97,7 @@
 @media(max-width:600px){.wrap{padding:0 18px}}
 </style>
     <link rel="stylesheet" href="/content-theme.css" />
-    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Chest opener: a Posecode movement example","description":"Chest opener is a beginner-level desk & posture Posecode example with 2 inspectable phases and a link to live 3D playback."}</script>
+    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Chest opener: editable 3D animation and Posecode source","description":"Chest opener rendered as an editable 3D animation from inspectable Posecode source, with 2 beginner-level desk & posture phases and live browser playback."}</script>
     <script>
       window.va = window.va || function () { (window.vaq = window.vaq || []).push(arguments); };
     </script>
@@ -110,6 +110,7 @@
         <nav class="links" aria-label="Primary">
           <a href="/play">Playground</a>
           <a href="/moves/">Movement library</a>
+          <a href="/for-products">For products</a>
           <a href="/spec.html">Language spec</a>
           <a href="/llm-guide.html">LLM authoring</a>
           <a href="mailto:hello@posecode.org?subject=Posecode%20Feedback">Feedback</a>
diff --git a/playground/public/moves/crunch.html b/playground/public/moves/crunch.html
index 8325920..b21caf2 100644
--- a/playground/public/moves/crunch.html
+++ b/playground/public/moves/crunch.html
@@ -3,14 +3,14 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Crunch: Posecode Movement Example | Posecode</title>
+    <title>Crunch 3D Animation &amp; Editable Source | Posecode</title>
     <link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png" />
     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
-    <meta name="description" content="Crunch is a beginner-level fitness Posecode example with 3 inspectable phases and a link to live 3D playback." />
+    <meta name="description" content="Crunch rendered as an editable 3D animation from inspectable Posecode source, with 3 beginner-level fitness phases and live browser playback." />
     <link rel="canonical" href="https://www.posecode.org/moves/crunch.html" />
     <meta name="theme-color" content="#0b0c0d" />
-    <meta property="og:title" content="Crunch: Posecode Movement Example | Posecode" />
-    <meta property="og:description" content="Crunch is a beginner-level fitness Posecode example with 3 inspectable phases and a link to live 3D playback." />
+    <meta property="og:title" content="Crunch 3D Animation &amp; Editable Source | Posecode" />
+    <meta property="og:description" content="Crunch rendered as an editable 3D animation from inspectable Posecode source, with 3 beginner-level fitness phases and live browser playback." />
     <meta property="og:type" content="website" />
     <meta property="og:url" content="https://www.posecode.org/moves/crunch.html" />
     <meta property="og:site_name" content="Posecode" />
@@ -97,7 +97,7 @@
 @media(max-width:600px){.wrap{padding:0 18px}}
 </style>
     <link rel="stylesheet" href="/content-theme.css" />
-    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Crunch: a Posecode movement example","description":"Crunch is a beginner-level fitness Posecode example with 3 inspectable phases and a link to live 3D playback."}</script>
+    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Crunch: editable 3D animation and Posecode source","description":"Crunch rendered as an editable 3D animation from inspectable Posecode source, with 3 beginner-level fitness phases and live browser playback."}</script>
     <script>
       window.va = window.va || function () { (window.vaq = window.vaq || []).push(arguments); };
     </script>
@@ -110,6 +110,7 @@
         <nav class="links" aria-label="Primary">
           <a href="/play">Playground</a>
           <a href="/moves/">Movement library</a>
+          <a href="/for-products">For products</a>
           <a href="/spec.html">Language spec</a>
           <a href="/llm-guide.html">LLM authoring</a>
           <a href="mailto:hello@posecode.org?subject=Posecode%20Feedback">Feedback</a>
diff --git a/playground/public/moves/dead-bug.html b/playground/public/moves/dead-bug.html
index b21a3d9..346c07c 100644
--- a/playground/public/moves/dead-bug.html
+++ b/playground/public/moves/dead-bug.html
@@ -3,14 +3,14 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Dead bug: Posecode Movement Example | Posecode</title>
+    <title>Dead bug 3D Animation &amp; Editable Source | Posecode</title>
     <link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png" />
     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
-    <meta name="description" content="Dead bug is a beginner-level physiotherapy Posecode example with 4 inspectable phases and a link to live 3D playback." />
+    <meta name="description" content="Dead bug rendered as an editable 3D animation from inspectable Posecode source, with 4 beginner-level physiotherapy phases and live browser playback." />
     <link rel="canonical" href="https://www.posecode.org/moves/dead-bug.html" />
     <meta name="theme-color" content="#0b0c0d" />
-    <meta property="og:title" content="Dead bug: Posecode Movement Example | Posecode" />
-    <meta property="og:description" content="Dead bug is a beginner-level physiotherapy Posecode example with 4 inspectable phases and a link to live 3D playback." />
+    <meta property="og:title" content="Dead bug 3D Animation &amp; Editable Source | Posecode" />
+    <meta property="og:description" content="Dead bug rendered as an editable 3D animation from inspectable Posecode source, with 4 beginner-level physiotherapy phases and live browser playback." />
     <meta property="og:type" content="website" />
     <meta property="og:url" content="https://www.posecode.org/moves/dead-bug.html" />
     <meta property="og:site_name" content="Posecode" />
@@ -97,7 +97,7 @@
 @media(max-width:600px){.wrap{padding:0 18px}}
 </style>
     <link rel="stylesheet" href="/content-theme.css" />
-    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Dead bug: a Posecode movement example","description":"Dead bug is a beginner-level physiotherapy Posecode example with 4 inspectable phases and a link to live 3D playback."}</script>
+    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Dead bug: editable 3D animation and Posecode source","description":"Dead bug rendered as an editable 3D animation from inspectable Posecode source, with 4 beginner-level physiotherapy phases and live browser playback."}</script>
     <script>
       window.va = window.va || function () { (window.vaq = window.vaq || []).push(arguments); };
     </script>
@@ -110,6 +110,7 @@
         <nav class="links" aria-label="Primary">
           <a href="/play">Playground</a>
           <a href="/moves/">Movement library</a>
+          <a href="/for-products">For products</a>
           <a href="/spec.html">Language spec</a>
           <a href="/llm-guide.html">LLM authoring</a>
           <a href="mailto:hello@posecode.org?subject=Posecode%20Feedback">Feedback</a>
diff --git a/playground/public/moves/deadlift.html b/playground/public/moves/deadlift.html
index c934fd6..fa5fccb 100644
--- a/playground/public/moves/deadlift.html
+++ b/playground/public/moves/deadlift.html
@@ -3,14 +3,14 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Deadlift: Posecode Movement Example | Posecode</title>
+    <title>Deadlift 3D Animation &amp; Editable Source | Posecode</title>
     <link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png" />
     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
-    <meta name="description" content="Deadlift is an intermediate-level fitness Posecode example with 2 inspectable phases and a link to live 3D playback." />
+    <meta name="description" content="Deadlift rendered as an editable 3D animation from inspectable Posecode source, with 2 intermediate-level fitness phases and live browser playback." />
     <link rel="canonical" href="https://www.posecode.org/moves/deadlift.html" />
     <meta name="theme-color" content="#0b0c0d" />
-    <meta property="og:title" content="Deadlift: Posecode Movement Example | Posecode" />
-    <meta property="og:description" content="Deadlift is an intermediate-level fitness Posecode example with 2 inspectable phases and a link to live 3D playback." />
+    <meta property="og:title" content="Deadlift 3D Animation &amp; Editable Source | Posecode" />
+    <meta property="og:description" content="Deadlift rendered as an editable 3D animation from inspectable Posecode source, with 2 intermediate-level fitness phases and live browser playback." />
     <meta property="og:type" content="website" />
     <meta property="og:url" content="https://www.posecode.org/moves/deadlift.html" />
     <meta property="og:site_name" content="Posecode" />
@@ -97,7 +97,7 @@
 @media(max-width:600px){.wrap{padding:0 18px}}
 </style>
     <link rel="stylesheet" href="/content-theme.css" />
-    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Deadlift: a Posecode movement example","description":"Deadlift is an intermediate-level fitness Posecode example with 2 inspectable phases and a link to live 3D playback."}</script>
+    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Deadlift: editable 3D animation and Posecode source","description":"Deadlift rendered as an editable 3D animation from inspectable Posecode source, with 2 intermediate-level fitness phases and live browser playback."}</script>
     <script>
       window.va = window.va || function () { (window.vaq = window.vaq || []).push(arguments); };
     </script>
@@ -110,6 +110,7 @@
         <nav class="links" aria-label="Primary">
           <a href="/play">Playground</a>
           <a href="/moves/">Movement library</a>
+          <a href="/for-products">For products</a>
           <a href="/spec.html">Language spec</a>
           <a href="/llm-guide.html">LLM authoring</a>
           <a href="mailto:hello@posecode.org?subject=Posecode%20Feedback">Feedback</a>
diff --git a/playground/public/moves/fold.html b/playground/public/moves/fold.html
index d3fa573..83bfdfa 100644
--- a/playground/public/moves/fold.html
+++ b/playground/public/moves/fold.html
@@ -3,14 +3,14 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Standing roll-down: Posecode Movement Example | Posecode</title>
+    <title>Standing roll-down 3D Animation &amp; Editable Source | Posecode</title>
     <link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png" />
     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
-    <meta name="description" content="Standing roll-down is a beginner-level mobility Posecode example with 2 inspectable phases and a link to live 3D playback." />
+    <meta name="description" content="Standing roll-down rendered as an editable 3D animation from inspectable Posecode source, with 2 beginner-level mobility phases and live browser playback." />
     <link rel="canonical" href="https://www.posecode.org/moves/fold.html" />
     <meta name="theme-color" content="#0b0c0d" />
-    <meta property="og:title" content="Standing roll-down: Posecode Movement Example | Posecode" />
-    <meta property="og:description" content="Standing roll-down is a beginner-level mobility Posecode example with 2 inspectable phases and a link to live 3D playback." />
+    <meta property="og:title" content="Standing roll-down 3D Animation &amp; Editable Source | Posecode" />
+    <meta property="og:description" content="Standing roll-down rendered as an editable 3D animation from inspectable Posecode source, with 2 beginner-level mobility phases and live browser playback." />
     <meta property="og:type" content="website" />
     <meta property="og:url" content="https://www.posecode.org/moves/fold.html" />
     <meta property="og:site_name" content="Posecode" />
@@ -97,7 +97,7 @@
 @media(max-width:600px){.wrap{padding:0 18px}}
 </style>
     <link rel="stylesheet" href="/content-theme.css" />
-    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Standing roll-down: a Posecode movement example","description":"Standing roll-down is a beginner-level mobility Posecode example with 2 inspectable phases and a link to live 3D playback."}</script>
+    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Standing roll-down: editable 3D animation and Posecode source","description":"Standing roll-down rendered as an editable 3D animation from inspectable Posecode source, with 2 beginner-level mobility phases and live browser playback."}</script>
     <script>
       window.va = window.va || function () { (window.vaq = window.vaq || []).push(arguments); };
     </script>
@@ -110,6 +110,7 @@
         <nav class="links" aria-label="Primary">
           <a href="/play">Playground</a>
           <a href="/moves/">Movement library</a>
+          <a href="/for-products">For products</a>
           <a href="/spec.html">Language spec</a>
           <a href="/llm-guide.html">LLM authoring</a>
           <a href="mailto:hello@posecode.org?subject=Posecode%20Feedback">Feedback</a>
diff --git a/playground/public/moves/forward-lunge.html b/playground/public/moves/forward-lunge.html
index 848c0e3..1c1e0b7 100644
--- a/playground/public/moves/forward-lunge.html
+++ b/playground/public/moves/forward-lunge.html
@@ -3,14 +3,14 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Forward lunge: Posecode Movement Example | Posecode</title>
+    <title>Forward lunge 3D Animation &amp; Editable Source | Posecode</title>
     <link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png" />
     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
-    <meta name="description" content="Forward lunge is an intermediate-level fitness Posecode example with 2 inspectable phases and a link to live 3D playback." />
+    <meta name="description" content="Forward lunge rendered as an editable 3D animation from inspectable Posecode source, with 2 intermediate-level fitness phases and live browser playback." />
     <link rel="canonical" href="https://www.posecode.org/moves/forward-lunge.html" />
     <meta name="theme-color" content="#0b0c0d" />
-    <meta property="og:title" content="Forward lunge: Posecode Movement Example | Posecode" />
-    <meta property="og:description" content="Forward lunge is an intermediate-level fitness Posecode example with 2 inspectable phases and a link to live 3D playback." />
+    <meta property="og:title" content="Forward lunge 3D Animation &amp; Editable Source | Posecode" />
+    <meta property="og:description" content="Forward lunge rendered as an editable 3D animation from inspectable Posecode source, with 2 intermediate-level fitness phases and live browser playback." />
     <meta property="og:type" content="website" />
     <meta property="og:url" content="https://www.posecode.org/moves/forward-lunge.html" />
     <meta property="og:site_name" content="Posecode" />
@@ -97,7 +97,7 @@
 @media(max-width:600px){.wrap{padding:0 18px}}
 </style>
     <link rel="stylesheet" href="/content-theme.css" />
-    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Forward lunge: a Posecode movement example","description":"Forward lunge is an intermediate-level fitness Posecode example with 2 inspectable phases and a link to live 3D playback."}</script>
+    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Forward lunge: editable 3D animation and Posecode source","description":"Forward lunge rendered as an editable 3D animation from inspectable Posecode source, with 2 intermediate-level fitness phases and live browser playback."}</script>
     <script>
       window.va = window.va || function () { (window.vaq = window.vaq || []).push(arguments); };
     </script>
@@ -110,6 +110,7 @@
         <nav class="links" aria-label="Primary">
           <a href="/play">Playground</a>
           <a href="/moves/">Movement library</a>
+          <a href="/for-products">For products</a>
           <a href="/spec.html">Language spec</a>
           <a href="/llm-guide.html">LLM authoring</a>
           <a href="mailto:hello@posecode.org?subject=Posecode%20Feedback">Feedback</a>
diff --git a/playground/public/moves/front-kick.html b/playground/public/moves/front-kick.html
index 3b8f72a..bd61b64 100644
--- a/playground/public/moves/front-kick.html
+++ b/playground/public/moves/front-kick.html
@@ -3,14 +3,14 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Front kick: Posecode Movement Example | Posecode</title>
+    <title>Front kick 3D Animation &amp; Editable Source | Posecode</title>
     <link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png" />
     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
-    <meta name="description" content="Front kick is an intermediate-level martial arts Posecode example with 4 inspectable phases and a link to live 3D playback." />
+    <meta name="description" content="Front kick rendered as an editable 3D animation from inspectable Posecode source, with 4 intermediate-level martial arts phases and live browser playback." />
     <link rel="canonical" href="https://www.posecode.org/moves/front-kick.html" />
     <meta name="theme-color" content="#0b0c0d" />
-    <meta property="og:title" content="Front kick: Posecode Movement Example | Posecode" />
-    <meta property="og:description" content="Front kick is an intermediate-level martial arts Posecode example with 4 inspectable phases and a link to live 3D playback." />
+    <meta property="og:title" content="Front kick 3D Animation &amp; Editable Source | Posecode" />
+    <meta property="og:description" content="Front kick rendered as an editable 3D animation from inspectable Posecode source, with 4 intermediate-level martial arts phases and live browser playback." />
     <meta property="og:type" content="website" />
     <meta property="og:url" content="https://www.posecode.org/moves/front-kick.html" />
     <meta property="og:site_name" content="Posecode" />
@@ -97,7 +97,7 @@
 @media(max-width:600px){.wrap{padding:0 18px}}
 </style>
     <link rel="stylesheet" href="/content-theme.css" />
-    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Front kick: a Posecode movement example","description":"Front kick is an intermediate-level martial arts Posecode example with 4 inspectable phases and a link to live 3D playback."}</script>
+    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Front kick: editable 3D animation and Posecode source","description":"Front kick rendered as an editable 3D animation from inspectable Posecode source, with 4 intermediate-level martial arts phases and live browser playback."}</script>
     <script>
       window.va = window.va || function () { (window.vaq = window.vaq || []).push(arguments); };
     </script>
@@ -110,6 +110,7 @@
         <nav class="links" aria-label="Primary">
           <a href="/play">Playground</a>
           <a href="/moves/">Movement library</a>
+          <a href="/for-products">For products</a>
           <a href="/spec.html">Language spec</a>
           <a href="/llm-guide.html">LLM authoring</a>
           <a href="mailto:hello@posecode.org?subject=Posecode%20Feedback">Feedback</a>
diff --git a/playground/public/moves/good-morning.html b/playground/public/moves/good-morning.html
index 3deae34..9b726a8 100644
--- a/playground/public/moves/good-morning.html
+++ b/playground/public/moves/good-morning.html
@@ -3,14 +3,14 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Good morning: Posecode Movement Example | Posecode</title>
+    <title>Good morning 3D Animation &amp; Editable Source | Posecode</title>
     <link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png" />
     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
-    <meta name="description" content="Good morning is an intermediate-level physiotherapy Posecode example with 2 inspectable phases and a link to live 3D playback." />
+    <meta name="description" content="Good morning rendered as an editable 3D animation from inspectable Posecode source, with 2 intermediate-level physiotherapy phases and live browser playback." />
     <link rel="canonical" href="https://www.posecode.org/moves/good-morning.html" />
     <meta name="theme-color" content="#0b0c0d" />
-    <meta property="og:title" content="Good morning: Posecode Movement Example | Posecode" />
-    <meta property="og:description" content="Good morning is an intermediate-level physiotherapy Posecode example with 2 inspectable phases and a link to live 3D playback." />
+    <meta property="og:title" content="Good morning 3D Animation &amp; Editable Source | Posecode" />
+    <meta property="og:description" content="Good morning rendered as an editable 3D animation from inspectable Posecode source, with 2 intermediate-level physiotherapy phases and live browser playback." />
     <meta property="og:type" content="website" />
     <meta property="og:url" content="https://www.posecode.org/moves/good-morning.html" />
     <meta property="og:site_name" content="Posecode" />
@@ -97,7 +97,7 @@
 @media(max-width:600px){.wrap{padding:0 18px}}
 </style>
     <link rel="stylesheet" href="/content-theme.css" />
-    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Good morning: a Posecode movement example","description":"Good morning is an intermediate-level physiotherapy Posecode example with 2 inspectable phases and a link to live 3D playback."}</script>
+    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Good morning: editable 3D animation and Posecode source","description":"Good morning rendered as an editable 3D animation from inspectable Posecode source, with 2 intermediate-level physiotherapy phases and live browser playback."}</script>
     <script>
       window.va = window.va || function () { (window.vaq = window.vaq || []).push(arguments); };
     </script>
@@ -110,6 +110,7 @@
         <nav class="links" aria-label="Primary">
           <a href="/play">Playground</a>
           <a href="/moves/">Movement library</a>
+          <a href="/for-products">For products</a>
           <a href="/spec.html">Language spec</a>
           <a href="/llm-guide.html">LLM authoring</a>
           <a href="mailto:hello@posecode.org?subject=Posecode%20Feedback">Feedback</a>
diff --git a/playground/public/moves/grapevine.html b/playground/public/moves/grapevine.html
index 7bccdb6..b713cf4 100644
--- a/playground/public/moves/grapevine.html
+++ b/playground/public/moves/grapevine.html
@@ -3,14 +3,14 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Grapevine: Posecode Movement Example | Posecode</title>
+    <title>Grapevine 3D Animation &amp; Editable Source | Posecode</title>
     <link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png" />
     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
-    <meta name="description" content="Grapevine is a beginner-level dance Posecode example with 8 inspectable phases and a link to live 3D playback." />
+    <meta name="description" content="Grapevine rendered as an editable 3D animation from inspectable Posecode source, with 8 beginner-level dance phases and live browser playback." />
     <link rel="canonical" href="https://www.posecode.org/moves/grapevine.html" />
     <meta name="theme-color" content="#0b0c0d" />
-    <meta property="og:title" content="Grapevine: Posecode Movement Example | Posecode" />
-    <meta property="og:description" content="Grapevine is a beginner-level dance Posecode example with 8 inspectable phases and a link to live 3D playback." />
+    <meta property="og:title" content="Grapevine 3D Animation &amp; Editable Source | Posecode" />
+    <meta property="og:description" content="Grapevine rendered as an editable 3D animation from inspectable Posecode source, with 8 beginner-level dance phases and live browser playback." />
     <meta property="og:type" content="website" />
     <meta property="og:url" content="https://www.posecode.org/moves/grapevine.html" />
     <meta property="og:site_name" content="Posecode" />
@@ -97,7 +97,7 @@
 @media(max-width:600px){.wrap{padding:0 18px}}
 </style>
     <link rel="stylesheet" href="/content-theme.css" />
-    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Grapevine: a Posecode movement example","description":"Grapevine is a beginner-level dance Posecode example with 8 inspectable phases and a link to live 3D playback."}</script>
+    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Grapevine: editable 3D animation and Posecode source","description":"Grapevine rendered as an editable 3D animation from inspectable Posecode source, with 8 beginner-level dance phases and live browser playback."}</script>
     <script>
       window.va = window.va || function () { (window.vaq = window.vaq || []).push(arguments); };
     </script>
@@ -110,6 +110,7 @@
         <nav class="links" aria-label="Primary">
           <a href="/play">Playground</a>
           <a href="/moves/">Movement library</a>
+          <a href="/for-products">For products</a>
           <a href="/spec.html">Language spec</a>
           <a href="/llm-guide.html">LLM authoring</a>
           <a href="mailto:hello@posecode.org?subject=Posecode%20Feedback">Feedback</a>
diff --git a/playground/public/moves/hamstring-curl.html b/playground/public/moves/hamstring-curl.html
index 570f7d8..50e2d01 100644
--- a/playground/public/moves/hamstring-curl.html
+++ b/playground/public/moves/hamstring-curl.html
@@ -3,14 +3,14 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Standing hamstring curl: Posecode Movement Example | Posecode</title>
+    <title>Standing hamstring curl 3D Animation &amp; Editable Source | Posecode</title>
     <link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png" />
     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
-    <meta name="description" content="Standing hamstring curl is a beginner-level physiotherapy Posecode example with 2 inspectable phases and a link to live 3D playback." />
+    <meta name="description" content="Standing hamstring curl rendered as an editable 3D animation from inspectable Posecode source, with 2 beginner-level physiotherapy phases and live browser playback." />
     <link rel="canonical" href="https://www.posecode.org/moves/hamstring-curl.html" />
     <meta name="theme-color" content="#0b0c0d" />
-    <meta property="og:title" content="Standing hamstring curl: Posecode Movement Example | Posecode" />
-    <meta property="og:description" content="Standing hamstring curl is a beginner-level physiotherapy Posecode example with 2 inspectable phases and a link to live 3D playback." />
+    <meta property="og:title" content="Standing hamstring curl 3D Animation &amp; Editable Source | Posecode" />
+    <meta property="og:description" content="Standing hamstring curl rendered as an editable 3D animation from inspectable Posecode source, with 2 beginner-level physiotherapy phases and live browser playback." />
     <meta property="og:type" content="website" />
     <meta property="og:url" content="https://www.posecode.org/moves/hamstring-curl.html" />
     <meta property="og:site_name" content="Posecode" />
@@ -97,7 +97,7 @@
 @media(max-width:600px){.wrap{padding:0 18px}}
 </style>
     <link rel="stylesheet" href="/content-theme.css" />
-    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Standing hamstring curl: a Posecode movement example","description":"Standing hamstring curl is a beginner-level physiotherapy Posecode example with 2 inspectable phases and a link to live 3D playback."}</script>
+    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Standing hamstring curl: editable 3D animation and Posecode source","description":"Standing hamstring curl rendered as an editable 3D animation from inspectable Posecode source, with 2 beginner-level physiotherapy phases and live browser playback."}</script>
     <script>
       window.va = window.va || function () { (window.vaq = window.vaq || []).push(arguments); };
     </script>
@@ -110,6 +110,7 @@
         <nav class="links" aria-label="Primary">
           <a href="/play">Playground</a>
           <a href="/moves/">Movement library</a>
+          <a href="/for-products">For products</a>
           <a href="/spec.html">Language spec</a>
           <a href="/llm-guide.html">LLM authoring</a>
           <a href="mailto:hello@posecode.org?subject=Posecode%20Feedback">Feedback</a>
diff --git a/playground/public/moves/heel-raises.html b/playground/public/moves/heel-raises.html
index 609b50f..22b9cf4 100644
--- a/playground/public/moves/heel-raises.html
+++ b/playground/public/moves/heel-raises.html
@@ -3,14 +3,14 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Heel raises: Posecode Movement Example | Posecode</title>
+    <title>Heel raises 3D Animation &amp; Editable Source | Posecode</title>
     <link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png" />
     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
-    <meta name="description" content="Heel raises is a beginner-level physiotherapy Posecode example with 2 inspectable phases and a link to live 3D playback." />
+    <meta name="description" content="Heel raises rendered as an editable 3D animation from inspectable Posecode source, with 2 beginner-level physiotherapy phases and live browser playback." />
     <link rel="canonical" href="https://www.posecode.org/moves/heel-raises.html" />
     <meta name="theme-color" content="#0b0c0d" />
-    <meta property="og:title" content="Heel raises: Posecode Movement Example | Posecode" />
-    <meta property="og:description" content="Heel raises is a beginner-level physiotherapy Posecode example with 2 inspectable phases and a link to live 3D playback." />
+    <meta property="og:title" content="Heel raises 3D Animation &amp; Editable Source | Posecode" />
+    <meta property="og:description" content="Heel raises rendered as an editable 3D animation from inspectable Posecode source, with 2 beginner-level physiotherapy phases and live browser playback." />
     <meta property="og:type" content="website" />
     <meta property="og:url" content="https://www.posecode.org/moves/heel-raises.html" />
     <meta property="og:site_name" content="Posecode" />
@@ -97,7 +97,7 @@
 @media(max-width:600px){.wrap{padding:0 18px}}
 </style>
     <link rel="stylesheet" href="/content-theme.css" />
-    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Heel raises: a Posecode movement example","description":"Heel raises is a beginner-level physiotherapy Posecode example with 2 inspectable phases and a link to live 3D playback."}</script>
+    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Heel raises: editable 3D animation and Posecode source","description":"Heel raises rendered as an editable 3D animation from inspectable Posecode source, with 2 beginner-level physiotherapy phases and live browser playback."}</script>
     <script>
       window.va = window.va || function () { (window.vaq = window.vaq || []).push(arguments); };
     </script>
@@ -110,6 +110,7 @@
         <nav class="links" aria-label="Primary">
           <a href="/play">Playground</a>
           <a href="/moves/">Movement library</a>
+          <a href="/for-products">For products</a>
           <a href="/spec.html">Language spec</a>
           <a href="/llm-guide.html">LLM authoring</a>
           <a href="mailto:hello@posecode.org?subject=Posecode%20Feedback">Feedback</a>
diff --git a/playground/public/moves/high-knee-march.html b/playground/public/moves/high-knee-march.html
index 1be740a..8728638 100644
--- a/playground/public/moves/high-knee-march.html
+++ b/playground/public/moves/high-knee-march.html
@@ -3,14 +3,14 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>High-knee march: Posecode Movement Example | Posecode</title>
+    <title>High-knee march 3D Animation &amp; Editable Source | Posecode</title>
     <link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png" />
     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
-    <meta name="description" content="High-knee march is a beginner-level warm-up Posecode example with 3 inspectable phases and a link to live 3D playback." />
+    <meta name="description" content="High-knee march rendered as an editable 3D animation from inspectable Posecode source, with 3 beginner-level warm-up phases and live browser playback." />
     <link rel="canonical" href="https://www.posecode.org/moves/high-knee-march.html" />
     <meta name="theme-color" content="#0b0c0d" />
-    <meta property="og:title" content="High-knee march: Posecode Movement Example | Posecode" />
-    <meta property="og:description" content="High-knee march is a beginner-level warm-up Posecode example with 3 inspectable phases and a link to live 3D playback." />
+    <meta property="og:title" content="High-knee march 3D Animation &amp; Editable Source | Posecode" />
+    <meta property="og:description" content="High-knee march rendered as an editable 3D animation from inspectable Posecode source, with 3 beginner-level warm-up phases and live browser playback." />
     <meta property="og:type" content="website" />
     <meta property="og:url" content="https://www.posecode.org/moves/high-knee-march.html" />
     <meta property="og:site_name" content="Posecode" />
@@ -97,7 +97,7 @@
 @media(max-width:600px){.wrap{padding:0 18px}}
 </style>
     <link rel="stylesheet" href="/content-theme.css" />
-    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"High-knee march: a Posecode movement example","description":"High-knee march is a beginner-level warm-up Posecode example with 3 inspectable phases and a link to live 3D playback."}</script>
+    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"High-knee march: editable 3D animation and Posecode source","description":"High-knee march rendered as an editable 3D animation from inspectable Posecode source, with 3 beginner-level warm-up phases and live browser playback."}</script>
     <script>
       window.va = window.va || function () { (window.vaq = window.vaq || []).push(arguments); };
     </script>
@@ -110,6 +110,7 @@
         <nav class="links" aria-label="Primary">
           <a href="/play">Playground</a>
           <a href="/moves/">Movement library</a>
+          <a href="/for-products">For products</a>
           <a href="/spec.html">Language spec</a>
           <a href="/llm-guide.html">LLM authoring</a>
           <a href="mailto:hello@posecode.org?subject=Posecode%20Feedback">Feedback</a>
diff --git a/playground/public/moves/hip-abduction.html b/playground/public/moves/hip-abduction.html
index b919460..6e207a4 100644
--- a/playground/public/moves/hip-abduction.html
+++ b/playground/public/moves/hip-abduction.html
@@ -3,14 +3,14 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Standing hip abduction: Posecode Movement Example | Posecode</title>
+    <title>Standing hip abduction 3D Animation &amp; Editable Source | Posecode</title>
     <link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png" />
     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
-    <meta name="description" content="Standing hip abduction is a beginner-level physiotherapy Posecode example with 2 inspectable phases and a link to live 3D playback." />
+    <meta name="description" content="Standing hip abduction rendered as an editable 3D animation from inspectable Posecode source, with 2 beginner-level physiotherapy phases and live browser playback." />
     <link rel="canonical" href="https://www.posecode.org/moves/hip-abduction.html" />
     <meta name="theme-color" content="#0b0c0d" />
-    <meta property="og:title" content="Standing hip abduction: Posecode Movement Example | Posecode" />
-    <meta property="og:description" content="Standing hip abduction is a beginner-level physiotherapy Posecode example with 2 inspectable phases and a link to live 3D playback." />
+    <meta property="og:title" content="Standing hip abduction 3D Animation &amp; Editable Source | Posecode" />
+    <meta property="og:description" content="Standing hip abduction rendered as an editable 3D animation from inspectable Posecode source, with 2 beginner-level physiotherapy phases and live browser playback." />
     <meta property="og:type" content="website" />
     <meta property="og:url" content="https://www.posecode.org/moves/hip-abduction.html" />
     <meta property="og:site_name" content="Posecode" />
@@ -97,7 +97,7 @@
 @media(max-width:600px){.wrap{padding:0 18px}}
 </style>
     <link rel="stylesheet" href="/content-theme.css" />
-    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Standing hip abduction: a Posecode movement example","description":"Standing hip abduction is a beginner-level physiotherapy Posecode example with 2 inspectable phases and a link to live 3D playback."}</script>
+    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Standing hip abduction: editable 3D animation and Posecode source","description":"Standing hip abduction rendered as an editable 3D animation from inspectable Posecode source, with 2 beginner-level physiotherapy phases and live browser playback."}</script>
     <script>
       window.va = window.va || function () { (window.vaq = window.vaq || []).push(arguments); };
     </script>
@@ -110,6 +110,7 @@
         <nav class="links" aria-label="Primary">
           <a href="/play">Playground</a>
           <a href="/moves/">Movement library</a>
+          <a href="/for-products">For products</a>
           <a href="/spec.html">Language spec</a>
           <a href="/llm-guide.html">LLM authoring</a>
           <a href="mailto:hello@posecode.org?subject=Posecode%20Feedback">Feedback</a>
diff --git a/playground/public/moves/hip-flexion.html b/playground/public/moves/hip-flexion.html
index 3c19bbf..d306788 100644
--- a/playground/public/moves/hip-flexion.html
+++ b/playground/public/moves/hip-flexion.html
@@ -3,14 +3,14 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Hip flexion: Posecode Movement Example | Posecode</title>
+    <title>Hip flexion 3D Animation &amp; Editable Source | Posecode</title>
     <link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png" />
     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
-    <meta name="description" content="Hip flexion is a beginner-level education Posecode example with 2 inspectable phases and a link to live 3D playback." />
+    <meta name="description" content="Hip flexion rendered as an editable 3D animation from inspectable Posecode source, with 2 beginner-level education phases and live browser playback." />
     <link rel="canonical" href="https://www.posecode.org/moves/hip-flexion.html" />
     <meta name="theme-color" content="#0b0c0d" />
-    <meta property="og:title" content="Hip flexion: Posecode Movement Example | Posecode" />
-    <meta property="og:description" content="Hip flexion is a beginner-level education Posecode example with 2 inspectable phases and a link to live 3D playback." />
+    <meta property="og:title" content="Hip flexion 3D Animation &amp; Editable Source | Posecode" />
+    <meta property="og:description" content="Hip flexion rendered as an editable 3D animation from inspectable Posecode source, with 2 beginner-level education phases and live browser playback." />
     <meta property="og:type" content="website" />
     <meta property="og:url" content="https://www.posecode.org/moves/hip-flexion.html" />
     <meta property="og:site_name" content="Posecode" />
@@ -97,7 +97,7 @@
 @media(max-width:600px){.wrap{padding:0 18px}}
 </style>
     <link rel="stylesheet" href="/content-theme.css" />
-    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Hip flexion: a Posecode movement example","description":"Hip flexion is a beginner-level education Posecode example with 2 inspectable phases and a link to live 3D playback."}</script>
+    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Hip flexion: editable 3D animation and Posecode source","description":"Hip flexion rendered as an editable 3D animation from inspectable Posecode source, with 2 beginner-level education phases and live browser playback."}</script>
     <script>
       window.va = window.va || function () { (window.vaq = window.vaq || []).push(arguments); };
     </script>
@@ -110,6 +110,7 @@
         <nav class="links" aria-label="Primary">
           <a href="/play">Playground</a>
           <a href="/moves/">Movement library</a>
+          <a href="/for-products">For products</a>
           <a href="/spec.html">Language spec</a>
           <a href="/llm-guide.html">LLM authoring</a>
           <a href="mailto:hello@posecode.org?subject=Posecode%20Feedback">Feedback</a>
diff --git a/playground/public/moves/horse-stance.html b/playground/public/moves/horse-stance.html
index c81ccac..5942bdd 100644
--- a/playground/public/moves/horse-stance.html
+++ b/playground/public/moves/horse-stance.html
@@ -3,14 +3,14 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Horse stance: Posecode Movement Example | Posecode</title>
+    <title>Horse stance 3D Animation &amp; Editable Source | Posecode</title>
     <link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png" />
     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
-    <meta name="description" content="Horse stance is an intermediate-level martial arts Posecode example with 2 inspectable phases and a link to live 3D playback." />
+    <meta name="description" content="Horse stance rendered as an editable 3D animation from inspectable Posecode source, with 2 intermediate-level martial arts phases and live browser playback." />
     <link rel="canonical" href="https://www.posecode.org/moves/horse-stance.html" />
     <meta name="theme-color" content="#0b0c0d" />
-    <meta property="og:title" content="Horse stance: Posecode Movement Example | Posecode" />
-    <meta property="og:description" content="Horse stance is an intermediate-level martial arts Posecode example with 2 inspectable phases and a link to live 3D playback." />
+    <meta property="og:title" content="Horse stance 3D Animation &amp; Editable Source | Posecode" />
+    <meta property="og:description" content="Horse stance rendered as an editable 3D animation from inspectable Posecode source, with 2 intermediate-level martial arts phases and live browser playback." />
     <meta property="og:type" content="website" />
     <meta property="og:url" content="https://www.posecode.org/moves/horse-stance.html" />
     <meta property="og:site_name" content="Posecode" />
@@ -97,7 +97,7 @@
 @media(max-width:600px){.wrap{padding:0 18px}}
 </style>
     <link rel="stylesheet" href="/content-theme.css" />
-    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Horse stance: a Posecode movement example","description":"Horse stance is an intermediate-level martial arts Posecode example with 2 inspectable phases and a link to live 3D playback."}</script>
+    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Horse stance: editable 3D animation and Posecode source","description":"Horse stance rendered as an editable 3D animation from inspectable Posecode source, with 2 intermediate-level martial arts phases and live browser playback."}</script>
     <script>
       window.va = window.va || function () { (window.vaq = window.vaq || []).push(arguments); };
     </script>
@@ -110,6 +110,7 @@
         <nav class="links" aria-label="Primary">
           <a href="/play">Playground</a>
           <a href="/moves/">Movement library</a>
+          <a href="/for-products">For products</a>
           <a href="/spec.html">Language spec</a>
           <a href="/llm-guide.html">LLM authoring</a>
           <a href="mailto:hello@posecode.org?subject=Posecode%20Feedback">Feedback</a>
diff --git a/playground/public/moves/index.html b/playground/public/moves/index.html
index 2dd7f8c..a10bab1 100644
--- a/playground/public/moves/index.html
+++ b/playground/public/moves/index.html
@@ -3,14 +3,14 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>46 Launch-Ready Posecode Movement Examples | Posecode</title>
+    <title>46 Editable 3D Movement Examples | Posecode</title>
     <link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png" />
     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
-    <meta name="description" content="Browse 46 launch-ready Posecode movement examples across fitness, physiotherapy, yoga, dance, and martial arts, each with inspectable source and a link to live 3D playback." />
+    <meta name="description" content="Browse 46 editable 3D movement examples across fitness, physiotherapy, yoga, dance, and martial arts, each with inspectable source and live browser playback." />
     <link rel="canonical" href="https://www.posecode.org/moves/" />
     <meta name="theme-color" content="#0b0c0d" />
-    <meta property="og:title" content="46 Launch-Ready Posecode Movement Examples | Posecode" />
-    <meta property="og:description" content="Browse 46 launch-ready Posecode movement examples across fitness, physiotherapy, yoga, dance, and martial arts, each with inspectable source and a link to live 3D playback." />
+    <meta property="og:title" content="46 Editable 3D Movement Examples | Posecode" />
+    <meta property="og:description" content="Browse 46 editable 3D movement examples across fitness, physiotherapy, yoga, dance, and martial arts, each with inspectable source and live browser playback." />
     <meta property="og:type" content="website" />
     <meta property="og:url" content="https://www.posecode.org/moves/" />
     <meta property="og:site_name" content="Posecode" />
@@ -110,6 +110,7 @@
         <nav class="links" aria-label="Primary">
           <a href="/play">Playground</a>
           <a href="/moves/">Movement library</a>
+          <a href="/for-products">For products</a>
           <a href="/spec.html">Language spec</a>
           <a href="/llm-guide.html">LLM authoring</a>
           <a href="mailto:hello@posecode.org?subject=Posecode%20Feedback">Feedback</a>
diff --git a/playground/public/moves/jab-cross.html b/playground/public/moves/jab-cross.html
index 372500a..51c1eee 100644
--- a/playground/public/moves/jab-cross.html
+++ b/playground/public/moves/jab-cross.html
@@ -3,14 +3,14 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Jab-cross: Posecode Movement Example | Posecode</title>
+    <title>Jab-cross 3D Animation &amp; Editable Source | Posecode</title>
     <link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png" />
     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
-    <meta name="description" content="Jab-cross is an intermediate-level martial arts Posecode example with 4 inspectable phases and a link to live 3D playback." />
+    <meta name="description" content="Jab-cross rendered as an editable 3D animation from inspectable Posecode source, with 4 intermediate-level martial arts phases and live browser playback." />
     <link rel="canonical" href="https://www.posecode.org/moves/jab-cross.html" />
     <meta name="theme-color" content="#0b0c0d" />
-    <meta property="og:title" content="Jab-cross: Posecode Movement Example | Posecode" />
-    <meta property="og:description" content="Jab-cross is an intermediate-level martial arts Posecode example with 4 inspectable phases and a link to live 3D playback." />
+    <meta property="og:title" content="Jab-cross 3D Animation &amp; Editable Source | Posecode" />
+    <meta property="og:description" content="Jab-cross rendered as an editable 3D animation from inspectable Posecode source, with 4 intermediate-level martial arts phases and live browser playback." />
     <meta property="og:type" content="website" />
     <meta property="og:url" content="https://www.posecode.org/moves/jab-cross.html" />
     <meta property="og:site_name" content="Posecode" />
@@ -97,7 +97,7 @@
 @media(max-width:600px){.wrap{padding:0 18px}}
 </style>
     <link rel="stylesheet" href="/content-theme.css" />
-    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Jab-cross: a Posecode movement example","description":"Jab-cross is an intermediate-level martial arts Posecode example with 4 inspectable phases and a link to live 3D playback."}</script>
+    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Jab-cross: editable 3D animation and Posecode source","description":"Jab-cross rendered as an editable 3D animation from inspectable Posecode source, with 4 intermediate-level martial arts phases and live browser playback."}</script>
     <script>
       window.va = window.va || function () { (window.vaq = window.vaq || []).push(arguments); };
     </script>
@@ -110,6 +110,7 @@
         <nav class="links" aria-label="Primary">
           <a href="/play">Playground</a>
           <a href="/moves/">Movement library</a>
+          <a href="/for-products">For products</a>
           <a href="/spec.html">Language spec</a>
           <a href="/llm-guide.html">LLM authoring</a>
           <a href="mailto:hello@posecode.org?subject=Posecode%20Feedback">Feedback</a>
diff --git a/playground/public/moves/jumping-jacks.html b/playground/public/moves/jumping-jacks.html
index e6ec6a4..644a54c 100644
--- a/playground/public/moves/jumping-jacks.html
+++ b/playground/public/moves/jumping-jacks.html
@@ -3,14 +3,14 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Jumping jacks: Posecode Movement Example | Posecode</title>
+    <title>Jumping jacks 3D Animation &amp; Editable Source | Posecode</title>
     <link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png" />
     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
-    <meta name="description" content="Jumping jacks is a beginner-level warm-up Posecode example with 2 inspectable phases and a link to live 3D playback." />
+    <meta name="description" content="Jumping jacks rendered as an editable 3D animation from inspectable Posecode source, with 2 beginner-level warm-up phases and live browser playback." />
     <link rel="canonical" href="https://www.posecode.org/moves/jumping-jacks.html" />
     <meta name="theme-color" content="#0b0c0d" />
-    <meta property="og:title" content="Jumping jacks: Posecode Movement Example | Posecode" />
-    <meta property="og:description" content="Jumping jacks is a beginner-level warm-up Posecode example with 2 inspectable phases and a link to live 3D playback." />
+    <meta property="og:title" content="Jumping jacks 3D Animation &amp; Editable Source | Posecode" />
+    <meta property="og:description" content="Jumping jacks rendered as an editable 3D animation from inspectable Posecode source, with 2 beginner-level warm-up phases and live browser playback." />
     <meta property="og:type" content="website" />
     <meta property="og:url" content="https://www.posecode.org/moves/jumping-jacks.html" />
     <meta property="og:site_name" content="Posecode" />
@@ -97,7 +97,7 @@
 @media(max-width:600px){.wrap{padding:0 18px}}
 </style>
     <link rel="stylesheet" href="/content-theme.css" />
-    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Jumping jacks: a Posecode movement example","description":"Jumping jacks is a beginner-level warm-up Posecode example with 2 inspectable phases and a link to live 3D playback."}</script>
+    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Jumping jacks: editable 3D animation and Posecode source","description":"Jumping jacks rendered as an editable 3D animation from inspectable Posecode source, with 2 beginner-level warm-up phases and live browser playback."}</script>
     <script>
       window.va = window.va || function () { (window.vaq = window.vaq || []).push(arguments); };
     </script>
@@ -110,6 +110,7 @@
         <nav class="links" aria-label="Primary">
           <a href="/play">Playground</a>
           <a href="/moves/">Movement library</a>
+          <a href="/for-products">For products</a>
           <a href="/spec.html">Language spec</a>
           <a href="/llm-guide.html">LLM authoring</a>
           <a href="mailto:hello@posecode.org?subject=Posecode%20Feedback">Feedback</a>
diff --git a/playground/public/moves/lateral.html b/playground/public/moves/lateral.html
index 92c31c3..b798124 100644
--- a/playground/public/moves/lateral.html
+++ b/playground/public/moves/lateral.html
@@ -3,14 +3,14 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Lateral raise: Posecode Movement Example | Posecode</title>
+    <title>Lateral raise 3D Animation &amp; Editable Source | Posecode</title>
     <link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png" />
     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
-    <meta name="description" content="Lateral raise is a beginner-level fitness Posecode example with 2 inspectable phases and a link to live 3D playback." />
+    <meta name="description" content="Lateral raise rendered as an editable 3D animation from inspectable Posecode source, with 2 beginner-level fitness phases and live browser playback." />
     <link rel="canonical" href="https://www.posecode.org/moves/lateral.html" />
     <meta name="theme-color" content="#0b0c0d" />
-    <meta property="og:title" content="Lateral raise: Posecode Movement Example | Posecode" />
-    <meta property="og:description" content="Lateral raise is a beginner-level fitness Posecode example with 2 inspectable phases and a link to live 3D playback." />
+    <meta property="og:title" content="Lateral raise 3D Animation &amp; Editable Source | Posecode" />
+    <meta property="og:description" content="Lateral raise rendered as an editable 3D animation from inspectable Posecode source, with 2 beginner-level fitness phases and live browser playback." />
     <meta property="og:type" content="website" />
     <meta property="og:url" content="https://www.posecode.org/moves/lateral.html" />
     <meta property="og:site_name" content="Posecode" />
@@ -97,7 +97,7 @@
 @media(max-width:600px){.wrap{padding:0 18px}}
 </style>
     <link rel="stylesheet" href="/content-theme.css" />
-    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Lateral raise: a Posecode movement example","description":"Lateral raise is a beginner-level fitness Posecode example with 2 inspectable phases and a link to live 3D playback."}</script>
+    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Lateral raise: editable 3D animation and Posecode source","description":"Lateral raise rendered as an editable 3D animation from inspectable Posecode source, with 2 beginner-level fitness phases and live browser playback."}</script>
     <script>
       window.va = window.va || function () { (window.vaq = window.vaq || []).push(arguments); };
     </script>
@@ -110,6 +110,7 @@
         <nav class="links" aria-label="Primary">
           <a href="/play">Playground</a>
           <a href="/moves/">Movement library</a>
+          <a href="/for-products">For products</a>
           <a href="/spec.html">Language spec</a>
           <a href="/llm-guide.html">LLM authoring</a>
           <a href="mailto:hello@posecode.org?subject=Posecode%20Feedback">Feedback</a>
diff --git a/playground/public/moves/neck-side-stretch.html b/playground/public/moves/neck-side-stretch.html
index 4bf6daf..407a600 100644
--- a/playground/public/moves/neck-side-stretch.html
+++ b/playground/public/moves/neck-side-stretch.html
@@ -3,14 +3,14 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Neck side stretch: Posecode Movement Example | Posecode</title>
+    <title>Neck side stretch 3D Animation &amp; Editable Source | Posecode</title>
     <link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png" />
     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
-    <meta name="description" content="Neck side stretch is a beginner-level desk &amp; posture Posecode example with 3 inspectable phases and a link to live 3D playback." />
+    <meta name="description" content="Neck side stretch rendered as an editable 3D animation from inspectable Posecode source, with 3 beginner-level desk &amp; posture phases and live browser playback." />
     <link rel="canonical" href="https://www.posecode.org/moves/neck-side-stretch.html" />
     <meta name="theme-color" content="#0b0c0d" />
-    <meta property="og:title" content="Neck side stretch: Posecode Movement Example | Posecode" />
-    <meta property="og:description" content="Neck side stretch is a beginner-level desk &amp; posture Posecode example with 3 inspectable phases and a link to live 3D playback." />
+    <meta property="og:title" content="Neck side stretch 3D Animation &amp; Editable Source | Posecode" />
+    <meta property="og:description" content="Neck side stretch rendered as an editable 3D animation from inspectable Posecode source, with 3 beginner-level desk &amp; posture phases and live browser playback." />
     <meta property="og:type" content="website" />
     <meta property="og:url" content="https://www.posecode.org/moves/neck-side-stretch.html" />
     <meta property="og:site_name" content="Posecode" />
@@ -97,7 +97,7 @@
 @media(max-width:600px){.wrap{padding:0 18px}}
 </style>
     <link rel="stylesheet" href="/content-theme.css" />
-    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Neck side stretch: a Posecode movement example","description":"Neck side stretch is a beginner-level desk & posture Posecode example with 3 inspectable phases and a link to live 3D playback."}</script>
+    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Neck side stretch: editable 3D animation and Posecode source","description":"Neck side stretch rendered as an editable 3D animation from inspectable Posecode source, with 3 beginner-level desk & posture phases and live browser playback."}</script>
     <script>
       window.va = window.va || function () { (window.vaq = window.vaq || []).push(arguments); };
     </script>
@@ -110,6 +110,7 @@
         <nav class="links" aria-label="Primary">
           <a href="/play">Playground</a>
           <a href="/moves/">Movement library</a>
+          <a href="/for-products">For products</a>
           <a href="/spec.html">Language spec</a>
           <a href="/llm-guide.html">LLM authoring</a>
           <a href="mailto:hello@posecode.org?subject=Posecode%20Feedback">Feedback</a>
diff --git a/playground/public/moves/neck.html b/playground/public/moves/neck.html
index 4db4722..d12252b 100644
--- a/playground/public/moves/neck.html
+++ b/playground/public/moves/neck.html
@@ -3,14 +3,14 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Neck rotation: Posecode Movement Example | Posecode</title>
+    <title>Neck rotation 3D Animation &amp; Editable Source | Posecode</title>
     <link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png" />
     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
-    <meta name="description" content="Neck rotation is a beginner-level physiotherapy Posecode example with 3 inspectable phases and a link to live 3D playback." />
+    <meta name="description" content="Neck rotation rendered as an editable 3D animation from inspectable Posecode source, with 3 beginner-level physiotherapy phases and live browser playback." />
     <link rel="canonical" href="https://www.posecode.org/moves/neck.html" />
     <meta name="theme-color" content="#0b0c0d" />
-    <meta property="og:title" content="Neck rotation: Posecode Movement Example | Posecode" />
-    <meta property="og:description" content="Neck rotation is a beginner-level physiotherapy Posecode example with 3 inspectable phases and a link to live 3D playback." />
+    <meta property="og:title" content="Neck rotation 3D Animation &amp; Editable Source | Posecode" />
+    <meta property="og:description" content="Neck rotation rendered as an editable 3D animation from inspectable Posecode source, with 3 beginner-level physiotherapy phases and live browser playback." />
     <meta property="og:type" content="website" />
     <meta property="og:url" content="https://www.posecode.org/moves/neck.html" />
     <meta property="og:site_name" content="Posecode" />
@@ -97,7 +97,7 @@
 @media(max-width:600px){.wrap{padding:0 18px}}
 </style>
     <link rel="stylesheet" href="/content-theme.css" />
-    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Neck rotation: a Posecode movement example","description":"Neck rotation is a beginner-level physiotherapy Posecode example with 3 inspectable phases and a link to live 3D playback."}</script>
+    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Neck rotation: editable 3D animation and Posecode source","description":"Neck rotation rendered as an editable 3D animation from inspectable Posecode source, with 3 beginner-level physiotherapy phases and live browser playback."}</script>
     <script>
       window.va = window.va || function () { (window.vaq = window.vaq || []).push(arguments); };
     </script>
@@ -110,6 +110,7 @@
         <nav class="links" aria-label="Primary">
           <a href="/play">Playground</a>
           <a href="/moves/">Movement library</a>
+          <a href="/for-products">For products</a>
           <a href="/spec.html">Language spec</a>
           <a href="/llm-guide.html">LLM authoring</a>
           <a href="mailto:hello@posecode.org?subject=Posecode%20Feedback">Feedback</a>
diff --git a/playground/public/moves/plank-hold.html b/playground/public/moves/plank-hold.html
index 8e13376..23aecf5 100644
--- a/playground/public/moves/plank-hold.html
+++ b/playground/public/moves/plank-hold.html
@@ -3,14 +3,14 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Plank hold: Posecode Movement Example | Posecode</title>
+    <title>Plank hold 3D Animation &amp; Editable Source | Posecode</title>
     <link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png" />
     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
-    <meta name="description" content="Plank hold is a beginner-level fitness Posecode example with 2 inspectable phases and a link to live 3D playback." />
+    <meta name="description" content="Plank hold rendered as an editable 3D animation from inspectable Posecode source, with 2 beginner-level fitness phases and live browser playback." />
     <link rel="canonical" href="https://www.posecode.org/moves/plank-hold.html" />
     <meta name="theme-color" content="#0b0c0d" />
-    <meta property="og:title" content="Plank hold: Posecode Movement Example | Posecode" />
-    <meta property="og:description" content="Plank hold is a beginner-level fitness Posecode example with 2 inspectable phases and a link to live 3D playback." />
+    <meta property="og:title" content="Plank hold 3D Animation &amp; Editable Source | Posecode" />
+    <meta property="og:description" content="Plank hold rendered as an editable 3D animation from inspectable Posecode source, with 2 beginner-level fitness phases and live browser playback." />
     <meta property="og:type" content="website" />
     <meta property="og:url" content="https://www.posecode.org/moves/plank-hold.html" />
     <meta property="og:site_name" content="Posecode" />
@@ -97,7 +97,7 @@
 @media(max-width:600px){.wrap{padding:0 18px}}
 </style>
     <link rel="stylesheet" href="/content-theme.css" />
-    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Plank hold: a Posecode movement example","description":"Plank hold is a beginner-level fitness Posecode example with 2 inspectable phases and a link to live 3D playback."}</script>
+    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Plank hold: editable 3D animation and Posecode source","description":"Plank hold rendered as an editable 3D animation from inspectable Posecode source, with 2 beginner-level fitness phases and live browser playback."}</script>
     <script>
       window.va = window.va || function () { (window.vaq = window.vaq || []).push(arguments); };
     </script>
@@ -110,6 +110,7 @@
         <nav class="links" aria-label="Primary">
           <a href="/play">Playground</a>
           <a href="/moves/">Movement library</a>
+          <a href="/for-products">For products</a>
           <a href="/spec.html">Language spec</a>
           <a href="/llm-guide.html">LLM authoring</a>
           <a href="mailto:hello@posecode.org?subject=Posecode%20Feedback">Feedback</a>
diff --git a/playground/public/moves/posture.html b/playground/public/moves/posture.html
index 64fd489..dbe1d58 100644
--- a/playground/public/moves/posture.html
+++ b/playground/public/moves/posture.html
@@ -3,14 +3,14 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Desk posture reset: Posecode Movement Example | Posecode</title>
+    <title>Desk posture reset 3D Animation &amp; Editable Source | Posecode</title>
     <link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png" />
     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
-    <meta name="description" content="Desk posture reset is a beginner-level desk &amp; posture Posecode example with 2 inspectable phases and a link to live 3D playback." />
+    <meta name="description" content="Desk posture reset rendered as an editable 3D animation from inspectable Posecode source, with 2 beginner-level desk &amp; posture phases and live browser playback." />
     <link rel="canonical" href="https://www.posecode.org/moves/posture.html" />
     <meta name="theme-color" content="#0b0c0d" />
-    <meta property="og:title" content="Desk posture reset: Posecode Movement Example | Posecode" />
-    <meta property="og:description" content="Desk posture reset is a beginner-level desk &amp; posture Posecode example with 2 inspectable phases and a link to live 3D playback." />
+    <meta property="og:title" content="Desk posture reset 3D Animation &amp; Editable Source | Posecode" />
+    <meta property="og:description" content="Desk posture reset rendered as an editable 3D animation from inspectable Posecode source, with 2 beginner-level desk &amp; posture phases and live browser playback." />
     <meta property="og:type" content="website" />
     <meta property="og:url" content="https://www.posecode.org/moves/posture.html" />
     <meta property="og:site_name" content="Posecode" />
@@ -97,7 +97,7 @@
 @media(max-width:600px){.wrap{padding:0 18px}}
 </style>
     <link rel="stylesheet" href="/content-theme.css" />
-    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Desk posture reset: a Posecode movement example","description":"Desk posture reset is a beginner-level desk & posture Posecode example with 2 inspectable phases and a link to live 3D playback."}</script>
+    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Desk posture reset: editable 3D animation and Posecode source","description":"Desk posture reset rendered as an editable 3D animation from inspectable Posecode source, with 2 beginner-level desk & posture phases and live browser playback."}</script>
     <script>
       window.va = window.va || function () { (window.vaq = window.vaq || []).push(arguments); };
     </script>
@@ -110,6 +110,7 @@
         <nav class="links" aria-label="Primary">
           <a href="/play">Playground</a>
           <a href="/moves/">Movement library</a>
+          <a href="/for-products">For products</a>
           <a href="/spec.html">Language spec</a>
           <a href="/llm-guide.html">LLM authoring</a>
           <a href="mailto:hello@posecode.org?subject=Posecode%20Feedback">Feedback</a>
diff --git a/playground/public/moves/quad-stretch.html b/playground/public/moves/quad-stretch.html
index 453bfee..ff05128 100644
--- a/playground/public/moves/quad-stretch.html
+++ b/playground/public/moves/quad-stretch.html
@@ -3,14 +3,14 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Standing quad stretch: Posecode Movement Example | Posecode</title>
+    <title>Standing quad stretch 3D Animation &amp; Editable Source | Posecode</title>
     <link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png" />
     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
-    <meta name="description" content="Standing quad stretch is a beginner-level mobility Posecode example with 2 inspectable phases and a link to live 3D playback." />
+    <meta name="description" content="Standing quad stretch rendered as an editable 3D animation from inspectable Posecode source, with 2 beginner-level mobility phases and live browser playback." />
     <link rel="canonical" href="https://www.posecode.org/moves/quad-stretch.html" />
     <meta name="theme-color" content="#0b0c0d" />
-    <meta property="og:title" content="Standing quad stretch: Posecode Movement Example | Posecode" />
-    <meta property="og:description" content="Standing quad stretch is a beginner-level mobility Posecode example with 2 inspectable phases and a link to live 3D playback." />
+    <meta property="og:title" content="Standing quad stretch 3D Animation &amp; Editable Source | Posecode" />
+    <meta property="og:description" content="Standing quad stretch rendered as an editable 3D animation from inspectable Posecode source, with 2 beginner-level mobility phases and live browser playback." />
     <meta property="og:type" content="website" />
     <meta property="og:url" content="https://www.posecode.org/moves/quad-stretch.html" />
     <meta property="og:site_name" content="Posecode" />
@@ -97,7 +97,7 @@
 @media(max-width:600px){.wrap{padding:0 18px}}
 </style>
     <link rel="stylesheet" href="/content-theme.css" />
-    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Standing quad stretch: a Posecode movement example","description":"Standing quad stretch is a beginner-level mobility Posecode example with 2 inspectable phases and a link to live 3D playback."}</script>
+    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Standing quad stretch: editable 3D animation and Posecode source","description":"Standing quad stretch rendered as an editable 3D animation from inspectable Posecode source, with 2 beginner-level mobility phases and live browser playback."}</script>
     <script>
       window.va = window.va || function () { (window.vaq = window.vaq || []).push(arguments); };
     </script>
@@ -110,6 +110,7 @@
         <nav class="links" aria-label="Primary">
           <a href="/play">Playground</a>
           <a href="/moves/">Movement library</a>
+          <a href="/for-products">For products</a>
           <a href="/spec.html">Language spec</a>
           <a href="/llm-guide.html">LLM authoring</a>
           <a href="mailto:hello@posecode.org?subject=Posecode%20Feedback">Feedback</a>
diff --git a/playground/public/moves/quarter-turns.html b/playground/public/moves/quarter-turns.html
index 66affb8..d41485f 100644
--- a/playground/public/moves/quarter-turns.html
+++ b/playground/public/moves/quarter-turns.html
@@ -3,14 +3,14 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Quarter turns: Posecode Movement Example | Posecode</title>
+    <title>Quarter turns 3D Animation &amp; Editable Source | Posecode</title>
     <link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png" />
     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
-    <meta name="description" content="Quarter turns is a beginner-level locomotion Posecode example with 4 inspectable phases and a link to live 3D playback." />
+    <meta name="description" content="Quarter turns rendered as an editable 3D animation from inspectable Posecode source, with 4 beginner-level locomotion phases and live browser playback." />
     <link rel="canonical" href="https://www.posecode.org/moves/quarter-turns.html" />
     <meta name="theme-color" content="#0b0c0d" />
-    <meta property="og:title" content="Quarter turns: Posecode Movement Example | Posecode" />
-    <meta property="og:description" content="Quarter turns is a beginner-level locomotion Posecode example with 4 inspectable phases and a link to live 3D playback." />
+    <meta property="og:title" content="Quarter turns 3D Animation &amp; Editable Source | Posecode" />
+    <meta property="og:description" content="Quarter turns rendered as an editable 3D animation from inspectable Posecode source, with 4 beginner-level locomotion phases and live browser playback." />
     <meta property="og:type" content="website" />
     <meta property="og:url" content="https://www.posecode.org/moves/quarter-turns.html" />
     <meta property="og:site_name" content="Posecode" />
@@ -97,7 +97,7 @@
 @media(max-width:600px){.wrap{padding:0 18px}}
 </style>
     <link rel="stylesheet" href="/content-theme.css" />
-    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Quarter turns: a Posecode movement example","description":"Quarter turns is a beginner-level locomotion Posecode example with 4 inspectable phases and a link to live 3D playback."}</script>
+    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Quarter turns: editable 3D animation and Posecode source","description":"Quarter turns rendered as an editable 3D animation from inspectable Posecode source, with 4 beginner-level locomotion phases and live browser playback."}</script>
     <script>
       window.va = window.va || function () { (window.vaq = window.vaq || []).push(arguments); };
     </script>
@@ -110,6 +110,7 @@
         <nav class="links" aria-label="Primary">
           <a href="/play">Playground</a>
           <a href="/moves/">Movement library</a>
+          <a href="/for-products">For products</a>
           <a href="/spec.html">Language spec</a>
           <a href="/llm-guide.html">LLM authoring</a>
           <a href="mailto:hello@posecode.org?subject=Posecode%20Feedback">Feedback</a>
diff --git a/playground/public/moves/seated-forward-fold.html b/playground/public/moves/seated-forward-fold.html
index 140d966..484374c 100644
--- a/playground/public/moves/seated-forward-fold.html
+++ b/playground/public/moves/seated-forward-fold.html
@@ -3,14 +3,14 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Seated forward fold: Posecode Movement Example | Posecode</title>
+    <title>Seated forward fold 3D Animation &amp; Editable Source | Posecode</title>
     <link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png" />
     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
-    <meta name="description" content="Seated forward fold is a beginner-level yoga Posecode example with 2 inspectable phases and a link to live 3D playback." />
+    <meta name="description" content="Seated forward fold rendered as an editable 3D animation from inspectable Posecode source, with 2 beginner-level yoga phases and live browser playback." />
     <link rel="canonical" href="https://www.posecode.org/moves/seated-forward-fold.html" />
     <meta name="theme-color" content="#0b0c0d" />
-    <meta property="og:title" content="Seated forward fold: Posecode Movement Example | Posecode" />
-    <meta property="og:description" content="Seated forward fold is a beginner-level yoga Posecode example with 2 inspectable phases and a link to live 3D playback." />
+    <meta property="og:title" content="Seated forward fold 3D Animation &amp; Editable Source | Posecode" />
+    <meta property="og:description" content="Seated forward fold rendered as an editable 3D animation from inspectable Posecode source, with 2 beginner-level yoga phases and live browser playback." />
     <meta property="og:type" content="website" />
     <meta property="og:url" content="https://www.posecode.org/moves/seated-forward-fold.html" />
     <meta property="og:site_name" content="Posecode" />
@@ -97,7 +97,7 @@
 @media(max-width:600px){.wrap{padding:0 18px}}
 </style>
     <link rel="stylesheet" href="/content-theme.css" />
-    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Seated forward fold: a Posecode movement example","description":"Seated forward fold is a beginner-level yoga Posecode example with 2 inspectable phases and a link to live 3D playback."}</script>
+    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Seated forward fold: editable 3D animation and Posecode source","description":"Seated forward fold rendered as an editable 3D animation from inspectable Posecode source, with 2 beginner-level yoga phases and live browser playback."}</script>
     <script>
       window.va = window.va || function () { (window.vaq = window.vaq || []).push(arguments); };
     </script>
@@ -110,6 +110,7 @@
         <nav class="links" aria-label="Primary">
           <a href="/play">Playground</a>
           <a href="/moves/">Movement library</a>
+          <a href="/for-products">For products</a>
           <a href="/spec.html">Language spec</a>
           <a href="/llm-guide.html">LLM authoring</a>
           <a href="mailto:hello@posecode.org?subject=Posecode%20Feedback">Feedback</a>
diff --git a/playground/public/moves/seated-torso-twist.html b/playground/public/moves/seated-torso-twist.html
index 0df146c..b08bf0a 100644
--- a/playground/public/moves/seated-torso-twist.html
+++ b/playground/public/moves/seated-torso-twist.html
@@ -3,14 +3,14 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Seated torso twist: Posecode Movement Example | Posecode</title>
+    <title>Seated torso twist 3D Animation &amp; Editable Source | Posecode</title>
     <link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png" />
     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
-    <meta name="description" content="Seated torso twist is a beginner-level desk &amp; posture Posecode example with 3 inspectable phases and a link to live 3D playback." />
+    <meta name="description" content="Seated torso twist rendered as an editable 3D animation from inspectable Posecode source, with 3 beginner-level desk &amp; posture phases and live browser playback." />
     <link rel="canonical" href="https://www.posecode.org/moves/seated-torso-twist.html" />
     <meta name="theme-color" content="#0b0c0d" />
-    <meta property="og:title" content="Seated torso twist: Posecode Movement Example | Posecode" />
-    <meta property="og:description" content="Seated torso twist is a beginner-level desk &amp; posture Posecode example with 3 inspectable phases and a link to live 3D playback." />
+    <meta property="og:title" content="Seated torso twist 3D Animation &amp; Editable Source | Posecode" />
+    <meta property="og:description" content="Seated torso twist rendered as an editable 3D animation from inspectable Posecode source, with 3 beginner-level desk &amp; posture phases and live browser playback." />
     <meta property="og:type" content="website" />
     <meta property="og:url" content="https://www.posecode.org/moves/seated-torso-twist.html" />
     <meta property="og:site_name" content="Posecode" />
@@ -97,7 +97,7 @@
 @media(max-width:600px){.wrap{padding:0 18px}}
 </style>
     <link rel="stylesheet" href="/content-theme.css" />
-    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Seated torso twist: a Posecode movement example","description":"Seated torso twist is a beginner-level desk & posture Posecode example with 3 inspectable phases and a link to live 3D playback."}</script>
+    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Seated torso twist: editable 3D animation and Posecode source","description":"Seated torso twist rendered as an editable 3D animation from inspectable Posecode source, with 3 beginner-level desk & posture phases and live browser playback."}</script>
     <script>
       window.va = window.va || function () { (window.vaq = window.vaq || []).push(arguments); };
     </script>
@@ -110,6 +110,7 @@
         <nav class="links" aria-label="Primary">
           <a href="/play">Playground</a>
           <a href="/moves/">Movement library</a>
+          <a href="/for-products">For products</a>
           <a href="/spec.html">Language spec</a>
           <a href="/llm-guide.html">LLM authoring</a>
           <a href="mailto:hello@posecode.org?subject=Posecode%20Feedback">Feedback</a>
diff --git a/playground/public/moves/shoulder-blade-retraction.html b/playground/public/moves/shoulder-blade-retraction.html
index 29a2a48..0c23efc 100644
--- a/playground/public/moves/shoulder-blade-retraction.html
+++ b/playground/public/moves/shoulder-blade-retraction.html
@@ -3,14 +3,14 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Shoulder blade retractions: Posecode Movement Example | Posecode</title>
+    <title>Shoulder blade retractions 3D Animation &amp; Editable Source | Posecode</title>
     <link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png" />
     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
-    <meta name="description" content="Shoulder blade retractions is a beginner-level desk &amp; posture Posecode example with 3 inspectable phases and a link to live 3D playback." />
+    <meta name="description" content="Shoulder blade retractions rendered as an editable 3D animation from inspectable Posecode source, with 3 beginner-level desk &amp; posture phases and live browser playback." />
     <link rel="canonical" href="https://www.posecode.org/moves/shoulder-blade-retraction.html" />
     <meta name="theme-color" content="#0b0c0d" />
-    <meta property="og:title" content="Shoulder blade retractions: Posecode Movement Example | Posecode" />
-    <meta property="og:description" content="Shoulder blade retractions is a beginner-level desk &amp; posture Posecode example with 3 inspectable phases and a link to live 3D playback." />
+    <meta property="og:title" content="Shoulder blade retractions 3D Animation &amp; Editable Source | Posecode" />
+    <meta property="og:description" content="Shoulder blade retractions rendered as an editable 3D animation from inspectable Posecode source, with 3 beginner-level desk &amp; posture phases and live browser playback." />
     <meta property="og:type" content="website" />
     <meta property="og:url" content="https://www.posecode.org/moves/shoulder-blade-retraction.html" />
     <meta property="og:site_name" content="Posecode" />
@@ -97,7 +97,7 @@
 @media(max-width:600px){.wrap{padding:0 18px}}
 </style>
     <link rel="stylesheet" href="/content-theme.css" />
-    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Shoulder blade retractions: a Posecode movement example","description":"Shoulder blade retractions is a beginner-level desk & posture Posecode example with 3 inspectable phases and a link to live 3D playback."}</script>
+    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Shoulder blade retractions: editable 3D animation and Posecode source","description":"Shoulder blade retractions rendered as an editable 3D animation from inspectable Posecode source, with 3 beginner-level desk & posture phases and live browser playback."}</script>
     <script>
       window.va = window.va || function () { (window.vaq = window.vaq || []).push(arguments); };
     </script>
@@ -110,6 +110,7 @@
         <nav class="links" aria-label="Primary">
           <a href="/play">Playground</a>
           <a href="/moves/">Movement library</a>
+          <a href="/for-products">For products</a>
           <a href="/spec.html">Language spec</a>
           <a href="/llm-guide.html">LLM authoring</a>
           <a href="mailto:hello@posecode.org?subject=Posecode%20Feedback">Feedback</a>
diff --git a/playground/public/moves/sidebend.html b/playground/public/moves/sidebend.html
index fcba7ec..fea1735 100644
--- a/playground/public/moves/sidebend.html
+++ b/playground/public/moves/sidebend.html
@@ -3,14 +3,14 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Standing side bend: Posecode Movement Example | Posecode</title>
+    <title>Standing side bend 3D Animation &amp; Editable Source | Posecode</title>
     <link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png" />
     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
-    <meta name="description" content="Standing side bend is a beginner-level yoga Posecode example with 2 inspectable phases and a link to live 3D playback." />
+    <meta name="description" content="Standing side bend rendered as an editable 3D animation from inspectable Posecode source, with 2 beginner-level yoga phases and live browser playback." />
     <link rel="canonical" href="https://www.posecode.org/moves/sidebend.html" />
     <meta name="theme-color" content="#0b0c0d" />
-    <meta property="og:title" content="Standing side bend: Posecode Movement Example | Posecode" />
-    <meta property="og:description" content="Standing side bend is a beginner-level yoga Posecode example with 2 inspectable phases and a link to live 3D playback." />
+    <meta property="og:title" content="Standing side bend 3D Animation &amp; Editable Source | Posecode" />
+    <meta property="og:description" content="Standing side bend rendered as an editable 3D animation from inspectable Posecode source, with 2 beginner-level yoga phases and live browser playback." />
     <meta property="og:type" content="website" />
     <meta property="og:url" content="https://www.posecode.org/moves/sidebend.html" />
     <meta property="og:site_name" content="Posecode" />
@@ -97,7 +97,7 @@
 @media(max-width:600px){.wrap{padding:0 18px}}
 </style>
     <link rel="stylesheet" href="/content-theme.css" />
-    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Standing side bend: a Posecode movement example","description":"Standing side bend is a beginner-level yoga Posecode example with 2 inspectable phases and a link to live 3D playback."}</script>
+    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Standing side bend: editable 3D animation and Posecode source","description":"Standing side bend rendered as an editable 3D animation from inspectable Posecode source, with 2 beginner-level yoga phases and live browser playback."}</script>
     <script>
       window.va = window.va || function () { (window.vaq = window.vaq || []).push(arguments); };
     </script>
@@ -110,6 +110,7 @@
         <nav class="links" aria-label="Primary">
           <a href="/play">Playground</a>
           <a href="/moves/">Movement library</a>
+          <a href="/for-products">For products</a>
           <a href="/spec.html">Language spec</a>
           <a href="/llm-guide.html">LLM authoring</a>
           <a href="mailto:hello@posecode.org?subject=Posecode%20Feedback">Feedback</a>
diff --git a/playground/public/moves/sit-to-stand.html b/playground/public/moves/sit-to-stand.html
index c23abe2..cd7d125 100644
--- a/playground/public/moves/sit-to-stand.html
+++ b/playground/public/moves/sit-to-stand.html
@@ -3,14 +3,14 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Sit to stand: Posecode Movement Example | Posecode</title>
+    <title>Sit to stand 3D Animation &amp; Editable Source | Posecode</title>
     <link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png" />
     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
-    <meta name="description" content="Sit to stand is a beginner-level functional Posecode example with 2 inspectable phases and a link to live 3D playback." />
+    <meta name="description" content="Sit to stand rendered as an editable 3D animation from inspectable Posecode source, with 2 beginner-level functional phases and live browser playback." />
     <link rel="canonical" href="https://www.posecode.org/moves/sit-to-stand.html" />
     <meta name="theme-color" content="#0b0c0d" />
-    <meta property="og:title" content="Sit to stand: Posecode Movement Example | Posecode" />
-    <meta property="og:description" content="Sit to stand is a beginner-level functional Posecode example with 2 inspectable phases and a link to live 3D playback." />
+    <meta property="og:title" content="Sit to stand 3D Animation &amp; Editable Source | Posecode" />
+    <meta property="og:description" content="Sit to stand rendered as an editable 3D animation from inspectable Posecode source, with 2 beginner-level functional phases and live browser playback." />
     <meta property="og:type" content="website" />
     <meta property="og:url" content="https://www.posecode.org/moves/sit-to-stand.html" />
     <meta property="og:site_name" content="Posecode" />
@@ -97,7 +97,7 @@
 @media(max-width:600px){.wrap{padding:0 18px}}
 </style>
     <link rel="stylesheet" href="/content-theme.css" />
-    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Sit to stand: a Posecode movement example","description":"Sit to stand is a beginner-level functional Posecode example with 2 inspectable phases and a link to live 3D playback."}</script>
+    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Sit to stand: editable 3D animation and Posecode source","description":"Sit to stand rendered as an editable 3D animation from inspectable Posecode source, with 2 beginner-level functional phases and live browser playback."}</script>
     <script>
       window.va = window.va || function () { (window.vaq = window.vaq || []).push(arguments); };
     </script>
@@ -110,6 +110,7 @@
         <nav class="links" aria-label="Primary">
           <a href="/play">Playground</a>
           <a href="/moves/">Movement library</a>
+          <a href="/for-products">For products</a>
           <a href="/spec.html">Language spec</a>
           <a href="/llm-guide.html">LLM authoring</a>
           <a href="mailto:hello@posecode.org?subject=Posecode%20Feedback">Feedback</a>
diff --git a/playground/public/moves/spine-rotation.html b/playground/public/moves/spine-rotation.html
index d7e0a07..40a9d7e 100644
--- a/playground/public/moves/spine-rotation.html
+++ b/playground/public/moves/spine-rotation.html
@@ -3,14 +3,14 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Spine rotation: Posecode Movement Example | Posecode</title>
+    <title>Spine rotation 3D Animation &amp; Editable Source | Posecode</title>
     <link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png" />
     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
-    <meta name="description" content="Spine rotation is a beginner-level education Posecode example with 3 inspectable phases and a link to live 3D playback." />
+    <meta name="description" content="Spine rotation rendered as an editable 3D animation from inspectable Posecode source, with 3 beginner-level education phases and live browser playback." />
     <link rel="canonical" href="https://www.posecode.org/moves/spine-rotation.html" />
     <meta name="theme-color" content="#0b0c0d" />
-    <meta property="og:title" content="Spine rotation: Posecode Movement Example | Posecode" />
-    <meta property="og:description" content="Spine rotation is a beginner-level education Posecode example with 3 inspectable phases and a link to live 3D playback." />
+    <meta property="og:title" content="Spine rotation 3D Animation &amp; Editable Source | Posecode" />
+    <meta property="og:description" content="Spine rotation rendered as an editable 3D animation from inspectable Posecode source, with 3 beginner-level education phases and live browser playback." />
     <meta property="og:type" content="website" />
     <meta property="og:url" content="https://www.posecode.org/moves/spine-rotation.html" />
     <meta property="og:site_name" content="Posecode" />
@@ -97,7 +97,7 @@
 @media(max-width:600px){.wrap{padding:0 18px}}
 </style>
     <link rel="stylesheet" href="/content-theme.css" />
-    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Spine rotation: a Posecode movement example","description":"Spine rotation is a beginner-level education Posecode example with 3 inspectable phases and a link to live 3D playback."}</script>
+    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Spine rotation: editable 3D animation and Posecode source","description":"Spine rotation rendered as an editable 3D animation from inspectable Posecode source, with 3 beginner-level education phases and live browser playback."}</script>
     <script>
       window.va = window.va || function () { (window.vaq = window.vaq || []).push(arguments); };
     </script>
@@ -110,6 +110,7 @@
         <nav class="links" aria-label="Primary">
           <a href="/play">Playground</a>
           <a href="/moves/">Movement library</a>
+          <a href="/for-products">For products</a>
           <a href="/spec.html">Language spec</a>
           <a href="/llm-guide.html">LLM authoring</a>
           <a href="mailto:hello@posecode.org?subject=Posecode%20Feedback">Feedback</a>
diff --git a/playground/public/moves/squat.html b/playground/public/moves/squat.html
index 374633b..7f7c413 100644
--- a/playground/public/moves/squat.html
+++ b/playground/public/moves/squat.html
@@ -3,14 +3,14 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Body-weight squat: Posecode Movement Example | Posecode</title>
+    <title>Body-weight squat 3D Animation &amp; Editable Source | Posecode</title>
     <link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png" />
     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
-    <meta name="description" content="Body-weight squat is a beginner-level fitness Posecode example with 2 inspectable phases and a link to live 3D playback." />
+    <meta name="description" content="Body-weight squat rendered as an editable 3D animation from inspectable Posecode source, with 2 beginner-level fitness phases and live browser playback." />
     <link rel="canonical" href="https://www.posecode.org/moves/squat.html" />
     <meta name="theme-color" content="#0b0c0d" />
-    <meta property="og:title" content="Body-weight squat: Posecode Movement Example | Posecode" />
-    <meta property="og:description" content="Body-weight squat is a beginner-level fitness Posecode example with 2 inspectable phases and a link to live 3D playback." />
+    <meta property="og:title" content="Body-weight squat 3D Animation &amp; Editable Source | Posecode" />
+    <meta property="og:description" content="Body-weight squat rendered as an editable 3D animation from inspectable Posecode source, with 2 beginner-level fitness phases and live browser playback." />
     <meta property="og:type" content="website" />
     <meta property="og:url" content="https://www.posecode.org/moves/squat.html" />
     <meta property="og:site_name" content="Posecode" />
@@ -97,7 +97,7 @@
 @media(max-width:600px){.wrap{padding:0 18px}}
 </style>
     <link rel="stylesheet" href="/content-theme.css" />
-    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Body-weight squat: a Posecode movement example","description":"Body-weight squat is a beginner-level fitness Posecode example with 2 inspectable phases and a link to live 3D playback."}</script>
+    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Body-weight squat: editable 3D animation and Posecode source","description":"Body-weight squat rendered as an editable 3D animation from inspectable Posecode source, with 2 beginner-level fitness phases and live browser playback."}</script>
     <script>
       window.va = window.va || function () { (window.vaq = window.vaq || []).push(arguments); };
     </script>
@@ -110,6 +110,7 @@
         <nav class="links" aria-label="Primary">
           <a href="/play">Playground</a>
           <a href="/moves/">Movement library</a>
+          <a href="/for-products">For products</a>
           <a href="/spec.html">Language spec</a>
           <a href="/llm-guide.html">LLM authoring</a>
           <a href="mailto:hello@posecode.org?subject=Posecode%20Feedback">Feedback</a>
diff --git a/playground/public/moves/step-up.html b/playground/public/moves/step-up.html
index 17e8a13..b6a2cf1 100644
--- a/playground/public/moves/step-up.html
+++ b/playground/public/moves/step-up.html
@@ -3,14 +3,14 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Step-up: Posecode Movement Example | Posecode</title>
+    <title>Step-up 3D Animation &amp; Editable Source | Posecode</title>
     <link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png" />
     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
-    <meta name="description" content="Step-up is an intermediate-level functional Posecode example with 4 inspectable phases and a link to live 3D playback." />
+    <meta name="description" content="Step-up rendered as an editable 3D animation from inspectable Posecode source, with 4 intermediate-level functional phases and live browser playback." />
     <link rel="canonical" href="https://www.posecode.org/moves/step-up.html" />
     <meta name="theme-color" content="#0b0c0d" />
-    <meta property="og:title" content="Step-up: Posecode Movement Example | Posecode" />
-    <meta property="og:description" content="Step-up is an intermediate-level functional Posecode example with 4 inspectable phases and a link to live 3D playback." />
+    <meta property="og:title" content="Step-up 3D Animation &amp; Editable Source | Posecode" />
+    <meta property="og:description" content="Step-up rendered as an editable 3D animation from inspectable Posecode source, with 4 intermediate-level functional phases and live browser playback." />
     <meta property="og:type" content="website" />
     <meta property="og:url" content="https://www.posecode.org/moves/step-up.html" />
     <meta property="og:site_name" content="Posecode" />
@@ -97,7 +97,7 @@
 @media(max-width:600px){.wrap{padding:0 18px}}
 </style>
     <link rel="stylesheet" href="/content-theme.css" />
-    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Step-up: a Posecode movement example","description":"Step-up is an intermediate-level functional Posecode example with 4 inspectable phases and a link to live 3D playback."}</script>
+    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Step-up: editable 3D animation and Posecode source","description":"Step-up rendered as an editable 3D animation from inspectable Posecode source, with 4 intermediate-level functional phases and live browser playback."}</script>
     <script>
       window.va = window.va || function () { (window.vaq = window.vaq || []).push(arguments); };
     </script>
@@ -110,6 +110,7 @@
         <nav class="links" aria-label="Primary">
           <a href="/play">Playground</a>
           <a href="/moves/">Movement library</a>
+          <a href="/for-products">For products</a>
           <a href="/spec.html">Language spec</a>
           <a href="/llm-guide.html">LLM authoring</a>
           <a href="mailto:hello@posecode.org?subject=Posecode%20Feedback">Feedback</a>
diff --git a/playground/public/moves/superhero-landing.html b/playground/public/moves/superhero-landing.html
index b8a3d4a..b06c845 100644
--- a/playground/public/moves/superhero-landing.html
+++ b/playground/public/moves/superhero-landing.html
@@ -3,14 +3,14 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Superhero three-point landing: Posecode Movement Example | Posecode</title>
+    <title>Superhero three-point landing 3D Animation &amp; Editable Source | Posecode</title>
     <link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png" />
     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
-    <meta name="description" content="Superhero three-point landing is an advanced-level performance Posecode example with 4 inspectable phases and a link to live 3D playback." />
+    <meta name="description" content="Superhero three-point landing rendered as an editable 3D animation from inspectable Posecode source, with 4 advanced-level performance phases and live browser playback." />
     <link rel="canonical" href="https://www.posecode.org/moves/superhero-landing.html" />
     <meta name="theme-color" content="#0b0c0d" />
-    <meta property="og:title" content="Superhero three-point landing: Posecode Movement Example | Posecode" />
-    <meta property="og:description" content="Superhero three-point landing is an advanced-level performance Posecode example with 4 inspectable phases and a link to live 3D playback." />
+    <meta property="og:title" content="Superhero three-point landing 3D Animation &amp; Editable Source | Posecode" />
+    <meta property="og:description" content="Superhero three-point landing rendered as an editable 3D animation from inspectable Posecode source, with 4 advanced-level performance phases and live browser playback." />
     <meta property="og:type" content="website" />
     <meta property="og:url" content="https://www.posecode.org/moves/superhero-landing.html" />
     <meta property="og:site_name" content="Posecode" />
@@ -97,7 +97,7 @@
 @media(max-width:600px){.wrap{padding:0 18px}}
 </style>
     <link rel="stylesheet" href="/content-theme.css" />
-    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Superhero three-point landing: a Posecode movement example","description":"Superhero three-point landing is an advanced-level performance Posecode example with 4 inspectable phases and a link to live 3D playback."}</script>
+    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Superhero three-point landing: editable 3D animation and Posecode source","description":"Superhero three-point landing rendered as an editable 3D animation from inspectable Posecode source, with 4 advanced-level performance phases and live browser playback."}</script>
     <script>
       window.va = window.va || function () { (window.vaq = window.vaq || []).push(arguments); };
     </script>
@@ -110,6 +110,7 @@
         <nav class="links" aria-label="Primary">
           <a href="/play">Playground</a>
           <a href="/moves/">Movement library</a>
+          <a href="/for-products">For products</a>
           <a href="/spec.html">Language spec</a>
           <a href="/llm-guide.html">LLM authoring</a>
           <a href="mailto:hello@posecode.org?subject=Posecode%20Feedback">Feedback</a>
diff --git a/playground/public/moves/supine-leg-raise.html b/playground/public/moves/supine-leg-raise.html
index 0be1927..8dda5db 100644
--- a/playground/public/moves/supine-leg-raise.html
+++ b/playground/public/moves/supine-leg-raise.html
@@ -3,14 +3,14 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Lying leg raise: Posecode Movement Example | Posecode</title>
+    <title>Lying leg raise 3D Animation &amp; Editable Source | Posecode</title>
     <link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png" />
     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
-    <meta name="description" content="Lying leg raise is a beginner-level fitness Posecode example with 2 inspectable phases and a link to live 3D playback." />
+    <meta name="description" content="Lying leg raise rendered as an editable 3D animation from inspectable Posecode source, with 2 beginner-level fitness phases and live browser playback." />
     <link rel="canonical" href="https://www.posecode.org/moves/supine-leg-raise.html" />
     <meta name="theme-color" content="#0b0c0d" />
-    <meta property="og:title" content="Lying leg raise: Posecode Movement Example | Posecode" />
-    <meta property="og:description" content="Lying leg raise is a beginner-level fitness Posecode example with 2 inspectable phases and a link to live 3D playback." />
+    <meta property="og:title" content="Lying leg raise 3D Animation &amp; Editable Source | Posecode" />
+    <meta property="og:description" content="Lying leg raise rendered as an editable 3D animation from inspectable Posecode source, with 2 beginner-level fitness phases and live browser playback." />
     <meta property="og:type" content="website" />
     <meta property="og:url" content="https://www.posecode.org/moves/supine-leg-raise.html" />
     <meta property="og:site_name" content="Posecode" />
@@ -97,7 +97,7 @@
 @media(max-width:600px){.wrap{padding:0 18px}}
 </style>
     <link rel="stylesheet" href="/content-theme.css" />
-    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Lying leg raise: a Posecode movement example","description":"Lying leg raise is a beginner-level fitness Posecode example with 2 inspectable phases and a link to live 3D playback."}</script>
+    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Lying leg raise: editable 3D animation and Posecode source","description":"Lying leg raise rendered as an editable 3D animation from inspectable Posecode source, with 2 beginner-level fitness phases and live browser playback."}</script>
     <script>
       window.va = window.va || function () { (window.vaq = window.vaq || []).push(arguments); };
     </script>
@@ -110,6 +110,7 @@
         <nav class="links" aria-label="Primary">
           <a href="/play">Playground</a>
           <a href="/moves/">Movement library</a>
+          <a href="/for-products">For products</a>
           <a href="/spec.html">Language spec</a>
           <a href="/llm-guide.html">LLM authoring</a>
           <a href="mailto:hello@posecode.org?subject=Posecode%20Feedback">Feedback</a>
diff --git a/playground/public/moves/twist.html b/playground/public/moves/twist.html
index faddb21..3c79243 100644
--- a/playground/public/moves/twist.html
+++ b/playground/public/moves/twist.html
@@ -3,14 +3,14 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Standing spinal twist: Posecode Movement Example | Posecode</title>
+    <title>Standing spinal twist 3D Animation &amp; Editable Source | Posecode</title>
     <link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png" />
     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
-    <meta name="description" content="Standing spinal twist is a beginner-level desk &amp; posture Posecode example with 3 inspectable phases and a link to live 3D playback." />
+    <meta name="description" content="Standing spinal twist rendered as an editable 3D animation from inspectable Posecode source, with 3 beginner-level desk &amp; posture phases and live browser playback." />
     <link rel="canonical" href="https://www.posecode.org/moves/twist.html" />
     <meta name="theme-color" content="#0b0c0d" />
-    <meta property="og:title" content="Standing spinal twist: Posecode Movement Example | Posecode" />
-    <meta property="og:description" content="Standing spinal twist is a beginner-level desk &amp; posture Posecode example with 3 inspectable phases and a link to live 3D playback." />
+    <meta property="og:title" content="Standing spinal twist 3D Animation &amp; Editable Source | Posecode" />
+    <meta property="og:description" content="Standing spinal twist rendered as an editable 3D animation from inspectable Posecode source, with 3 beginner-level desk &amp; posture phases and live browser playback." />
     <meta property="og:type" content="website" />
     <meta property="og:url" content="https://www.posecode.org/moves/twist.html" />
     <meta property="og:site_name" content="Posecode" />
@@ -97,7 +97,7 @@
 @media(max-width:600px){.wrap{padding:0 18px}}
 </style>
     <link rel="stylesheet" href="/content-theme.css" />
-    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Standing spinal twist: a Posecode movement example","description":"Standing spinal twist is a beginner-level desk & posture Posecode example with 3 inspectable phases and a link to live 3D playback."}</script>
+    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Standing spinal twist: editable 3D animation and Posecode source","description":"Standing spinal twist rendered as an editable 3D animation from inspectable Posecode source, with 3 beginner-level desk & posture phases and live browser playback."}</script>
     <script>
       window.va = window.va || function () { (window.vaq = window.vaq || []).push(arguments); };
     </script>
@@ -110,6 +110,7 @@
         <nav class="links" aria-label="Primary">
           <a href="/play">Playground</a>
           <a href="/moves/">Movement library</a>
+          <a href="/for-products">For products</a>
           <a href="/spec.html">Language spec</a>
           <a href="/llm-guide.html">LLM authoring</a>
           <a href="mailto:hello@posecode.org?subject=Posecode%20Feedback">Feedback</a>
diff --git a/playground/public/moves/walk-cycle.html b/playground/public/moves/walk-cycle.html
index f7ea789..296bfbe 100644
--- a/playground/public/moves/walk-cycle.html
+++ b/playground/public/moves/walk-cycle.html
@@ -3,14 +3,14 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Walk &amp; turn: Posecode Movement Example | Posecode</title>
+    <title>Walk &amp; turn 3D Animation &amp; Editable Source | Posecode</title>
     <link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png" />
     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
-    <meta name="description" content="Walk &amp; turn is a beginner-level locomotion Posecode example with 5 inspectable phases and a link to live 3D playback." />
+    <meta name="description" content="Walk &amp; turn rendered as an editable 3D animation from inspectable Posecode source, with 5 beginner-level locomotion phases and live browser playback." />
     <link rel="canonical" href="https://www.posecode.org/moves/walk-cycle.html" />
     <meta name="theme-color" content="#0b0c0d" />
-    <meta property="og:title" content="Walk &amp; turn: Posecode Movement Example | Posecode" />
-    <meta property="og:description" content="Walk &amp; turn is a beginner-level locomotion Posecode example with 5 inspectable phases and a link to live 3D playback." />
+    <meta property="og:title" content="Walk &amp; turn 3D Animation &amp; Editable Source | Posecode" />
+    <meta property="og:description" content="Walk &amp; turn rendered as an editable 3D animation from inspectable Posecode source, with 5 beginner-level locomotion phases and live browser playback." />
     <meta property="og:type" content="website" />
     <meta property="og:url" content="https://www.posecode.org/moves/walk-cycle.html" />
     <meta property="og:site_name" content="Posecode" />
@@ -97,7 +97,7 @@
 @media(max-width:600px){.wrap{padding:0 18px}}
 </style>
     <link rel="stylesheet" href="/content-theme.css" />
-    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Walk & turn: a Posecode movement example","description":"Walk & turn is a beginner-level locomotion Posecode example with 5 inspectable phases and a link to live 3D playback."}</script>
+    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Walk & turn: editable 3D animation and Posecode source","description":"Walk & turn rendered as an editable 3D animation from inspectable Posecode source, with 5 beginner-level locomotion phases and live browser playback."}</script>
     <script>
       window.va = window.va || function () { (window.vaq = window.vaq || []).push(arguments); };
     </script>
@@ -110,6 +110,7 @@
         <nav class="links" aria-label="Primary">
           <a href="/play">Playground</a>
           <a href="/moves/">Movement library</a>
+          <a href="/for-products">For products</a>
           <a href="/spec.html">Language spec</a>
           <a href="/llm-guide.html">LLM authoring</a>
           <a href="mailto:hello@posecode.org?subject=Posecode%20Feedback">Feedback</a>
diff --git a/playground/public/moves/wall-sit.html b/playground/public/moves/wall-sit.html
index 054cd07..1cdb311 100644
--- a/playground/public/moves/wall-sit.html
+++ b/playground/public/moves/wall-sit.html
@@ -3,14 +3,14 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Wall sit: Posecode Movement Example | Posecode</title>
+    <title>Wall sit 3D Animation &amp; Editable Source | Posecode</title>
     <link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png" />
     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
-    <meta name="description" content="Wall sit is a beginner-level fitness Posecode example with 2 inspectable phases and a link to live 3D playback." />
+    <meta name="description" content="Wall sit rendered as an editable 3D animation from inspectable Posecode source, with 2 beginner-level fitness phases and live browser playback." />
     <link rel="canonical" href="https://www.posecode.org/moves/wall-sit.html" />
     <meta name="theme-color" content="#0b0c0d" />
-    <meta property="og:title" content="Wall sit: Posecode Movement Example | Posecode" />
-    <meta property="og:description" content="Wall sit is a beginner-level fitness Posecode example with 2 inspectable phases and a link to live 3D playback." />
+    <meta property="og:title" content="Wall sit 3D Animation &amp; Editable Source | Posecode" />
+    <meta property="og:description" content="Wall sit rendered as an editable 3D animation from inspectable Posecode source, with 2 beginner-level fitness phases and live browser playback." />
     <meta property="og:type" content="website" />
     <meta property="og:url" content="https://www.posecode.org/moves/wall-sit.html" />
     <meta property="og:site_name" content="Posecode" />
@@ -97,7 +97,7 @@
 @media(max-width:600px){.wrap{padding:0 18px}}
 </style>
     <link rel="stylesheet" href="/content-theme.css" />
-    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Wall sit: a Posecode movement example","description":"Wall sit is a beginner-level fitness Posecode example with 2 inspectable phases and a link to live 3D playback."}</script>
+    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Wall sit: editable 3D animation and Posecode source","description":"Wall sit rendered as an editable 3D animation from inspectable Posecode source, with 2 beginner-level fitness phases and live browser playback."}</script>
     <script>
       window.va = window.va || function () { (window.vaq = window.vaq || []).push(arguments); };
     </script>
@@ -110,6 +110,7 @@
         <nav class="links" aria-label="Primary">
           <a href="/play">Playground</a>
           <a href="/moves/">Movement library</a>
+          <a href="/for-products">For products</a>
           <a href="/spec.html">Language spec</a>
           <a href="/llm-guide.html">LLM authoring</a>
           <a href="mailto:hello@posecode.org?subject=Posecode%20Feedback">Feedback</a>
diff --git a/playground/public/moves/waltz-box.html b/playground/public/moves/waltz-box.html
index 7531bb7..a025787 100644
--- a/playground/public/moves/waltz-box.html
+++ b/playground/public/moves/waltz-box.html
@@ -3,14 +3,14 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Waltz box step: Posecode Movement Example | Posecode</title>
+    <title>Waltz box step 3D Animation &amp; Editable Source | Posecode</title>
     <link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png" />
     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
-    <meta name="description" content="Waltz box step is a beginner-level dance Posecode example with 6 inspectable phases and a link to live 3D playback." />
+    <meta name="description" content="Waltz box step rendered as an editable 3D animation from inspectable Posecode source, with 6 beginner-level dance phases and live browser playback." />
     <link rel="canonical" href="https://www.posecode.org/moves/waltz-box.html" />
     <meta name="theme-color" content="#0b0c0d" />
-    <meta property="og:title" content="Waltz box step: Posecode Movement Example | Posecode" />
-    <meta property="og:description" content="Waltz box step is a beginner-level dance Posecode example with 6 inspectable phases and a link to live 3D playback." />
+    <meta property="og:title" content="Waltz box step 3D Animation &amp; Editable Source | Posecode" />
+    <meta property="og:description" content="Waltz box step rendered as an editable 3D animation from inspectable Posecode source, with 6 beginner-level dance phases and live browser playback." />
     <meta property="og:type" content="website" />
     <meta property="og:url" content="https://www.posecode.org/moves/waltz-box.html" />
     <meta property="og:site_name" content="Posecode" />
@@ -97,7 +97,7 @@
 @media(max-width:600px){.wrap{padding:0 18px}}
 </style>
     <link rel="stylesheet" href="/content-theme.css" />
-    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Waltz box step: a Posecode movement example","description":"Waltz box step is a beginner-level dance Posecode example with 6 inspectable phases and a link to live 3D playback."}</script>
+    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Waltz box step: editable 3D animation and Posecode source","description":"Waltz box step rendered as an editable 3D animation from inspectable Posecode source, with 6 beginner-level dance phases and live browser playback."}</script>
     <script>
       window.va = window.va || function () { (window.vaq = window.vaq || []).push(arguments); };
     </script>
@@ -110,6 +110,7 @@
         <nav class="links" aria-label="Primary">
           <a href="/play">Playground</a>
           <a href="/moves/">Movement library</a>
+          <a href="/for-products">For products</a>
           <a href="/spec.html">Language spec</a>
           <a href="/llm-guide.html">LLM authoring</a>
           <a href="mailto:hello@posecode.org?subject=Posecode%20Feedback">Feedback</a>
diff --git a/playground/public/moves/wrist-forearm-rolls.html b/playground/public/moves/wrist-forearm-rolls.html
index 8850b5e..8133aa4 100644
--- a/playground/public/moves/wrist-forearm-rolls.html
+++ b/playground/public/moves/wrist-forearm-rolls.html
@@ -3,14 +3,14 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Wrist &amp; forearm rolls: Posecode Movement Example | Posecode</title>
+    <title>Wrist &amp; forearm rolls 3D Animation &amp; Editable Source | Posecode</title>
     <link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png" />
     <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
-    <meta name="description" content="Wrist &amp; forearm rolls is a beginner-level desk &amp; posture Posecode example with 4 inspectable phases and a link to live 3D playback." />
+    <meta name="description" content="Wrist &amp; forearm rolls rendered as an editable 3D animation from inspectable Posecode source, with 4 beginner-level desk &amp; posture phases and live browser playback." />
     <link rel="canonical" href="https://www.posecode.org/moves/wrist-forearm-rolls.html" />
     <meta name="theme-color" content="#0b0c0d" />
-    <meta property="og:title" content="Wrist &amp; forearm rolls: Posecode Movement Example | Posecode" />
-    <meta property="og:description" content="Wrist &amp; forearm rolls is a beginner-level desk &amp; posture Posecode example with 4 inspectable phases and a link to live 3D playback." />
+    <meta property="og:title" content="Wrist &amp; forearm rolls 3D Animation &amp; Editable Source | Posecode" />
+    <meta property="og:description" content="Wrist &amp; forearm rolls rendered as an editable 3D animation from inspectable Posecode source, with 4 beginner-level desk &amp; posture phases and live browser playback." />
     <meta property="og:type" content="website" />
     <meta property="og:url" content="https://www.posecode.org/moves/wrist-forearm-rolls.html" />
     <meta property="og:site_name" content="Posecode" />
@@ -97,7 +97,7 @@
 @media(max-width:600px){.wrap{padding:0 18px}}
 </style>
     <link rel="stylesheet" href="/content-theme.css" />
-    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Wrist & forearm rolls: a Posecode movement example","description":"Wrist & forearm rolls is a beginner-level desk & posture Posecode example with 4 inspectable phases and a link to live 3D playback."}</script>
+    <script type="application/ld+json">{"@context":"https://schema.org","@type":"TechArticle","headline":"Wrist & forearm rolls: editable 3D animation and Posecode source","description":"Wrist & forearm rolls rendered as an editable 3D animation from inspectable Posecode source, with 4 beginner-level desk & posture phases and live browser playback."}</script>
     <script>
       window.va = window.va || function () { (window.vaq = window.vaq || []).push(arguments); };
     </script>
@@ -110,6 +110,7 @@
         <nav class="links" aria-label="Primary">
           <a href="/play">Playground</a>
           <a href="/moves/">Movement library</a>
+          <a href="/for-products">For products</a>
           <a href="/spec.html">Language spec</a>
           <a href="/llm-guide.html">LLM authoring</a>
           <a href="mailto:hello@posecode.org?subject=Posecode%20Feedback">Feedback</a>
diff --git a/playground/public/sitemap.xml b/playground/public/sitemap.xml
index 9f58af3..dd76c48 100644
--- a/playground/public/sitemap.xml
+++ b/playground/public/sitemap.xml
@@ -2,307 +2,313 @@
 <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
   <url>
     <loc>https://www.posecode.org/</loc>
-    <lastmod>2026-08-31</lastmod>
+    <lastmod>2026-09-27</lastmod>
     <changefreq>weekly</changefreq>
     <priority>1.0</priority>
   </url>
   <url>
     <loc>https://www.posecode.org/play</loc>
-    <lastmod>2026-08-31</lastmod>
+    <lastmod>2026-09-27</lastmod>
     <changefreq>weekly</changefreq>
     <priority>0.9</priority>
   </url>
   <url>
     <loc>https://www.posecode.org/moves/</loc>
-    <lastmod>2026-08-31</lastmod>
+    <lastmod>2026-09-27</lastmod>
     <changefreq>weekly</changefreq>
     <priority>0.8</priority>
   </url>
+  <url>
+    <loc>https://www.posecode.org/for-products</loc>
+    <lastmod>2026-09-27</lastmod>
+    <changefreq>weekly</changefreq>
+    <priority>0.7</priority>
+  </url>
   <url>
     <loc>https://www.posecode.org/spec.html</loc>
-    <lastmod>2026-08-31</lastmod>
+    <lastmod>2026-09-27</lastmod>
     <changefreq>weekly</changefreq>
     <priority>0.6</priority>
   </url>
   <url>
     <loc>https://www.posecode.org/llm-guide.html</loc>
-    <lastmod>2026-08-31</lastmod>
+    <lastmod>2026-09-27</lastmod>
     <changefreq>weekly</changefreq>
     <priority>0.6</priority>
   </url>
   <url>
     <loc>https://www.posecode.org/moves/squat.html</loc>
-    <lastmod>2026-08-31</lastmod>
+    <lastmod>2026-09-27</lastmod>
     <changefreq>weekly</changefreq>
     <priority>0.5</priority>
   </url>
   <url>
     <loc>https://www.posecode.org/moves/superhero-landing.html</loc>
-    <lastmod>2026-08-31</lastmod>
+    <lastmod>2026-09-27</lastmod>
     <changefreq>weekly</changefreq>
     <priority>0.5</priority>
   </url>
   <url>
     <loc>https://www.posecode.org/moves/deadlift.html</loc>
-    <lastmod>2026-08-31</lastmod>
+    <lastmod>2026-09-27</lastmod>
     <changefreq>weekly</changefreq>
     <priority>0.5</priority>
   </url>
   <url>
     <loc>https://www.posecode.org/moves/front-kick.html</loc>
-    <lastmod>2026-08-31</lastmod>
+    <lastmod>2026-09-27</lastmod>
     <changefreq>weekly</changefreq>
     <priority>0.5</priority>
   </url>
   <url>
     <loc>https://www.posecode.org/moves/good-morning.html</loc>
-    <lastmod>2026-08-31</lastmod>
+    <lastmod>2026-09-27</lastmod>
     <changefreq>weekly</changefreq>
     <priority>0.5</priority>
   </url>
   <url>
     <loc>https://www.posecode.org/moves/chest-opener.html</loc>
-    <lastmod>2026-08-31</lastmod>
+    <lastmod>2026-09-27</lastmod>
     <changefreq>weekly</changefreq>
     <priority>0.5</priority>
   </url>
   <url>
     <loc>https://www.posecode.org/moves/plank-hold.html</loc>
-    <lastmod>2026-08-31</lastmod>
+    <lastmod>2026-09-27</lastmod>
     <changefreq>weekly</changefreq>
     <priority>0.5</priority>
   </url>
   <url>
     <loc>https://www.posecode.org/moves/crunch.html</loc>
-    <lastmod>2026-08-31</lastmod>
+    <lastmod>2026-09-27</lastmod>
     <changefreq>weekly</changefreq>
     <priority>0.5</priority>
   </url>
   <url>
     <loc>https://www.posecode.org/moves/supine-leg-raise.html</loc>
-    <lastmod>2026-08-31</lastmod>
+    <lastmod>2026-09-27</lastmod>
     <changefreq>weekly</changefreq>
     <priority>0.5</priority>
   </url>
   <url>
     <loc>https://www.posecode.org/moves/forward-lunge.html</loc>
-    <lastmod>2026-08-31</lastmod>
+    <lastmod>2026-09-27</lastmod>
     <changefreq>weekly</changefreq>
     <priority>0.5</priority>
   </url>
   <url>
     <loc>https://www.posecode.org/moves/calf-raise.html</loc>
-    <lastmod>2026-08-31</lastmod>
+    <lastmod>2026-09-27</lastmod>
     <changefreq>weekly</changefreq>
     <priority>0.5</priority>
   </url>
   <url>
     <loc>https://www.posecode.org/moves/jumping-jacks.html</loc>
-    <lastmod>2026-08-31</lastmod>
+    <lastmod>2026-09-27</lastmod>
     <changefreq>weekly</changefreq>
     <priority>0.5</priority>
   </url>
   <url>
     <loc>https://www.posecode.org/moves/box-step-taps.html</loc>
-    <lastmod>2026-08-31</lastmod>
+    <lastmod>2026-09-27</lastmod>
     <changefreq>weekly</changefreq>
     <priority>0.5</priority>
   </url>
   <url>
     <loc>https://www.posecode.org/moves/step-up.html</loc>
-    <lastmod>2026-08-31</lastmod>
+    <lastmod>2026-09-27</lastmod>
     <changefreq>weekly</changefreq>
     <priority>0.5</priority>
   </url>
   <url>
     <loc>https://www.posecode.org/moves/quad-stretch.html</loc>
-    <lastmod>2026-08-31</lastmod>
+    <lastmod>2026-09-27</lastmod>
     <changefreq>weekly</changefreq>
     <priority>0.5</priority>
   </url>
   <url>
     <loc>https://www.posecode.org/moves/hip-flexion.html</loc>
-    <lastmod>2026-08-31</lastmod>
+    <lastmod>2026-09-27</lastmod>
     <changefreq>weekly</changefreq>
     <priority>0.5</priority>
   </url>
   <url>
     <loc>https://www.posecode.org/moves/spine-rotation.html</loc>
-    <lastmod>2026-08-31</lastmod>
+    <lastmod>2026-09-27</lastmod>
     <changefreq>weekly</changefreq>
     <priority>0.5</priority>
   </url>
   <url>
     <loc>https://www.posecode.org/moves/heel-raises.html</loc>
-    <lastmod>2026-08-31</lastmod>
+    <lastmod>2026-09-27</lastmod>
     <changefreq>weekly</changefreq>
     <priority>0.5</priority>
   </url>
   <url>
     <loc>https://www.posecode.org/moves/hamstring-curl.html</loc>
-    <lastmod>2026-08-31</lastmod>
+    <lastmod>2026-09-27</lastmod>
     <changefreq>weekly</changefreq>
     <priority>0.5</priority>
   </url>
   <url>
     <loc>https://www.posecode.org/moves/hip-abduction.html</loc>
-    <lastmod>2026-08-31</lastmod>
+    <lastmod>2026-09-27</lastmod>
     <changefreq>weekly</changefreq>
     <priority>0.5</priority>
   </url>
   <url>
     <loc>https://www.posecode.org/moves/neck.html</loc>
-    <lastmod>2026-08-31</lastmod>
+    <lastmod>2026-09-27</lastmod>
     <changefreq>weekly</changefreq>
     <priority>0.5</priority>
   </url>
   <url>
     <loc>https://www.posecode.org/moves/posture.html</loc>
-    <lastmod>2026-08-31</lastmod>
+    <lastmod>2026-09-27</lastmod>
     <changefreq>weekly</changefreq>
     <priority>0.5</priority>
   </url>
   <url>
     <loc>https://www.posecode.org/moves/twist.html</loc>
-    <lastmod>2026-08-31</lastmod>
+    <lastmod>2026-09-27</lastmod>
     <changefreq>weekly</changefreq>
     <priority>0.5</priority>
   </url>
   <url>
     <loc>https://www.posecode.org/moves/neck-side-stretch.html</loc>
-    <lastmod>2026-08-31</lastmod>
+    <lastmod>2026-09-27</lastmod>
     <changefreq>weekly</changefreq>
     <priority>0.5</priority>
   </url>
   <url>
     <loc>https://www.posecode.org/moves/seated-torso-twist.html</loc>
-    <lastmod>2026-08-31</lastmod>
+    <lastmod>2026-09-27</lastmod>
     <changefreq>weekly</changefreq>
     <priority>0.5</priority>
   </url>
   <url>
     <loc>https://www.posecode.org/moves/shoulder-blade-retraction.html</loc>
-    <lastmod>2026-08-31</lastmod>
+    <lastmod>2026-09-27</lastmod>
     <changefreq>weekly</changefreq>
     <priority>0.5</priority>
   </url>
   <url>
     <loc>https://www.posecode.org/moves/wrist-forearm-rolls.html</loc>
-    <lastmod>2026-08-31</lastmod>
+    <lastmod>2026-09-27</lastmod>
     <changefreq>weekly</changefreq>
     <priority>0.5</priority>
   </url>
   <url>
     <loc>https://www.posecode.org/moves/jab-cross.html</loc>
-    <lastmod>2026-08-31</lastmod>
+    <lastmod>2026-09-27</lastmod>
     <changefreq>weekly</changefreq>
     <priority>0.5</priority>
   </url>
   <url>
     <loc>https://www.posecode.org/moves/horse-stance.html</loc>
-    <lastmod>2026-08-31</lastmod>
+    <lastmod>2026-09-27</lastmod>
     <changefreq>weekly</changefreq>
     <priority>0.5</priority>
   </url>
   <url>
     <loc>https://www.posecode.org/moves/bow.html</loc>
-    <lastmod>2026-08-31</lastmod>
+    <lastmod>2026-09-27</lastmod>
     <changefreq>weekly</changefreq>
     <priority>0.5</priority>
   </url>
   <url>
     <loc>https://www.posecode.org/moves/high-knee-march.html</loc>
-    <lastmod>2026-08-31</lastmod>
+    <lastmod>2026-09-27</lastmod>
     <changefreq>weekly</changefreq>
     <priority>0.5</priority>
   </url>
   <url>
     <loc>https://www.posecode.org/moves/bent-over-row.html</loc>
-    <lastmod>2026-08-31</lastmod>
+    <lastmod>2026-09-27</lastmod>
     <changefreq>weekly</changefreq>
     <priority>0.5</priority>
   </url>
   <url>
     <loc>https://www.posecode.org/moves/lateral.html</loc>
-    <lastmod>2026-08-31</lastmod>
+    <lastmod>2026-09-27</lastmod>
     <changefreq>weekly</changefreq>
     <priority>0.5</priority>
   </url>
   <url>
     <loc>https://www.posecode.org/moves/fold.html</loc>
-    <lastmod>2026-08-31</lastmod>
+    <lastmod>2026-09-27</lastmod>
     <changefreq>weekly</changefreq>
     <priority>0.5</priority>
   </url>
   <url>
     <loc>https://www.posecode.org/moves/chair.html</loc>
-    <lastmod>2026-08-31</lastmod>
+    <lastmod>2026-09-27</lastmod>
     <changefreq>weekly</changefreq>
     <priority>0.5</priority>
   </url>
   <url>
     <loc>https://www.posecode.org/moves/sidebend.html</loc>
-    <lastmod>2026-08-31</lastmod>
+    <lastmod>2026-09-27</lastmod>
     <changefreq>weekly</changefreq>
     <priority>0.5</priority>
   </url>
   <url>
     <loc>https://www.posecode.org/moves/dead-bug.html</loc>
-    <lastmod>2026-08-31</lastmod>
+    <lastmod>2026-09-27</lastmod>
     <changefreq>weekly</changefreq>
     <priority>0.5</priority>
   </url>
   <url>
     <loc>https://www.posecode.org/moves/seated-forward-fold.html</loc>
-    <lastmod>2026-08-31</lastmod>
+    <lastmod>2026-09-27</lastmod>
     <changefreq>weekly</changefreq>
     <priority>0.5</priority>
   </url>
   <url>
     <loc>https://www.posecode.org/moves/sit-to-stand.html</loc>
-    <lastmod>2026-08-31</lastmod>
+    <lastmod>2026-09-27</lastmod>
     <changefreq>weekly</changefreq>
     <priority>0.5</priority>
   </url>
   <url>
     <loc>https://www.posecode.org/moves/box-squat.html</loc>
-    <lastmod>2026-08-31</lastmod>
+    <lastmod>2026-09-27</lastmod>
     <changefreq>weekly</changefreq>
     <priority>0.5</priority>
   </url>
   <url>
     <loc>https://www.posecode.org/moves/wall-sit.html</loc>
-    <lastmod>2026-08-31</lastmod>
+    <lastmod>2026-09-27</lastmod>
     <changefreq>weekly</changefreq>
     <priority>0.5</priority>
   </url>
   <url>
     <loc>https://www.posecode.org/moves/box-step.html</loc>
-    <lastmod>2026-08-31</lastmod>
+    <lastmod>2026-09-27</lastmod>
     <changefreq>weekly</changefreq>
     <priority>0.5</priority>
   </url>
   <url>
     <loc>https://www.posecode.org/moves/grapevine.html</loc>
-    <lastmod>2026-08-31</lastmod>
+    <lastmod>2026-09-27</lastmod>
     <changefreq>weekly</changefreq>
     <priority>0.5</priority>
   </url>
   <url>
     <loc>https://www.posecode.org/moves/waltz-box.html</loc>
-    <lastmod>2026-08-31</lastmod>
+    <lastmod>2026-09-27</lastmod>
     <changefreq>weekly</changefreq>
     <priority>0.5</priority>
   </url>
   <url>
     <loc>https://www.posecode.org/moves/walk-cycle.html</loc>
-    <lastmod>2026-08-31</lastmod>
+    <lastmod>2026-09-27</lastmod>
     <changefreq>weekly</changefreq>
     <priority>0.5</priority>
   </url>
   <url>
     <loc>https://www.posecode.org/moves/quarter-turns.html</loc>
-    <lastmod>2026-08-31</lastmod>
+    <lastmod>2026-09-27</lastmod>
     <changefreq>weekly</changefreq>
     <priority>0.5</priority>
   </url>
diff --git a/playground/public/spec.html b/playground/public/spec.html
index e1ceec6..738ea47 100644
--- a/playground/public/spec.html
+++ b/playground/public/spec.html
@@ -110,6 +110,7 @@
         <nav class="links" aria-label="Primary">
           <a href="/play">Playground</a>
           <a href="/moves/">Movement library</a>
+          <a href="/for-products">For products</a>
           <a href="/spec.html">Language spec</a>
           <a href="/llm-guide.html">LLM authoring</a>
           <a href="mailto:hello@posecode.org?subject=Posecode%20Feedback">Feedback</a>
diff --git a/playground/test/for-products.test.ts b/playground/test/for-products.test.ts
index 3b445da..44ae8fd 100644
--- a/playground/test/for-products.test.ts
+++ b/playground/test/for-products.test.ts
@@ -18,7 +18,7 @@ describe("product integration page", () => {
   });
 
   it("includes canonical and social metadata", () => {
-    expect(page).toContain("<title>Integrate Inspectable Movement");
+    expect(page).toContain("<title>3D Movement SDK &amp; Web Component");
     expect(page).toContain('rel="canonical" href="https://www.posecode.org/for-products"');
     expect(page).toContain('property="og:title"');
     expect(page).toContain('name="twitter:card"');
diff --git a/scripts/check-site-health.mjs b/scripts/check-site-health.mjs
new file mode 100644
index 0000000..0634372
--- /dev/null
+++ b/scripts/check-site-health.mjs
@@ -0,0 +1,89 @@
+import { pathToFileURL } from "node:url";
+
+const DEFAULT_BASE_URL = "https://www.posecode.org";
+
+export async function checkSiteHealth({
+  baseUrl = process.env.POSECODE_HEALTH_BASE_URL ?? DEFAULT_BASE_URL,
+  fetchImpl = fetch,
+} = {}) {
+  const normalizedBaseUrl = baseUrl.replace(/\/$/, "");
+  const checks = [
+    { path: "/", includes: 'rel="canonical" href="https://www.posecode.org/"' },
+    { path: "/play/superhero-landing", includes: "Posecode" },
+    { path: "/robots.txt", includes: "Sitemap: https://www.posecode.org/sitemap.xml" },
+    { path: "/sitemap.xml", includes: "https://www.posecode.org/for-products" },
+  ];
+
+  const results = await Promise.all(
+    checks.map(async ({ path, includes }) => {
+      const url = `${normalizedBaseUrl}${path}`;
+      try {
+        const response = await fetchImpl(url, {
+          headers: { "user-agent": "posecode-health-check/1.0" },
+          redirect: "follow",
+          signal: AbortSignal.timeout(15_000),
+        });
+        const body = await response.text();
+        const problems = [];
+
+        if (!response.ok) problems.push(`HTTP ${response.status}`);
+        if (!body.includes(includes)) problems.push(`missing expected marker: ${includes}`);
+        if (path === "/sitemap.xml" && /<loc>https:\/\/posecode\.org\//.test(body)) {
+          problems.push("sitemap contains non-www canonical URLs");
+        }
+
+        return { url, ok: problems.length === 0, problems };
+      } catch (error) {
+        return { url, ok: false, problems: [error instanceof Error ? error.message : String(error)] };
+      }
+    }),
+  );
+
+  return {
+    ok: results.every((result) => result.ok),
+    checkedAt: new Date().toISOString(),
+    results,
+  };
+}
+
+export function formatHealthReport(report) {
+  const lines = [`Posecode production health: ${report.ok ? "OK" : "FAILED"}`, `Checked: ${report.checkedAt}`];
+  for (const result of report.results) {
+    lines.push(`${result.ok ? "✓" : "✗"} ${result.url}${result.ok ? "" : ` — ${result.problems.join("; ")}`}`);
+  }
+  return lines.join("\n");
+}
+
+async function sendTelegramAlert(message, fetchImpl = fetch) {
+  const token = process.env.POSECODE_TELEGRAM_BOT_TOKEN;
+  const chatId = process.env.POSECODE_TELEGRAM_CHAT_ID;
+  if (!token || !chatId) return false;
+
+  const response = await fetchImpl(`https://api.telegram.org/bot${token}/sendMessage`, {
+    method: "POST",
+    headers: { "content-type": "application/json" },
+    body: JSON.stringify({ chat_id: chatId, text: message, disable_web_page_preview: true }),
+    signal: AbortSignal.timeout(15_000),
+  });
+  if (!response.ok) throw new Error(`Telegram alert failed with HTTP ${response.status}`);
+  return true;
+}
+
+async function main() {
+  const report = await checkSiteHealth();
+  const message = formatHealthReport(report);
+  console.log(message);
+
+  if (!report.ok) {
+    try {
+      await sendTelegramAlert(message);
+    } catch (error) {
+      console.error(error instanceof Error ? error.message : String(error));
+    }
+    process.exitCode = 1;
+  }
+}
+
+if (process.argv[1] && import.meta.url === pathToFileURL(process.argv[1]).href) {
+  await main();
+}
diff --git a/scripts/check-site-health.test.ts b/scripts/check-site-health.test.ts
new file mode 100644
index 0000000..4ee9a6e
--- /dev/null
+++ b/scripts/check-site-health.test.ts
@@ -0,0 +1,37 @@
+import { describe, expect, it } from "vitest";
+
+import { checkSiteHealth, formatHealthReport } from "./check-site-health.mjs";
+
+function response(body: string, status = 200) {
+  return new Response(body, { status });
+}
+
+describe("site health monitor", () => {
+  it("accepts healthy canonical pages and sitemap", async () => {
+    const fetchImpl = async (input: string | URL | Request) => {
+      const url = String(input);
+      if (url.endsWith("/robots.txt")) return response("Sitemap: https://www.posecode.org/sitemap.xml");
+      if (url.endsWith("/sitemap.xml")) return response("<loc>https://www.posecode.org/for-products</loc>");
+      if (url.endsWith("/play/superhero-landing")) return response("Posecode");
+      return response('<link rel="canonical" href="https://www.posecode.org/" />');
+    };
+
+    const report = await checkSiteHealth({ fetchImpl });
+    expect(report.ok).toBe(true);
+    expect(formatHealthReport(report)).toContain("Posecode production health: OK");
+  });
+
+  it("flags failed routes and non-www sitemap URLs", async () => {
+    const fetchImpl = async (input: string | URL | Request) => {
+      const url = String(input);
+      if (url.endsWith("/sitemap.xml")) {
+        return response("<loc>https://posecode.org/moves</loc>");
+      }
+      return response("not found", 404);
+    };
+
+    const report = await checkSiteHealth({ fetchImpl });
+    expect(report.ok).toBe(false);
+    expect(formatHealthReport(report)).toContain("sitemap contains non-www canonical URLs");
+  });
+});
diff --git a/scripts/generate-content-pages.mjs b/scripts/generate-content-pages.mjs
index 011048d..9cbfac5 100644
--- a/scripts/generate-content-pages.mjs
+++ b/scripts/generate-content-pages.mjs
@@ -71,6 +71,7 @@ async function main() {
     { loc: `${SITE}/`, priority: "1.0" },
     { loc: `${SITE}/play`, priority: "0.9" },
     { loc: `${SITE}/moves/`, priority: "0.8" },
+    { loc: `${SITE}/for-products`, priority: "0.7" },
     { loc: `${SITE}/spec.html`, priority: "0.6" },
     { loc: `${SITE}/llm-guide.html`, priority: "0.6" },
   ];
@@ -99,12 +100,12 @@ async function main() {
          <div class="chip-list">${related.map((o) => `<a href="/moves/${o.id}.html">${esc(o.label)}</a>`).join("")}</div>`
       : "";
 
-    const description = `${name} is ${levelArticle} ${p.difficulty.toLowerCase()}-level ${p.domain.toLowerCase()} Posecode example with ${steps.length} inspectable phases and a link to live 3D playback.`;
+    const description = `${name} rendered as an editable 3D animation from inspectable Posecode source, with ${steps.length} ${p.difficulty.toLowerCase()}-level ${p.domain.toLowerCase()} phases and live browser playback.`;
 
     const jsonLd = {
       "@context": "https://schema.org",
       "@type": "TechArticle",
-      headline: `${name}: a Posecode movement example`,
+      headline: `${name}: editable 3D animation and Posecode source`,
       description,
     };
 
@@ -139,7 +140,7 @@ ${stepsHtml}
     `.trimEnd();
 
     const html = pageShell({
-      title: `${name}: Posecode Movement Example | Posecode`,
+      title: `${name} 3D Animation & Editable Source | Posecode`,
       description,
       canonicalPath: url,
       jsonLd,
@@ -173,9 +174,9 @@ ${stepsHtml}
     .join("\n");
 
   const indexHtml = pageShell({
-    title: `${readyPresets.length} Launch-Ready Posecode Movement Examples | Posecode`,
+    title: `${readyPresets.length} Editable 3D Movement Examples | Posecode`,
     description:
-      `Browse ${readyPresets.length} launch-ready Posecode movement examples across fitness, physiotherapy, yoga, dance, and martial arts, each with inspectable source and a link to live 3D playback.`,
+      `Browse ${readyPresets.length} editable 3D movement examples across fitness, physiotherapy, yoga, dance, and martial arts, each with inspectable source and live browser playback.`,
     canonicalPath: "/moves/",
     bodyHtml: `
       <p class="eyebrow">Movement library</p>
diff --git a/scripts/generate-content-pages.test.ts b/scripts/generate-content-pages.test.ts
index 44fc978..8585999 100644
--- a/scripts/generate-content-pages.test.ts
+++ b/scripts/generate-content-pages.test.ts
@@ -7,6 +7,28 @@ import { esc } from "./lib/shell.mjs";
 const root = resolve(dirname(fileURLToPath(import.meta.url)), "..");
 
 describe("generated content pages", () => {
+  it("publishes the canonical product page in the sitemap", () => {
+    const sitemap = readFileSync(
+      resolve(root, "playground/public/sitemap.xml"),
+      "utf8",
+    );
+
+    expect(sitemap).toContain(
+      "<loc>https://www.posecode.org/for-products</loc>",
+    );
+    expect(sitemap).not.toContain("<loc>https://posecode.org/");
+  });
+
+  it("uses the current embed release in product integration docs", () => {
+    const page = readFileSync(
+      resolve(root, "playground/for-products.html"),
+      "utf8",
+    );
+
+    expect(page).toContain("posecode-embed@0.5.0");
+    expect(page).not.toContain("posecode-embed@0.2.2");
+  });
+
   it("embeds the canonical superhero landing source exactly", () => {
     const source = readFileSync(
       resolve(root, "spec/examples/superhero-landing.posecode"),
diff --git a/scripts/lib/shell.mjs b/scripts/lib/shell.mjs
index e53cc33..4eaa754 100644
--- a/scripts/lib/shell.mjs
+++ b/scripts/lib/shell.mjs
@@ -141,6 +141,7 @@ export function pageShell({ title, description, canonicalPath, jsonLd, bodyHtml,
         <nav class="links" aria-label="Primary">
           <a href="/play">Playground</a>
           <a href="/moves/">Movement library</a>
+          <a href="/for-products">For products</a>
           <a href="/spec.html">Language spec</a>
           <a href="/llm-guide.html">LLM authoring</a>
           <a href="mailto:hello@posecode.org?subject=Posecode%20Feedback">Feedback</a>