diff --git a/.github/ISSUE_TEMPLATE/bug_report.yml b/.github/ISSUE_TEMPLATE/bug_report.yml
index bd075af..c8468f8 100644
--- a/.github/ISSUE_TEMPLATE/bug_report.yml
+++ b/.github/ISSUE_TEMPLATE/bug_report.yml
@@ -27,7 +27,7 @@ body:
     id: version
     attributes:
       label: Version
-      placeholder: "0.5.1"
+      placeholder: "0.5.3"
     validations:
       required: true
   - type: textarea
diff --git a/.github/dependabot.yml b/.github/dependabot.yml
index a5ffd08..d30ec9e 100644
--- a/.github/dependabot.yml
+++ b/.github/dependabot.yml
@@ -3,10 +3,32 @@ updates:
   - package-ecosystem: npm
     directory: /
     schedule:
-      interval: weekly
-    open-pull-requests-limit: 5
+      interval: monthly
+    open-pull-requests-limit: 2
+    groups:
+      npm-minor-and-patch:
+        patterns:
+          - "*"
+        update-types:
+          - minor
+          - patch
+    ignore:
+      - dependency-name: "*"
+        update-types:
+          - version-update:semver-major
   - package-ecosystem: github-actions
     directory: /
     schedule:
       interval: monthly
-    open-pull-requests-limit: 3
+    open-pull-requests-limit: 1
+    groups:
+      actions-minor-and-patch:
+        patterns:
+          - "*"
+        update-types:
+          - minor
+          - patch
+    ignore:
+      - dependency-name: "*"
+        update-types:
+          - version-update:semver-major
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 231eaef..968ca9e 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -64,5 +64,8 @@ jobs:
       - name: Audit website production dependencies
         run: npm run audit:www-dependencies
 
+      - name: Audit pitch production dependencies
+        run: npm run audit:pitch-dependencies
+
       - name: Verify npm package contents
         run: npm run pack:check --workspace vitalmcp
diff --git a/CHANGELOG.md b/CHANGELOG.md
index f128555..450ed43 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -9,14 +9,23 @@ The project coordinates preview releases across the iOS app, `vitalmcp` runtime,
 ### Added
 
 - Open-source license, security policy, contribution guide, support policy, and repository templates.
+- MIT license text in the published `vitalmcp` package, enforced by the npm release preflight.
+- A release audit guard that rejects Apple Developer Team identifiers in shared Xcode projects.
 - Full-repository and Git-history secret scanning for the public release gate.
 
 ### Changed
 
+- Synchronized the English, Simplified Chinese, and npm package documentation with the `0.5.3` Local Preview flow.
+- Expanded the open-source release gate into a reviewable checklist covering repository settings, privacy, asset provenance, package contents, and rollback.
 - Product scope is now a strict three-phase roadmap: WorkBuddy Local, local Hermes/other Agents, then a user-owned Agent server over Tailscale.
 - Hosted relay, accounts, billing, App Store launch, public VPS, and marketing are explicitly outside the active roadmap.
 - Public documentation now leads with the current pinned npm and SkillHub release and separates current guidance from historical relay research.
 
+### Security
+
+- Updated the MCP and Hono runtime dependency paths to patched releases identified by the public-release audit.
+- Pinned the latest stable Next.js 16 release and exported the website and pitch as static artifacts, keeping their framework toolchains out of the deployed production dependency surface.
+
 ## [0.5.2] - 2026-07-19
 
 ### Fixed
diff --git a/README.md b/README.md
index edfac1a..c204cde 100644
--- a/README.md
+++ b/README.md
@@ -140,5 +140,6 @@ Use synthetic fixtures only. For component details, release checks, and diagnost
 - Use the issue templates for reproducible bugs and proposals.
 - Report vulnerabilities privately as described in [SECURITY.md](SECURITY.md).
 - Review the public/private boundary in [Open-source scope](docs/open-source-scope.md).
+- Complete the [open-source release checklist](docs/open-source-release-checklist.md) before a public release.
 
 Vital Agent Sync is licensed under the [MIT License](LICENSE).
diff --git a/README.zh-CN.md b/README.zh-CN.md
index 9478f7e..2d28a28 100644
--- a/README.zh-CN.md
+++ b/README.zh-CN.md
@@ -8,7 +8,7 @@ Vital Agent Sync 是面向个人 AI Agent 的开源 Apple Health 本地桥接器
 
 ## 当前路线
 
-`0.5.2` 是源码分发的 Local Preview，严格按以下顺序推进：
+`0.5.3` 是源码分发的 Local Preview，严格按以下顺序推进：
 
 | 阶段 | 体验 | 状态 |
 | --- | --- | --- |
@@ -22,22 +22,22 @@ Vital Agent Sync 是面向个人 AI Agent 的开源 Apple Health 本地桥接器
 
 从 [SkillHub](https://skillhub.cn/skills/vital-agent-sync) 安装 Vital Agent Sync，然后对 WorkBuddy 说：
 
-> 安装 Vital Agent Sync，使用局域网连接我的 iPhone。先说明所有持久化修改，等我确认后执行，最后在本机打开配对二维码。
+> 启动 Vital Agent Sync，通过局域网连接我的 iPhone。
 
 Skill 会：
 
-- 无 `sudo` 安装固定版本的 `vitalmcp`；
-- 修改文件、服务、网络和 MCP 配置前展示脱敏计划并等待确认；
-- 记录 setup 使用的 Node 路径与原生模块 ABI，让 Terminal、launchd 和 MCP 使用同一兼容运行时；
-- 遇到 WorkBuddy 沙箱边界时暂停，只让用户在 macOS Terminal 执行一条返回的 launchd 激活命令，不使用 `sudo`；
-- 等待用户审批 WorkBuddy MCP、重载并成功调用原生 `vital_agent_status` 后再配对；
+- 无 `sudo` 把固定版本的 `vitalmcp` 安装到用户目录；
+- 用一次安装确认覆盖固定运行时、私有状态、WorkBuddy MCP 配置、可信局域网监听和本地配对页；
+- 记录 setup 使用的 Node 路径与原生模块 ABI，让 CLI、接收端和 MCP 使用同一兼容运行时；
+- 在当前 WorkBuddy 会话中启动 Local Preview 接收端，不要求 Terminal 或 `sudo`；WorkBuddy 退出后该预览进程可能停止；
+- 在 MCP 审批前即可打开本机私有配对页，但读取健康数据前仍须明确批准 WorkBuddy MCP；
 - 只在用户本地浏览器打开包含凭据的二维码；
 - 第一次读取健康数据前说明模型隐私边界并等待确认。
 
 手动备用入口：
 
 ```bash
-npx -y vitalmcp@0.5.2 setup --agent workbuddy --transport lan
+npx -y vitalmcp@0.5.3 setup --agent workbuddy --transport lan
 ```
 
 首次同步后检查：
@@ -52,9 +52,9 @@ vitalmcp doctor --agent workbuddy --transport lan
 所有 Agent 复用同一个接收端、SQLite、setup 状态和 MCP 工具：
 
 ```bash
-npx -y vitalmcp@0.5.2 setup --agent hermes --transport lan
-npx -y vitalmcp@0.5.2 setup --agent generic --transport lan
-npx -y vitalmcp@0.5.2 setup --agent openclaw --transport lan
+npx -y vitalmcp@0.5.3 setup --agent hermes --transport lan
+npx -y vitalmcp@0.5.3 setup --agent generic --transport lan
+npx -y vitalmcp@0.5.3 setup --agent openclaw --transport lan
 ```
 
 Hermes 是第二阶段的第一优先级，通用 stdio MCP 是可移植基线，不依赖任何 Agent 市场上架。
@@ -64,7 +64,7 @@ Hermes 是第二阶段的第一优先级，通用 stdio MCP 是可移植基线
 最后阶段让 Agent、`vitalmcp`、SQLite 和 MCP 在同一台用户服务器上运行，Tailscale 只负责 iPhone 到接收端的私有 HTTPS：
 
 ```bash
-npx -y vitalmcp@0.5.2 setup \
+npx -y vitalmcp@0.5.3 setup \
   --agent hermes \
   --manager systemd \
   --transport tailscale \
@@ -110,6 +110,6 @@ npm run test:ios
 npm run audit:oss
 ```
 
-详细文档见[文档索引](docs/README.md)。提交代码前阅读 [CONTRIBUTING.md](CONTRIBUTING.md)，安全问题通过 [SECURITY.md](SECURITY.md) 的私密渠道报告，安装问题使用 [GitHub Discussions](https://github.com/Coooder-Crypto/vital-agent-sync/discussions)。
+详细文档见[文档索引](docs/README.md)。提交代码前阅读 [CONTRIBUTING.md](CONTRIBUTING.md)，安全问题通过 [SECURITY.md](SECURITY.md) 的私密渠道报告，安装问题使用 [GitHub Discussions](https://github.com/Coooder-Crypto/vital-agent-sync/discussions)。公开仓库或发布版本前，请完成[开源发布清单](docs/open-source-release-checklist.md)。
 
 项目使用 [MIT License](LICENSE)。
diff --git a/SECURITY.md b/SECURITY.md
index fc7ec90..e564642 100644
--- a/SECURITY.md
+++ b/SECURITY.md
@@ -26,4 +26,10 @@ Do not include real Apple Health exports, live pairing artifacts, private keys,
 - An Agent or model provider may receive the scoped health context returned through MCP. Local storage does not imply local model inference.
 - Vital Agent Sync is not a medical device and must not be used for diagnosis, treatment, or emergency decisions.
 
+## Static-site build boundary
+
+`apps/www` and `apps/pitch` are exported as static artifacts. Next.js, React, PostCSS, Sharp, and the other site framework packages are development-only build tools; they are not installed or executed in the deployed static-site runtime. Builds consume repository-controlled source and media only and must not process untrusted stylesheets, source maps, images, or other inputs.
+
+The root development dependency tree may temporarily report upstream Next.js build-tool advisories even when `audit:www-dependencies` and `audit:pitch-dependencies` report zero production vulnerabilities. This is a narrowly documented exception, not a blanket audit waiver. Maintainers must review those advisories for each release and update to a stable patched framework release when one is available.
+
 See [the direct LAN security model](docs/direct-lan-security.md), [the relay threat model](docs/e2ee-relay-threat-model.md), and [the privacy boundary](docs/e2ee-relay-privacy-boundary.md) for details.
diff --git a/apps/ios/VitalAgentSync.xcodeproj/project.pbxproj b/apps/ios/VitalAgentSync.xcodeproj/project.pbxproj
index b478260..cb994e8 100644
--- a/apps/ios/VitalAgentSync.xcodeproj/project.pbxproj
+++ b/apps/ios/VitalAgentSync.xcodeproj/project.pbxproj
@@ -3,7 +3,7 @@
 	archiveVersion = 1;
 	classes = {
 	};
-	objectVersion = 54;
+	objectVersion = 56;
 	objects = {
 
 /* Begin PBXBuildFile section */
@@ -45,7 +45,7 @@
 		5A7BF3D1A49C2CFC8DA6F100 /* GatewaySettings.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = GatewaySettings.swift; sourceTree = "<group>"; };
 		5CD7D093F3B454A55990BAC8 /* zh-Hans */ = {isa = PBXFileReference; lastKnownFileType = text.plist.strings; name = "zh-Hans"; path = "zh-Hans.lproj/Localizable.strings"; sourceTree = "<group>"; };
 		67808A0519BFAE67E399B083 /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist; path = Info.plist; sourceTree = "<group>"; };
-		6DEBBD0B8576FD6C78327552 /* VitalAgentSync.app */ = {isa = PBXFileReference; includeInIndex = 0; lastKnownFileType = wrapper.application; path = VitalAgentSync.app; sourceTree = BUILT_PRODUCTS_DIR; };
+		6DEBBD0B8576FD6C78327552 /* VitalAgentSync.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = VitalAgentSync.app; sourceTree = BUILT_PRODUCTS_DIR; };
 		8397B066DD0C035A16337D21 /* Assets.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; path = Assets.xcassets; sourceTree = "<group>"; };
 		853EBEF810560AF6E052E02A /* HealthKitService.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = HealthKitService.swift; sourceTree = "<group>"; };
 		9DD18C251995C1C4C1E01177 /* SyncModelTests.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = SyncModelTests.swift; sourceTree = "<group>"; };
@@ -171,7 +171,6 @@
 				LastUpgradeCheck = 1430;
 				TargetAttributes = {
 					498AFB73209F99F9DE6CE523 = {
-						DevelopmentTeam = "";
 						ProvisioningStyle = Automatic;
 					};
 					96749EC2F636F901CCB316F2 = {
diff --git a/apps/pitch/.gitignore b/apps/pitch/.gitignore
new file mode 100644
index 0000000..c71ca52
--- /dev/null
+++ b/apps/pitch/.gitignore
@@ -0,0 +1,3 @@
+/.next/
+/out/
+*.tsbuildinfo
diff --git a/apps/pitch/app/globals.css b/apps/pitch/app/globals.css
new file mode 100644
index 0000000..e08c5d8
--- /dev/null
+++ b/apps/pitch/app/globals.css
@@ -0,0 +1,1438 @@
+:root {
+  --sage-700: #659287;
+  --sage-500: #88bda4;
+  --sage-300: #b1d3b9;
+  --sage-100: #e6f2dd;
+  --ink: #10211a;
+  --ink-soft: #20372d;
+  --paper: #f5f8f4;
+  --paper-bright: #fbfcfa;
+  --line: #cbd7ce;
+  --line-dark: #365047;
+  --muted: #637169;
+  --coral: #ff6846;
+  --blue: #2679f6;
+  --white: #ffffff;
+  --deck-scale: 1;
+}
+
+* {
+  box-sizing: border-box;
+}
+
+html,
+body {
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  background: #07110d;
+}
+
+body {
+  margin: 0;
+  color: var(--ink);
+  font-family: var(--font-geist-sans), Arial, sans-serif;
+  letter-spacing: 0;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+}
+
+button {
+  font: inherit;
+  letter-spacing: 0;
+}
+
+button:focus-visible {
+  outline: 4px solid var(--coral);
+  outline-offset: 4px;
+}
+
+.deck-viewport {
+  position: fixed;
+  inset: 0;
+  overflow: hidden;
+  background: #07110d;
+  touch-action: pan-y;
+  user-select: none;
+}
+
+.deck-stage {
+  position: absolute;
+  z-index: 1;
+  top: 50%;
+  left: 50%;
+  width: 1920px;
+  height: 1080px;
+  margin: -540px 0 0 -960px;
+  overflow: hidden;
+  background: var(--paper);
+  box-shadow: 0 40px 120px rgba(0, 0, 0, 0.42);
+  transform: scale(var(--deck-scale));
+  transform-origin: center;
+}
+
+.slide-transition,
+.slide {
+  position: absolute;
+  inset: 0;
+}
+
+.slide {
+  isolation: isolate;
+  overflow: hidden;
+  padding: 68px 104px 82px;
+}
+
+.slide::before,
+.slide::after {
+  position: absolute;
+  z-index: -1;
+  content: "";
+  pointer-events: none;
+}
+
+.slide::before {
+  top: 0;
+  right: 103px;
+  bottom: 0;
+  width: 1px;
+  background: rgba(16, 33, 26, 0.13);
+}
+
+.slide::after {
+  top: 0;
+  bottom: 0;
+  left: 103px;
+  width: 1px;
+  background: rgba(16, 33, 26, 0.13);
+}
+
+.slide-light {
+  background: var(--paper);
+  color: var(--ink);
+}
+
+.slide-dark {
+  background: var(--ink);
+  color: var(--white);
+}
+
+.slide-dark::before {
+  background: rgba(230, 242, 221, 0.14);
+}
+
+.slide-dark::after {
+  background: rgba(230, 242, 221, 0.14);
+}
+
+.slide-sage {
+  background: var(--sage-100);
+  color: var(--ink);
+}
+
+.slide-header {
+  position: relative;
+  z-index: 3;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  min-height: 52px;
+  border-bottom: 1px solid rgba(16, 33, 26, 0.15);
+}
+
+.slide-dark .slide-header {
+  border-color: rgba(230, 242, 221, 0.17);
+}
+
+.slide-brand {
+  display: flex;
+  align-items: center;
+  gap: 15px;
+  font-size: 20px;
+  font-weight: 720;
+}
+
+.slide-brand img {
+  width: 36px;
+  height: 36px;
+  border-radius: 9px;
+  box-shadow: 0 8px 22px rgba(38, 121, 246, 0.16);
+}
+
+.slide-header > p {
+  display: flex;
+  align-items: center;
+  gap: 17px;
+  margin: 0;
+  color: var(--muted);
+  font-family: var(--font-geist-mono), monospace;
+  font-size: 16px;
+  font-weight: 650;
+  text-transform: uppercase;
+}
+
+.slide-dark .slide-header > p {
+  color: var(--sage-300);
+}
+
+.slide-header > p span {
+  color: var(--coral);
+}
+
+.slide-title {
+  position: relative;
+  z-index: 2;
+  max-width: 1530px;
+  margin: 54px 0 0;
+  font-size: 68px;
+  font-weight: 660;
+  line-height: 1.08;
+  letter-spacing: 0;
+}
+
+.deck-progress {
+  position: absolute;
+  z-index: 50;
+  right: 104px;
+  bottom: 43px;
+  left: 104px;
+  height: 3px;
+  overflow: hidden;
+  background: rgba(136, 189, 164, 0.28);
+}
+
+.deck-progress span {
+  display: block;
+  width: 100%;
+  height: 100%;
+  background: var(--coral);
+  transform: scaleX(0);
+  transform-origin: left center;
+}
+
+.slide-counter {
+  position: absolute;
+  z-index: 55;
+  right: 105px;
+  top: 72px;
+  display: flex;
+  align-items: baseline;
+  gap: 7px;
+  color: var(--muted);
+  font-family: var(--font-geist-mono), monospace;
+  font-size: 15px;
+}
+
+.slide-counter strong {
+  color: var(--coral);
+  font-size: 19px;
+}
+
+.slide-counter small {
+  font-size: 14px;
+}
+
+.deck-controls {
+  position: absolute;
+  z-index: 60;
+  right: 104px;
+  bottom: 67px;
+  display: flex;
+  align-items: center;
+  gap: 10px;
+}
+
+.deck-controls button {
+  display: grid;
+  width: 48px;
+  height: 48px;
+  place-items: center;
+  padding: 0;
+  border: 1px solid rgba(16, 33, 26, 0.17);
+  border-radius: 50%;
+  background: rgba(251, 252, 250, 0.9);
+  color: var(--ink);
+  cursor: pointer;
+  box-shadow: 0 8px 25px rgba(16, 33, 26, 0.08);
+  transition: background 160ms ease, color 160ms ease, opacity 160ms ease;
+}
+
+.deck-controls button:hover,
+.deck-controls button.active {
+  background: var(--ink);
+  color: var(--white);
+}
+
+.deck-controls button:disabled {
+  cursor: default;
+  opacity: 0.28;
+}
+
+.speaker-notes {
+  position: absolute;
+  z-index: 70;
+  right: 104px;
+  bottom: 132px;
+  width: 570px;
+  padding: 26px 28px 22px;
+  border: 1px solid rgba(16, 33, 26, 0.17);
+  border-radius: 7px;
+  background: rgba(251, 252, 250, 0.97);
+  color: var(--ink);
+  box-shadow: 0 26px 70px rgba(0, 0, 0, 0.22);
+}
+
+.notes-heading {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  margin-bottom: 14px;
+  color: var(--sage-700);
+  font-size: 18px;
+  font-weight: 700;
+}
+
+.notes-heading strong {
+  margin-left: auto;
+  color: var(--coral);
+  font-family: var(--font-geist-mono), monospace;
+}
+
+.speaker-notes p {
+  margin: 10px 0 0;
+  color: var(--ink-soft);
+  font-size: 18px;
+  line-height: 1.5;
+}
+
+/* Slide 01 */
+
+.title-slide {
+  display: grid;
+  grid-template-columns: 180px minmax(0, 1fr) 520px;
+  gap: 0;
+  padding: 0;
+  background: var(--paper);
+  color: var(--ink);
+}
+
+.title-slide::before {
+  display: none;
+}
+
+.title-slide::after {
+  display: none;
+}
+
+.title-accent-column {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 52px;
+  padding: 0 0 84px;
+  background: var(--sage-700);
+  color: var(--sage-100);
+}
+
+.title-accent-column span {
+  font-family: var(--font-geist-mono), monospace;
+  font-size: 15px;
+  font-weight: 650;
+  writing-mode: vertical-rl;
+}
+
+.title-copy {
+  display: flex;
+  min-width: 0;
+  flex-direction: column;
+  justify-content: center;
+  padding: 58px 54px 58px 78px;
+}
+
+.title-kicker {
+  display: flex;
+  align-items: center;
+  gap: 16px;
+  margin: 0 0 38px;
+  color: var(--sage-700);
+  font-family: var(--font-geist-mono), monospace;
+  font-size: 18px;
+  font-weight: 650;
+  text-transform: uppercase;
+}
+
+.title-kicker span {
+  width: 10px;
+  height: 10px;
+  border-radius: 50%;
+  background: var(--coral);
+}
+
+.title-copy h1 {
+  margin: 0;
+  font-size: 132px;
+  font-weight: 720;
+  line-height: 0.88;
+  letter-spacing: 0;
+}
+
+.title-copy h1 strong {
+  color: var(--sage-700);
+  font-weight: inherit;
+}
+
+.title-statement {
+  margin: 52px 0 0;
+  color: var(--ink-soft);
+  font-size: 45px;
+  font-weight: 510;
+  line-height: 1.16;
+}
+
+.title-meta {
+  display: flex;
+  align-items: center;
+  gap: 18px;
+  margin-top: 58px;
+  color: var(--muted);
+  font-family: var(--font-geist-mono), monospace;
+  font-size: 14px;
+  font-weight: 650;
+}
+
+.title-meta i {
+  width: 5px;
+  height: 5px;
+  border-radius: 50%;
+  background: var(--coral);
+}
+
+.title-visual {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  gap: 26px;
+  overflow: hidden;
+  padding: 72px 70px;
+  border-left: 1px solid rgba(16, 33, 26, 0.13);
+  background: var(--ink);
+  color: var(--white);
+}
+
+.title-icon-frame {
+  position: relative;
+  z-index: 2;
+  width: 330px;
+  height: 330px;
+  margin-bottom: 48px;
+  padding: 18px;
+  border: 1px solid rgba(230, 242, 221, 0.22);
+  background: rgba(230, 242, 221, 0.08);
+}
+
+.title-icon-frame img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  border-radius: 60px;
+}
+
+.title-signal {
+  position: absolute;
+  top: 92px;
+  right: -36px;
+  width: 205px;
+  height: 205px;
+  border: 1px solid rgba(136, 189, 164, 0.27);
+  border-radius: 50%;
+}
+
+.title-signal span {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  display: block;
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background: var(--coral);
+}
+
+.title-signal span:nth-child(1) { transform: translate(-4px, -98px); }
+.title-signal span:nth-child(2) { transform: translate(83px, -28px); }
+.title-signal span:nth-child(3) { transform: translate(48px, 70px); }
+.title-signal span:nth-child(4) { transform: translate(-68px, 65px); }
+.title-signal span:nth-child(5) { transform: translate(-90px, -44px); }
+
+.title-visual > p {
+  display: flex;
+  align-items: center;
+  gap: 17px;
+  margin: 0;
+  padding: 18px 0;
+  border-top: 1px solid rgba(230, 242, 221, 0.17);
+  color: var(--sage-100);
+  font-family: var(--font-geist-mono), monospace;
+  font-size: 16px;
+  font-weight: 650;
+}
+
+/* Slide 02 */
+
+.problem-layout {
+  display: grid;
+  grid-template-columns: 0.94fr 1.06fr;
+  gap: 82px;
+  margin-top: 62px;
+}
+
+.problem-question {
+  display: flex;
+  min-height: 500px;
+  flex-direction: column;
+  justify-content: center;
+  padding: 0 30px 0 0;
+}
+
+.problem-question > svg {
+  margin-bottom: 30px;
+  color: var(--coral);
+}
+
+.problem-question blockquote {
+  margin: 0;
+  color: var(--ink);
+  font-size: 48px;
+  font-weight: 530;
+  line-height: 1.35;
+}
+
+.problem-question blockquote strong {
+  color: var(--sage-700);
+  font-weight: 690;
+}
+
+.problem-question p {
+  max-width: 650px;
+  margin: 42px 0 0;
+  color: var(--muted);
+  font-size: 25px;
+  line-height: 1.45;
+}
+
+.generic-answer {
+  align-self: center;
+  overflow: hidden;
+  border: 1px solid var(--line);
+  border-radius: 7px;
+  background: var(--paper-bright);
+  box-shadow: 0 34px 90px rgba(16, 33, 26, 0.1);
+}
+
+.answer-window-head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  min-height: 70px;
+  padding: 0 30px;
+  border-bottom: 1px solid var(--line);
+}
+
+.answer-window-head span {
+  display: flex;
+  align-items: center;
+  gap: 11px;
+  font-size: 20px;
+  font-weight: 680;
+}
+
+.answer-window-head small {
+  color: var(--coral);
+  font-family: var(--font-geist-mono), monospace;
+  font-size: 13px;
+  font-weight: 650;
+}
+
+.generic-answer > p {
+  min-height: 220px;
+  margin: 0;
+  padding: 54px 48px;
+  color: var(--muted);
+  font-size: 30px;
+  line-height: 1.55;
+}
+
+.missing-facts {
+  display: grid;
+  border-top: 1px solid var(--line);
+}
+
+.missing-facts span {
+  display: flex;
+  align-items: center;
+  gap: 14px;
+  min-height: 68px;
+  padding: 0 48px;
+  border-bottom: 1px solid var(--line);
+  color: var(--ink-soft);
+  font-size: 20px;
+}
+
+.missing-facts span:last-child {
+  border-bottom: 0;
+}
+
+.missing-facts svg {
+  color: var(--sage-700);
+}
+
+.problem-bottom-line {
+  display: flex;
+  align-items: center;
+  gap: 16px;
+  margin: 44px 0 0;
+  color: var(--ink-soft);
+  font-size: 25px;
+  font-weight: 590;
+}
+
+.problem-bottom-line svg {
+  color: var(--coral);
+}
+
+/* Slide 03 */
+
+.route-diagram {
+  position: relative;
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  gap: 58px;
+  margin-top: 88px;
+}
+
+.route-line {
+  position: absolute;
+  z-index: -1;
+  top: 77px;
+  right: 90px;
+  left: 90px;
+  height: 2px;
+  background: var(--sage-300);
+}
+
+.route-line span {
+  position: absolute;
+  top: -7px;
+  width: 16px;
+  height: 16px;
+  border: 4px solid var(--paper);
+  border-radius: 50%;
+  background: var(--coral);
+  box-shadow: 0 0 0 1px rgba(255, 104, 70, 0.25);
+}
+
+.route-node {
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  text-align: center;
+}
+
+.route-node-icon {
+  display: grid;
+  width: 154px;
+  height: 154px;
+  place-items: center;
+  border: 1px solid var(--sage-300);
+  border-radius: 50%;
+  background: var(--paper-bright);
+  color: var(--ink);
+  box-shadow: 0 22px 50px rgba(16, 33, 26, 0.08);
+}
+
+.route-node strong {
+  margin-top: 29px;
+  font-size: 27px;
+}
+
+.route-node small {
+  margin-top: 10px;
+  color: var(--muted);
+  font-family: var(--font-geist-mono), monospace;
+  font-size: 15px;
+}
+
+.route-principles {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  margin-top: 70px;
+  border-top: 1px solid var(--line);
+  border-bottom: 1px solid var(--line);
+}
+
+.route-principles p {
+  display: flex;
+  align-items: center;
+  gap: 18px;
+  min-height: 108px;
+  margin: 0;
+  padding: 0 34px;
+  border-right: 1px solid var(--line);
+  font-size: 20px;
+}
+
+.route-principles p:first-child {
+  padding-left: 0;
+}
+
+.route-principles p:last-child {
+  border-right: 0;
+}
+
+.route-principles svg {
+  color: var(--sage-700);
+}
+
+.route-principles span {
+  display: grid;
+  gap: 5px;
+  color: var(--muted);
+}
+
+.route-principles strong {
+  color: var(--ink);
+  font-size: 24px;
+}
+
+.route-caption {
+  margin: 38px 0 0;
+  color: var(--ink-soft);
+  font-size: 25px;
+  font-weight: 570;
+}
+
+/* Slide 04 */
+
+.demo-slide .slide-title {
+  margin-top: 38px;
+}
+
+.demo-frame {
+  position: relative;
+  height: 670px;
+  margin-top: 34px;
+  overflow: hidden;
+  border: 1px solid rgba(230, 242, 221, 0.22);
+  border-radius: 7px;
+  background: #07110d;
+  box-shadow: 0 35px 90px rgba(0, 0, 0, 0.3);
+}
+
+.demo-frame video {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  background: #07110d;
+}
+
+.demo-placeholder {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  background: var(--ink-soft);
+}
+
+.demo-placeholder::before {
+  position: absolute;
+  inset: 74px;
+  border: 1px solid rgba(230, 242, 221, 0.15);
+  content: "";
+}
+
+.demo-placeholder img {
+  position: absolute;
+  top: 46px;
+  left: 46px;
+  width: 68px;
+  height: 68px;
+  border-radius: 15px;
+}
+
+.demo-placeholder > span {
+  display: grid;
+  width: 102px;
+  height: 102px;
+  place-items: center;
+  border: 1px solid rgba(230, 242, 221, 0.35);
+  border-radius: 50%;
+  color: var(--sage-100);
+}
+
+.demo-placeholder h3 {
+  margin: 30px 0 0;
+  font-size: 42px;
+}
+
+.demo-placeholder p {
+  margin: 14px 0 0;
+  color: var(--sage-300);
+  font-family: var(--font-geist-mono), monospace;
+  font-size: 19px;
+}
+
+.demo-placeholder small {
+  margin-top: 28px;
+  color: var(--coral);
+  font-size: 16px;
+}
+
+.video-toggle {
+  position: absolute;
+  right: 34px;
+  bottom: 34px;
+  display: grid;
+  width: 74px;
+  height: 74px;
+  place-items: center;
+  border: 1px solid rgba(255, 255, 255, 0.3);
+  border-radius: 50%;
+  background: rgba(16, 33, 26, 0.78);
+  color: var(--white);
+  cursor: pointer;
+}
+
+.demo-sequence {
+  position: absolute;
+  right: 124px;
+  bottom: 46px;
+  left: 42px;
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  gap: 22px;
+}
+
+.demo-sequence span {
+  padding-top: 15px;
+  border-top: 2px solid rgba(230, 242, 221, 0.22);
+  color: rgba(230, 242, 221, 0.56);
+  font-family: var(--font-geist-mono), monospace;
+  font-size: 14px;
+  font-weight: 650;
+}
+
+.demo-sequence span.active {
+  border-color: var(--coral);
+  color: var(--white);
+}
+
+.demo-hint {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  margin: 22px 0 0;
+  color: var(--sage-300);
+  font-size: 17px;
+}
+
+/* Slide 05 */
+
+.evidence-layout {
+  display: grid;
+  grid-template-columns: 1.45fr 0.55fr;
+  gap: 70px;
+  margin-top: 52px;
+}
+
+.agent-capture {
+  overflow: hidden;
+  border: 1px solid var(--line);
+  border-radius: 7px;
+  background: var(--paper-bright);
+  box-shadow: 0 34px 90px rgba(16, 33, 26, 0.1);
+}
+
+.capture-head {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  min-height: 68px;
+  padding: 0 31px;
+  border-bottom: 1px solid var(--line);
+}
+
+.capture-head span {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  font-size: 19px;
+  font-weight: 680;
+}
+
+.capture-head small {
+  color: var(--coral);
+  font-family: var(--font-geist-mono), monospace;
+  font-size: 13px;
+  font-weight: 650;
+}
+
+.capture-question {
+  margin: 0;
+  padding: 36px 43px 29px;
+  border-bottom: 1px solid var(--line);
+  color: var(--muted);
+  font-size: 22px;
+}
+
+.capture-answer {
+  padding: 43px;
+}
+
+.capture-answer > p {
+  margin: 0;
+  color: var(--ink);
+  font-size: 31px;
+  line-height: 1.55;
+}
+
+.capture-facts {
+  display: flex;
+  gap: 0;
+  margin-top: 42px;
+  border-top: 1px solid var(--line);
+  border-bottom: 1px solid var(--line);
+}
+
+.capture-facts span {
+  flex: 1;
+  padding: 22px 24px;
+  border-right: 1px solid var(--line);
+  color: var(--muted);
+  font-size: 17px;
+}
+
+.capture-facts span:first-child {
+  padding-left: 0;
+}
+
+.capture-facts span:last-child {
+  border-right: 0;
+}
+
+.capture-facts strong {
+  display: block;
+  margin-top: 5px;
+  color: var(--ink);
+  font-size: 25px;
+}
+
+.agent-capture footer {
+  display: flex;
+  align-items: center;
+  gap: 32px;
+  min-height: 65px;
+  padding: 0 31px;
+  border-top: 1px solid var(--line);
+  background: var(--sage-100);
+  color: var(--sage-700);
+  font-family: var(--font-geist-mono), monospace;
+  font-size: 14px;
+}
+
+.agent-capture footer span {
+  display: flex;
+  align-items: center;
+  gap: 9px;
+}
+
+.evidence-notes {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  gap: 0;
+}
+
+.evidence-note {
+  display: grid;
+  grid-template-columns: 54px 1fr;
+  gap: 20px;
+  padding: 30px 0;
+  border-top: 1px solid var(--line);
+}
+
+.evidence-note:last-child {
+  border-bottom: 1px solid var(--line);
+}
+
+.evidence-note > span {
+  color: var(--coral);
+  font-family: var(--font-geist-mono), monospace;
+  font-size: 17px;
+}
+
+.evidence-note strong {
+  font-size: 25px;
+}
+
+.evidence-note p {
+  margin: 9px 0 0;
+  color: var(--muted);
+  font-size: 19px;
+  line-height: 1.5;
+}
+
+.evidence-thesis {
+  margin: 36px 0 0;
+  color: var(--sage-700);
+  font-family: var(--font-geist-mono), monospace;
+  font-size: 20px;
+  font-weight: 650;
+}
+
+/* Slide 06 */
+
+.why-layout {
+  display: flex;
+  min-height: 770px;
+  flex-direction: column;
+  justify-content: center;
+}
+
+.why-layout blockquote {
+  max-width: 1530px;
+  margin: 0;
+  font-size: 76px;
+  font-weight: 560;
+  line-height: 1.18;
+}
+
+.why-layout blockquote strong {
+  color: var(--sage-300);
+  font-weight: 690;
+}
+
+.why-sequence {
+  display: grid;
+  grid-template-columns: 1fr 52px 1fr 52px 1fr;
+  align-items: center;
+  gap: 26px;
+  margin-top: 92px;
+}
+
+.why-sequence > svg {
+  color: var(--coral);
+}
+
+.why-sequence > div {
+  min-height: 192px;
+  padding: 28px 28px 24px;
+  border-top: 1px solid rgba(230, 242, 221, 0.24);
+}
+
+.why-sequence > div.missing-link {
+  border-top-color: var(--coral);
+  background: rgba(230, 242, 221, 0.07);
+}
+
+.why-sequence span {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  color: var(--sage-300);
+  font-family: var(--font-geist-mono), monospace;
+  font-size: 15px;
+}
+
+.why-sequence strong {
+  display: block;
+  margin-top: 23px;
+  font-size: 27px;
+}
+
+.why-sequence p {
+  margin: 10px 0 0;
+  color: rgba(230, 242, 221, 0.69);
+  font-size: 19px;
+  line-height: 1.45;
+}
+
+.why-footer {
+  position: absolute;
+  bottom: 92px;
+  left: 104px;
+  margin: 0;
+  color: var(--sage-300);
+  font-family: var(--font-geist-mono), monospace;
+  font-size: 19px;
+}
+
+/* Slide 07 */
+
+.scaling-slide .slide-title {
+  margin-top: 42px;
+}
+
+.scaling-layout {
+  display: grid;
+  grid-template-columns: 1fr 128px 1fr;
+  gap: 48px;
+  margin-top: 54px;
+}
+
+.scaling-column {
+  position: relative;
+  min-height: 460px;
+  padding: 34px 40px 30px;
+  border-top: 5px solid var(--ink);
+  background: rgba(251, 252, 250, 0.75);
+}
+
+.context-column {
+  border-color: var(--sage-700);
+  background: var(--sage-100);
+}
+
+.scaling-index {
+  position: absolute;
+  top: 32px;
+  right: 38px;
+  color: var(--coral);
+  font-family: var(--font-geist-mono), monospace;
+  font-size: 17px;
+}
+
+.scaling-column h3 {
+  margin: 0;
+  font-size: 58px;
+  line-height: 0.95;
+}
+
+.context-column h3 {
+  color: var(--sage-700);
+}
+
+.scaling-terms {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 10px 24px;
+  margin-top: 48px;
+}
+
+.scaling-terms span {
+  padding: 10px 0;
+  border-bottom: 1px solid var(--line);
+  color: var(--ink-soft);
+  font-size: 20px;
+}
+
+.scaling-column > p {
+  position: absolute;
+  bottom: 30px;
+  left: 40px;
+  margin: 0;
+  color: var(--muted);
+  font-size: 23px;
+  font-weight: 620;
+}
+
+.scaling-divider {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  gap: 15px;
+  color: var(--sage-700);
+}
+
+.scaling-divider span {
+  width: 1px;
+  height: 180px;
+  background: var(--line);
+}
+
+.scaling-divider svg:first-child {
+  color: var(--ink);
+}
+
+.scaling-statement {
+  display: grid;
+  grid-template-columns: 1fr 1.1fr;
+  gap: 64px;
+  align-items: center;
+  margin-top: 38px;
+  padding-top: 30px;
+  border-top: 1px solid var(--line);
+}
+
+.scaling-statement p,
+.scaling-statement strong {
+  margin: 0;
+  font-size: 27px;
+  line-height: 1.35;
+}
+
+.scaling-statement p {
+  color: var(--muted);
+}
+
+.scaling-statement strong {
+  color: var(--sage-700);
+  font-weight: 660;
+}
+
+.scaling-definition {
+  display: block;
+  max-width: 1480px;
+  margin-top: 23px;
+  color: var(--muted);
+  font-family: var(--font-geist-mono), monospace;
+  font-size: 14px;
+  line-height: 1.5;
+}
+
+/* Slide 08 */
+
+.ownership-slide .slide-title {
+  max-width: 1350px;
+}
+
+.ownership-flow {
+  display: grid;
+  grid-template-columns: 1fr 66px 410px 66px 1fr;
+  align-items: center;
+  gap: 22px;
+  min-height: 520px;
+  margin-top: 55px;
+}
+
+.ownership-group {
+  min-width: 0;
+}
+
+.ownership-group > p {
+  margin: 0 0 24px;
+  color: var(--sage-700);
+  font-family: var(--font-geist-mono), monospace;
+  font-size: 15px;
+  font-weight: 650;
+}
+
+.ownership-group > div {
+  display: grid;
+  border-top: 1px solid rgba(16, 33, 26, 0.18);
+}
+
+.ownership-group span {
+  display: flex;
+  align-items: center;
+  gap: 18px;
+  min-height: 92px;
+  border-bottom: 1px solid rgba(16, 33, 26, 0.18);
+  font-size: 24px;
+  font-weight: 620;
+}
+
+.ownership-group svg {
+  color: var(--sage-700);
+}
+
+.ownership-arrow {
+  display: grid;
+  place-items: center;
+  color: var(--coral);
+}
+
+.context-core {
+  position: relative;
+  display: flex;
+  min-height: 340px;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  overflow: hidden;
+  border: 1px solid var(--sage-700);
+  background: var(--ink);
+  color: var(--white);
+  text-align: center;
+}
+
+.context-core > img {
+  position: absolute;
+  top: 24px;
+  left: 24px;
+  width: 55px;
+  height: 55px;
+  border-radius: 13px;
+}
+
+.context-core > svg {
+  color: var(--sage-300);
+}
+
+.context-core strong {
+  margin-top: 22px;
+  font-size: 31px;
+  line-height: 1.18;
+}
+
+.context-core small {
+  margin-top: 19px;
+  color: var(--sage-300);
+  font-family: var(--font-geist-mono), monospace;
+  font-size: 14px;
+}
+
+.ownership-principles {
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  border-top: 1px solid rgba(16, 33, 26, 0.18);
+  border-bottom: 1px solid rgba(16, 33, 26, 0.18);
+}
+
+.ownership-principles span {
+  display: flex;
+  min-height: 88px;
+  align-items: center;
+  gap: 12px;
+  padding: 0 24px;
+  border-right: 1px solid rgba(16, 33, 26, 0.18);
+  font-size: 17px;
+  font-weight: 590;
+}
+
+.ownership-principles span:last-child {
+  border-right: 0;
+}
+
+.ownership-principles svg {
+  flex: 0 0 auto;
+  color: var(--coral);
+}
+
+/* Slide 09 */
+
+.vision-layout {
+  display: grid;
+  grid-template-columns: 1.2fr 0.8fr;
+  gap: 110px;
+  align-items: end;
+  margin-top: 122px;
+}
+
+.vision-copy h2 {
+  margin: 0;
+  font-size: 91px;
+  font-weight: 620;
+  line-height: 1.02;
+}
+
+.vision-copy h2 strong {
+  color: var(--sage-300);
+  font-weight: 690;
+}
+
+.vision-copy > p {
+  max-width: 820px;
+  margin: 40px 0 0;
+  color: rgba(230, 242, 221, 0.68);
+  font-size: 27px;
+  line-height: 1.48;
+}
+
+.vision-path {
+  display: grid;
+  grid-template-columns: 1fr 48px 1fr;
+  align-items: center;
+  gap: 20px;
+}
+
+.vision-path > svg {
+  color: var(--coral);
+}
+
+.vision-path > div {
+  min-height: 250px;
+  padding: 25px 0 0;
+  border-top: 1px solid rgba(230, 242, 221, 0.22);
+}
+
+.vision-path span {
+  display: block;
+  margin-bottom: 40px;
+  color: var(--coral);
+  font-family: var(--font-geist-mono), monospace;
+  font-size: 15px;
+}
+
+.vision-path div > svg {
+  color: var(--sage-300);
+}
+
+.vision-path strong {
+  display: block;
+  margin-top: 18px;
+  font-size: 25px;
+}
+
+.vision-path p {
+  margin: 10px 0 0;
+  color: rgba(230, 242, 221, 0.62);
+  font-size: 17px;
+  line-height: 1.45;
+}
+
+.vision-quote {
+  margin: 88px 0 0;
+  padding: 35px 0 0;
+  border-top: 1px solid rgba(230, 242, 221, 0.22);
+  color: var(--sage-100);
+  font-size: 35px;
+  line-height: 1.4;
+}
+
+.vision-quote strong {
+  color: var(--sage-300);
+}
+
+.vision-signoff {
+  position: absolute;
+  right: 390px;
+  bottom: 88px;
+  display: grid;
+  grid-template-columns: 44px auto;
+  gap: 2px 14px;
+  align-items: center;
+}
+
+.vision-signoff img {
+  grid-row: 1 / span 2;
+  width: 44px;
+  height: 44px;
+  border-radius: 10px;
+}
+
+.vision-signoff span {
+  font-size: 18px;
+  font-weight: 700;
+}
+
+.vision-signoff small {
+  color: var(--sage-300);
+  font-family: var(--font-geist-mono), monospace;
+  font-size: 11px;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  *,
+  *::before,
+  *::after {
+    scroll-behavior: auto !important;
+    transition-duration: 0.01ms !important;
+    animation-duration: 0.01ms !important;
+    animation-iteration-count: 1 !important;
+  }
+}
diff --git a/apps/pitch/app/layout.tsx b/apps/pitch/app/layout.tsx
new file mode 100644
index 0000000..2f3968d
--- /dev/null
+++ b/apps/pitch/app/layout.tsx
@@ -0,0 +1,25 @@
+import type { Metadata } from "next";
+import { GeistMono } from "geist/font/mono";
+import { GeistSans } from "geist/font/sans";
+import appIcon from "../../ios/Resources/Assets.xcassets/AppIcon.appiconset/AppIcon-1024.png";
+import "./globals.css";
+
+export const metadata: Metadata = {
+  title: "Vital Agent Sync | Competition Deck",
+  description: "A presentation about private, user-owned context for AI agents.",
+  icons: {
+    icon: [{ url: appIcon.src, type: "image/png", sizes: "1024x1024" }],
+  },
+};
+
+export default function RootLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) {
+  return (
+    <html lang="zh-CN" className={`${GeistSans.variable} ${GeistMono.variable}`}>
+      <body>{children}</body>
+    </html>
+  );
+}
diff --git a/apps/pitch/app/page.tsx b/apps/pitch/app/page.tsx
new file mode 100644
index 0000000..50ae157
--- /dev/null
+++ b/apps/pitch/app/page.tsx
@@ -0,0 +1,876 @@
+"use client";
+
+import {
+  Activity,
+  ArrowLeft,
+  ArrowRight,
+  Bot,
+  BrainCircuit,
+  CalendarDays,
+  Check,
+  ChevronLeft,
+  ChevronRight,
+  CircleUserRound,
+  Clock3,
+  Database,
+  FileHeart,
+  Fingerprint,
+  HeartPulse,
+  Maximize2,
+  MessageSquareText,
+  Minimize2,
+  Network,
+  NotebookTabs,
+  Pause,
+  Play,
+  RefreshCcw,
+  ShieldCheck,
+  Smartphone,
+  Sparkles,
+  Terminal,
+} from "lucide-react";
+import { AnimatePresence, motion, useReducedMotion } from "motion/react";
+import {
+  useCallback,
+  useEffect,
+  useRef,
+  useState,
+  type CSSProperties,
+  type ReactNode,
+  type TouchEvent,
+} from "react";
+import appIcon from "../../ios/Resources/Assets.xcassets/AppIcon.appiconset/AppIcon-1024.png";
+
+const STAGE_WIDTH = 1920;
+const STAGE_HEIGHT = 1080;
+
+const slides = [
+  {
+    id: "title",
+    title: "Vital Agent Sync",
+    notes: [
+      "Vital Agent Sync 让 AI Agent 获得新鲜、经过授权的 Apple Health 上下文，同时让数据继续由用户控制。",
+      "开场不要介绍功能清单。先让评委记住产品定位：Apple Health context. Private by design.",
+    ],
+  },
+  {
+    id: "problem",
+    title: "AI 可以理解世界，却不知道今天的你",
+    notes: [
+      "用一个具体问题建立冲突：根据我昨晚的睡眠和今天的状态，我适合高强度训练吗？",
+      "模型可能很强，但缺少当天、可验证的个人状态时，只能给出泛化答案。",
+    ],
+  },
+  {
+    id: "route",
+    title: "一条由用户控制的 Context 路径",
+    notes: [
+      "Agent 不直接访问 HealthKit。iPhone 先生成摘要，再发送到用户自己的 Receiver。",
+      "Receiver 通过 MCP 提供带范围和新鲜度的上下文。核心词是 Scoped、Fresh、Revocable。",
+    ],
+  },
+  {
+    id: "demo",
+    title: "从连接到第一次回答",
+    notes: [
+      "播放 45–60 秒演示视频。视频应包含 Agent 发起连接、iPhone 确认权限、手动同步和 Agent 回答。",
+      "不要在视频中暴露真实二维码、Token、服务器地址或可识别的健康信息。",
+    ],
+  },
+  {
+    id: "evidence",
+    title: "Agent 得到证据，而不是 HealthKit 权限",
+    notes: [
+      "用真实 Agent 回答截图替换当前示例界面。",
+      "重点指向更新时间、观测事实和推断边界。这一页证明产品不是单纯的数据转发。",
+    ],
+  },
+  {
+    id: "why",
+    title: "我不想用交出所有数据，换取一个更懂我的 AI",
+    notes: [
+      "这里讲个人动机，不讲架构。Apple Health 已经记录了真实状态，模型也已经足够聪明，但两者之间缺少一条由用户控制的连接。",
+      "补充一个真实触发场景，会比抽象观点更有说服力。",
+    ],
+  },
+  {
+    id: "scaling",
+    title: "下一条 Scaling 轴，是 Context",
+    notes: [
+      "Context scaling 不是把 context window 做得更长，也不是把所有私人数据塞给模型。",
+      "它是持续获得、筛选、验证和安全使用真实世界上下文的能力。",
+    ],
+  },
+  {
+    id: "ownership",
+    title: "Context 应该扩展，但所有权不应转移",
+    notes: [
+      "更懂用户的 AI，不应该自动意味着平台拥有更多用户数据。",
+      "用户决定数据来源、Agent 权限和撤销时机。Health 是这个架构的第一个压力测试。",
+    ],
+  },
+  {
+    id: "vision",
+    title: "Health 是起点，不是边界",
+    notes: [
+      "收束到长期方向：从 Apple Health 走向用户拥有的 Agent Context 层。",
+      "最后一句：我想验证的是，私人 Context 能否像模型能力一样扩展，同时仍然属于用户。",
+    ],
+  },
+] as const;
+
+type SlideProps = {
+  active: boolean;
+};
+
+type VideoState = "loading" | "ready" | "missing";
+
+export default function PitchDeck() {
+  const prefersReducedMotion = useReducedMotion();
+  const [activeSlide, setActiveSlide] = useState(0);
+  const [direction, setDirection] = useState(1);
+  const [deckScale, setDeckScale] = useState(1);
+  const [notesOpen, setNotesOpen] = useState(false);
+  const [isFullscreen, setIsFullscreen] = useState(false);
+  const touchStartX = useRef<number | null>(null);
+
+  const goToSlide = useCallback((nextIndex: number) => {
+    const boundedIndex = Math.max(0, Math.min(slides.length - 1, nextIndex));
+    setActiveSlide((currentIndex) => {
+      if (boundedIndex === currentIndex) {
+        return currentIndex;
+      }
+      setDirection(boundedIndex > currentIndex ? 1 : -1);
+      return boundedIndex;
+    });
+  }, []);
+
+  const goForward = useCallback(() => {
+    setActiveSlide((currentIndex) => {
+      const nextIndex = Math.min(slides.length - 1, currentIndex + 1);
+      if (nextIndex !== currentIndex) {
+        setDirection(1);
+      }
+      return nextIndex;
+    });
+  }, []);
+
+  const goBack = useCallback(() => {
+    setActiveSlide((currentIndex) => {
+      const nextIndex = Math.max(0, currentIndex - 1);
+      if (nextIndex !== currentIndex) {
+        setDirection(-1);
+      }
+      return nextIndex;
+    });
+  }, []);
+
+  const toggleFullscreen = useCallback(async () => {
+    if (document.fullscreenElement) {
+      await document.exitFullscreen();
+      return;
+    }
+    await document.documentElement.requestFullscreen();
+  }, []);
+
+  useEffect(() => {
+    const hashMatch = window.location.hash.match(/^#slide-(\d+)$/);
+    if (hashMatch) {
+      const requestedIndex = Number(hashMatch[1]) - 1;
+      if (requestedIndex >= 0 && requestedIndex < slides.length) {
+        setActiveSlide(requestedIndex);
+      }
+    }
+  }, []);
+
+  useEffect(() => {
+    window.history.replaceState(null, "", `#slide-${activeSlide + 1}`);
+  }, [activeSlide]);
+
+  useEffect(() => {
+    function updateScale() {
+      const nextScale = Math.min(window.innerWidth / STAGE_WIDTH, window.innerHeight / STAGE_HEIGHT);
+      setDeckScale(nextScale);
+    }
+
+    updateScale();
+    window.addEventListener("resize", updateScale);
+    return () => window.removeEventListener("resize", updateScale);
+  }, []);
+
+  useEffect(() => {
+    function handleFullscreenChange() {
+      setIsFullscreen(Boolean(document.fullscreenElement));
+    }
+
+    document.addEventListener("fullscreenchange", handleFullscreenChange);
+    return () => document.removeEventListener("fullscreenchange", handleFullscreenChange);
+  }, []);
+
+  useEffect(() => {
+    function preventWheel(event: WheelEvent) {
+      event.preventDefault();
+    }
+
+    window.addEventListener("wheel", preventWheel, { passive: false });
+    return () => window.removeEventListener("wheel", preventWheel);
+  }, []);
+
+  useEffect(() => {
+    function handleKeyDown(event: KeyboardEvent) {
+      if (event.repeat) {
+        return;
+      }
+
+      if (event.key === "ArrowRight" || event.key === "PageDown" || event.key === " ") {
+        event.preventDefault();
+        goForward();
+        return;
+      }
+
+      if (event.key === "ArrowLeft" || event.key === "PageUp") {
+        event.preventDefault();
+        goBack();
+        return;
+      }
+
+      if (event.key === "Home") {
+        event.preventDefault();
+        goToSlide(0);
+        return;
+      }
+
+      if (event.key === "End") {
+        event.preventDefault();
+        goToSlide(slides.length - 1);
+        return;
+      }
+
+      if (event.key.toLowerCase() === "f") {
+        event.preventDefault();
+        void toggleFullscreen();
+        return;
+      }
+
+      if (event.key.toLowerCase() === "n") {
+        event.preventDefault();
+        setNotesOpen((isOpen) => !isOpen);
+        return;
+      }
+
+      if (event.key.toLowerCase() === "r") {
+        event.preventDefault();
+        goToSlide(0);
+        return;
+      }
+
+      if (event.key.toLowerCase() === "v" && activeSlide === 3) {
+        event.preventDefault();
+        window.dispatchEvent(new Event("pitch:toggle-video"));
+      }
+    }
+
+    window.addEventListener("keydown", handleKeyDown);
+    return () => window.removeEventListener("keydown", handleKeyDown);
+  }, [activeSlide, goBack, goForward, goToSlide, toggleFullscreen]);
+
+  function handleTouchStart(event: TouchEvent<HTMLDivElement>) {
+    touchStartX.current = event.touches[0]?.clientX ?? null;
+  }
+
+  function handleTouchEnd(event: TouchEvent<HTMLDivElement>) {
+    if (touchStartX.current === null) {
+      return;
+    }
+
+    const endX = event.changedTouches[0]?.clientX ?? touchStartX.current;
+    const deltaX = endX - touchStartX.current;
+    touchStartX.current = null;
+
+    if (Math.abs(deltaX) < 80) {
+      return;
+    }
+
+    if (deltaX < 0) {
+      goForward();
+    } else {
+      goBack();
+    }
+  }
+
+  const stageStyle = {
+    "--deck-scale": deckScale,
+  } as CSSProperties;
+
+  const currentSlide = slides[activeSlide];
+
+  return (
+    <main className="deck-viewport">
+      <div
+        className="deck-stage"
+        style={stageStyle}
+        onTouchStart={handleTouchStart}
+        onTouchEnd={handleTouchEnd}
+      >
+        <AnimatePresence initial={false} custom={direction} mode="wait">
+          <motion.div
+            key={currentSlide.id}
+            className="slide-transition"
+            custom={direction}
+            variants={prefersReducedMotion ? reducedSlideVariants : slideVariants}
+            initial="enter"
+            animate="center"
+            exit="exit"
+            transition={{ duration: prefersReducedMotion ? 0 : 0.34, ease: [0.22, 1, 0.36, 1] }}
+          >
+            <SlideRenderer index={activeSlide} />
+          </motion.div>
+        </AnimatePresence>
+
+        <DeckChrome
+          activeSlide={activeSlide}
+          notesOpen={notesOpen}
+          isFullscreen={isFullscreen}
+          onBack={goBack}
+          onForward={goForward}
+          onToggleNotes={() => setNotesOpen((isOpen) => !isOpen)}
+          onToggleFullscreen={() => void toggleFullscreen()}
+        />
+
+        <AnimatePresence>
+          {notesOpen ? (
+            <motion.aside
+              className="speaker-notes"
+              initial={{ opacity: 0, y: 24 }}
+              animate={{ opacity: 1, y: 0 }}
+              exit={{ opacity: 0, y: 24 }}
+              transition={{ duration: 0.2 }}
+              aria-label="Speaker notes"
+            >
+              <div className="notes-heading">
+                <NotebookTabs size={25} />
+                <span>演讲备注</span>
+                <strong>{String(activeSlide + 1).padStart(2, "0")}</strong>
+              </div>
+              {currentSlide.notes.map((note) => (
+                <p key={note}>{note}</p>
+              ))}
+            </motion.aside>
+          ) : null}
+        </AnimatePresence>
+      </div>
+    </main>
+  );
+}
+
+function SlideRenderer({ index }: { index: number }) {
+  switch (index) {
+    case 0:
+      return <TitleSlide active />;
+    case 1:
+      return <ProblemSlide active />;
+    case 2:
+      return <RouteSlide active />;
+    case 3:
+      return <DemoSlide active />;
+    case 4:
+      return <EvidenceSlide active />;
+    case 5:
+      return <WhySlide active />;
+    case 6:
+      return <ScalingSlide active />;
+    case 7:
+      return <OwnershipSlide active />;
+    case 8:
+      return <VisionSlide active />;
+    default:
+      return null;
+  }
+}
+
+function DeckChrome({
+  activeSlide,
+  notesOpen,
+  isFullscreen,
+  onBack,
+  onForward,
+  onToggleNotes,
+  onToggleFullscreen,
+}: {
+  activeSlide: number;
+  notesOpen: boolean;
+  isFullscreen: boolean;
+  onBack: () => void;
+  onForward: () => void;
+  onToggleNotes: () => void;
+  onToggleFullscreen: () => void;
+}) {
+  return (
+    <>
+      <div className="deck-progress" aria-hidden="true">
+        <motion.span
+          animate={{ scaleX: (activeSlide + 1) / slides.length }}
+          transition={{ duration: 0.28, ease: "easeOut" }}
+        />
+      </div>
+
+      {activeSlide === 0 ? (
+        <div className="slide-counter" aria-live="polite">
+          <strong>{String(activeSlide + 1).padStart(2, "0")}</strong>
+          <span>/</span>
+          <small>{String(slides.length).padStart(2, "0")}</small>
+        </div>
+      ) : null}
+
+      <nav className="deck-controls" aria-label="Presentation controls">
+        <button type="button" onClick={onBack} disabled={activeSlide === 0} aria-label="Previous slide" title="Previous slide">
+          <ChevronLeft size={27} />
+        </button>
+        <button type="button" onClick={onForward} disabled={activeSlide === slides.length - 1} aria-label="Next slide" title="Next slide">
+          <ChevronRight size={27} />
+        </button>
+        <button type="button" onClick={onToggleNotes} className={notesOpen ? "active" : ""} aria-label="Toggle speaker notes" title="Speaker notes (N)">
+          <NotebookTabs size={23} />
+        </button>
+        <button type="button" onClick={onToggleFullscreen} aria-label="Toggle fullscreen" title="Fullscreen (F)">
+          {isFullscreen ? <Minimize2 size={23} /> : <Maximize2 size={23} />}
+        </button>
+      </nav>
+    </>
+  );
+}
+
+function SlideShell({
+  number,
+  kicker,
+  title,
+  theme = "light",
+  className = "",
+  children,
+}: {
+  number: string;
+  kicker: string;
+  title?: string;
+  theme?: "light" | "dark" | "sage";
+  className?: string;
+  children: ReactNode;
+}) {
+  return (
+    <section className={`slide slide-${theme} ${className}`}>
+      <header className="slide-header">
+        <div className="slide-brand">
+          <img src={appIcon.src} alt="" />
+          <span>Vital Agent Sync</span>
+        </div>
+        <p>
+          <span>{number}</span>
+          {kicker}
+        </p>
+      </header>
+      {title ? <h2 className="slide-title">{title}</h2> : null}
+      {children}
+    </section>
+  );
+}
+
+function TitleSlide(_: SlideProps) {
+  return (
+    <section className="slide title-slide">
+      <div className="title-accent-column" aria-hidden="true">
+        <span>PRIVATE</span>
+        <span>SCOPED</span>
+        <span>FRESH</span>
+      </div>
+
+      <div className="title-copy">
+        <p className="title-kicker"><span /> Competition deck · Local Preview</p>
+        <h1>Vital Agent<br /><strong>Sync</strong></h1>
+        <p className="title-statement">Apple Health context.<br />Private by design.</p>
+        <div className="title-meta">
+          <span>USER-OWNED CONTEXT</span>
+          <i />
+          <span>MCP NATIVE</span>
+          <i />
+          <span>AGENT NEUTRAL</span>
+        </div>
+      </div>
+
+      <div className="title-visual">
+        <div className="title-icon-frame">
+          <img src={appIcon.src} alt="Vital Agent Sync app icon" />
+        </div>
+        <div className="title-signal" aria-hidden="true">
+          <span />
+          <span />
+          <span />
+          <span />
+          <span />
+        </div>
+        <p><HeartPulse size={25} /> HEALTH CONTEXT</p>
+        <p><ShieldCheck size={25} /> USER CONTROL</p>
+        <p><Bot size={25} /> AUTHORIZED AGENT</p>
+      </div>
+    </section>
+  );
+}
+
+function ProblemSlide(_: SlideProps) {
+  return (
+    <SlideShell number="02" kicker="The missing layer" title="AI 可以理解世界，却不知道今天的你" className="problem-slide">
+      <div className="problem-layout">
+        <div className="problem-question">
+          <MessageSquareText size={42} />
+          <blockquote>“根据我昨晚的睡眠和今天的状态，<strong>我适合高强度训练吗？</strong>”</blockquote>
+          <p>这是一个关于“我”的问题，不是一个关于健康知识的问题。</p>
+        </div>
+
+        <div className="generic-answer">
+          <div className="answer-window-head">
+            <span><Sparkles size={20} /> Generic AI</span>
+            <small>NO PERSONAL CONTEXT</small>
+          </div>
+          <p>一般来说，是否适合高强度训练取决于睡眠、恢复、训练经验和身体感受……</p>
+          <div className="missing-facts">
+            <span><Clock3 size={20} /> 不知道数据是否最新</span>
+            <span><HeartPulse size={20} /> 不知道昨晚睡了多久</span>
+            <span><Fingerprint size={20} /> 无法验证个人状态</span>
+          </div>
+        </div>
+      </div>
+      <p className="problem-bottom-line"><ArrowRight size={25} /> 更强的推理，面对缺失的 Context，仍然只能给出泛化答案。</p>
+    </SlideShell>
+  );
+}
+
+const routeNodes = [
+  { icon: Smartphone, label: "Apple Health", detail: "authorized on iPhone" },
+  { icon: FileHeart, label: "Health summaries", detail: "compact, not raw samples" },
+  { icon: Database, label: "Local receiver", detail: "user-owned SQLite" },
+  { icon: Bot, label: "Authorized Agent", detail: "fresh context through MCP" },
+];
+
+function RouteSlide(_: SlideProps) {
+  return (
+    <SlideShell number="03" kicker="The product" title="一条由用户控制的 Context 路径" className="route-slide">
+      <div className="route-diagram" aria-label="Apple Health to authorized Agent data route">
+        <div className="route-line" aria-hidden="true">
+          <motion.span
+            animate={{ left: ["2%", "96%"] }}
+            transition={{ duration: 3.4, repeat: Infinity, ease: "linear" }}
+          />
+        </div>
+        {routeNodes.map((node, index) => {
+          const Icon = node.icon;
+          return (
+            <motion.div
+              className="route-node"
+              key={node.label}
+              initial={{ opacity: 0, y: 24 }}
+              animate={{ opacity: 1, y: 0 }}
+              transition={{ delay: 0.12 + index * 0.09, duration: 0.35 }}
+            >
+              <span className="route-node-icon"><Icon size={42} strokeWidth={1.8} /></span>
+              <strong>{node.label}</strong>
+              <small>{node.detail}</small>
+            </motion.div>
+          );
+        })}
+      </div>
+
+      <div className="route-principles">
+        <p><ShieldCheck size={27} /><span><strong>Scoped</strong>只暴露用户授权的摘要</span></p>
+        <p><Clock3 size={27} /><span><strong>Fresh</strong>每次回答带数据新鲜度</span></p>
+        <p><RefreshCcw size={27} /><span><strong>Revocable</strong>权限可以审计和撤销</span></p>
+      </div>
+      <p className="route-caption">Agent 不直接访问 HealthKit。Context 先经过授权、摘要和本地边界。</p>
+    </SlideShell>
+  );
+}
+
+function DemoSlide(_: SlideProps) {
+  const videoRef = useRef<HTMLVideoElement | null>(null);
+  const [videoState, setVideoState] = useState<VideoState>("loading");
+  const [isPlaying, setIsPlaying] = useState(false);
+
+  const toggleVideo = useCallback(() => {
+    const video = videoRef.current;
+    if (!video || videoState !== "ready") {
+      return;
+    }
+
+    if (video.paused) {
+      void video.play();
+    } else {
+      video.pause();
+    }
+  }, [videoState]);
+
+  useEffect(() => {
+    window.addEventListener("pitch:toggle-video", toggleVideo);
+    return () => window.removeEventListener("pitch:toggle-video", toggleVideo);
+  }, [toggleVideo]);
+
+  return (
+    <SlideShell number="04" kicker="Product demo" title="从连接到第一次回答" theme="dark" className="demo-slide">
+      <div className="demo-frame">
+        <video
+          ref={videoRef}
+          src="/media/demo.mp4"
+          playsInline
+          preload="metadata"
+          onLoadedData={() => setVideoState("ready")}
+          onError={() => setVideoState("missing")}
+          onPlay={() => setIsPlaying(true)}
+          onPause={() => setIsPlaying(false)}
+          onEnded={() => setIsPlaying(false)}
+          aria-label="Vital Agent Sync product demo"
+        />
+
+        {videoState !== "ready" ? (
+          <div className="demo-placeholder">
+            <img src={appIcon.src} alt="" />
+            <span><Play size={42} fill="currentColor" /></span>
+            <h3>演示视频</h3>
+            <p>Connect → Pair → Sync → Ask</p>
+            <small>{videoState === "missing" ? "视频素材待加入" : "正在检查本地视频"}</small>
+          </div>
+        ) : (
+          <button type="button" className="video-toggle" onClick={toggleVideo} aria-label={isPlaying ? "Pause demo video" : "Play demo video"}>
+            {isPlaying ? <Pause size={35} fill="currentColor" /> : <Play size={35} fill="currentColor" />}
+          </button>
+        )}
+
+        <div className="demo-sequence" aria-hidden="true">
+          <span className="active">01 CONNECT</span>
+          <span>02 PAIR</span>
+          <span>03 SYNC</span>
+          <span>04 ASK</span>
+        </div>
+      </div>
+      <p className="demo-hint"><Play size={21} /> 点击画面或按 V 播放 / 暂停</p>
+    </SlideShell>
+  );
+}
+
+function EvidenceSlide(_: SlideProps) {
+  return (
+    <SlideShell number="05" kicker="What the demo proves" title="Agent 得到证据，而不是 HealthKit 权限" className="evidence-slide">
+      <div className="evidence-layout">
+        <div className="agent-capture">
+          <div className="capture-head">
+            <span><Bot size={23} /> Agent response</span>
+            <small>ILLUSTRATIVE OUTPUT</small>
+          </div>
+          <p className="capture-question">How ready am I for a hard workout today?</p>
+          <div className="capture-answer">
+            <p>你的恢复信号整体稳定，但昨晚睡眠比七日均值少了 38 分钟。建议今天先保持中等强度，并在热身后重新评估身体感受。</p>
+            <div className="capture-facts">
+              <span>Sleep <strong>6h 42m</strong></span>
+              <span>HRV <strong>42 ms</strong></span>
+              <span>Resting HR <strong>61</strong></span>
+            </div>
+          </div>
+          <footer>
+            <span><Clock3 size={19} /> Synced 2 min ago</span>
+            <span><ShieldCheck size={19} /> health.daily.read</span>
+          </footer>
+        </div>
+
+        <div className="evidence-notes">
+          <EvidenceNote number="01" title="Freshness" body="回答明确说明数据更新时间。" />
+          <EvidenceNote number="02" title="Observed facts" body="健康事实来自授权后的 MCP 输出。" />
+          <EvidenceNote number="03" title="Inference boundary" body="模型区分观测、推断与限制。" />
+        </div>
+      </div>
+      <p className="evidence-thesis">Fresh context. Explicit scope. No direct HealthKit access.</p>
+    </SlideShell>
+  );
+}
+
+function EvidenceNote({ number, title, body }: { number: string; title: string; body: string }) {
+  return (
+    <div className="evidence-note">
+      <span>{number}</span>
+      <div>
+        <strong>{title}</strong>
+        <p>{body}</p>
+      </div>
+    </div>
+  );
+}
+
+function WhySlide(_: SlideProps) {
+  return (
+    <SlideShell number="06" kicker="Why I built this" theme="dark" className="why-slide">
+      <div className="why-layout">
+        <blockquote>我不想用<strong>交出所有数据</strong>，换取一个更懂我的 AI。</blockquote>
+
+        <div className="why-sequence">
+          <div>
+            <span><HeartPulse size={32} /> 01</span>
+            <strong>Apple Health</strong>
+            <p>已经记录了真实、连续的个人状态。</p>
+          </div>
+          <ArrowRight size={34} />
+          <div>
+            <span><BrainCircuit size={32} /> 02</span>
+            <strong>Better models</strong>
+            <p>已经具备分析和推理这些信息的能力。</p>
+          </div>
+          <ArrowRight size={34} />
+          <div className="missing-link">
+            <span><Network size={32} /> 03</span>
+            <strong>The missing link</strong>
+            <p>缺少一条持续、安全、由用户控制的连接。</p>
+          </div>
+        </div>
+      </div>
+      <p className="why-footer">The problem was not intelligence. It was access to trustworthy context.</p>
+    </SlideShell>
+  );
+}
+
+const modelScaling = ["Reasoning", "Multimodality", "Tool use", "Capability"];
+const contextScaling = ["Identity", "Memory", "Real-world state", "Freshness", "Permission"];
+
+function ScalingSlide(_: SlideProps) {
+  return (
+    <SlideShell number="07" kicker="My thesis" title="下一条 Scaling 轴，是 Context" className="scaling-slide">
+      <div className="scaling-layout">
+        <div className="scaling-column model-column">
+          <span className="scaling-index">01</span>
+          <h3>MODEL<br />SCALING</h3>
+          <div className="scaling-terms">
+            {modelScaling.map((term) => <span key={term}>{term}</span>)}
+          </div>
+          <p>提升智能的能力上限</p>
+        </div>
+
+        <div className="scaling-divider" aria-hidden="true">
+          <BrainCircuit size={48} />
+          <span />
+          <CircleUserRound size={48} />
+        </div>
+
+        <div className="scaling-column context-column">
+          <span className="scaling-index">02</span>
+          <h3>CONTEXT<br />SCALING</h3>
+          <div className="scaling-terms">
+            {contextScaling.map((term) => <span key={term}>{term}</span>)}
+          </div>
+          <p>让智能进入真实世界</p>
+        </div>
+      </div>
+
+      <div className="scaling-statement">
+        <p>Model scaling determines what AI can do.</p>
+        <strong>Context scaling determines whether it can do it for me.</strong>
+      </div>
+      <small className="scaling-definition">Context scaling ≠ a longer context window. It is the ability to acquire, verify, retrieve and safely use relevant context over time.</small>
+    </SlideShell>
+  );
+}
+
+function OwnershipSlide(_: SlideProps) {
+  return (
+    <SlideShell number="08" kicker="The principle" title="Context 应该扩展，但所有权不应转移" theme="sage" className="ownership-slide">
+      <div className="ownership-flow">
+        <div className="ownership-group sources-group">
+          <p>PERSONAL DATA SOURCES</p>
+          <div>
+            <span><HeartPulse size={35} /> Health</span>
+            <span><CalendarDays size={35} /> Calendar</span>
+            <span><MessageSquareText size={35} /> Feedback</span>
+          </div>
+        </div>
+
+        <div className="ownership-arrow"><ArrowRight size={42} /></div>
+
+        <div className="context-core">
+          <img src={appIcon.src} alt="" />
+          <ShieldCheck size={53} />
+          <strong>User-owned<br />context layer</strong>
+          <small>scope · freshness · audit · revoke</small>
+        </div>
+
+        <div className="ownership-arrow"><ArrowRight size={42} /></div>
+
+        <div className="ownership-group agents-group">
+          <p>AUTHORIZED AGENTS</p>
+          <div>
+            <span><Bot size={35} /> WorkBuddy</span>
+            <span><Terminal size={35} /> OpenClaw</span>
+            <span><Sparkles size={35} /> Any MCP Agent</span>
+          </div>
+        </div>
+      </div>
+
+      <div className="ownership-principles">
+        <span><Check size={22} /> 用户决定接入什么</span>
+        <span><Check size={22} /> 每个 Agent 获得有限权限</span>
+        <span><Check size={22} /> Context 带来源和新鲜度</span>
+        <span><Check size={22} /> 用户随时审计和撤销</span>
+      </div>
+    </SlideShell>
+  );
+}
+
+function VisionSlide(_: SlideProps) {
+  return (
+    <SlideShell number="09" kicker="The direction" theme="dark" className="vision-slide">
+      <div className="vision-layout">
+        <div className="vision-copy">
+          <h2>Health 是起点，<br /><strong>不是边界。</strong></h2>
+          <p>从一条可验证的 Apple Health 路径开始，走向用户拥有的 Agent Context 层。</p>
+        </div>
+
+        <div className="vision-path">
+          <div>
+            <span>NOW</span>
+            <HeartPulse size={38} />
+            <strong>Apple Health</strong>
+            <p>一台 iPhone · 一条授权路径</p>
+          </div>
+          <ArrowRight size={39} />
+          <div>
+            <span>NEXT</span>
+            <Network size={38} />
+            <strong>Personal context</strong>
+            <p>更多数据源 · 更多授权 Agent</p>
+          </div>
+        </div>
+      </div>
+
+      <blockquote className="vision-quote">
+        “我想验证的是：私人 Context 能否像模型能力一样扩展，<strong>同时仍然属于用户。</strong>”
+      </blockquote>
+
+      <div className="vision-signoff">
+        <img src={appIcon.src} alt="" />
+        <span>Vital Agent Sync</span>
+        <small>PRIVATE APPLE HEALTH BRIDGE</small>
+      </div>
+    </SlideShell>
+  );
+}
+
+const slideVariants = {
+  enter: (direction: number) => ({
+    opacity: 0,
+    x: direction > 0 ? 110 : -110,
+  }),
+  center: {
+    opacity: 1,
+    x: 0,
+  },
+  exit: (direction: number) => ({
+    opacity: 0,
+    x: direction > 0 ? -70 : 70,
+  }),
+};
+
+const reducedSlideVariants = {
+  enter: { opacity: 1, x: 0 },
+  center: { opacity: 1, x: 0 },
+  exit: { opacity: 1, x: 0 },
+};
diff --git a/apps/pitch/next-env.d.ts b/apps/pitch/next-env.d.ts
new file mode 100644
index 0000000..9edff1c
--- /dev/null
+++ b/apps/pitch/next-env.d.ts
@@ -0,0 +1,6 @@
+/// <reference types="next" />
+/// <reference types="next/image-types/global" />
+import "./.next/types/routes.d.ts";
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.
diff --git a/apps/pitch/next.config.ts b/apps/pitch/next.config.ts
new file mode 100644
index 0000000..dd549b8
--- /dev/null
+++ b/apps/pitch/next.config.ts
@@ -0,0 +1,11 @@
+import type { NextConfig } from "next";
+
+const nextConfig: NextConfig = {
+  output: "export",
+  outputFileTracingRoot: new URL("../..", import.meta.url).pathname,
+  images: {
+    unoptimized: true,
+  },
+};
+
+export default nextConfig;
diff --git a/apps/pitch/package.json b/apps/pitch/package.json
new file mode 100644
index 0000000..7a63a2d
--- /dev/null
+++ b/apps/pitch/package.json
@@ -0,0 +1,24 @@
+{
+  "name": "vital-agent-sync-pitch",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "dev": "next dev --turbopack",
+    "build": "next build",
+    "start": "node serve.mjs",
+    "typecheck": "tsc --noEmit"
+  },
+  "dependencies": {},
+  "devDependencies": {
+    "@types/node": "^24.0.0",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "geist": "^1.7.2",
+    "lucide-react": "^0.468.0",
+    "motion": "^12.42.2",
+    "next": "16.2.12",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "typescript": "^5.8.0"
+  }
+}
diff --git a/apps/pitch/serve.mjs b/apps/pitch/serve.mjs
new file mode 100644
index 0000000..d47e60b
--- /dev/null
+++ b/apps/pitch/serve.mjs
@@ -0,0 +1,38 @@
+import { createReadStream, existsSync, statSync } from "node:fs";
+import { createServer } from "node:http";
+import { extname, join, normalize } from "node:path";
+
+const root = new URL("./out/", import.meta.url).pathname;
+const port = Number(process.env.PORT ?? 3100);
+
+const mimeTypes = {
+  ".css": "text/css; charset=utf-8",
+  ".html": "text/html; charset=utf-8",
+  ".js": "text/javascript; charset=utf-8",
+  ".json": "application/json; charset=utf-8",
+  ".mp4": "video/mp4",
+  ".png": "image/png",
+  ".svg": "image/svg+xml",
+  ".webm": "video/webm",
+  ".woff2": "font/woff2",
+};
+
+createServer((request, response) => {
+  const requestPath = decodeURIComponent(new URL(request.url ?? "/", "http://localhost").pathname);
+  const safePath = normalize(requestPath).replace(/^(\.\.[/\\])+/, "");
+  let filePath = join(root, safePath === "/" ? "index.html" : safePath);
+
+  if (existsSync(filePath) && statSync(filePath).isDirectory()) {
+    filePath = join(filePath, "index.html");
+  }
+
+  if (!existsSync(filePath)) {
+    filePath = join(root, "index.html");
+  }
+
+  response.setHeader("Content-Type", mimeTypes[extname(filePath)] ?? "application/octet-stream");
+  response.setHeader("Cache-Control", "no-store");
+  createReadStream(filePath).pipe(response);
+}).listen(port, "127.0.0.1", () => {
+  console.log(`Vital Agent Sync pitch deck: http://127.0.0.1:${port}`);
+});
diff --git a/apps/pitch/tsconfig.json b/apps/pitch/tsconfig.json
new file mode 100644
index 0000000..d73edca
--- /dev/null
+++ b/apps/pitch/tsconfig.json
@@ -0,0 +1,30 @@
+{
+  "compilerOptions": {
+    "target": "ES2017",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "react-jsx",
+    "incremental": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ]
+  },
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts",
+    ".next/dev/types/**/*.ts"
+  ],
+  "exclude": ["node_modules"]
+}
diff --git a/apps/www/app/globals.css b/apps/www/app/globals.css
index 6477089..d923ed2 100644
--- a/apps/www/app/globals.css
+++ b/apps/www/app/globals.css
@@ -201,9 +201,12 @@ code {
   gap: 3px;
 }
 
-.header-nav button {
+.header-nav button,
+.header-nav > a {
   position: relative;
   min-height: 34px;
+  display: inline-flex;
+  align-items: center;
   padding: 0 11px;
   border: 0;
   background: transparent;
@@ -215,7 +218,8 @@ code {
   transition: opacity 180ms ease, color 180ms ease;
 }
 
-.header-nav button::after {
+.header-nav button::after,
+.header-nav > a::after {
   position: absolute;
   left: 11px;
   right: 11px;
@@ -229,7 +233,8 @@ code {
 }
 
 .header-nav button:hover,
-.header-nav button.active {
+.header-nav button.active,
+.header-nav > a:hover {
   opacity: 1;
 }
 
@@ -1995,6 +2000,556 @@ code {
   color: var(--white);
 }
 
+.project-brief {
+  min-height: 100vh;
+  background:
+    linear-gradient(rgba(16, 33, 26, 0.035) 1px, transparent 1px),
+    linear-gradient(90deg, rgba(16, 33, 26, 0.035) 1px, transparent 1px),
+    var(--paper);
+  background-size: 32px 32px;
+}
+
+.project-brief-header {
+  position: sticky;
+  z-index: 20;
+  top: 0;
+  height: 72px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 28px;
+  padding: 0 max(32px, calc((100vw - 1160px) / 2));
+  border-bottom: 1px solid rgba(16, 33, 26, 0.14);
+  background: rgba(244, 247, 242, 0.88);
+  backdrop-filter: blur(18px);
+  -webkit-backdrop-filter: blur(18px);
+}
+
+.project-brief-brand {
+  display: inline-flex;
+  align-items: center;
+  gap: 11px;
+  font-size: 14px;
+}
+
+.project-brief-brand span {
+  width: 34px;
+  height: 34px;
+  display: grid;
+  place-items: center;
+  border-radius: 7px;
+  background: var(--ink);
+  color: var(--sage-100);
+  font-family: var(--font-geist-mono), monospace;
+  font-size: 9px;
+  font-weight: 750;
+  letter-spacing: 0.08em;
+}
+
+.project-brief-header nav,
+.project-brief-footer nav {
+  display: flex;
+  align-items: center;
+  gap: 22px;
+}
+
+.project-brief-header nav a {
+  color: var(--muted);
+  font-size: var(--text-ui);
+  font-weight: 620;
+}
+
+.project-brief-header nav a:hover {
+  color: var(--coral);
+}
+
+.project-brief article {
+  width: min(1160px, calc(100% - 64px));
+  margin: 0 auto;
+  padding: 0 0 80px;
+}
+
+.project-brief-hero {
+  min-height: 620px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  padding: 96px 0 72px;
+}
+
+.project-brief-kicker {
+  margin: 0 0 20px;
+  color: var(--sage-700);
+  font-family: var(--font-geist-mono), monospace;
+  font-size: var(--text-meta);
+  font-weight: 680;
+  letter-spacing: 0.08em;
+  text-transform: uppercase;
+}
+
+.project-brief-hero h1 {
+  max-width: 920px;
+  margin: 0;
+  font-size: clamp(52px, 7vw, 88px);
+  font-weight: 650;
+  letter-spacing: -0.065em;
+  line-height: 0.96;
+}
+
+.project-brief-deck {
+  max-width: 760px;
+  margin: 34px 0 0;
+  color: var(--ink-soft);
+  font-size: clamp(18px, 2vw, 23px);
+  line-height: 1.5;
+}
+
+.project-brief-thesis {
+  width: min(760px, 100%);
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  margin-top: 55px;
+  border: 1px solid var(--line);
+  background: var(--paper-bright);
+  box-shadow: 8px 8px 0 var(--sage-100);
+}
+
+.project-brief-thesis p {
+  min-height: 94px;
+  display: flex;
+  align-items: center;
+  margin: 0;
+  padding: 24px;
+  font-size: 15px;
+  font-weight: 650;
+  line-height: 1.45;
+}
+
+.project-brief-thesis p + p {
+  border-left: 1px solid var(--line);
+  background: var(--ink);
+  color: var(--sage-100);
+}
+
+.project-brief-section {
+  display: grid;
+  grid-template-columns: minmax(260px, 0.8fr) minmax(0, 1.2fr);
+  gap: 72px;
+  padding: 96px 0;
+  border-top: 1px solid var(--line);
+}
+
+.project-brief-section h2,
+.project-brief-footer h2 {
+  margin: 0;
+  font-size: clamp(34px, 4.5vw, 54px);
+  font-weight: 640;
+  letter-spacing: -0.045em;
+  line-height: 1.04;
+}
+
+.project-brief-section h3 {
+  margin: 0;
+  font-size: 19px;
+}
+
+.project-brief-section p,
+.project-brief-section li,
+.project-brief-section dd {
+  color: var(--ink-soft);
+  font-size: 16px;
+  line-height: 1.7;
+}
+
+.project-brief-section > div:first-child > p:last-child {
+  margin-top: 24px;
+}
+
+.project-brief-question {
+  align-self: center;
+}
+
+.project-brief-question blockquote {
+  margin: 0 0 28px;
+  padding: 30px;
+  border-left: 5px solid var(--coral);
+  background: var(--ink);
+  color: var(--white);
+  font-size: clamp(22px, 2.7vw, 32px);
+  font-weight: 590;
+  letter-spacing: -0.025em;
+  line-height: 1.3;
+}
+
+.project-brief-question p,
+.project-brief-proof > div:last-child > p,
+.project-brief-origin > p,
+.project-brief-future > p {
+  margin: 0;
+  font-size: 18px;
+}
+
+.project-loop {
+  grid-column: 1 / -1;
+  display: grid;
+  grid-template-columns: repeat(5, 1fr);
+  margin: 0;
+  padding: 0;
+  border: 1px solid var(--line);
+  background: var(--paper-bright);
+  list-style: none;
+}
+
+.project-loop li {
+  position: relative;
+  min-height: 235px;
+  padding: 22px;
+}
+
+.project-loop li + li {
+  border-left: 1px solid var(--line);
+}
+
+.project-loop li:not(:last-child)::after {
+  position: absolute;
+  z-index: 1;
+  top: 28px;
+  right: -7px;
+  width: 13px;
+  height: 13px;
+  content: "";
+  transform: rotate(45deg);
+  border-top: 1px solid var(--sage-700);
+  border-right: 1px solid var(--sage-700);
+  background: var(--paper-bright);
+}
+
+.project-loop li > span,
+.principle-grid li > span {
+  color: var(--coral);
+  font-family: var(--font-geist-mono), monospace;
+  font-size: var(--text-meta);
+  font-weight: 720;
+}
+
+.project-loop h3 {
+  margin-top: 38px;
+}
+
+.project-loop p {
+  margin: 12px 0 0;
+  font-size: 13px;
+  line-height: 1.55;
+}
+
+.project-brief-tags {
+  grid-column: 1 / -1;
+  display: flex;
+  gap: 10px;
+}
+
+.project-brief-tags span {
+  padding: 10px 16px;
+  border: 1px solid var(--ink);
+  border-radius: 999px;
+  font-family: var(--font-geist-mono), monospace;
+  font-size: var(--text-meta);
+  font-weight: 680;
+  text-transform: uppercase;
+}
+
+.project-brief-proof ul,
+.status-columns ul {
+  margin: 25px 0 0;
+  padding-left: 19px;
+}
+
+.project-brief-proof li,
+.status-columns li {
+  padding-left: 6px;
+}
+
+.project-brief-origin {
+  padding: 96px 48px;
+  border-top: 0;
+  background: var(--ink);
+  color: var(--white);
+}
+
+.project-brief-origin .project-brief-kicker {
+  color: var(--sage-300);
+}
+
+.project-brief-origin > p {
+  color: var(--sage-100);
+}
+
+.scaling-columns,
+.status-columns {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 18px;
+}
+
+.scaling-columns > div,
+.status-columns > div {
+  padding: 28px;
+  border: 1px solid var(--line);
+  background: var(--paper-bright);
+}
+
+.scaling-columns > div:last-child {
+  border-color: var(--ink);
+  background: var(--ink);
+  color: var(--white);
+}
+
+.scaling-columns ul {
+  margin: 26px 0 0;
+  padding: 0;
+  list-style: none;
+}
+
+.scaling-columns li {
+  padding: 7px 0;
+  border-bottom: 1px solid var(--line);
+}
+
+.scaling-columns > div:last-child li {
+  border-color: var(--line-dark);
+  color: var(--sage-100);
+}
+
+.project-brief-definition {
+  grid-column: 1 / -1;
+  margin: 0;
+  padding: 24px 28px;
+  border-left: 5px solid var(--coral);
+  background: var(--sage-100);
+  font-size: 18px !important;
+  font-weight: 630;
+}
+
+.principle-grid {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 1px;
+  margin: 0;
+  padding: 1px;
+  background: var(--line);
+  list-style: none;
+}
+
+.principle-grid li {
+  min-height: 155px;
+  padding: 24px;
+  background: var(--paper-bright);
+}
+
+.principle-grid p {
+  margin: 30px 0 0;
+  font-size: 15px;
+  font-weight: 610;
+  line-height: 1.5;
+}
+
+.project-brief-status {
+  grid-template-columns: 1fr;
+  gap: 50px;
+}
+
+.project-brief-status > div:first-child {
+  max-width: 720px;
+}
+
+.status-columns > div:first-child {
+  border-top: 5px solid var(--sage-700);
+}
+
+.status-columns > div:last-child {
+  border-top: 5px solid var(--coral);
+}
+
+.status-columns h3 {
+  margin-bottom: 18px;
+}
+
+.status-columns ul {
+  margin: 0;
+}
+
+.status-columns li {
+  font-size: 14px;
+}
+
+.project-brief-faq {
+  grid-template-columns: 1fr;
+  gap: 48px;
+}
+
+.project-brief-faq dl {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 1px;
+  margin: 0;
+  padding: 1px;
+  background: var(--line);
+}
+
+.project-brief-faq dl > div {
+  min-height: 220px;
+  padding: 28px;
+  background: var(--paper-bright);
+}
+
+.project-brief-faq dt {
+  font-size: 18px;
+  font-weight: 680;
+  line-height: 1.35;
+}
+
+.project-brief-faq dd {
+  margin: 18px 0 0;
+  font-size: 14px;
+}
+
+.project-brief-footer {
+  display: grid;
+  grid-template-columns: minmax(0, 1.4fr) minmax(240px, 0.6fr);
+  gap: 80px;
+  margin-top: 30px;
+  padding: 72px 48px;
+  background: var(--ink);
+  color: var(--white);
+}
+
+.project-brief-footer .project-brief-kicker {
+  color: var(--sage-300);
+}
+
+.project-brief-footer nav {
+  align-items: flex-start;
+  flex-direction: column;
+  justify-content: center;
+  gap: 15px;
+}
+
+.project-brief-footer nav a {
+  color: var(--sage-100);
+  font-size: 14px;
+}
+
+.project-brief-footer nav a:hover {
+  color: var(--coral);
+}
+
+@media (max-width: 760px) {
+  .project-brief-header {
+    height: 64px;
+    padding: 0 16px;
+  }
+
+  .project-brief-header nav {
+    gap: 13px;
+  }
+
+  .project-brief-header nav a {
+    font-size: 11px;
+  }
+
+  .project-brief article {
+    width: calc(100% - 32px);
+    padding-bottom: 32px;
+  }
+
+  .project-brief-hero {
+    min-height: 610px;
+    padding: 70px 0 50px;
+  }
+
+  .project-brief-hero h1 {
+    font-size: 49px;
+  }
+
+  .project-brief-deck {
+    font-size: 17px;
+  }
+
+  .project-brief-thesis {
+    grid-template-columns: 1fr;
+    margin-top: 38px;
+  }
+
+  .project-brief-thesis p + p {
+    border-top: 1px solid var(--line);
+    border-left: 0;
+  }
+
+  .project-brief-section {
+    grid-template-columns: 1fr;
+    gap: 34px;
+    padding: 64px 0;
+  }
+
+  .project-brief-section h2,
+  .project-brief-footer h2 {
+    font-size: 36px;
+  }
+
+  .project-brief-question blockquote {
+    padding: 24px;
+    font-size: 23px;
+  }
+
+  .project-loop {
+    grid-template-columns: 1fr;
+  }
+
+  .project-loop li {
+    min-height: 0;
+    display: grid;
+    grid-template-columns: 36px 1fr;
+    padding: 22px;
+  }
+
+  .project-loop li + li {
+    border-top: 1px solid var(--line);
+    border-left: 0;
+  }
+
+  .project-loop li:not(:last-child)::after {
+    top: auto;
+    right: 28px;
+    bottom: -7px;
+    transform: rotate(135deg);
+  }
+
+  .project-loop h3 {
+    margin-top: 0;
+  }
+
+  .project-loop p {
+    margin-top: 8px;
+  }
+
+  .project-brief-origin {
+    padding: 58px 24px;
+  }
+
+  .scaling-columns,
+  .status-columns,
+  .principle-grid,
+  .project-brief-faq dl,
+  .project-brief-footer {
+    grid-template-columns: 1fr;
+  }
+
+  .project-brief-footer {
+    gap: 46px;
+    padding: 52px 24px;
+  }
+}
+
 @media (min-width: 1600px) and (min-height: 850px) {
   :root {
     --text-micro: 0.6875rem;
@@ -2035,7 +2590,8 @@ code {
     width: min(100% - 48px, 940px);
   }
 
-  .header-nav button {
+  .header-nav button,
+  .header-nav > a {
     padding-inline: 8px;
   }
 
diff --git a/apps/www/app/layout.tsx b/apps/www/app/layout.tsx
index a1bb681..9654461 100644
--- a/apps/www/app/layout.tsx
+++ b/apps/www/app/layout.tsx
@@ -4,33 +4,96 @@ import { GeistSans } from "geist/font/sans";
 import "lenis/dist/lenis.css";
 import appIcon from "../../ios/Resources/Assets.xcassets/AppIcon.appiconset/AppIcon-1024.png";
 import "./globals.css";
-
-const siteUrl = process.env.NEXT_PUBLIC_SITE_URL ?? "http://localhost:3000";
+import { githubUrl, npmUrl, productSummary, siteUrl, skillHubUrl } from "./site-config";
 
 export const metadata: Metadata = {
-  title: "Vital Agent Sync | Private Apple Health context for AI agents",
-  description:
-    "Run Vital Agent Sync on your machine, pair over trusted LAN, and optionally use your own Tailscale network for private remote access.",
+  title: {
+    default: "Vital Agent Sync | Private Apple Health context for AI agents",
+    template: "%s | Vital Agent Sync",
+  },
+  description: productSummary,
+  applicationName: "Vital Agent Sync",
+  category: "technology",
+  keywords: [
+    "Apple Health",
+    "HealthKit",
+    "AI agent",
+    "MCP",
+    "Model Context Protocol",
+    "local-first",
+    "personal context",
+    "context scaling",
+    "WorkBuddy",
+  ],
   metadataBase: new URL(siteUrl),
+  alternates: {
+    canonical: "/",
+  },
+  robots: {
+    index: true,
+    follow: true,
+  },
   icons: {
     icon: [{ url: appIcon.src, type: "image/png", sizes: "1024x1024" }],
     apple: [{ url: appIcon.src, type: "image/png", sizes: "1024x1024" }],
   },
   openGraph: {
     title: "Vital Agent Sync | Apple Health context. Private by design.",
-    description:
-      "Fresh, scoped Apple Health context for your AI agent through a user-owned LAN or Tailscale receiver.",
+    description: productSummary,
     type: "website",
+    url: "/",
+    siteName: "Vital Agent Sync",
     images: [{ url: "/og.png", width: 1730, height: 909, alt: "Vital Agent Sync private Apple Health context" }],
   },
   twitter: {
     card: "summary_large_image",
     title: "Vital Agent Sync | Apple Health context. Private by design.",
-    description: "Fresh, scoped Apple Health context for your AI agent.",
+    description: productSummary,
     images: ["/og.png"],
   },
 };
 
+const structuredData = {
+  "@context": "https://schema.org",
+  "@graph": [
+    {
+      "@type": "WebSite",
+      "@id": `${siteUrl}/#website`,
+      url: siteUrl,
+      name: "Vital Agent Sync",
+      description: productSummary,
+      inLanguage: "en",
+    },
+    {
+      "@type": "SoftwareApplication",
+      "@id": `${siteUrl}/#software`,
+      name: "Vital Agent Sync",
+      url: siteUrl,
+      description: productSummary,
+      applicationCategory: "HealthApplication",
+      operatingSystem: "iOS and macOS",
+      isAccessibleForFree: true,
+      license: `${githubUrl}/blob/main/LICENSE`,
+      downloadUrl: npmUrl,
+      sameAs: [githubUrl, skillHubUrl, npmUrl],
+      offers: {
+        "@type": "Offer",
+        price: "0",
+        priceCurrency: "USD",
+      },
+      featureList: [
+        "User-authorized Apple Health summaries",
+        "Encrypted iPhone pairing and sync",
+        "User-controlled local SQLite receiver",
+        "Scoped Model Context Protocol tools",
+        "Freshness and source metadata",
+        "Revocable source-device access",
+        "Trusted LAN and optional user-managed Tailscale routes",
+      ],
+    },
+  ],
+};
+
 export default function RootLayout({
   children,
 }: Readonly<{
@@ -38,7 +101,13 @@ export default function RootLayout({
 }>) {
   return (
     <html lang="en" className={`${GeistSans.variable} ${GeistMono.variable}`}>
-      <body>{children}</body>
+      <body>
+        <script
+          type="application/ld+json"
+          dangerouslySetInnerHTML={{ __html: JSON.stringify(structuredData) }}
+        />
+        {children}
+      </body>
     </html>
   );
 }
diff --git a/apps/www/app/page.tsx b/apps/www/app/page.tsx
index 2dfca4d..1fefdae 100644
--- a/apps/www/app/page.tsx
+++ b/apps/www/app/page.tsx
@@ -221,6 +221,7 @@ function PageHeader({ active, onNavigate }: { active: number; onNavigate: (index
                 {item.label}
               </button>
             ))}
+            <a href="/project">Project</a>
           </nav>
 
           <div className="header-actions">
@@ -246,6 +247,7 @@ function PageHeader({ active, onNavigate }: { active: number; onNavigate: (index
                   </button>
                 ))}
               </div>
+              <a href="/project"><Sparkles size={17} /> Project brief <ExternalLink size={14} /></a>
               <a href={githubUrl} target="_blank" rel="noreferrer"><Github size={17} /> View source on GitHub <ExternalLink size={14} /></a>
             </motion.div>
           )}
@@ -553,7 +555,7 @@ function FinalPage({ copied, onCopy, onNavigate }: { copied: boolean; onCopy: ()
         <CommandBar copied={copied} onCopy={onCopy} inverse />
         <button type="button" className="back-to-top" onClick={() => onNavigate(0)}>Back to overview <ArrowRight size={15} /></button>
       </div>
-      <footer className="page-width final-footer"><span><BrandMark className="footer-brand-mark" /> Vital Agent Sync</span><p>Private Apple Health context for MCP-compatible agents.</p><div><a href={githubUrl}>GitHub</a><button type="button" onClick={() => onNavigate(3)}>Privacy</button><button type="button" onClick={() => onNavigate(4)}>Self-host</button></div></footer>
+      <footer className="page-width final-footer"><span><BrandMark className="footer-brand-mark" /> Vital Agent Sync</span><p>Private Apple Health context for MCP-compatible agents.</p><div><a href="/project">Project brief</a><a href={githubUrl}>GitHub</a><button type="button" onClick={() => onNavigate(3)}>Privacy</button><button type="button" onClick={() => onNavigate(4)}>Self-host</button></div></footer>
     </SnapPage>
   );
 }
diff --git a/apps/www/app/project/page.tsx b/apps/www/app/project/page.tsx
new file mode 100644
index 0000000..46b0325
--- /dev/null
+++ b/apps/www/app/project/page.tsx
@@ -0,0 +1,297 @@
+import type { Metadata } from "next";
+import { githubUrl, npmUrl, productPrinciples, productSummary, siteUrl, skillHubUrl } from "../site-config";
+
+export const metadata: Metadata = {
+  title: "Project brief",
+  description:
+    "The problem, working product loop, design principles, current status, and context-scaling thesis behind Vital Agent Sync.",
+  alternates: {
+    canonical: "/project",
+  },
+  openGraph: {
+    title: "Vital Agent Sync project brief",
+    description: productSummary,
+    url: "/project",
+    type: "article",
+  },
+};
+
+const productLoop = [
+  ["Apple Health", "The iPhone reads only the HealthKit categories the user authorizes."],
+  ["iPhone summaries", "The app prepares compact summaries instead of giving an Agent direct HealthKit access."],
+  ["Local receiver", "Encrypted sync lands in a user-controlled SQLite database on the user’s machine."],
+  ["MCP", "Standard tools return scoped context with source and freshness metadata."],
+  ["Authorized Agent", "The Agent receives the evidence needed for a question, not blanket health-data access."],
+];
+
+const currentCapabilities = [
+  "A physical iPhone can pair with the receiver and sync user-authorized Apple Health summaries.",
+  "The local runtime stores summaries in SQLite and exposes them through MCP tools.",
+  "WorkBuddy users can install the Skill from SkillHub and start the guided LAN setup from a conversation.",
+  "The npm package provides the same runtime for WorkBuddy, Hermes, OpenClaw, and generic MCP clients.",
+  "Trusted LAN is the default route; a user-managed Tailscale network is the optional private remote route.",
+];
+
+const currentLimits = [
+  "The iOS app is a development build and is not yet distributed through the App Store.",
+  "The Local Preview relies on a foreground iPhone sync; it does not promise a fixed background schedule.",
+  "Hosted relay is experimental and is not required, available, or recommended for the current onboarding path.",
+  "Vital Agent Sync is not a medical service and does not diagnose, prescribe, or replace professional care.",
+];
+
+const faqs = [
+  {
+    question: "Does an AI Agent receive HealthKit permission?",
+    answer:
+      "No. HealthKit access stays in the iPhone app. An authorized Agent can only call scoped MCP tools against summaries already synced to the user-controlled receiver.",
+  },
+  {
+    question: "Does local storage mean the model is local?",
+    answer:
+      "No. The database and receiver stay on the user’s machine, but context returned through MCP may be sent to the model provider selected in the Agent. Users should choose that provider and scope deliberately.",
+  },
+  {
+    question: "What does context scaling mean here?",
+    answer:
+      "It does not mean a longer prompt. It means continuously acquiring, filtering, verifying, and safely using relevant real-world context while preserving provenance, freshness, permission, and user control.",
+  },
+  {
+    question: "Why begin with Apple Health?",
+    answer:
+      "Health data makes freshness, sensitivity, provenance, and revocation impossible to ignore. It is a demanding first source for testing a broader user-owned context layer.",
+  },
+];
+
+const projectStructuredData = {
+  "@context": "https://schema.org",
+  "@type": "FAQPage",
+  "@id": `${siteUrl}/project#faq`,
+  mainEntity: faqs.map(({ question, answer }) => ({
+    "@type": "Question",
+    name: question,
+    acceptedAnswer: {
+      "@type": "Answer",
+      text: answer,
+    },
+  })),
+};
+
+export default function ProjectBriefPage() {
+  return (
+    <main className="project-brief">
+      <script
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{ __html: JSON.stringify(projectStructuredData) }}
+      />
+      <header className="project-brief-header">
+        <a className="project-brief-brand" href="/" aria-label="Vital Agent Sync home">
+          <span>VAS</span>
+          <strong>Vital Agent Sync</strong>
+        </a>
+        <nav aria-label="Project links">
+          <a href={skillHubUrl}>SkillHub</a>
+          <a href={npmUrl}>npm</a>
+          <a href={githubUrl}>GitHub</a>
+        </nav>
+      </header>
+
+      <article>
+        <section className="project-brief-hero" aria-labelledby="project-title">
+          <p className="project-brief-kicker">Hackathon project brief</p>
+          <h1 id="project-title">Apple Health context. Private by design.</h1>
+          <p className="project-brief-deck">{productSummary}</p>
+          <div className="project-brief-thesis">
+            <p>Model scaling determines what AI can do.</p>
+            <p>Context scaling determines whether it can do it for me.</p>
+          </div>
+        </section>
+
+        <section className="project-brief-section project-brief-problem" aria-labelledby="problem-title">
+          <div>
+            <p className="project-brief-kicker">01 / The problem</p>
+            <h2 id="problem-title">AI can understand the world, but it does not know today’s you.</h2>
+          </div>
+          <div className="project-brief-question">
+            <blockquote>“Based on last night’s sleep and my current state, am I ready for a hard workout?”</blockquote>
+            <p>
+              Without current personal evidence, an Agent does not know how long the user slept, whether the
+              data is fresh, or whether its assumptions match the user’s real state. It can only produce a
+              generic answer.
+            </p>
+          </div>
+        </section>
+
+        <section className="project-brief-section" aria-labelledby="product-title">
+          <div>
+            <p className="project-brief-kicker">02 / The product</p>
+            <h2 id="product-title">A user-controlled path from Apple Health to an authorized Agent.</h2>
+            <p>
+              The Agent never accesses HealthKit directly. The iPhone syncs authorized summaries, and the Agent
+              asks for the minimum necessary context through MCP.
+            </p>
+          </div>
+          <ol className="project-loop">
+            {productLoop.map(([title, description], index) => (
+              <li key={title}>
+                <span>{String(index + 1).padStart(2, "0")}</span>
+                <div>
+                  <h3>{title}</h3>
+                  <p>{description}</p>
+                </div>
+              </li>
+            ))}
+          </ol>
+          <div className="project-brief-tags" aria-label="Core product properties">
+            <span>Scoped</span>
+            <span>Fresh</span>
+            <span>Revocable</span>
+          </div>
+        </section>
+
+        <section className="project-brief-section project-brief-proof" aria-labelledby="proof-title">
+          <div>
+            <p className="project-brief-kicker">03 / Working proof</p>
+            <h2 id="proof-title">The Agent gets evidence, not HealthKit permission.</h2>
+          </div>
+          <div>
+            <p>
+              The working loop runs across a physical iPhone, an encrypted local receiver, SQLite, and MCP:
+              configure the runtime, scan the local pairing QR, approve Health permissions, sync, and ask an
+              Agent a personal-state question.
+            </p>
+            <ul>
+              <li>Every relevant result identifies when the source data was last updated.</li>
+              <li>Observed Apple Health facts are kept separate from limited Agent inference.</li>
+              <li>Missing or stale data is reported instead of silently filled in.</li>
+              <li>The connection can be inspected and revoked by the user.</li>
+            </ul>
+          </div>
+        </section>
+
+        <section className="project-brief-section project-brief-origin" aria-labelledby="origin-title">
+          <div>
+            <p className="project-brief-kicker">04 / Why this exists</p>
+            <h2 id="origin-title">A more personal AI should not require surrendering all personal data.</h2>
+          </div>
+          <p>
+            Apple Health already contains a rich record of daily life, and modern models are capable of using
+            that evidence. What is missing is a safe, continuous, controllable connection between the two.
+            Existing paths often mean repeated manual exports or moving the entire dataset into a central
+            platform. Vital Agent Sync tests a different bargain: useful context without transferring ownership.
+          </p>
+        </section>
+
+        <section className="project-brief-section project-brief-scaling" aria-labelledby="scaling-title">
+          <div>
+            <p className="project-brief-kicker">05 / Core thesis</p>
+            <h2 id="scaling-title">The next scaling axis is context.</h2>
+          </div>
+          <div className="scaling-columns">
+            <div>
+              <h3>Model scaling</h3>
+              <ul>
+                <li>Reasoning</li>
+                <li>Multimodality</li>
+                <li>Tool use</li>
+                <li>Capability</li>
+              </ul>
+            </div>
+            <div>
+              <h3>Context scaling</h3>
+              <ul>
+                <li>Identity</li>
+                <li>Memory</li>
+                <li>Real-world state</li>
+                <li>Freshness</li>
+                <li>Permission</li>
+              </ul>
+            </div>
+          </div>
+          <p className="project-brief-definition">
+            Context scaling is not a longer context window. It is the ability to continuously acquire, select,
+            verify, and safely use real-world context.
+          </p>
+        </section>
+
+        <section className="project-brief-section" aria-labelledby="principles-title">
+          <div>
+            <p className="project-brief-kicker">06 / Design principles</p>
+            <h2 id="principles-title">Context should scale without transferring ownership.</h2>
+          </div>
+          <ol className="principle-grid">
+            {productPrinciples.map((principle, index) => (
+              <li key={principle}>
+                <span>{String(index + 1).padStart(2, "0")}</span>
+                <p>{principle}</p>
+              </li>
+            ))}
+          </ol>
+        </section>
+
+        <section className="project-brief-section project-brief-status" aria-labelledby="status-title">
+          <div>
+            <p className="project-brief-kicker">07 / Current status</p>
+            <h2 id="status-title">Local Preview is working; the product boundary is explicit.</h2>
+          </div>
+          <div className="status-columns">
+            <div>
+              <h3>Implemented now</h3>
+              <ul>
+                {currentCapabilities.map((capability) => <li key={capability}>{capability}</li>)}
+              </ul>
+            </div>
+            <div>
+              <h3>Not claimed yet</h3>
+              <ul>
+                {currentLimits.map((limit) => <li key={limit}>{limit}</li>)}
+              </ul>
+            </div>
+          </div>
+        </section>
+
+        <section className="project-brief-section project-brief-future" aria-labelledby="future-title">
+          <div>
+            <p className="project-brief-kicker">08 / Direction</p>
+            <h2 id="future-title">Health is the starting point, not the boundary.</h2>
+          </div>
+          <p>
+            The long-term direction is a user-owned context layer that can connect more personal data sources to
+            more authorized Agents while preserving scope, provenance, freshness, auditability, and revocation.
+            Vital Agent Sync begins with Apple Health because sensitive health context makes those requirements
+            concrete from day one.
+          </p>
+        </section>
+
+        <section className="project-brief-section project-brief-faq" aria-labelledby="faq-title">
+          <div>
+            <p className="project-brief-kicker">09 / Clear answers</p>
+            <h2 id="faq-title">Frequently asked questions</h2>
+          </div>
+          <dl>
+            {faqs.map(({ question, answer }) => (
+              <div key={question}>
+                <dt>{question}</dt>
+                <dd>{answer}</dd>
+              </div>
+            ))}
+          </dl>
+        </section>
+
+        <footer className="project-brief-footer">
+          <div>
+            <p className="project-brief-kicker">The idea in one sentence</p>
+            <h2>
+              Private context should be able to scale like model capability—and still belong to the user.
+            </h2>
+          </div>
+          <nav aria-label="Project resources">
+            <a href="/">Product overview</a>
+            <a href={skillHubUrl}>WorkBuddy Skill</a>
+            <a href={npmUrl}>vitalmcp on npm</a>
+            <a href={githubUrl}>Open-source repository</a>
+          </nav>
+        </footer>
+      </article>
+    </main>
+  );
+}
diff --git a/apps/www/app/robots.ts b/apps/www/app/robots.ts
new file mode 100644
index 0000000..d7d911d
--- /dev/null
+++ b/apps/www/app/robots.ts
@@ -0,0 +1,14 @@
+import type { MetadataRoute } from "next";
+import { siteUrl } from "./site-config";
+
+export const dynamic = "force-static";
+
+export default function robots(): MetadataRoute.Robots {
+  return {
+    rules: {
+      userAgent: "*",
+      allow: "/",
+    },
+    sitemap: new URL("/sitemap.xml", siteUrl).toString(),
+  };
+}
diff --git a/apps/www/app/site-config.ts b/apps/www/app/site-config.ts
new file mode 100644
index 0000000..eafd5ac
--- /dev/null
+++ b/apps/www/app/site-config.ts
@@ -0,0 +1,17 @@
+const configuredSiteUrl = process.env.NEXT_PUBLIC_SITE_URL ?? "http://localhost:3000";
+
+export const siteUrl = configuredSiteUrl.replace(/\/+$/, "");
+
+export const githubUrl = "https://github.com/Coooder-Crypto/vital-agent-sync";
+export const skillHubUrl = "https://skillhub.cn/skills/vital-agent-sync";
+export const npmUrl = "https://www.npmjs.com/package/vitalmcp";
+
+export const productSummary =
+  "Vital Agent Sync gives authorized AI agents fresh, scoped Apple Health context through an iPhone app, a user-controlled local receiver, and standard MCP tools.";
+
+export const productPrinciples = [
+  "Users choose which personal data sources to connect.",
+  "Each authorized agent receives only the context needed for the current task.",
+  "Returned context includes source and freshness information.",
+  "Users can inspect, revoke, and replace connections.",
+];
diff --git a/apps/www/app/sitemap.ts b/apps/www/app/sitemap.ts
new file mode 100644
index 0000000..7821ddb
--- /dev/null
+++ b/apps/www/app/sitemap.ts
@@ -0,0 +1,21 @@
+import type { MetadataRoute } from "next";
+import { siteUrl } from "./site-config";
+
+export const dynamic = "force-static";
+
+export default function sitemap(): MetadataRoute.Sitemap {
+  return [
+    {
+      url: new URL("/", siteUrl).toString(),
+      lastModified: new Date(),
+      changeFrequency: "weekly",
+      priority: 1,
+    },
+    {
+      url: new URL("/project", siteUrl).toString(),
+      lastModified: new Date(),
+      changeFrequency: "weekly",
+      priority: 0.9,
+    },
+  ];
+}
diff --git a/apps/www/next.config.ts b/apps/www/next.config.ts
index 490dacf..dd549b8 100644
--- a/apps/www/next.config.ts
+++ b/apps/www/next.config.ts
@@ -1,7 +1,11 @@
 import type { NextConfig } from "next";
 
 const nextConfig: NextConfig = {
+  output: "export",
   outputFileTracingRoot: new URL("../..", import.meta.url).pathname,
+  images: {
+    unoptimized: true,
+  },
 };
 
 export default nextConfig;
diff --git a/apps/www/package.json b/apps/www/package.json
index 5b1e368..5539892 100644
--- a/apps/www/package.json
+++ b/apps/www/package.json
@@ -5,24 +5,23 @@
   "scripts": {
     "dev": "next dev --turbopack",
     "build": "next build",
-    "start": "next start",
+    "start": "node serve.mjs",
     "typecheck": "tsc --noEmit"
   },
-  "dependencies": {
-    "geist": "^1.7.2",
-    "lenis": "^1.3.25",
-    "lucide-react": "^0.468.0",
-    "motion": "^12.42.2",
-    "next": "^16.0.0",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0"
-  },
+  "dependencies": {},
   "devDependencies": {
     "@tailwindcss/postcss": "^4.1.0",
     "@types/node": "^24.0.0",
     "@types/react": "^19.0.0",
     "@types/react-dom": "^19.0.0",
-    "postcss": "^8.5.0",
+    "geist": "^1.7.2",
+    "lenis": "^1.3.25",
+    "lucide-react": "^0.468.0",
+    "motion": "^12.42.2",
+    "next": "16.2.12",
+    "postcss": "^8.5.25",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "tailwindcss": "^4.1.0",
     "typescript": "^5.8.0"
   }
diff --git a/apps/www/public/llms.txt b/apps/www/public/llms.txt
new file mode 100644
index 0000000..31f95b7
--- /dev/null
+++ b/apps/www/public/llms.txt
@@ -0,0 +1,68 @@
+# Vital Agent Sync
+
+> Vital Agent Sync gives authorized AI agents fresh, scoped Apple Health context through an iPhone app, a user-controlled local receiver, and standard Model Context Protocol (MCP) tools.
+
+Vital Agent Sync is a local-first, open-source project. It is designed to make personal context useful to AI without making a central Vital Agent Sync service the owner of that data.
+
+## Why it exists
+
+AI models can reason, use tools, and understand many kinds of information, but they usually do not know a user's current real-world state. A question such as “Based on last night's sleep and my current state, am I ready for a hard workout?” requires recent personal evidence, freshness information, and explicit authorization. Without those inputs, an Agent can only give a generic answer.
+
+## Product path
+
+1. The iPhone app reads only Apple Health categories authorized by the user.
+2. The app creates compact summaries; an Agent never receives direct HealthKit permission.
+3. Encrypted sync sends those summaries to a receiver controlled by the user.
+4. The receiver stores them in local SQLite.
+5. Authorized Agents request only the needed context through scoped MCP tools.
+6. Relevant results include source and freshness information and separate observed facts from limited inference.
+
+The core product properties are: scoped, fresh, and revocable.
+
+## Working Local Preview
+
+- A physical iPhone can pair with the receiver and sync user-authorized Apple Health summaries.
+- The local runtime stores summaries in SQLite and exposes MCP tools.
+- WorkBuddy users can install the Vital Agent Sync Skill from SkillHub and start guided LAN setup from a conversation.
+- The published `vitalmcp` npm package provides the same runtime for WorkBuddy, Hermes, OpenClaw, and generic MCP clients.
+- Trusted LAN is the default route.
+- A user-managed Tailscale network is the optional private remote route.
+
+## Current limitations
+
+- The iOS app is a development build and is not yet distributed through the App Store.
+- Local Preview relies on a foreground iPhone sync and does not promise a fixed background schedule.
+- Hosted relay is experimental and is not required, available, or recommended for the current onboarding path.
+- Vital Agent Sync is not a medical service. It does not diagnose, prescribe, or replace professional care.
+- Local storage does not imply local model inference. Context returned through MCP may be sent to the model provider selected by the user.
+
+## Context-scaling thesis
+
+Model scaling determines what AI can do. Context scaling determines whether it can do it for a particular person.
+
+Context scaling does not mean a longer context window. It means continuously acquiring, filtering, verifying, and safely using relevant real-world context while retaining provenance, freshness, permission, and user control.
+
+Vital Agent Sync starts with Apple Health because health context makes sensitivity, provenance, freshness, and revocation impossible to ignore. The longer-term direction is a user-owned context layer connecting more personal data sources to more authorized Agents.
+
+## Design principles
+
+- Users decide which personal data sources to connect.
+- Each authorized Agent receives limited, task-relevant context.
+- Returned context carries source and freshness information.
+- Users can inspect, revoke, and replace connections.
+- Context should scale without transferring ownership.
+
+## Important links
+
+- [Project brief](/project)
+- [Product overview](/)
+- [Open-source repository](https://github.com/Coooder-Crypto/vital-agent-sync)
+- [WorkBuddy Skill on SkillHub](https://skillhub.cn/skills/vital-agent-sync)
+- [vitalmcp on npm](https://www.npmjs.com/package/vitalmcp)
+- [Architecture and onboarding](https://github.com/Coooder-Crypto/vital-agent-sync/blob/main/docs/agent-first-onboarding.md)
+- [Direct LAN security](https://github.com/Coooder-Crypto/vital-agent-sync/blob/main/docs/direct-lan-security.md)
+- [Privacy boundary](https://github.com/Coooder-Crypto/vital-agent-sync/blob/main/docs/e2ee-relay-privacy-boundary.md)
+
+## Preferred project description
+
+Vital Agent Sync is a local-first Apple Health context layer for AI agents. An iPhone syncs user-authorized summaries to a user-controlled receiver, and authorized Agents access scoped, fresh, revocable context through MCP without receiving direct HealthKit access.
diff --git a/apps/www/serve.mjs b/apps/www/serve.mjs
new file mode 100644
index 0000000..a95e8a3
--- /dev/null
+++ b/apps/www/serve.mjs
@@ -0,0 +1,42 @@
+import { createReadStream, existsSync, statSync } from "node:fs";
+import { createServer } from "node:http";
+import { extname, join, normalize } from "node:path";
+
+const root = new URL("./out/", import.meta.url).pathname;
+const port = Number(process.env.PORT ?? 3000);
+
+const mimeTypes = {
+  ".css": "text/css; charset=utf-8",
+  ".html": "text/html; charset=utf-8",
+  ".ico": "image/x-icon",
+  ".js": "text/javascript; charset=utf-8",
+  ".json": "application/json; charset=utf-8",
+  ".png": "image/png",
+  ".svg": "image/svg+xml",
+  ".txt": "text/plain; charset=utf-8",
+  ".webmanifest": "application/manifest+json",
+  ".woff2": "font/woff2",
+  ".xml": "application/xml; charset=utf-8",
+};
+
+createServer((request, response) => {
+  const requestPath = decodeURIComponent(new URL(request.url ?? "/", "http://localhost").pathname);
+  const safePath = normalize(requestPath).replace(/^(\.\.[/\\])+/, "");
+  let filePath = join(root, safePath === "/" ? "index.html" : safePath);
+
+  if (existsSync(filePath) && statSync(filePath).isDirectory()) {
+    filePath = join(filePath, "index.html");
+  }
+
+  if (!existsSync(filePath)) {
+    response.writeHead(404, { "Content-Type": "text/plain; charset=utf-8" });
+    response.end("Not found\n");
+    return;
+  }
+
+  response.setHeader("Content-Type", mimeTypes[extname(filePath)] ?? "application/octet-stream");
+  response.setHeader("Cache-Control", "no-store");
+  createReadStream(filePath).pipe(response);
+}).listen(port, "127.0.0.1", () => {
+  console.log(`Vital Agent Sync website: http://127.0.0.1:${port}`);
+});
diff --git a/docs/README.md b/docs/README.md
index 111b0c3..bfb0e27 100644
--- a/docs/README.md
+++ b/docs/README.md
@@ -14,6 +14,7 @@
 - [Agent connection](agent-connection.md)
 - [Server contract](server-contract.md)
 - [Open-source scope](open-source-scope.md)
+- [Open-source release checklist](open-source-release-checklist.md)
 
 ## Historical and unsupported research
 
diff --git a/docs/open-source-release-checklist.md b/docs/open-source-release-checklist.md
new file mode 100644
index 0000000..bfac984
--- /dev/null
+++ b/docs/open-source-release-checklist.md
@@ -0,0 +1,67 @@
+# Open-source release checklist
+
+Use this checklist before making the repository public and before each tagged release. Record the reviewer, date, commit SHA, and evidence links in the release issue or pull request. A checked box means the item was verified for the exact commit being released.
+
+## 1. Scope and ownership
+
+- [ ] The release matches the supported product scope in [the product plan](product-plan.md) and [open-source scope](open-source-scope.md).
+- [ ] Every included source file, dependency, icon, screenshot, font, and other asset may be redistributed under its applicable terms.
+- [ ] Generated files and vendored code identify their source and license when required.
+- [ ] The `LICENSE`, copyright notice, package metadata, and README license badge agree.
+- [ ] Experimental or unsupported paths are clearly labeled and are not presented as supported onboarding.
+
+## 2. Privacy and secrets
+
+- [ ] The full clone includes complete Git history and all remote branches needed for the audit.
+- [ ] `npm run audit:oss` passes from that full clone.
+- [ ] No commit, branch, tag, issue, pull request, Actions log, attachment, release artifact, or npm package contains credentials or private user data.
+- [ ] No Apple Health export, real health value, pairing QR, onboarding URL, token, private key, database, provisioning profile, signing certificate, or unredacted log is present.
+- [ ] Historical commit author names and email addresses have been reviewed and are acceptable to publish.
+- [ ] Example configuration contains obvious placeholders only.
+
+If a secret was ever committed, rotating it is mandatory. Deleting it from the current tree is not sufficient; decide whether history rewriting and coordinated force-pushes are also required before publication.
+
+## 3. Documentation and community health
+
+- [ ] `README.md` and `README.zh-CN.md` use the release version and describe the same supported flow.
+- [ ] Install commands use an intentional pinned version and succeed in a clean environment.
+- [ ] `CHANGELOG.md` describes user-visible, privacy, security, and migration changes.
+- [ ] `CONTRIBUTING.md`, `CODE_OF_CONDUCT.md`, `SECURITY.md`, and `SUPPORT.md` are current.
+- [ ] Issue forms, the pull request template, `CODEOWNERS`, and Dependabot configuration point to valid owners, labels, and URLs.
+- [ ] Medical, privacy, local-storage, model-provider, background-sync, and support boundaries are stated without unsupported claims.
+
+## 4. Build and package gates
+
+- [ ] `npm ci` succeeds with the committed lockfile.
+- [ ] `npm run typecheck`, `npm run test:local`, and `npm run build:local` pass.
+- [ ] `npm run test:ios` passes, and HealthKit behavior is smoke-tested on a physical iPhone when iOS behavior changed.
+- [ ] Relevant dependency, package, container, adapter, transport, and interoperability audits pass.
+- [ ] Development-only advisories are reviewed individually; any temporary exception is documented with its deployment boundary and removal condition.
+- [ ] `npm run pack:check --workspace vitalmcp` contains only intended runtime files and public documentation.
+- [ ] `npm run release:npm-preflight` passes immediately before npm publication; the script does not publish automatically.
+
+## 5. GitHub repository settings
+
+- [ ] The repository description, homepage, topics, default branch, visibility, and license detection are correct.
+- [ ] Issues and Discussions are enabled if the README links to them.
+- [ ] Private vulnerability reporting is enabled and the `SECURITY.md` link works without exposing a report publicly.
+- [ ] Branch protection or rulesets require the intended CI checks and prevent accidental force-pushes to `main`.
+- [ ] GitHub Actions have read-only default permissions unless a workflow documents a narrower write need.
+- [ ] Release, package, environment, webhook, deploy key, collaborator, and third-party app permissions have been reviewed.
+
+## 6. Clean-clone acceptance
+
+- [ ] Clone the public candidate into a new directory without local caches, ignored files, or maintainer credentials.
+- [ ] Follow the README exactly for the active product phase.
+- [ ] Verify setup consent, MCP approval, QR privacy, pairing, first sync, status, doctor, and removal behavior.
+- [ ] Confirm diagnostics and failure paths remain redacted and do not suggest uploading private artifacts.
+
+## 7. Publish and verify
+
+- [ ] Merge the reviewed release commit into `main` and wait for required checks.
+- [ ] Create the intended signed tag and GitHub release from that exact commit.
+- [ ] Publish npm only after the local artifact and registry version checks pass.
+- [ ] Verify the GitHub source archive, release assets, npm provenance/metadata, README links, badges, and install command from the public endpoints.
+- [ ] Keep a rollback plan: deprecate a bad npm version, remove unsafe release assets, rotate exposed credentials, and publish a security notice when required.
+
+Do not mark the release complete until the public artifacts—not only the local checkout—have been inspected.
diff --git a/docs/open-source-scope.md b/docs/open-source-scope.md
index 6b70432..03e90c9 100644
--- a/docs/open-source-scope.md
+++ b/docs/open-source-scope.md
@@ -35,14 +35,4 @@ Hosted relay, accounts, billing, App Store launch, public VPS, public MCP, and m
 
 ## Public-release checklist
 
-Before publishing each release:
-
-1. merge all intended product changes into `main`;
-2. run `npm run audit:oss` from a full clone with complete Git history;
-3. run the typecheck, test, package, dependency, container, and iOS interoperability gates;
-4. review every remote branch, issue, pull request, Actions log, attachment, release artifact, and package for sensitive data;
-5. decide whether historical author email addresses are acceptable to expose;
-6. verify the app icon, screenshots, fonts, and other media have documented provenance and redistribution rights;
-7. confirm GitHub private vulnerability reporting is enabled;
-8. clone the public repository into a clean directory and complete the active phase's documented setup flow;
-9. create the matching signed tag and GitHub release only after the public tree passes all checks.
+Use the [open-source release checklist](open-source-release-checklist.md) before making the repository public or publishing a release. It covers source and Git history, privacy, third-party assets, GitHub community settings, npm artifacts, clean-clone validation, and release rollback.
diff --git a/docs/pitch-deck.md b/docs/pitch-deck.md
new file mode 100644
index 0000000..29d2deb
--- /dev/null
+++ b/docs/pitch-deck.md
@@ -0,0 +1,255 @@
+# Vital Agent Sync Web Deck
+
+这份 Deck 面向比赛展示，默认时长为 5–6 分钟，共 9 页。前半段证明产品闭环已经成立，后半段解释个人动机、Context Scaling 判断和长期方向。
+
+## 运行方式
+
+开发模式：
+
+```bash
+npm run dev:pitch
+```
+
+默认访问 `http://localhost:3000`。如果该端口已被占用，Next.js 会自动选择其他端口。
+
+离线构建：
+
+```bash
+npm run build:pitch
+npm run start:pitch
+```
+
+离线版本默认访问 `http://127.0.0.1:3100`，不依赖外部字体、图片或网络请求。
+
+## 演示控制
+
+| 操作 | 按键 |
+| --- | --- |
+| 下一页 | `→`、`Page Down`、`Space` |
+| 上一页 | `←`、`Page Up` |
+| 第一页 | `Home` 或 `R` |
+| 最后一页 | `End` |
+| 全屏 | `F` |
+| 演讲备注 | `N` |
+| 视频播放 / 暂停 | 第 4 页按 `V` 或点击视频 |
+
+Deck 会忽略滚轮输入，避免触控板一次滑过多页。触摸设备可以左右滑动，一次手势只移动一页。
+
+## 整体叙事
+
+```text
+AI 缺少真实个人上下文
+→ Vital Agent Sync 建立用户控制的数据路径
+→ 视频证明闭环已经跑通
+→ 这不只是一个 HealthKit 连接器
+→ Context Scaling 是下一条重要扩展轴
+→ Context 必须在不转移所有权的前提下扩展
+```
+
+## 逐页说明
+
+### 01. Vital Agent Sync
+
+**页面任务**
+
+让评委记住产品名和一句话定位：
+
+> Apple Health context. Private by design.
+
+**讲述建议**
+
+> Vital Agent Sync 让 AI Agent 获得新鲜、经过授权的 Apple Health 上下文，同时让数据继续由用户控制。
+
+不要在封面介绍功能列表，也不要展开部署方式。
+
+---
+
+### 02. AI 可以理解世界，却不知道今天的你
+
+**页面任务**
+
+用具体问题证明这不是知识问题，而是 Context 问题。
+
+**讲述建议**
+
+> 当我问 AI“根据我昨晚的睡眠和今天的状态，我适合高强度训练吗”，它可能懂运动科学，但它不知道昨晚发生了什么，也不知道自己看到的数据是否最新。
+
+这一页不要批评模型能力。重点是模型缺少可验证的个人状态。
+
+---
+
+### 03. 一条由用户控制的 Context 路径
+
+**页面任务**
+
+用一张图讲清楚产品：
+
+```text
+Apple Health
+→ iPhone summaries
+→ Local receiver
+→ MCP
+→ Authorized Agent
+```
+
+**讲述建议**
+
+> Agent 不直接访问 HealthKit。iPhone 只生成用户授权的摘要，Receiver 保存在用户自己的环境中，再通过 MCP 提供带范围和新鲜度的 Context。
+
+三个关键词：
+
+- `Scoped`
+- `Fresh`
+- `Revocable`
+
+---
+
+### 04. 从连接到第一次回答
+
+**页面任务**
+
+播放 45–60 秒真实产品视频。
+
+**视频建议顺序**
+
+1. Agent 发起连接或安装。
+2. 本地 Receiver 显示配对入口。
+3. iPhone 扫码并确认服务器、传输方式和权限。
+4. 用户点击“立即同步”。
+5. Agent 查询 MCP 并返回带数据新鲜度的回答。
+
+**视频文件**
+
+将最终视频保存为：
+
+```text
+apps/pitch/public/media/demo.mp4
+```
+
+建议格式：
+
+- 1920 × 1080
+- H.264
+- 16:9
+- 45–60 秒
+- 不依赖音频，现场由演讲者讲述
+
+不要在视频中展示真实二维码、Token、服务器地址或敏感健康信息。
+
+---
+
+### 05. Agent 得到证据，而不是 HealthKit 权限
+
+**页面任务**
+
+解释视频刚刚证明了什么，而不是重复演示步骤。
+
+当前页面使用带有 `ILLUSTRATIVE OUTPUT` 标记的示例界面。最终版本应替换为真实 Agent 回答截图，并保留三个关注点：
+
+1. 数据更新时间
+2. Apple Health 观测事实
+3. Agent 推断和限制
+
+建议截图路径：
+
+```text
+apps/pitch/public/media/agent-answer.png
+```
+
+核心句：
+
+> Fresh context. Explicit scope. No direct HealthKit access.
+
+---
+
+### 06. 我不想用交出所有数据，换取一个更懂我的 AI
+
+**页面任务**
+
+从产品证明转向个人动机。
+
+**讲述建议**
+
+> Apple Health 已经记录了很多关于我的真实状态，模型也已经具备分析这些信息的能力。但我发现，两者之间缺少一条持续、安全、由我控制的连接。
+
+在正式比赛前，将这里替换为一个真实触发场景，建议控制在 3–5 句话：
+
+- 当时你在使用什么 Agent？
+- 你想问什么问题？
+- 为什么手动导出或上传云端不能接受？
+- 这个问题为什么值得自己解决？
+
+---
+
+### 07. 下一条 Scaling 轴，是 Context
+
+**页面任务**
+
+提出整场展示的上层判断。
+
+**核心表达**
+
+> Model scaling determines what AI can do.
+> Context scaling determines whether it can do it for me.
+
+这里的 Context Scaling 不是：
+
+- 单纯扩大 Context Window
+- 收集更多聊天历史
+- 将全部私人数据交给模型
+
+它是系统持续获得、筛选、验证、检索和安全使用真实世界 Context 的能力。
+
+---
+
+### 08. Context 应该扩展，但所有权不应转移
+
+**页面任务**
+
+把观点落回产品原则：
+
+```text
+Personal data sources
+→ User-owned context layer
+→ Authorized Agents
+```
+
+**讲述建议**
+
+> 更懂用户的 AI，不应该自动意味着平台拥有更多用户数据。用户应该决定接入什么、谁能访问、数据是否足够新，以及何时撤销。
+
+Health 是第一个 Context，也是最适合验证权限、新鲜度和隐私边界的数据源。
+
+---
+
+### 09. Health 是起点，不是边界
+
+**页面任务**
+
+结束时把产品和长期方向连接起来，但不要宣称已经完成通用个人数据平台。
+
+**结尾建议**
+
+> 我最初不是想把 Apple Health 接入一个 Agent。我想验证的是：私人 Context 能否像模型能力一样扩展，同时仍然属于用户。
+
+不要使用单独的 “Thank you” 页。停留在这一页接受提问。
+
+## 素材清单
+
+正式版本至少需要：
+
+- `demo.mp4`：45–60 秒完整流程
+- `agent-answer.png`：真实 Agent 回答
+- `iphone-sync.png`：iPhone 配对或同步完成页
+- 演讲者姓名、团队和比赛名称
+- “为什么做这个”的真实经历
+
+## 现场检查
+
+1. 使用比赛现场的电脑完成一次离线构建。
+2. 断开网络后确认 Deck 仍能打开。
+3. 确认字体、App 图标和视频均来自本地。
+4. 通过 HDMI 或投影设备检查 16:9 裁切。
+5. 测试 `F`、方向键、`N` 和 `V`。
+6. 关闭系统通知和浏览器扩展提示。
+7. 准备 PDF 或静态截图作为最终兜底。
diff --git a/package-lock.json b/package-lock.json
index 2ecae9a..10eb903 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -16,28 +16,90 @@
         "node": ">=22"
       }
     },
-    "apps/www": {
-      "name": "vital-agent-sync-www",
+    "apps/pitch": {
+      "name": "vital-agent-sync-pitch",
       "version": "0.1.0",
-      "dependencies": {
+      "devDependencies": {
+        "@types/node": "^24.0.0",
+        "@types/react": "^19.0.0",
+        "@types/react-dom": "^19.0.0",
         "geist": "^1.7.2",
-        "lenis": "^1.3.25",
         "lucide-react": "^0.468.0",
         "motion": "^12.42.2",
-        "next": "^16.0.0",
+        "next": "16.2.12",
         "react": "^19.0.0",
-        "react-dom": "^19.0.0"
-      },
+        "react-dom": "^19.0.0",
+        "typescript": "^5.8.0"
+      }
+    },
+    "apps/www": {
+      "name": "vital-agent-sync-www",
+      "version": "0.1.0",
       "devDependencies": {
         "@tailwindcss/postcss": "^4.1.0",
         "@types/node": "^24.0.0",
         "@types/react": "^19.0.0",
         "@types/react-dom": "^19.0.0",
-        "postcss": "^8.5.0",
+        "geist": "^1.7.2",
+        "lenis": "^1.3.25",
+        "lucide-react": "^0.468.0",
+        "motion": "^12.42.2",
+        "next": "16.2.12",
+        "postcss": "^8.5.25",
+        "react": "^19.0.0",
+        "react-dom": "^19.0.0",
         "tailwindcss": "^4.1.0",
         "typescript": "^5.8.0"
       }
     },
+    "apps/www/node_modules/nanoid": {
+      "version": "3.3.16",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.16.tgz",
+      "integrity": "sha512-bzlKTyNJ7+LdGIIwy8ijFpIqEQIvafahV7eYykJ8Cvh42EdJeODoJ6gUJXpQJvej1BddH8OqTXZNE/KfbWAu8Q==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "apps/www/node_modules/postcss": {
+      "version": "8.5.25",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.25.tgz",
+      "integrity": "sha512-DTPx3RWSSnWyzLxQnlH0rJP+EW5ekl16ZU4/psbIhA0e53kJfdgaN5vKM+xP7yJtXVu+nfdVFmlgFDEKAe4Pyw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "nanoid": "^3.3.16",
+        "picocolors": "^1.1.1",
+        "source-map-js": "^1.2.1"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
     "node_modules/@alloc/quick-lru": {
       "version": "5.2.0",
       "resolved": "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz",
@@ -55,6 +117,7 @@
       "version": "1.11.2",
       "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.11.2.tgz",
       "integrity": "sha512-kyOl3X0DuTiT1h2ft8r2fYO8JYtU9a9Xis/zBSiGArNaagCOWx90N1k2wxp18czFDH+OgcWGb5ZP/XMt3dcyPA==",
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "dependencies": {
@@ -615,12 +678,12 @@
       }
     },
     "node_modules/@hono/node-server": {
-      "version": "1.19.14",
-      "resolved": "https://registry.npmjs.org/@hono/node-server/-/node-server-1.19.14.tgz",
-      "integrity": "sha512-GwtvgtXxnWsucXvbQXkRgqksiH2Qed37H9xHZocE5sA3N8O8O8/8FA3uclQXxXVzc9XBZuEOMK7+r02FmSpHtw==",
+      "version": "2.0.12",
+      "resolved": "https://registry.npmjs.org/@hono/node-server/-/node-server-2.0.12.tgz",
+      "integrity": "sha512-eWpQYr67tqJLeaSUl0Q+TquuYfUdTibpOJlUMV2FfUP7+KqCC5TufnwnlXL6mobZBJbGAYRd7ZvEBDCbLInjhg==",
       "license": "MIT",
       "engines": {
-        "node": ">=18.14.1"
+        "node": ">=20"
       },
       "peerDependencies": {
         "hono": "^4"
@@ -630,6 +693,7 @@
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/@img/colour/-/colour-1.1.0.tgz",
       "integrity": "sha512-Td76q7j57o/tLVdgS746cYARfSyxk8iEfRxewL9h4OMzYhbW4TAcppl0mT4eyqXddh6L/jwoM75mo7ixa/pCeQ==",
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "engines": {
@@ -643,6 +707,7 @@
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "Apache-2.0",
       "optional": true,
       "os": [
@@ -665,6 +730,7 @@
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "Apache-2.0",
       "optional": true,
       "os": [
@@ -687,6 +753,7 @@
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "LGPL-3.0-or-later",
       "optional": true,
       "os": [
@@ -703,6 +770,7 @@
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "LGPL-3.0-or-later",
       "optional": true,
       "os": [
@@ -719,6 +787,7 @@
       "cpu": [
         "arm"
       ],
+      "dev": true,
       "license": "LGPL-3.0-or-later",
       "optional": true,
       "os": [
@@ -735,6 +804,7 @@
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "LGPL-3.0-or-later",
       "optional": true,
       "os": [
@@ -751,6 +821,7 @@
       "cpu": [
         "ppc64"
       ],
+      "dev": true,
       "license": "LGPL-3.0-or-later",
       "optional": true,
       "os": [
@@ -767,6 +838,7 @@
       "cpu": [
         "riscv64"
       ],
+      "dev": true,
       "license": "LGPL-3.0-or-later",
       "optional": true,
       "os": [
@@ -783,6 +855,7 @@
       "cpu": [
         "s390x"
       ],
+      "dev": true,
       "license": "LGPL-3.0-or-later",
       "optional": true,
       "os": [
@@ -799,6 +872,7 @@
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "LGPL-3.0-or-later",
       "optional": true,
       "os": [
@@ -815,6 +889,7 @@
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "LGPL-3.0-or-later",
       "optional": true,
       "os": [
@@ -831,6 +906,7 @@
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "LGPL-3.0-or-later",
       "optional": true,
       "os": [
@@ -847,6 +923,7 @@
       "cpu": [
         "arm"
       ],
+      "dev": true,
       "license": "Apache-2.0",
       "optional": true,
       "os": [
@@ -869,6 +946,7 @@
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "Apache-2.0",
       "optional": true,
       "os": [
@@ -891,6 +969,7 @@
       "cpu": [
         "ppc64"
       ],
+      "dev": true,
       "license": "Apache-2.0",
       "optional": true,
       "os": [
@@ -913,6 +992,7 @@
       "cpu": [
         "riscv64"
       ],
+      "dev": true,
       "license": "Apache-2.0",
       "optional": true,
       "os": [
@@ -935,6 +1015,7 @@
       "cpu": [
         "s390x"
       ],
+      "dev": true,
       "license": "Apache-2.0",
       "optional": true,
       "os": [
@@ -957,6 +1038,7 @@
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "Apache-2.0",
       "optional": true,
       "os": [
@@ -979,6 +1061,7 @@
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "Apache-2.0",
       "optional": true,
       "os": [
@@ -1001,6 +1084,7 @@
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "Apache-2.0",
       "optional": true,
       "os": [
@@ -1023,6 +1107,7 @@
       "cpu": [
         "wasm32"
       ],
+      "dev": true,
       "license": "Apache-2.0 AND LGPL-3.0-or-later AND MIT",
       "optional": true,
       "dependencies": {
@@ -1042,6 +1127,7 @@
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "Apache-2.0 AND LGPL-3.0-or-later",
       "optional": true,
       "os": [
@@ -1061,6 +1147,7 @@
       "cpu": [
         "ia32"
       ],
+      "dev": true,
       "license": "Apache-2.0 AND LGPL-3.0-or-later",
       "optional": true,
       "os": [
@@ -1080,6 +1167,7 @@
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "Apache-2.0 AND LGPL-3.0-or-later",
       "optional": true,
       "os": [
@@ -1143,12 +1231,12 @@
       }
     },
     "node_modules/@modelcontextprotocol/sdk": {
-      "version": "1.29.0",
-      "resolved": "https://registry.npmjs.org/@modelcontextprotocol/sdk/-/sdk-1.29.0.tgz",
-      "integrity": "sha512-zo37mZA9hJWpULgkRpowewez1y6ML5GsXJPY8FI0tBBCd77HEvza4jDqRKOXgHNn867PVGCyTdzqpz0izu5ZjQ==",
+      "version": "1.30.0",
+      "resolved": "https://registry.npmjs.org/@modelcontextprotocol/sdk/-/sdk-1.30.0.tgz",
+      "integrity": "sha512-xKd8OIzlqNzcqcNumGAa6g+PW2kjD5vrpcKOnfldAUPP3j7lnqMPwlTXQm8gF+UwH72z0lqaRbjr9hqGz0eITA==",
       "license": "MIT",
       "dependencies": {
-        "@hono/node-server": "^1.19.9",
+        "@hono/node-server": "^1.19.9 || ^2.0.5",
         "ajv": "^8.17.1",
         "ajv-formats": "^3.0.1",
         "content-type": "^1.0.5",
@@ -1183,18 +1271,20 @@
       }
     },
     "node_modules/@next/env": {
-      "version": "16.2.10",
-      "resolved": "https://registry.npmjs.org/@next/env/-/env-16.2.10.tgz",
-      "integrity": "sha512-zLPxg9M0MEHmygpj5OuxjQ+vHMiy/K7cSp74G8ecYolmgUWw0RwN02tF56npup/+qaI8JB97hQgS/r2Hb6QwVA==",
+      "version": "16.2.12",
+      "resolved": "https://registry.npmjs.org/@next/env/-/env-16.2.12.tgz",
+      "integrity": "sha512-d0Z5Bc13Fa4nR8pFAKx2jay2yhJM16vlfHbTzYnUQAxlNb6B6lmn4hjt69lYNt4kRtyYP6gEM49lPRHNbIyneg==",
+      "dev": true,
       "license": "MIT"
     },
     "node_modules/@next/swc-darwin-arm64": {
-      "version": "16.2.10",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-16.2.10.tgz",
-      "integrity": "sha512-v9IdJCa0H0mbo+8z5zwUpOk1Vj7RjkcI5uNYf5Ws1y6szf/p3Mzl9hLaST8SCt6L9h8NGnruZcd2+o0NTNwDhA==",
+      "version": "16.2.12",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-arm64/-/swc-darwin-arm64-16.2.12.tgz",
+      "integrity": "sha512-0W1R0teHWJrqKX0FH20IzzIWAOuGtBxPGuObrxy1lE8hQvCFj49KE8a3WUg0D7sq6rn6zkM4c7YGUnhudBS6oA==",
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1205,12 +1295,13 @@
       }
     },
     "node_modules/@next/swc-darwin-x64": {
-      "version": "16.2.10",
-      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-16.2.10.tgz",
-      "integrity": "sha512-17IS0jJRViROGmA9uGdNR8VPJpfbnaVG7E9qhso5jDLkmyd0lSDORWxbcKINzcFqzZqGwGtMSnrFRxBpuUYjLQ==",
+      "version": "16.2.12",
+      "resolved": "https://registry.npmjs.org/@next/swc-darwin-x64/-/swc-darwin-x64-16.2.12.tgz",
+      "integrity": "sha512-Hy5Ls099+aFUmOLmIgPfLqNi6iCwhL3uQCssz5rWk+5Nkc6TUKCE83DY5BbNylfm3+mfwcSFnLRfrZDJhVxdtw==",
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1221,12 +1312,13 @@
       }
     },
     "node_modules/@next/swc-linux-arm64-gnu": {
-      "version": "16.2.10",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-16.2.10.tgz",
-      "integrity": "sha512-GRQRsRtuciNJvB54AvvuQTiq0oZtFwa1owQqtZD8wwnGpM2L39MV22kpI72YSXLKIyY40LC66EiLFv4PiicXxg==",
+      "version": "16.2.12",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-gnu/-/swc-linux-arm64-gnu-16.2.12.tgz",
+      "integrity": "sha512-+YqU2h1cQkHsGfvjAsrSmst8UIFBibBGm5x3Xgel8NLMiDQtNOM4sM2GOEMvG5YiOBNeN/Ykk8cQC2S0Xrqljg==",
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1237,12 +1329,13 @@
       }
     },
     "node_modules/@next/swc-linux-arm64-musl": {
-      "version": "16.2.10",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-16.2.10.tgz",
-      "integrity": "sha512-zkN9MQYS7UQBro+FnISUq1itaQjXI9xqISzuQ+2bc921NcJ1x4yPCqrn77tVN6/dOOXaaWVX3k6/bR07pPwK+A==",
+      "version": "16.2.12",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-arm64-musl/-/swc-linux-arm64-musl-16.2.12.tgz",
+      "integrity": "sha512-0qjhiYBaKAqF63LA1ZWAAnKTzFUguAaZiRa5etMLGGPj/B6uEVjtIZldIzFEp3wHlB0koK6aTzqPtSdplTCjoA==",
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1253,12 +1346,13 @@
       }
     },
     "node_modules/@next/swc-linux-x64-gnu": {
-      "version": "16.2.10",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-16.2.10.tgz",
-      "integrity": "sha512-iCVJnwvrPYECvA6WM/7+oo+OiTvedIKLxtCLAZP4xZR3nXa1zmzZyLPbYCmWvpd4CvMYF1EMTafd0ii3DygLvA==",
+      "version": "16.2.12",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-gnu/-/swc-linux-x64-gnu-16.2.12.tgz",
+      "integrity": "sha512-7A3q26W+h7gnA15uqBToNuDqBEFZZcqh0mW2mn4AJh/G5pdg2RVE3n4slzLEliASZFG3NmsbEzng/x2Sh09mBg==",
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1269,12 +1363,13 @@
       }
     },
     "node_modules/@next/swc-linux-x64-musl": {
-      "version": "16.2.10",
-      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-16.2.10.tgz",
-      "integrity": "sha512-ov2g4H0dHY9bPoOU83m91hWT7Iq5qy13bUnyyshLU3HGR1Ownn0X9QpmDPc5iIUaahTp7f7LeGAhV4DSFtackw==",
+      "version": "16.2.12",
+      "resolved": "https://registry.npmjs.org/@next/swc-linux-x64-musl/-/swc-linux-x64-musl-16.2.12.tgz",
+      "integrity": "sha512-qSjL/uppm+cbh21s72Ss8gkiOhQ4dExWHNGOWy6eZV7STj5WsKehgxT61beSsOj+YYQuTplL376lOCdMQU5T8w==",
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1285,12 +1380,13 @@
       }
     },
     "node_modules/@next/swc-win32-arm64-msvc": {
-      "version": "16.2.10",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-16.2.10.tgz",
-      "integrity": "sha512-DwAnhLX76HQiFFQNgWlcK+JzlnD1rZ+UK/WY0ZMI/deXpvgnesjNYrqcfo1JzBuz4Kf7o3brIBL0glI1junatA==",
+      "version": "16.2.12",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-arm64-msvc/-/swc-win32-arm64-msvc-16.2.12.tgz",
+      "integrity": "sha512-X6hzsOUJac/e7AWSbn9gQ9nzHld1xWP5iyjHpYWvud8pufB679O1xg4JDyKr8Xd69Jvd+kM2Der6uftiZCmjYA==",
       "cpu": [
         "arm64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1301,12 +1397,13 @@
       }
     },
     "node_modules/@next/swc-win32-x64-msvc": {
-      "version": "16.2.10",
-      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-16.2.10.tgz",
-      "integrity": "sha512-0JXq3b85Jk9Jg4ntLUbXSPvoDw3gpZou7twuKdoFG2jOw635v7+IiXfTaa0TxVMyx78pUjnrVYwLgjKfX4e6/A==",
+      "version": "16.2.12",
+      "resolved": "https://registry.npmjs.org/@next/swc-win32-x64-msvc/-/swc-win32-x64-msvc-16.2.12.tgz",
+      "integrity": "sha512-F6fakeHuFTLOPt0bslQJdf+xtT+WIP9DVn/m4y1w1mRnVPyh3D/cNvzlRkxM444xfm+IvvYNSOrKiA2CDJ0Uxw==",
       "cpu": [
         "x64"
       ],
+      "dev": true,
       "license": "MIT",
       "optional": true,
       "os": [
@@ -1326,6 +1423,7 @@
       "version": "0.5.15",
       "resolved": "https://registry.npmjs.org/@swc/helpers/-/helpers-0.5.15.tgz",
       "integrity": "sha512-JQ5TuMi45Owi4/BIMAJBoSQoOJu12oOk/gADqlcUL9JEdHB8vyjUSsxqeNXnmXHjYKMi2WcYtezGEEhqUI/E2g==",
+      "dev": true,
       "license": "Apache-2.0",
       "dependencies": {
         "tslib": "^2.8.0"
@@ -1779,6 +1877,7 @@
       "version": "2.10.42",
       "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.10.42.tgz",
       "integrity": "sha512-c/jurFrDLyui7o1J86yLkRu4LMsTYcBohveus7/I2Hzdn9KIP2bdJPTue/lR1KH46enoPbD77GKeSYNdyPoD3Q==",
+      "dev": true,
       "license": "Apache-2.0",
       "bin": {
         "baseline-browser-mapping": "dist/cli.cjs"
@@ -1930,6 +2029,7 @@
       "version": "1.0.30001802",
       "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001802.tgz",
       "integrity": "sha512-vmv8ub2xwTNmljSKf82mtCk5JH7hC+YgzLj3P5zotvA0tPQ9016tdNNOG8WRca1IxOnhSsivB+J0z5FeE5LOUw==",
+      "dev": true,
       "funding": [
         {
           "type": "opencollective",
@@ -1956,6 +2056,7 @@
       "version": "0.0.1",
       "resolved": "https://registry.npmjs.org/client-only/-/client-only-0.0.1.tgz",
       "integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==",
+      "dev": true,
       "license": "MIT"
     },
     "node_modules/cliui": {
@@ -2555,6 +2656,7 @@
       "version": "12.42.2",
       "resolved": "https://registry.npmjs.org/framer-motion/-/framer-motion-12.42.2.tgz",
       "integrity": "sha512-5XY9luDiu0oHfHBjpDthFMh0ES+122w6p/papSJBweMkO8Sn+PW2QaEgRblQBpWFnuvZS5qvarpt/hO2pjGmnw==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "motion-dom": "^12.42.2",
@@ -2621,6 +2723,7 @@
       "version": "1.7.2",
       "resolved": "https://registry.npmjs.org/geist/-/geist-1.7.2.tgz",
       "integrity": "sha512-Gu5lDFa3pLRyoBlBPf0QIFHVdWAnpco7fS1bJm41jyLPFoguBgiubseUN2oLXMgqZ7uxAxDoXcHMhCY/fOTTgg==",
+      "dev": true,
       "license": "SIL OPEN FONT LICENSE",
       "peerDependencies": {
         "next": ">=13.2.0"
@@ -2891,6 +2994,7 @@
       "version": "1.3.25",
       "resolved": "https://registry.npmjs.org/lenis/-/lenis-1.3.25.tgz",
       "integrity": "sha512-mOKxayErlaONK8fm4LN3XNd99Qu4plTpn9h9qf8wxzjGrJDzuD84FYzZ81HCd6ZsWp++VWVwOzL286Pf2s2u4A==",
+      "dev": true,
       "license": "MIT",
       "workspaces": [
         "packages/*",
@@ -3245,6 +3349,7 @@
       "version": "0.468.0",
       "resolved": "https://registry.npmjs.org/lucide-react/-/lucide-react-0.468.0.tgz",
       "integrity": "sha512-6koYRhnM2N0GGZIdXzSeiNwguv1gt/FAjZOiPl76roBi3xKEXa4WmfpxgQwTTL4KipXjefrnf3oV4IsYhi4JFA==",
+      "dev": true,
       "license": "ISC",
       "peerDependencies": {
         "react": "^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0-rc"
@@ -3346,6 +3451,7 @@
       "version": "12.42.2",
       "resolved": "https://registry.npmjs.org/motion/-/motion-12.42.2.tgz",
       "integrity": "sha512-Atvv11yUKIid41cVrRBDVX5m8tF8kNpExRSlbpt6APClhDjtwQssgFHhQzejxw7/7YYbjHSPKBVbHo05BuJT5Q==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "framer-motion": "^12.42.2",
@@ -3372,6 +3478,7 @@
       "version": "12.42.2",
       "resolved": "https://registry.npmjs.org/motion-dom/-/motion-dom-12.42.2.tgz",
       "integrity": "sha512-5gIMWLp/PycBtJRJWRgjxke5n8dlvkSn2DrYW+tr3XcqAZY1xZh6BJyooJXCM8wdfM7wfMjkBJNLge1CKPUIRA==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "motion-utils": "^12.39.0"
@@ -3381,6 +3488,7 @@
       "version": "12.39.0",
       "resolved": "https://registry.npmjs.org/motion-utils/-/motion-utils-12.39.0.tgz",
       "integrity": "sha512-8nadJAJjTtqRkmRF36FoJTrywK9nnFmnPwnSMyxaOCU7GDjN9RTMJIxx9De8ErM+vpPhMccr/6fo5WciyQLnMQ==",
+      "dev": true,
       "license": "MIT"
     },
     "node_modules/ms": {
@@ -3393,6 +3501,7 @@
       "version": "3.3.15",
       "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.15.tgz",
       "integrity": "sha512-y7Wygv/7mEOvxTuEQDB8StXdMRBWf1kR/tlhAzBRUFkB2jfcLOAxO/SHmOO2zgz1pVgK29/kyupn059/bCHdjA==",
+      "dev": true,
       "funding": [
         {
           "type": "github",
@@ -3423,12 +3532,13 @@
       }
     },
     "node_modules/next": {
-      "version": "16.2.10",
-      "resolved": "https://registry.npmjs.org/next/-/next-16.2.10.tgz",
-      "integrity": "sha512-2som5AVXb3kE6Yjine3/mNbBayYF58eguBWIVVUdr1y/L426xyVEgYxgBG+1QC34P2x5E+tcDup6XkuOAX3dCA==",
+      "version": "16.2.12",
+      "resolved": "https://registry.npmjs.org/next/-/next-16.2.12.tgz",
+      "integrity": "sha512-iD59eYQWmbFcEbX7v/acG5DRym9iw1DdaPoD0WTA920naWsE25wShzJW4+UvAs8MK9EC2kBfIH6vtto1H1PHGw==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@next/env": "16.2.10",
+        "@next/env": "16.2.12",
         "@swc/helpers": "0.5.15",
         "baseline-browser-mapping": "^2.9.19",
         "caniuse-lite": "^1.0.30001579",
@@ -3442,14 +3552,14 @@
         "node": ">=20.9.0"
       },
       "optionalDependencies": {
-        "@next/swc-darwin-arm64": "16.2.10",
-        "@next/swc-darwin-x64": "16.2.10",
-        "@next/swc-linux-arm64-gnu": "16.2.10",
-        "@next/swc-linux-arm64-musl": "16.2.10",
-        "@next/swc-linux-x64-gnu": "16.2.10",
-        "@next/swc-linux-x64-musl": "16.2.10",
-        "@next/swc-win32-arm64-msvc": "16.2.10",
-        "@next/swc-win32-x64-msvc": "16.2.10",
+        "@next/swc-darwin-arm64": "16.2.12",
+        "@next/swc-darwin-x64": "16.2.12",
+        "@next/swc-linux-arm64-gnu": "16.2.12",
+        "@next/swc-linux-arm64-musl": "16.2.12",
+        "@next/swc-linux-x64-gnu": "16.2.12",
+        "@next/swc-linux-x64-musl": "16.2.12",
+        "@next/swc-win32-arm64-msvc": "16.2.12",
+        "@next/swc-win32-x64-msvc": "16.2.12",
         "sharp": "^0.34.5"
       },
       "peerDependencies": {
@@ -3475,6 +3585,35 @@
         }
       }
     },
+    "node_modules/next/node_modules/postcss": {
+      "version": "8.4.31",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.31.tgz",
+      "integrity": "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "nanoid": "^3.3.6",
+        "picocolors": "^1.0.0",
+        "source-map-js": "^1.0.2"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
     "node_modules/node-abi": {
       "version": "3.92.0",
       "resolved": "https://registry.npmjs.org/node-abi/-/node-abi-3.92.0.tgz",
@@ -3615,6 +3754,7 @@
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
       "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+      "dev": true,
       "license": "ISC"
     },
     "node_modules/pino": {
@@ -3676,6 +3816,7 @@
       "version": "8.5.16",
       "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.16.tgz",
       "integrity": "sha512-vuwillviilfKZsg0VGj5R/YwwcHx4SLsIOI/7K6mQkWx+l5cUHTjj5g0AasTBcyXsbfTgrwsUNmVUb5xVwyPwg==",
+      "dev": true,
       "funding": [
         {
           "type": "opencollective",
@@ -3856,6 +3997,7 @@
       "version": "19.2.7",
       "resolved": "https://registry.npmjs.org/react/-/react-19.2.7.tgz",
       "integrity": "sha512-HNe9WslTbXmFK8o8cmwgAeJFSBvt1bPdHCVKtaaV+WlAN36mpT4hcRpwbf3fY56ar2oIXzsBpOAiIRHAdY0OlQ==",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=0.10.0"
@@ -3865,6 +4007,7 @@
       "version": "19.2.7",
       "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.2.7.tgz",
       "integrity": "sha512-t0BRVXvbiE/o20Hfw669rLbMCDWtYZLvmJigy2f0MxsXF+71pxhR3xOkspmsO8h3ZlNzyibAmtCa3l4lYKk6gQ==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "scheduler": "^0.27.0"
@@ -4022,6 +4165,7 @@
       "version": "0.27.0",
       "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.27.0.tgz",
       "integrity": "sha512-eNv+WrVbKu1f3vbYJT/xtiF5syA5HPIMtf9IgY/nKg0sWqzAUEvqY/xm7OcZc/qafLx/iO9FgOmeSAp4v5ti/Q==",
+      "dev": true,
       "license": "MIT"
     },
     "node_modules/secure-json-parse": {
@@ -4119,6 +4263,7 @@
       "version": "0.34.5",
       "resolved": "https://registry.npmjs.org/sharp/-/sharp-0.34.5.tgz",
       "integrity": "sha512-Ou9I5Ft9WNcCbXrU9cMgPBcCK8LiwLqcbywW3t4oDV37n1pzpuNLsYiAV8eODnjbtQlSDwZ2cUEeQz4E54Hltg==",
+      "dev": true,
       "hasInstallScript": true,
       "license": "Apache-2.0",
       "optional": true,
@@ -4311,6 +4456,7 @@
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
       "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+      "dev": true,
       "license": "BSD-3-Clause",
       "engines": {
         "node": ">=0.10.0"
@@ -4382,6 +4528,7 @@
       "version": "5.1.6",
       "resolved": "https://registry.npmjs.org/styled-jsx/-/styled-jsx-5.1.6.tgz",
       "integrity": "sha512-qSVyDTeMotdvQYoHWLNGwRFJHC+i+ZvdBRYosOFgC+Wg1vx4frN2/RG/NA7SYqqvKNLf39P2LSRA2pu6n0XYZA==",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "client-only": "0.0.1"
@@ -4490,6 +4637,7 @@
       "version": "2.8.1",
       "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
       "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+      "dev": true,
       "license": "0BSD"
     },
     "node_modules/tsx": {
@@ -4598,6 +4746,10 @@
         "node": ">= 0.8"
       }
     },
+    "node_modules/vital-agent-sync-pitch": {
+      "resolved": "apps/pitch",
+      "link": true
+    },
     "node_modules/vital-agent-sync-www": {
       "resolved": "apps/www",
       "link": true
@@ -4726,7 +4878,7 @@
       "version": "0.5.3",
       "license": "MIT",
       "dependencies": {
-        "@modelcontextprotocol/sdk": "1.29.0",
+        "@modelcontextprotocol/sdk": "1.30.0",
         "@types/qrcode": "^1.5.6",
         "better-sqlite3": "^11.10.0",
         "fastify": "^5.3.3",
diff --git a/package.json b/package.json
index a46cfc8..b1b1d30 100644
--- a/package.json
+++ b/package.json
@@ -21,6 +21,10 @@
     "dev:www": "npm run dev --workspace vital-agent-sync-www",
     "build:www": "npm run build --workspace vital-agent-sync-www",
     "typecheck:www": "npm run typecheck --workspace vital-agent-sync-www",
+    "dev:pitch": "npm run dev --workspace vital-agent-sync-pitch",
+    "build:pitch": "npm run build --workspace vital-agent-sync-pitch",
+    "start:pitch": "npm run start --workspace vital-agent-sync-pitch",
+    "typecheck:pitch": "npm run typecheck --workspace vital-agent-sync-pitch",
     "test:ios": "node scripts/ios-unit-tests.mjs",
     "dev:local": "npm run dev --workspace vitalmcp",
     "build:local": "npm run build --workspace vitalmcp",
@@ -31,6 +35,7 @@
     "audit:agent-adapters": "node scripts/agent-adapter-audit.mjs",
     "audit:dependencies": "npm audit --omit=dev --workspace vitalmcp",
     "audit:www-dependencies": "npm audit --omit=dev --workspace vital-agent-sync-www",
+    "audit:pitch-dependencies": "npm audit --omit=dev --workspace vital-agent-sync-pitch",
     "audit:secrets": "node scripts/release-secret-scan.mjs",
     "audit:oss": "node scripts/release-secret-scan.mjs --scope repository --history",
     "audit:relay-hosted": "node scripts/e2ee-relay-hosted-audit.mjs",
@@ -42,6 +47,6 @@
     "node": ">=22"
   },
   "overrides": {
-    "postcss": "8.5.16"
+    "postcss": "8.5.25"
   }
 }
diff --git a/packages/local/LICENSE b/packages/local/LICENSE
new file mode 100644
index 0000000..5455d5a
--- /dev/null
+++ b/packages/local/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Coooder
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/packages/local/README.md b/packages/local/README.md
index 3a84fce..78b5bda 100644
--- a/packages/local/README.md
+++ b/packages/local/README.md
@@ -63,9 +63,9 @@ Before the Agent reads any health context, it must disclose that the selected mo
 Every adapter uses the same receiver, SQLite database, setup state, and `vitalmcp mcp` implementation:
 
 ```bash
-npx -y vitalmcp@0.5.2 setup --agent hermes --transport lan
-npx -y vitalmcp@0.5.2 setup --agent generic --transport lan
-npx -y vitalmcp@0.5.2 setup --agent openclaw --transport lan
+npx -y vitalmcp@0.5.3 setup --agent hermes --transport lan
+npx -y vitalmcp@0.5.3 setup --agent generic --transport lan
+npx -y vitalmcp@0.5.3 setup --agent openclaw --transport lan
 ```
 
 Hermes is the next first-class adapter. Generic stdio MCP is the portability baseline. Marketplace publication is not required.
@@ -94,7 +94,7 @@ An adapter must:
 Phase 3 keeps the Agent, runtime, SQLite, and stdio MCP on the same user-owned macOS or Linux server. Tailscale exposes only the iPhone receiver:
 
 ```bash
-npx -y vitalmcp@0.5.2 setup \
+npx -y vitalmcp@0.5.3 setup \
   --agent hermes \
   --manager systemd \
   --transport tailscale \
diff --git a/packages/local/package.json b/packages/local/package.json
index 57a88d6..a616fea 100644
--- a/packages/local/package.json
+++ b/packages/local/package.json
@@ -49,7 +49,7 @@
     "node": ">=22"
   },
   "dependencies": {
-    "@modelcontextprotocol/sdk": "1.29.0",
+    "@modelcontextprotocol/sdk": "1.30.0",
     "@types/qrcode": "^1.5.6",
     "better-sqlite3": "^11.10.0",
     "fastify": "^5.3.3",
diff --git a/scripts/npm-release-preflight.mjs b/scripts/npm-release-preflight.mjs
index dd95c52..a0aac80 100644
--- a/scripts/npm-release-preflight.mjs
+++ b/scripts/npm-release-preflight.mjs
@@ -104,7 +104,7 @@ function inspectPack() {
     throw new Error("npm pack reported an unexpected package or version.");
   }
   const paths = artifact.files.map((entry) => entry.path);
-  for (const required of ["README.md", "package.json", "dist/cli.js", "dist/relay-server.js"]) {
+  for (const required of ["LICENSE", "README.md", "package.json", "dist/cli.js", "dist/relay-server.js"]) {
     if (!paths.includes(required)) {
       throw new Error(`npm release artifact is missing ${required}.`);
     }
diff --git a/scripts/release-secret-scan.mjs b/scripts/release-secret-scan.mjs
index 653e79d..fabbbbe 100644
--- a/scripts/release-secret-scan.mjs
+++ b/scripts/release-secret-scan.mjs
@@ -61,6 +61,9 @@ for (const relativePath of listFiles()) {
     if (containsLiteralVitalAgentSecret(line)) {
       findings.push({ rule: "vital-agent-sync-secret-literal", path: normalizedPath, line: index + 1 });
     }
+    if (containsAppleDevelopmentTeam(normalizedPath, line)) {
+      findings.push({ rule: "apple-development-team-id", path: normalizedPath, line: index + 1 });
+    }
   }
 }
 
@@ -244,6 +247,15 @@ function containsLiteralVitalAgentSecret(line) {
   return /[A-Za-z]/.test(value) && /[0-9_-]/.test(value);
 }
 
+function containsAppleDevelopmentTeam(path, line) {
+  if (!path.endsWith(".xcodeproj/project.pbxproj")) {
+    return false;
+  }
+  const match = /\bDEVELOPMENT_TEAM\s*=\s*([^;]*);/.exec(line);
+  const value = match?.[1].trim();
+  return Boolean(value && value !== "\"\"" && value !== "''");
+}
+
 function isClearlyNonSecret(value) {
   return /(?:\$\{|process\.env|<[^>]+>|replace|example|placeholder|changeme|dummy|fixture|local[-_ ]?audit|test[-_ ])/i.test(value);
 }
@@ -277,4 +289,10 @@ function runSelfTest() {
       classifySensitivePath(".vital-agent-sync/secrets/private.key") !== "sensitive-artifact-file") {
     throw new Error("Secret scan self-test failed for sensitive file paths.");
   }
+  if (!containsAppleDevelopmentTeam("apps/ios/VitalAgentSync.xcodeproj/project.pbxproj", "DEVELOPMENT_TEAM = ABC123XYZ;")) {
+    throw new Error("Secret scan self-test failed for an Apple development team identifier.");
+  }
+  if (containsAppleDevelopmentTeam("apps/ios/VitalAgentSync.xcodeproj/project.pbxproj", "DEVELOPMENT_TEAM = \"\";")) {
+    throw new Error("Secret scan self-test incorrectly rejected an empty Apple development team identifier.");
+  }
 }