commit dfed2ced6c6e3e0554c38461d16abd71ea45ad5a
Author: inman <inman@nianxx.com>
Date:   Fri Jun 26 11:48:35 2026 +0800

    Initial commit

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..0369e81
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,14 @@
+node_modules/
+dist/
+
+.DS_Store
+*.local
+.env
+.env.*
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+
+*.tsbuildinfo
diff --git a/NianXX_官网内容文档.md b/NianXX_官网内容文档.md
new file mode 100644
index 0000000..606ad4e
--- /dev/null
+++ b/NianXX_官网内容文档.md
@@ -0,0 +1,489 @@
+# NianXX 智念科技 · 官网内容文档
+
+> 本文档只包含内容：每个页面、每个区块的文字和媒体资源。
+> 设计与技术实现由开发侧自行决定。
+
+---
+
+## 站点结构
+
+```
+/                首页（单页滚动）
+/how-we-work     我们如何工作
+/about           关于我们 / 联系我们
+```
+
+导航链接：我们如何工作 · 联系我们
+
+---
+
+## 首页 /
+
+---
+
+### 区块 1 · 开篇
+
+**背景媒体**
+
+```
+[MEDIA-001]
+类型：视频（首选）或图片（备选）
+内容：抽象空间感，例如流动的光线、山水远景、建筑内部空间
+      例如：流动光线、粒子、山水远景、建筑内部空间
+      避免：人物特写、具体业务场景
+```
+
+**文字**
+
+主标题：
+> 让 AI 先听懂一家企业
+> 再进入它的流程
+
+副文字：
+> NianXX 智念科技是一家企业级 AI 落地服务公司
+> 专注于旅行社、景区、酒店和教育机构
+>
+> 我们相信，AI 落地的前提不是工具，而是理解
+
+---
+
+### 区块 2 · 我们工作的起点
+
+**标题**：我们工作的起点
+
+**正文**（四条，依次排列）：
+
+> 交给现有员工来推——员工不懂 AI，项目推不动
+>
+> 专门组建 AI 团队——成本太高，大多数企业支撑不起
+>
+> 用了 AI 工具，它不懂公司的流程和规则
+> 输出要大改，省的时间不够改的时间多
+>
+> 做出了能演示的版本，一进真实流程就出问题
+> 迟迟上不了线
+
+**收尾语**：
+> 这些是我们工作的起点
+
+---
+
+### 区块 3 · 我们如何工作（预览）
+
+**标题**：我们如何工作
+
+**副标题**：每一个项目都从驻场开始，不靠远程，不靠猜测
+
+**四张内容卡片**（每张：媒体 + 引据 + 说明）
+
+---
+
+卡片 1
+
+```
+[MEDIA-002]
+类型：图片
+内容：人与人当面交谈、会议室访谈、白板梳理的场景
+```
+
+引据：
+> 懂你的人不懂 AI，懂 AI 的人不懂你
+
+说明：
+> FDE 驻场实施工程师进入客户现场，访谈团队，梳理流程与关键规则
+
+---
+
+卡片 2
+
+```
+[MEDIA-003]
+类型：图片或动图
+内容：知识网络、节点连线、结构图的抽象视觉
+```
+
+引据：
+> 没有企业知识体系，AI 就是最聪明的笨蛋
+
+说明：
+> 把分散的知识整理成 AI 能够推理的结构——企业本体
+
+---
+
+卡片 3
+
+```
+[MEDIA-004]
+类型：图片或动图
+内容：多节点协同、工作流、代理协作的抽象视觉
+```
+
+引据：
+> 没有职能设定，AI 就是空中楼阁
+
+说明：
+> 通过智念体平台配置多个 AI 代理，各司其职，协同推进业务流程
+
+---
+
+卡片 4
+
+```
+[MEDIA-005]
+类型：图片
+内容：仪表盘、监控、管理界面的视觉感
+```
+
+引据：
+> 不能被管理，就不能被信任
+
+说明：
+> 通过安全审计平台记录 AI 行为日志，数据始终归企业所有
+
+---
+
+**跳转链接**：查看完整方法论 → /how-we-work
+
+---
+
+### 区块 4 · 我们服务的行业
+
+**标题**：我们工作的领域
+
+**四个行业**（每个：图片 + 名称 + 说明）
+
+---
+
+旅行社
+
+```
+[MEDIA-006]
+类型：图片
+内容：旅行、出行、自然风景，无人物
+```
+
+> 咨询响应、报价辅助、行程内容生成、产品知识沉淀
+
+---
+
+景区
+
+```
+[MEDIA-007]
+类型：图片
+内容：自然景区、山水景观
+```
+
+> 游客智能服务、AI 讲解导览、内容生成、运营协同
+
+---
+
+酒店
+
+```
+[MEDIA-008]
+类型：图片
+内容：酒店室内空间
+```
+
+> 住客服务响应、前台辅助、SOP 培训、OTA 渠道管理
+
+---
+
+教育机构
+
+```
+[MEDIA-009]
+类型：图片
+内容：学习、课堂、书桌、专注场景
+```
+
+> 招生咨询响应、教务流程协同、内容生成、教师减负
+
+---
+
+### 区块 5 · 我们相信什么
+
+**标题**：我们做事的原则
+
+**五条原则**（每条：标题 + 说明）
+
+---
+
+> **业务优先**
+> AI 必须进入真实流程，解决具体问题，而不是停留在演示层面
+
+> **先理解，再配置**
+> 没有对业务的真实理解，就没有真正可用的 AI
+
+> **知识属于企业**
+> 我们帮客户整理知识，这些知识是客户的资产，不是平台的
+
+> **可控才能信任**
+> 不可追溯的 AI，我们不上线。员工始终有最终判断权
+
+> **员工是管理者，不是被取代者**
+> AI 负责重复，员工负责判断。协同，不是替代
+
+---
+
+### 区块 6 · 合作伙伴
+
+**标题**：我们合作的机构
+
+**说明**：
+> 覆盖贵州、湖南、泰国等地的景区、旅行社、酒店和教育机构
+
+```
+[MEDIA-010 ～ MEDIA-020]
+类型：合作机构 Logo（PNG，透明背景）
+数量：待定
+内容：由业主提供各合作方 Logo 文件
+```
+
+---
+
+### 区块 7 · 联系入口
+
+**标题**：联系我们
+
+**正文**：
+> 如果你在旅行社、景区、酒店或教育机构工作
+> 想了解 AI 能不能帮你做什么，可以直接联系我们
+> 我们会认真回复
+
+联系方式（由业主填写）：
+- 微信
+- 邮件
+- 地址
+
+---
+
+### 页脚
+
+```
+贵州智念科技服务有限公司
+导航：我们如何工作 · 联系我们
+版权：© 2025 NianXX
+口号：Together, be better
+```
+
+---
+
+## 二级页 /how-we-work · 我们如何工作
+
+---
+
+### 页面顶部
+
+```
+[MEDIA-021]
+类型：图片
+内容：现场感强的工作空间——会议室、办公现场，有人在其中工作
+```
+
+**标题**：
+> AI 落地，从听懂你的业务开始
+
+**副标题**：
+> 我们不卖平台，我们陪企业把 AI 真正跑进日常业务流程
+> 每一步都有驻场工程师在现场，每一步都有明确的产出
+
+---
+
+### 第一步：进入现场，听懂业务
+
+**引据**：
+> 懂你的人不懂 AI，懂 AI 的人不懂你
+
+```
+[MEDIA-022]
+类型：图片
+内容：驻场访谈、白板梳理、现场讨论，有人有场景感
+```
+
+**正文**：
+> AI 项目失败最常见的原因，不是技术不够好
+> 而是没有人同时懂技术和业务
+>
+> 我们的 FDE 驻场实施工程师进入你的现场
+> 访谈核心负责人和一线员工
+> 梳理真实的流程、岗位分工、服务规则和例外情况
+> 不靠调研问卷，不靠远程会议——只靠在场
+
+**产出**：
+- 业务流程地图
+- 可 AI 化任务清单
+- 岗位协同设计方案
+
+---
+
+### 第二步：把业务知识建成结构
+
+**引据**：
+> 没有企业知识体系，AI 就是最聪明的笨蛋
+
+```
+[MEDIA-023]
+类型：图片或动图
+内容：知识图谱、节点连线、结构化的抽象视觉
+备注：若有品牌动图则优先使用
+```
+
+**正文**：
+> 企业的知识是真实存在的
+> 它藏在老员工的脑子里，散落在文档和聊天记录里
+> 压缩在多年积累的服务规则里
+>
+> 我们把这些知识提取出来
+> 整理成 AI 能够调用和推理的结构化形式——企业本体
+>
+> 这是整套方案的认知基础，也是企业自己的数据资产
+> 不依附于任何平台，永远归企业所有
+
+**产出**：
+- 企业本体（业务知识结构）
+- 服务规则与例外情况库
+- 产品与流程知识图谱
+
+---
+
+### 第三步：配置 AI 代理，协同业务流程
+
+**引据**：
+> 没有职能设定，AI 就是空中楼阁
+
+```
+[MEDIA-024]
+类型：图片或动图
+内容：多个协同节点的工作流图，抽象但有结构感
+```
+
+**正文**：
+> AI 代理不是一个全能机器人
+> 它是有明确职责边界的工作单元
+>
+> 我们通过智念体平台
+> 按照岗位和流程配置多个 AI 代理协同工作
+> 有的负责响应咨询，有的负责整理资料
+> 有的负责生成内容，有的负责推进流程节点
+>
+> 每个代理只做自己该做的事
+> 不越权，不猜测，不在职责边界之外行动
+
+**产出**：
+- 各岗位 AI 代理配置
+- 协同工作流设计
+- 可运行的业务 AI 协同系统
+
+---
+
+### 第四步：让企业管理 AI 的运行
+
+**引据**：
+> 不能被管理，就不能被信任
+
+```
+[MEDIA-025]
+类型：图片
+内容：管理后台、数据仪表盘、审计界面的视觉感
+备注：可以是界面截图或抽象示意图
+```
+
+**正文**：
+> AI 能做什么，不能做什么
+> 边界应该由企业来定，而不是平台
+>
+> 我们通过安全审计平台
+> 管理每个 AI 代理的权限，记录行为日志
+> 设置需要人工介入的审计节点
+>
+> AI 做了什么有记录，出现问题可追溯
+> 数据始终存储在企业指定的位置，归企业所有
+
+**产出**：
+- 权限管理规则
+- 行为日志与审计机制
+- 人工干预节点设计
+
+---
+
+### 收尾
+
+**标题**：我们不在交付后消失
+
+**正文**：
+> 项目上线后，我们持续迭代
+> 根据真实业务反馈不断调整 AI 的表现
+> 直到它真正稳定跑进日常流程
+
+---
+
+## 二级页 /about · 关于我们 / 联系我们
+
+---
+
+### 页面标题
+
+> 关于我们
+
+---
+
+### 关于我们
+
+```
+[MEDIA-026]
+类型：图片
+内容：团队工作场景，或贵州在地自然风景
+```
+
+**正文**：
+> NianXX 智念科技于 2025 年 2 月成立于贵州贵阳，我们专注于AI技术如何落地于企业，拥有自算法备案、知识本体建设方法专利，Agent智能体技术等一系列自主知识产权。已服务旅行社、景区、酒店、教育等行业客户 18 家，帮助企业将真实业务流程转化为可理解、可执行、可审计的 AI 运营体系。
+
+---
+
+### 联系我们
+
+合并在 /about 页面内。
+
+**标题**：联系我们
+
+**正文**：
+> 如果你在旅行社、景区、酒店或教育机构工作
+> 想了解 AI 能不能帮你做什么
+> 可以直接联系我们，我们会认真回复
+
+**联系方式**：
+
+```
+[MEDIA-027]
+类型：微信二维码图片（PNG，透明背景）
+```
+
+- 微信：[二维码]
+- 邮件：[待填写]
+- 地址：贵州，中国
+
+---
+
+## 媒体资源清单
+
+| 编号 | 所在位置 | 类型 | 内容说明 |
+|---|---|---|---|
+| MEDIA-001 | 首页 Hero 背景 | 视频/图片 | 抽象空间感 |
+| MEDIA-002 | 首页工作方式卡片 1 | 图片 | 现场访谈、面对面交流场景 |
+| MEDIA-003 | 首页工作方式卡片 2 | 图片/动图 | 知识结构、节点网络抽象图 |
+| MEDIA-004 | 首页工作方式卡片 3 | 图片/动图 | 多节点协同、工作流抽象图 |
+| MEDIA-005 | 首页工作方式卡片 4 | 图片 | 仪表盘、管理界面视觉感 |
+| MEDIA-006 | 首页行业·旅行社 | 图片 | 旅行/自然风景，无人物 |
+| MEDIA-007 | 首页行业·景区 | 图片 | 自然景区、山水景观 |
+| MEDIA-008 | 首页行业·酒店 | 图片 | 酒店室内空间 |
+| MEDIA-009 | 首页行业·教育 | 图片 | 学习/专注场景 |
+| MEDIA-010～020 | 首页及关于我们·合作伙伴 | PNG Logo | 各合作机构 Logo，透明背景，由业主提供 |
+| MEDIA-021 | how-we-work 页顶部 | 图片 | 现场工作感，有人在场景中 |
+| MEDIA-022 | how-we-work 第一步 | 图片 | 驻场访谈、白板梳理 |
+| MEDIA-023 | how-we-work 第二步 | 图片/动图 | 知识图谱、结构化抽象视觉 |
+| MEDIA-024 | how-we-work 第三步 | 图片/动图 | 工作流、协同节点抽象视觉 |
+| MEDIA-025 | how-we-work 第四步 | 图片 | 管理后台、审计界面感 |
+| MEDIA-026 | 关于我们 | 图片 | 团队场景或贵州在地风景 |
+| MEDIA-027 | 关于我们·联系方式 | PNG | 微信二维码，透明背景 |
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..7d563ee
--- /dev/null
+++ b/index.html
@@ -0,0 +1,17 @@
+<!doctype html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta
+      name="description"
+      content="NianXX 智念科技是一家企业级 AI 落地服务公司，专注于旅行社、景区、酒店和教育机构。"
+    />
+    <link rel="icon" type="image/png" href="/favicon.png" />
+    <title>NianXX 智念科技</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>
diff --git a/logo/2d5b992caa14db16f594c4933e92e37e.png b/logo/2d5b992caa14db16f594c4933e92e37e.png
new file mode 100644
index 0000000..2f5bdc2
Binary files /dev/null and b/logo/2d5b992caa14db16f594c4933e92e37e.png differ
diff --git a/logo/30d061c264450ff511d048b8d3cca317.png b/logo/30d061c264450ff511d048b8d3cca317.png
new file mode 100644
index 0000000..cc2f14b
Binary files /dev/null and b/logo/30d061c264450ff511d048b8d3cca317.png differ
diff --git a/logo/8e61cfe3a90d14b679e4ce1860740ad8.png b/logo/8e61cfe3a90d14b679e4ce1860740ad8.png
new file mode 100644
index 0000000..3df3e94
Binary files /dev/null and b/logo/8e61cfe3a90d14b679e4ce1860740ad8.png differ
diff --git a/logo/8f051c36973627d6de92edbb5fbb89e3.png b/logo/8f051c36973627d6de92edbb5fbb89e3.png
new file mode 100644
index 0000000..6b1ea98
Binary files /dev/null and b/logo/8f051c36973627d6de92edbb5fbb89e3.png differ
diff --git a/logo/904694004cc810262b28b63fca38210a.png b/logo/904694004cc810262b28b63fca38210a.png
new file mode 100644
index 0000000..49728b1
Binary files /dev/null and b/logo/904694004cc810262b28b63fca38210a.png differ
diff --git a/logo/logo.zip b/logo/logo.zip
new file mode 100644
index 0000000..7f5c1d0
Binary files /dev/null and b/logo/logo.zip differ
diff --git a/logo/白色矢量.png b/logo/白色矢量.png
new file mode 100644
index 0000000..e7b91b7
Binary files /dev/null and b/logo/白色矢量.png differ
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 0000000..ce4b58d
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,1770 @@
+{
+  "name": "nianxx-web",
+  "version": "0.1.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "nianxx-web",
+      "version": "0.1.0",
+      "dependencies": {
+        "@gsap/react": "^2.1.2",
+        "@phosphor-icons/react": "^2.1.10",
+        "@vitejs/plugin-react": "^5.1.1",
+        "gsap": "^3.15.0",
+        "react": "^19.2.3",
+        "react-dom": "^19.2.3",
+        "slot-text": "^0.3.1",
+        "typescript": "^5.9.3",
+        "vite": "^7.3.0"
+      },
+      "devDependencies": {
+        "@types/react": "^19.2.7",
+        "@types/react-dom": "^19.2.3"
+      }
+    },
+    "node_modules/@babel/code-frame": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.29.7.tgz",
+      "integrity": "sha512-Aup7aUOfpbAUg2ROOJN6Iw5f9DMBlzu0mIkm/malLQFN/YQgO48wCj0Kxa3sEHJvPVFg7siR+qRInwXd2qhQKw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-validator-identifier": "^7.29.7",
+        "js-tokens": "^4.0.0",
+        "picocolors": "^1.1.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/compat-data": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.29.7.tgz",
+      "integrity": "sha512-locTkQyKvwIEgBzVrn8693ebc97F2U8ZHjbXwDXJ5Fn2TCpNwTlKcaKLkdHop5c/icOFE7qt7Q9JC5hnKNa6Gg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/core": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.29.7.tgz",
+      "integrity": "sha512-RgHBCvtjbOK2gXSNBNIkNoEc9qoVEtau3hj8gEqKQuL3HZAibKarWFEI3Lfm6EYKkLalOh8eSrj9b+ch9H/VBA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.29.7",
+        "@babel/generator": "^7.29.7",
+        "@babel/helper-compilation-targets": "^7.29.7",
+        "@babel/helper-module-transforms": "^7.29.7",
+        "@babel/helpers": "^7.29.7",
+        "@babel/parser": "^7.29.7",
+        "@babel/template": "^7.29.7",
+        "@babel/traverse": "^7.29.7",
+        "@babel/types": "^7.29.7",
+        "@jridgewell/remapping": "^2.3.5",
+        "convert-source-map": "^2.0.0",
+        "debug": "^4.1.0",
+        "gensync": "^1.0.0-beta.2",
+        "json5": "^2.2.3",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/babel"
+      }
+    },
+    "node_modules/@babel/generator": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.29.7.tgz",
+      "integrity": "sha512-DkXD5OJQaAQIdZ1bt3UZdEnHAn9Imd3IVBdX03UFe+ony9Ojw5pzr9YVKGDY1jt+Gcn/FnGkNf8r+Vj5NOJWtQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.29.7",
+        "@babel/types": "^7.29.7",
+        "@jridgewell/gen-mapping": "^0.3.12",
+        "@jridgewell/trace-mapping": "^0.3.28",
+        "jsesc": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-compilation-targets": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.29.7.tgz",
+      "integrity": "sha512-wem6WaBj4NaVYVdNhLPPVacES6ZJ+KBBfSkTMD3YZxbP3rm3Di85tJU5ljaUNhaOynt+Aj0xruhYuzQBt8n71g==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/compat-data": "^7.29.7",
+        "@babel/helper-validator-option": "^7.29.7",
+        "browserslist": "^4.24.0",
+        "lru-cache": "^5.1.1",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-globals": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-globals/-/helper-globals-7.29.7.tgz",
+      "integrity": "sha512-3nQVUAtvkKH9zahfWgw96Jc/uFOmjACE1kQz82E2lqWmHBgjzbNlsC22nuQTfahmWeQtTq5nQ/4Nnd2A1wj4zA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-module-imports": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.29.7.tgz",
+      "integrity": "sha512-ejHwrQQYcm9xnTivShn2IDOlIzInN34AXskvq9QicvCtEzq1Vzclu/tKF8Jq1Cg8JG2GL6/EmjgsCT7lXepE3g==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/traverse": "^7.29.7",
+        "@babel/types": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-module-transforms": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.29.7.tgz",
+      "integrity": "sha512-UPUVSyXbOh627KiCIGQSgwWzGeBKLkaJ9PJEdrngIwMSzxLR4jS4+f1f1jb7VzBbg8nFLaYotvVPFCTqdrmTAg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-imports": "^7.29.7",
+        "@babel/helper-validator-identifier": "^7.29.7",
+        "@babel/traverse": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-plugin-utils": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-plugin-utils/-/helper-plugin-utils-7.29.7.tgz",
+      "integrity": "sha512-G7sHYigPY17oO5SYWnfD/0MTBwVR781S/JI643e/JhUYgVgWE/61SoW3NH9KWUKyKq5LVh3npif99Wkt6j86Jw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-string-parser": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.29.7.tgz",
+      "integrity": "sha512-Pb5ijPrZ89GDH8223L4UP8i6QApWxs04RbPQJTeWDV0/keR2E36MeKnyr6LYmUUvqRRI+Iv87SuF1W6ErINzYw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-identifier": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.29.7.tgz",
+      "integrity": "sha512-qehxGkRj55h/ff8EMaJ+cYhyaKlHIxqYDn682wQD7RNp9UujOQsHog2uS0r2vzr4pW+sXf90NeeayjcNaX3fFg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-option": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.29.7.tgz",
+      "integrity": "sha512-N9ZErrD+yW5geCDtBqnOoxmR8+tNKiGuxKlDpuJxfsqpa2dFcexaziGAE/qoHLiDDreVNMupxGmSoNlyvsA3gw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helpers": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.29.7.tgz",
+      "integrity": "sha512-1k2lAGRMfHTcwuNYcCNUmaUffmQv8KWMfh2iJUUeRlwlwH4FdNG7mfPI10NPfLHJFThE4Tyr4mv7kTNZOiPuBg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/template": "^7.29.7",
+        "@babel/types": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/parser": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.29.7.tgz",
+      "integrity": "sha512-hnORnjP/1P/zFEndoeX+n+t1RwWRJiJpM/jO7FW32Kn9r5+sJB2JWOdYo4L6k78j15eCwY3Gm/7364B1EMwtNg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.29.7"
+      },
+      "bin": {
+        "parser": "bin/babel-parser.js"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-react-jsx-self": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-self/-/plugin-transform-react-jsx-self-7.29.7.tgz",
+      "integrity": "sha512-TL0hMc9xzy86VD31nUiwzd5otRAcyEPcsegCxolO0PvcXuH1v0kECe/UIznYFihpkvU5wg/jk4v0TTEFfm53fw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/plugin-transform-react-jsx-source": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/plugin-transform-react-jsx-source/-/plugin-transform-react-jsx-source-7.29.7.tgz",
+      "integrity": "sha512-06IyK09H3wi4cGbhDBwp5gUGo0IKtnYa8tyTiephirPCK6fbobVGiXMMI5zLQ4aKEYP3wZ3ArU44o+8KMrSG/Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-plugin-utils": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0-0"
+      }
+    },
+    "node_modules/@babel/template": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.29.7.tgz",
+      "integrity": "sha512-puq+Gf35oI24FeN11LkoUQFqv9uwNeWpxXZi/Ji3rRIoKAzKnxRaZ+Gkj0vKS9ZCiTESfng1N9LyOyXvo+m+Gg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.29.7",
+        "@babel/parser": "^7.29.7",
+        "@babel/types": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/traverse": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.29.7.tgz",
+      "integrity": "sha512-EhlfNQtZ+NK22w5BM61ciuiq1m58ed33Wr1Xan//ZRTy6hgjnwyCffRYwzsGXdASJSUJ1guZILsErh1eQcl+zw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.29.7",
+        "@babel/generator": "^7.29.7",
+        "@babel/helper-globals": "^7.29.7",
+        "@babel/parser": "^7.29.7",
+        "@babel/template": "^7.29.7",
+        "@babel/types": "^7.29.7",
+        "debug": "^4.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/types": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.29.7.tgz",
+      "integrity": "sha512-4zBIxpPzowiZpusoFkyGVwakdRJUyuH5PxQ/PrqghfdFWWasvnCdPfQXHrenDai+gyLARulZjZowCOj6fjT4pA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-string-parser": "^7.29.7",
+        "@babel/helper-validator-identifier": "^7.29.7"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@esbuild/aix-ppc64": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.27.7.tgz",
+      "integrity": "sha512-EKX3Qwmhz1eMdEJokhALr0YiD0lhQNwDqkPYyPhiSwKrh7/4KRjQc04sZ8db+5DVVnZ1LmbNDI1uAMPEUBnQPg==",
+      "cpu": [
+        "ppc64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "aix"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-arm": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.27.7.tgz",
+      "integrity": "sha512-jbPXvB4Yj2yBV7HUfE2KHe4GJX51QplCN1pGbYjvsyCZbQmies29EoJbkEc+vYuU5o45AfQn37vZlyXy4YJ8RQ==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-arm64": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.27.7.tgz",
+      "integrity": "sha512-62dPZHpIXzvChfvfLJow3q5dDtiNMkwiRzPylSCfriLvZeq0a1bWChrGx/BbUbPwOrsWKMn8idSllklzBy+dgQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/android-x64": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.27.7.tgz",
+      "integrity": "sha512-x5VpMODneVDb70PYV2VQOmIUUiBtY3D3mPBG8NxVk5CogneYhkR7MmM3yR/uMdITLrC1ml/NV1rj4bMJuy9MCg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/darwin-arm64": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.27.7.tgz",
+      "integrity": "sha512-5lckdqeuBPlKUwvoCXIgI2D9/ABmPq3Rdp7IfL70393YgaASt7tbju3Ac+ePVi3KDH6N2RqePfHnXkaDtY9fkw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/darwin-x64": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.27.7.tgz",
+      "integrity": "sha512-rYnXrKcXuT7Z+WL5K980jVFdvVKhCHhUwid+dDYQpH+qu+TefcomiMAJpIiC2EM3Rjtq0sO3StMV/+3w3MyyqQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/freebsd-arm64": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.27.7.tgz",
+      "integrity": "sha512-B48PqeCsEgOtzME2GbNM2roU29AMTuOIN91dsMO30t+Ydis3z/3Ngoj5hhnsOSSwNzS+6JppqWsuhTp6E82l2w==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/freebsd-x64": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.27.7.tgz",
+      "integrity": "sha512-jOBDK5XEjA4m5IJK3bpAQF9/Lelu/Z9ZcdhTRLf4cajlB+8VEhFFRjWgfy3M1O4rO2GQ/b2dLwCUGpiF/eATNQ==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-arm": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.27.7.tgz",
+      "integrity": "sha512-RkT/YXYBTSULo3+af8Ib0ykH8u2MBh57o7q/DAs3lTJlyVQkgQvlrPTnjIzzRPQyavxtPtfg0EopvDyIt0j1rA==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-arm64": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.27.7.tgz",
+      "integrity": "sha512-RZPHBoxXuNnPQO9rvjh5jdkRmVizktkT7TCDkDmQ0W2SwHInKCAV95GRuvdSvA7w4VMwfCjUiPwDi0ZO6Nfe9A==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-ia32": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.27.7.tgz",
+      "integrity": "sha512-GA48aKNkyQDbd3KtkplYWT102C5sn/EZTY4XROkxONgruHPU72l+gW+FfF8tf2cFjeHaRbWpOYa/uRBz/Xq1Pg==",
+      "cpu": [
+        "ia32"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-loong64": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.27.7.tgz",
+      "integrity": "sha512-a4POruNM2oWsD4WKvBSEKGIiWQF8fZOAsycHOt6JBpZ+JN2n2JH9WAv56SOyu9X5IqAjqSIPTaJkqN8F7XOQ5Q==",
+      "cpu": [
+        "loong64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-mips64el": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.27.7.tgz",
+      "integrity": "sha512-KabT5I6StirGfIz0FMgl1I+R1H73Gp0ofL9A3nG3i/cYFJzKHhouBV5VWK1CSgKvVaG4q1RNpCTR2LuTVB3fIw==",
+      "cpu": [
+        "mips64el"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-ppc64": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.27.7.tgz",
+      "integrity": "sha512-gRsL4x6wsGHGRqhtI+ifpN/vpOFTQtnbsupUF5R5YTAg+y/lKelYR1hXbnBdzDjGbMYjVJLJTd2OFmMewAgwlQ==",
+      "cpu": [
+        "ppc64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-riscv64": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.27.7.tgz",
+      "integrity": "sha512-hL25LbxO1QOngGzu2U5xeXtxXcW+/GvMN3ejANqXkxZ/opySAZMrc+9LY/WyjAan41unrR3YrmtTsUpwT66InQ==",
+      "cpu": [
+        "riscv64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-s390x": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.27.7.tgz",
+      "integrity": "sha512-2k8go8Ycu1Kb46vEelhu1vqEP+UeRVj2zY1pSuPdgvbd5ykAw82Lrro28vXUrRmzEsUV0NzCf54yARIK8r0fdw==",
+      "cpu": [
+        "s390x"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/linux-x64": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.27.7.tgz",
+      "integrity": "sha512-hzznmADPt+OmsYzw1EE33ccA+HPdIqiCRq7cQeL1Jlq2gb1+OyWBkMCrYGBJ+sxVzve2ZJEVeePbLM2iEIZSxA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/netbsd-arm64": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.27.7.tgz",
+      "integrity": "sha512-b6pqtrQdigZBwZxAn1UpazEisvwaIDvdbMbmrly7cDTMFnw/+3lVxxCTGOrkPVnsYIosJJXAsILG9XcQS+Yu6w==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/netbsd-x64": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.27.7.tgz",
+      "integrity": "sha512-OfatkLojr6U+WN5EDYuoQhtM+1xco+/6FSzJJnuWiUw5eVcicbyK3dq5EeV/QHT1uy6GoDhGbFpprUiHUYggrw==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openbsd-arm64": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.27.7.tgz",
+      "integrity": "sha512-AFuojMQTxAz75Fo8idVcqoQWEHIXFRbOc1TrVcFSgCZtQfSdc1RXgB3tjOn/krRHENUB4j00bfGjyl2mJrU37A==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openbsd-x64": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.27.7.tgz",
+      "integrity": "sha512-+A1NJmfM8WNDv5CLVQYJ5PshuRm/4cI6WMZRg1by1GwPIQPCTs1GLEUHwiiQGT5zDdyLiRM/l1G0Pv54gvtKIg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/openharmony-arm64": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/openharmony-arm64/-/openharmony-arm64-0.27.7.tgz",
+      "integrity": "sha512-+KrvYb/C8zA9CU/g0sR6w2RBw7IGc5J2BPnc3dYc5VJxHCSF1yNMxTV5LQ7GuKteQXZtspjFbiuW5/dOj7H4Yw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openharmony"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/sunos-x64": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.27.7.tgz",
+      "integrity": "sha512-ikktIhFBzQNt/QDyOL580ti9+5mL/YZeUPKU2ivGtGjdTYoqz6jObj6nOMfhASpS4GU4Q/Clh1QtxWAvcYKamA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "sunos"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-arm64": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.27.7.tgz",
+      "integrity": "sha512-7yRhbHvPqSpRUV7Q20VuDwbjW5kIMwTHpptuUzV+AA46kiPze5Z7qgt6CLCK3pWFrHeNfDd1VKgyP4O+ng17CA==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-ia32": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.27.7.tgz",
+      "integrity": "sha512-SmwKXe6VHIyZYbBLJrhOoCJRB/Z1tckzmgTLfFYOfpMAx63BJEaL9ExI8x7v0oAO3Zh6D/Oi1gVxEYr5oUCFhw==",
+      "cpu": [
+        "ia32"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@esbuild/win32-x64": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.27.7.tgz",
+      "integrity": "sha512-56hiAJPhwQ1R4i+21FVF7V8kSD5zZTdHcVuRFMW0hn753vVfQN8xlx4uOPT4xoGH0Z/oVATuR82AiqSTDIpaHg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@gsap/react": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/@gsap/react/-/react-2.1.2.tgz",
+      "integrity": "sha512-JqliybO1837UcgH2hVOM4VO+38APk3ECNrsuSM4MuXp+rbf+/2IG2K1YJiqfTcXQHH7XlA0m3ykniFYstfq0Iw==",
+      "license": "SEE LICENSE AT https://gsap.com/standard-license",
+      "peerDependencies": {
+        "gsap": "^3.12.5",
+        "react": ">=17"
+      }
+    },
+    "node_modules/@jridgewell/gen-mapping": {
+      "version": "0.3.13",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
+      "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.0",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/remapping": {
+      "version": "2.3.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/remapping/-/remapping-2.3.5.tgz",
+      "integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/resolve-uri": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
+      "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.5.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
+      "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
+      "license": "MIT"
+    },
+    "node_modules/@jridgewell/trace-mapping": {
+      "version": "0.3.31",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
+      "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
+      }
+    },
+    "node_modules/@phosphor-icons/react": {
+      "version": "2.1.10",
+      "resolved": "https://registry.npmjs.org/@phosphor-icons/react/-/react-2.1.10.tgz",
+      "integrity": "sha512-vt8Tvq8GLjheAZZYa+YG/pW7HDbov8El/MANW8pOAz4eGxrwhnbfrQZq0Cp4q8zBEu8NIhHdnr+r8thnfRSNYA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "react": ">= 16.8",
+        "react-dom": ">= 16.8"
+      }
+    },
+    "node_modules/@rolldown/pluginutils": {
+      "version": "1.0.0-rc.3",
+      "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.0-rc.3.tgz",
+      "integrity": "sha512-eybk3TjzzzV97Dlj5c+XrBFW57eTNhzod66y9HrBlzJ6NsCrWCp/2kaPS3K9wJmurBC0Tdw4yPjXKZqlznim3Q==",
+      "license": "MIT"
+    },
+    "node_modules/@rollup/rollup-android-arm-eabi": {
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.62.2.tgz",
+      "integrity": "sha512-6o7ZLZK+BeenkZCFNDXqpbjw9bD6nuWonvS/lwQJp7NoVVxm6p3qE7qQ5jGuBjiFsgvqjD8mZAU5oWxTmbOeOg==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@rollup/rollup-android-arm64": {
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.62.2.tgz",
+      "integrity": "sha512-BaH7BllCACHoH1LguOU56UItGfUWjujlO65kS9LAodViaN4bwIKd7oeW/ZHJ/4ljr/7MIiENnNy3HJ0zXv8Zkw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@rollup/rollup-darwin-arm64": {
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.62.2.tgz",
+      "integrity": "sha512-v39RCCvj4He82I9sFmk+M1VZ0PLM9sfsLVikjfx2hYBNALhrrOR2D3JjQA6AhlaSOgcR+RzrKY7e1+bT6SUO/A==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@rollup/rollup-darwin-x64": {
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.62.2.tgz",
+      "integrity": "sha512-yl0y2vq3S3lHeuXhEdss6TWfKW8vkujImO12tn4ZkG/4oghr09LvdYm2RElVjokTQiUvDUGXLGsYeLqUMCKpGA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@rollup/rollup-freebsd-arm64": {
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.62.2.tgz",
+      "integrity": "sha512-tT4pvt4qXD+vEoezupCWi+a1F0vvDiksiHc+PxRlYTOH1I6/X4id9jPxTP+Fg+545euaFT1jJVs4CEdHZAU1vw==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ]
+    },
+    "node_modules/@rollup/rollup-freebsd-x64": {
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.62.2.tgz",
+      "integrity": "sha512-6nU5F2wCW+qvCBhTn1pdIU3bzsIoF7EUwsCDRxilWGprQR6yd508YnH9+OKFCwpfS8pjZqDUmnCAr7exax0XCg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.62.2.tgz",
+      "integrity": "sha512-n1GJHPOvpIfhi3TmrCeh6S6URt9BFCt0KQE3qvexyGCTAKpR4Lg+eWvNZEqu7epxwus/8ElT3hacYEucm49SZg==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm-musleabihf": {
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.62.2.tgz",
+      "integrity": "sha512-JqgflS8wEB+UXV/vS1RpRbifGBeN4D5lz8D8oOFbFZw4vedvdOgCFAjfBmIMdW3yL10XpQQ0Ambepw6MXrhOnA==",
+      "cpu": [
+        "arm"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm64-gnu": {
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.62.2.tgz",
+      "integrity": "sha512-wnFJkogWvN4jm/hQRF2UBaeUmk20j5+DmHvoyWii2b8HJDyvz1MF2OU/6ynXt2KR63rbZLWkFpoytpdc/yBuSA==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm64-musl": {
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.62.2.tgz",
+      "integrity": "sha512-HVu2bp0zhvJ8xHEV9+UUs7S90VadmBSY3LcIMvozbPo4AuMGDWlz3ymHLHZPX4hR67TKTt8Qp5PJ5RBg/i+RMQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-loong64-gnu": {
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-gnu/-/rollup-linux-loong64-gnu-4.62.2.tgz",
+      "integrity": "sha512-mQqqAV8QaoSgr9I2fKDLY2BAVvmKjWoGiu/cSYQonsLvtqwEn1E4QYfnCOcp5zoEqNhsDYin1s6jx/VJmrxlZg==",
+      "cpu": [
+        "loong64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-loong64-musl": {
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-musl/-/rollup-linux-loong64-musl-4.62.2.tgz",
+      "integrity": "sha512-IxKLoxCQ2IWi6bT2akyDUBGsOImDKB+sPp4EsTmwFQ/fMwpCKm8uLSSgP/Kx/QYUgKis6SEZ5/Nlhup0DIA0PQ==",
+      "cpu": [
+        "loong64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-ppc64-gnu": {
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.62.2.tgz",
+      "integrity": "sha512-Mk5ha2RQSgyFfmYYLkBpPnUk8D8FriBxesO1u9O75X0mHgXL1UQcH5Itl2lurWL2tj0RxV9b9tJgipac0hRY9A==",
+      "cpu": [
+        "ppc64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-ppc64-musl": {
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-musl/-/rollup-linux-ppc64-musl-4.62.2.tgz",
+      "integrity": "sha512-CjvEnqJL/0/TQ3TXX3OPIJ/kmBellrWd4heXUmHeJlTnmwjKpSJzoehLaL6Xk0ZnMHBu9dZuFADNOrtjF4v+2w==",
+      "cpu": [
+        "ppc64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-riscv64-gnu": {
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.62.2.tgz",
+      "integrity": "sha512-1SiZbzwdkaDURsew/tSOrooKiYy7EQGT6m8ufavAi9NEyQb/6VuIxFXAL1fqa4iZe3g4NbNk4P7J32z2tw5Mgg==",
+      "cpu": [
+        "riscv64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-riscv64-musl": {
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.62.2.tgz",
+      "integrity": "sha512-nQts12zJ3NQRoE6uYljOH89v7szzLDvG2JD/vsX+vGXU8w/At1GowTZ5/7qeFQ8m7L55rpR8Okugnuo5bgjy2Q==",
+      "cpu": [
+        "riscv64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-s390x-gnu": {
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.62.2.tgz",
+      "integrity": "sha512-E9/ll019jhPIJgpzfZoIkBGhcz+kKNgVWYRY0zr9srBdPPFVpvOKW8VaJKUbeK+eZXyQF9ltME+Kk6affeaPgg==",
+      "cpu": [
+        "s390x"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-x64-gnu": {
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.62.2.tgz",
+      "integrity": "sha512-5BqxR/pshjey51iliyzTD5Xi3EN0aLmQ2lZ3lvefVV9c82BvrLo2/6OT55iifpWBufs6kdwWbuOKS841DrmK9A==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-x64-musl": {
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.62.2.tgz",
+      "integrity": "sha512-uNN83XxQrRAh/w0/pmAfibcwyb6YWt4gP+dpnQKPVJshAloQ785ii8CT8ZCIxkGg9opVsvAlGhFitSm6D1Jjpg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-openbsd-x64": {
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-openbsd-x64/-/rollup-openbsd-x64-4.62.2.tgz",
+      "integrity": "sha512-srjEIxSH3LRnJN6THczDHWQplqEMFiAJrTab0msUryh9kwNpkICf3Ea6q6MN/2cZwRFUNx5w+h6Hpi4QuHS6Zg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ]
+    },
+    "node_modules/@rollup/rollup-openharmony-arm64": {
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.62.2.tgz",
+      "integrity": "sha512-8hOJnxgbyObnCm5AlRA3A931xX19xq80RjVTKgJOvEKWqJruP/Uf12IbAOaDjjEXYRewwHLfmF0YRIdK3OwKWA==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openharmony"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-arm64-msvc": {
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.62.2.tgz",
+      "integrity": "sha512-mmF4AY1i0hG/bLWUctUq59gtmgaSIRa3cu/A3JFRp/sCNEme2bgDEiDS22P9FbnJB8NJNF4jPJiSP5RHQpUTDg==",
+      "cpu": [
+        "arm64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-ia32-msvc": {
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.62.2.tgz",
+      "integrity": "sha512-DZgkknc6jhHrk46V25vbAM0zZkyP0nSDkJB8/dRkLTxv470dOmWDqGoEJl/9A0dFfS7yE3REOwNDxpHwSLSt0Q==",
+      "cpu": [
+        "ia32"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-x64-gnu": {
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-gnu/-/rollup-win32-x64-gnu-4.62.2.tgz",
+      "integrity": "sha512-T6xr6ucWSFto+VGajA8YH26LdpHRuP4YLHEKAtCWvJDOlnmWcDZVCI2Jmjr+IFHDlt2zRaTAKE4tfjTaWLgJBg==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-x64-msvc": {
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.62.2.tgz",
+      "integrity": "sha512-BfzEnDJOt9T8M989/lA37EcJgat01wLRnoi5dQf3QzOH7jzpqTAzdDbVfRljVr5r+jzKqpbHeyOfAaXxAd0PAA==",
+      "cpu": [
+        "x64"
+      ],
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@types/babel__core": {
+      "version": "7.20.5",
+      "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.20.5.tgz",
+      "integrity": "sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.20.7",
+        "@babel/types": "^7.20.7",
+        "@types/babel__generator": "*",
+        "@types/babel__template": "*",
+        "@types/babel__traverse": "*"
+      }
+    },
+    "node_modules/@types/babel__generator": {
+      "version": "7.27.0",
+      "resolved": "https://registry.npmjs.org/@types/babel__generator/-/babel__generator-7.27.0.tgz",
+      "integrity": "sha512-ufFd2Xi92OAVPYsy+P4n7/U7e68fex0+Ee8gSG9KX7eo084CWiQ4sdxktvdl0bOPupXtVJPY19zk6EwWqUQ8lg==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.0.0"
+      }
+    },
+    "node_modules/@types/babel__template": {
+      "version": "7.4.4",
+      "resolved": "https://registry.npmjs.org/@types/babel__template/-/babel__template-7.4.4.tgz",
+      "integrity": "sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.1.0",
+        "@babel/types": "^7.0.0"
+      }
+    },
+    "node_modules/@types/babel__traverse": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@types/babel__traverse/-/babel__traverse-7.28.0.tgz",
+      "integrity": "sha512-8PvcXf70gTDZBgt9ptxJ8elBeBjcLOAcOtoO/mPJjtji1+CdGbHgm77om1GrsPxsiE+uXIpNSK64UYaIwQXd4Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.28.2"
+      }
+    },
+    "node_modules/@types/estree": {
+      "version": "1.0.9",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.9.tgz",
+      "integrity": "sha512-GhdPgy1el4/ImP05X05Uw4cw2/M93BCUmnEvWZNStlCzEKME4Fkk+YpoA5OiHNQmoS7Cafb8Xa3Pya8m1Qrzeg==",
+      "license": "MIT"
+    },
+    "node_modules/@types/react": {
+      "version": "19.2.17",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-19.2.17.tgz",
+      "integrity": "sha512-MXfmqaVPEVgkBT/aY0aGCkRWWtByiYQXo3xdQ8r5RzuFrPiRn8Gar2tQdXSUQ2GKV3bkXckek89V8wQBY2Q/Aw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "csstype": "^3.2.2"
+      }
+    },
+    "node_modules/@types/react-dom": {
+      "version": "19.2.3",
+      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-19.2.3.tgz",
+      "integrity": "sha512-jp2L/eY6fn+KgVVQAOqYItbF0VY/YApe5Mz2F0aykSO8gx31bYCZyvSeYxCHKvzHG5eZjc+zyaS5BrBWya2+kQ==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "^19.2.0"
+      }
+    },
+    "node_modules/@vitejs/plugin-react": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-5.2.0.tgz",
+      "integrity": "sha512-YmKkfhOAi3wsB1PhJq5Scj3GXMn3WvtQ/JC0xoopuHoXSdmtdStOpFrYaT1kie2YgFBcIe64ROzMYRjCrYOdYw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/core": "^7.29.0",
+        "@babel/plugin-transform-react-jsx-self": "^7.27.1",
+        "@babel/plugin-transform-react-jsx-source": "^7.27.1",
+        "@rolldown/pluginutils": "1.0.0-rc.3",
+        "@types/babel__core": "^7.20.5",
+        "react-refresh": "^0.18.0"
+      },
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      },
+      "peerDependencies": {
+        "vite": "^4.2.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0"
+      }
+    },
+    "node_modules/baseline-browser-mapping": {
+      "version": "2.10.38",
+      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.10.38.tgz",
+      "integrity": "sha512-31/02mVB4yuQU6adKk5SlY6m+mxDwUq5KZkyYgnLrrKl7TEm1+3PyDtDBz2kOv/wxZz41GHsvV1A/u6RmiyBvw==",
+      "license": "Apache-2.0",
+      "bin": {
+        "baseline-browser-mapping": "dist/cli.cjs"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/browserslist": {
+      "version": "4.28.4",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.28.4.tgz",
+      "integrity": "sha512-MTc8i/x9jBQd1iMw2CFGS+rwMa07eYjLR0CCTLDACl9xhxy+nIs3KeML/biicXtk9JrZ6dnnTatmc7ErPXIxqw==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "baseline-browser-mapping": "^2.10.38",
+        "caniuse-lite": "^1.0.30001799",
+        "electron-to-chromium": "^1.5.376",
+        "node-releases": "^2.0.48",
+        "update-browserslist-db": "^1.2.3"
+      },
+      "bin": {
+        "browserslist": "cli.js"
+      },
+      "engines": {
+        "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
+      }
+    },
+    "node_modules/caniuse-lite": {
+      "version": "1.0.30001799",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001799.tgz",
+      "integrity": "sha512-hG1bReV+OUU+MOqK4t/ZWI0tZOyz3rqS9XuhOUz1cIcbwBKjOyJEJuw9ER5JuNyqxNk8u/JUVbGibBOL1yrjFw==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "CC-BY-4.0"
+    },
+    "node_modules/convert-source-map": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
+      "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
+      "license": "MIT"
+    },
+    "node_modules/csstype": {
+      "version": "3.2.3",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz",
+      "integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/debug": {
+      "version": "4.4.3",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
+      "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/electron-to-chromium": {
+      "version": "1.5.378",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.378.tgz",
+      "integrity": "sha512-VinvOAuuPmdD1guEgGv5f2Qp7/vlfqOrUOMYNnOD4wj3pit8kRsQHzfIf6teyUGWo15Tg5+bOJaRunvyltpVWQ==",
+      "license": "ISC"
+    },
+    "node_modules/esbuild": {
+      "version": "0.27.7",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.27.7.tgz",
+      "integrity": "sha512-IxpibTjyVnmrIQo5aqNpCgoACA/dTKLTlhMHihVHhdkxKyPO1uBBthumT0rdHmcsk9uMonIWS0m4FljWzILh3w==",
+      "hasInstallScript": true,
+      "license": "MIT",
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "optionalDependencies": {
+        "@esbuild/aix-ppc64": "0.27.7",
+        "@esbuild/android-arm": "0.27.7",
+        "@esbuild/android-arm64": "0.27.7",
+        "@esbuild/android-x64": "0.27.7",
+        "@esbuild/darwin-arm64": "0.27.7",
+        "@esbuild/darwin-x64": "0.27.7",
+        "@esbuild/freebsd-arm64": "0.27.7",
+        "@esbuild/freebsd-x64": "0.27.7",
+        "@esbuild/linux-arm": "0.27.7",
+        "@esbuild/linux-arm64": "0.27.7",
+        "@esbuild/linux-ia32": "0.27.7",
+        "@esbuild/linux-loong64": "0.27.7",
+        "@esbuild/linux-mips64el": "0.27.7",
+        "@esbuild/linux-ppc64": "0.27.7",
+        "@esbuild/linux-riscv64": "0.27.7",
+        "@esbuild/linux-s390x": "0.27.7",
+        "@esbuild/linux-x64": "0.27.7",
+        "@esbuild/netbsd-arm64": "0.27.7",
+        "@esbuild/netbsd-x64": "0.27.7",
+        "@esbuild/openbsd-arm64": "0.27.7",
+        "@esbuild/openbsd-x64": "0.27.7",
+        "@esbuild/openharmony-arm64": "0.27.7",
+        "@esbuild/sunos-x64": "0.27.7",
+        "@esbuild/win32-arm64": "0.27.7",
+        "@esbuild/win32-ia32": "0.27.7",
+        "@esbuild/win32-x64": "0.27.7"
+      }
+    },
+    "node_modules/escalade": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
+      "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/fdir": {
+      "version": "6.5.0",
+      "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
+      "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "peerDependencies": {
+        "picomatch": "^3 || ^4"
+      },
+      "peerDependenciesMeta": {
+        "picomatch": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/gensync": {
+      "version": "1.0.0-beta.2",
+      "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
+      "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/gsap": {
+      "version": "3.15.0",
+      "resolved": "https://registry.npmjs.org/gsap/-/gsap-3.15.0.tgz",
+      "integrity": "sha512-dMW4CWBTUK1AEEDeZc1g4xpPGIrSf9fJF960qbTZmN/QwZIWY5wgliS6JWl9/25fpTGJrMRtSjGtOmPnfjZB+A==",
+      "license": "Standard 'no charge' license: https://gsap.com/standard-license."
+    },
+    "node_modules/js-tokens": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
+      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
+      "license": "MIT"
+    },
+    "node_modules/jsesc": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz",
+      "integrity": "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==",
+      "license": "MIT",
+      "bin": {
+        "jsesc": "bin/jsesc"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/json5": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
+      "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
+      "license": "MIT",
+      "bin": {
+        "json5": "lib/cli.js"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/lru-cache": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
+      "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
+      "license": "ISC",
+      "dependencies": {
+        "yallist": "^3.0.2"
+      }
+    },
+    "node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "license": "MIT"
+    },
+    "node_modules/nanoid": {
+      "version": "3.3.15",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.15.tgz",
+      "integrity": "sha512-y7Wygv/7mEOvxTuEQDB8StXdMRBWf1kR/tlhAzBRUFkB2jfcLOAxO/SHmOO2zgz1pVgK29/kyupn059/bCHdjA==",
+      "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"
+      }
+    },
+    "node_modules/node-releases": {
+      "version": "2.0.49",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.49.tgz",
+      "integrity": "sha512-f06bl1D+8ZDkn2oOQQKAh5/otFWqVnM1Q5oerA8Pex7UfT66Tx4IPHIqVVFKqFT3FUtaDstdgkM7yT7JWhqxfw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/picocolors": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+      "license": "ISC"
+    },
+    "node_modules/picomatch": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.4.tgz",
+      "integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/postcss": {
+      "version": "8.5.15",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.15.tgz",
+      "integrity": "sha512-FfR8sjd4em2T6fb3I2MwAJU7HWVMr9zba+enmQeeWFfCbm+UOC/0X4DS8XtpUTMwWMGbjKYP7xjfNekzyGmB3A==",
+      "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.12",
+        "picocolors": "^1.1.1",
+        "source-map-js": "^1.2.1"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/react": {
+      "version": "19.2.7",
+      "resolved": "https://registry.npmjs.org/react/-/react-19.2.7.tgz",
+      "integrity": "sha512-HNe9WslTbXmFK8o8cmwgAeJFSBvt1bPdHCVKtaaV+WlAN36mpT4hcRpwbf3fY56ar2oIXzsBpOAiIRHAdY0OlQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/react-dom": {
+      "version": "19.2.7",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.2.7.tgz",
+      "integrity": "sha512-t0BRVXvbiE/o20Hfw669rLbMCDWtYZLvmJigy2f0MxsXF+71pxhR3xOkspmsO8h3ZlNzyibAmtCa3l4lYKk6gQ==",
+      "license": "MIT",
+      "dependencies": {
+        "scheduler": "^0.27.0"
+      },
+      "peerDependencies": {
+        "react": "^19.2.7"
+      }
+    },
+    "node_modules/react-refresh": {
+      "version": "0.18.0",
+      "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.18.0.tgz",
+      "integrity": "sha512-QgT5//D3jfjJb6Gsjxv0Slpj23ip+HtOpnNgnb2S5zU3CB26G/IDPGoy4RJB42wzFE46DRsstbW6tKHoKbhAxw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/rollup": {
+      "version": "4.62.2",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.62.2.tgz",
+      "integrity": "sha512-RFnrW4lhXA3s3eqHDZvN654g8OTjzRfqpIRJYczCGB6HzphckVAi/Qh4tbPUbRuDi7s1Llv8g/NspLkttY3gTA==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "1.0.9"
+      },
+      "bin": {
+        "rollup": "dist/bin/rollup"
+      },
+      "engines": {
+        "node": ">=18.0.0",
+        "npm": ">=8.0.0"
+      },
+      "optionalDependencies": {
+        "@rollup/rollup-android-arm-eabi": "4.62.2",
+        "@rollup/rollup-android-arm64": "4.62.2",
+        "@rollup/rollup-darwin-arm64": "4.62.2",
+        "@rollup/rollup-darwin-x64": "4.62.2",
+        "@rollup/rollup-freebsd-arm64": "4.62.2",
+        "@rollup/rollup-freebsd-x64": "4.62.2",
+        "@rollup/rollup-linux-arm-gnueabihf": "4.62.2",
+        "@rollup/rollup-linux-arm-musleabihf": "4.62.2",
+        "@rollup/rollup-linux-arm64-gnu": "4.62.2",
+        "@rollup/rollup-linux-arm64-musl": "4.62.2",
+        "@rollup/rollup-linux-loong64-gnu": "4.62.2",
+        "@rollup/rollup-linux-loong64-musl": "4.62.2",
+        "@rollup/rollup-linux-ppc64-gnu": "4.62.2",
+        "@rollup/rollup-linux-ppc64-musl": "4.62.2",
+        "@rollup/rollup-linux-riscv64-gnu": "4.62.2",
+        "@rollup/rollup-linux-riscv64-musl": "4.62.2",
+        "@rollup/rollup-linux-s390x-gnu": "4.62.2",
+        "@rollup/rollup-linux-x64-gnu": "4.62.2",
+        "@rollup/rollup-linux-x64-musl": "4.62.2",
+        "@rollup/rollup-openbsd-x64": "4.62.2",
+        "@rollup/rollup-openharmony-arm64": "4.62.2",
+        "@rollup/rollup-win32-arm64-msvc": "4.62.2",
+        "@rollup/rollup-win32-ia32-msvc": "4.62.2",
+        "@rollup/rollup-win32-x64-gnu": "4.62.2",
+        "@rollup/rollup-win32-x64-msvc": "4.62.2",
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/scheduler": {
+      "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==",
+      "license": "MIT"
+    },
+    "node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
+    "node_modules/slot-text": {
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/slot-text/-/slot-text-0.3.1.tgz",
+      "integrity": "sha512-gDHfMnFrz4CxqD7H8F3CqWVGYwTbgjpJiIH1bQg1Tj60TzgnLe47vuQDHNeyg4zbhsEAPFvUp05nG7lKsboCVw==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": ">=18 <20",
+        "solid-js": ">=1.8 <2",
+        "svelte": ">=4 <6",
+        "vue": ">=3.4 <4"
+      },
+      "peerDependenciesMeta": {
+        "react": {
+          "optional": true
+        },
+        "solid-js": {
+          "optional": true
+        },
+        "svelte": {
+          "optional": true
+        },
+        "vue": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/source-map-js": {
+      "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==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/tinyglobby": {
+      "version": "0.2.17",
+      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.17.tgz",
+      "integrity": "sha512-wXR/dYpcqKmfWpEdZjiKJOwCNFndD0DMnrW/cYjVGttEkBfVgcLFHoNrlj47mjOVic9yyNu65alsgF4NQyTa2g==",
+      "license": "MIT",
+      "dependencies": {
+        "fdir": "^6.5.0",
+        "picomatch": "^4.0.4"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/SuperchupuDev"
+      }
+    },
+    "node_modules/typescript": {
+      "version": "5.9.3",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz",
+      "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
+      "license": "Apache-2.0",
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=14.17"
+      }
+    },
+    "node_modules/update-browserslist-db": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.2.3.tgz",
+      "integrity": "sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "escalade": "^3.2.0",
+        "picocolors": "^1.1.1"
+      },
+      "bin": {
+        "update-browserslist-db": "cli.js"
+      },
+      "peerDependencies": {
+        "browserslist": ">= 4.21.0"
+      }
+    },
+    "node_modules/vite": {
+      "version": "7.3.5",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-7.3.5.tgz",
+      "integrity": "sha512-KuOaNhcnGFN2zIPGA7wRmzF+lJA1sea7rHq17aiJ++9lzY1WWG6Jpwqwe1KNbRVPIqHmr8GLYx7jbrQcN/7/ww==",
+      "license": "MIT",
+      "dependencies": {
+        "esbuild": "^0.27.0",
+        "fdir": "^6.5.0",
+        "picomatch": "^4.0.3",
+        "postcss": "^8.5.6",
+        "rollup": "^4.43.0",
+        "tinyglobby": "^0.2.15"
+      },
+      "bin": {
+        "vite": "bin/vite.js"
+      },
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      },
+      "funding": {
+        "url": "https://github.com/vitejs/vite?sponsor=1"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.3"
+      },
+      "peerDependencies": {
+        "@types/node": "^20.19.0 || >=22.12.0",
+        "jiti": ">=1.21.0",
+        "less": "^4.0.0",
+        "lightningcss": "^1.21.0",
+        "sass": "^1.70.0",
+        "sass-embedded": "^1.70.0",
+        "stylus": ">=0.54.8",
+        "sugarss": "^5.0.0",
+        "terser": "^5.16.0",
+        "tsx": "^4.8.1",
+        "yaml": "^2.4.2"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        },
+        "jiti": {
+          "optional": true
+        },
+        "less": {
+          "optional": true
+        },
+        "lightningcss": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        },
+        "sass-embedded": {
+          "optional": true
+        },
+        "stylus": {
+          "optional": true
+        },
+        "sugarss": {
+          "optional": true
+        },
+        "terser": {
+          "optional": true
+        },
+        "tsx": {
+          "optional": true
+        },
+        "yaml": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/yallist": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
+      "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
+      "license": "ISC"
+    }
+  }
+}
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..cc8095e
--- /dev/null
+++ b/package.json
@@ -0,0 +1,26 @@
+{
+  "name": "nianxx-web",
+  "private": true,
+  "version": "0.1.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite --host 0.0.0.0",
+    "build": "tsc -b && vite build",
+    "preview": "vite preview --host 0.0.0.0"
+  },
+  "dependencies": {
+    "@gsap/react": "^2.1.2",
+    "@phosphor-icons/react": "^2.1.10",
+    "@vitejs/plugin-react": "^5.1.1",
+    "gsap": "^3.15.0",
+    "react": "^19.2.3",
+    "react-dom": "^19.2.3",
+    "slot-text": "^0.3.1",
+    "typescript": "^5.9.3",
+    "vite": "^7.3.0"
+  },
+  "devDependencies": {
+    "@types/react": "^19.2.7",
+    "@types/react-dom": "^19.2.3"
+  }
+}
diff --git a/public/favicon.png b/public/favicon.png
new file mode 100644
index 0000000..7fbbf0c
Binary files /dev/null and b/public/favicon.png differ
diff --git a/public/hero-poster.jpg b/public/hero-poster.jpg
new file mode 100644
index 0000000..9c4ec53
Binary files /dev/null and b/public/hero-poster.jpg differ
diff --git a/public/hero-video.mp4 b/public/hero-video.mp4
new file mode 100644
index 0000000..f08303e
Binary files /dev/null and b/public/hero-video.mp4 differ
diff --git a/public/privacy-policy.html b/public/privacy-policy.html
new file mode 100644
index 0000000..0e241cb
--- /dev/null
+++ b/public/privacy-policy.html
@@ -0,0 +1,138 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>隐私协议 - AI数字员工</title>
+    <style>
+        body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; margin: 0; color: #1d1d1f; background: #f5f5f7; }
+        header, footer { background: #fff; box-shadow: 0 2px 10px rgba(0,0,0,0.05); }
+        header { padding: 16px 24px; display: flex; justify-content: space-between; align-items: center; }
+        .brand { font-weight: 600; color: #0070c9; }
+        nav a { margin-left: 16px; color: #6e6e73; text-decoration: none; }
+        nav a:hover { color: #0070c9; }
+        main { max-width: 960px; margin: 32px auto; background: #fff; padding: 32px; border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.08); }
+        h1 { font-size: 28px; margin-bottom: 8px; }
+        .meta { color: #6e6e73; margin-bottom: 24px; }
+        h2 { font-size: 20px; margin-top: 24px; }
+        p, li { line-height: 1.7; color: #333; }
+        ul { padding-left: 18px; }
+        footer { margin-top: 40px; padding: 16px 24px; text-align: center; }
+        .links a { color: #0070c9; text-decoration: none; }
+        .links a:hover { text-decoration: underline; }
+    </style>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+</head>
+<body>
+    <header>
+        <div class="brand"><i class="fas fa-robot"></i> AI数字员工</div>
+        <nav>
+            <a href="index.html">首页</a>
+            <a href="service-agreement.html">服务协议</a>
+            <a href="privacy-policy.html">隐私协议</a>
+        </nav>
+    </header>
+    <main>
+        <h1>隐私协议</h1>
+        <div id="policy-content">
+            正在加载隐私协议内容...
+        </div>
+    </main>
+    <footer>
+        <div class="links">
+            <a href="service-agreement.html">服务协议</a> · 
+            <a href="privacy-policy.html">隐私协议</a> · 
+            <a href="https://beian.miit.gov.cn/" target="_blank" rel="noopener noreferrer">黔ICP备2025054767号</a>
+        </div>
+        <div>&copy; 2025 AI数字员工</div>
+    </footer>
+</body>
+</html>
+<script>
+// 轻量级 Markdown 语法移除与HTML渲染（不依赖外部CDN）
+function mdToHtml(md) {
+  md = md.replace(/\r/g, '');
+  const lines = md.split('\n');
+  let html = '';
+  let inUl = false, inOl = false, inPre = false;
+
+  function escapeHtml(str){
+    return str.replace(/[&<>"']/g, s => ({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#39;'}[s]));
+  }
+  function inline(text){
+    let t = text;
+    // 图片 -> 仅保留替代文本
+    t = t.replace(/!\[([^\]]*)\]\(([^)]+)\)/g, '$1');
+    // 链接 -> 转为 <a>
+    t = t.replace(/\[([^\]]+)\]\(([^)]+)\)/g, '<a href="$2" target="_blank" rel="noopener">$1</a>');
+    // 粗体/斜体/行内code -> 去除包裹符号
+    t = t.replace(/\*\*([^*]+)\*\*/g, '$1').replace(/__([^_]+)__/g, '$1');
+    t = t.replace(/\*([^*]+)\*/g, '$1').replace(/_([^_]+)_/g, '$1');
+    t = t.replace(/`([^`]+)`/g, '$1');
+    return t;
+  }
+
+  for (let i = 0; i < lines.length; i++) {
+    let line = lines[i];
+
+    // 代码块
+    if (line.trim().startsWith('```')) {
+      if (inPre) { html += '</code></pre>'; inPre = false; }
+      else { html += '<pre><code>'; inPre = true; }
+      continue;
+    }
+    if (inPre) { html += escapeHtml(line) + '\n'; continue; }
+
+    // 标题
+    if (/^#{1,6}\s+/.test(line)) {
+      const level = (line.match(/^#{1,6}/)[0]).length;
+      const content = line.replace(/^#{1,6}\s+/, '');
+      html += `<h${level}>${inline(content)}</h${level}>`;
+      continue;
+    }
+
+    // 引用
+    if (/^\s*>\s*/.test(line)) {
+      const content = line.replace(/^\s*>\s*/, '');
+      html += `<blockquote>${inline(content)}</blockquote>`;
+      continue;
+    }
+
+    // 水平分割线
+    if (/^\s*---+\s*$/.test(line)) { html += '<hr>'; continue; }
+
+    // 无序列表
+    if (/^\s*[-*+]\s+/.test(line)) {
+      if (!inUl) { if (inOl) { html += '</ol>'; inOl = false; } html += '<ul>'; inUl = true; }
+      const content = line.replace(/^\s*[-*+]\s+/, '');
+      html += `<li>${inline(content)}</li>`;
+      continue;
+    }
+    // 有序列表
+    if (/^\s*\d+\.\s+/.test(line)) {
+      if (!inOl) { if (inUl) { html += '</ul>'; inUl = false; } html += '<ol>'; inOl = true; }
+      const content = line.replace(/^\s*\d+\.\s+/, '');
+      html += `<li>${inline(content)}</li>`;
+      continue;
+    }
+
+    if (inUl) { html += '</ul>'; inUl = false; }
+    if (inOl) { html += '</ol>'; inOl = false; }
+
+    // 普通段落
+    if (line.trim() === '') { html += ''; }
+    else { html += `<p>${inline(line)}</p>`; }
+  }
+  if (inUl) html += '</ul>';
+  if (inOl) html += '</ol>';
+  if (inPre) html += '</code></pre>';
+  return html;
+}
+
+// 加载并渲染隐私协议.txt
+fetch('隐私协议.txt')
+  .then(function(res){ if(!res.ok) throw new Error('无法加载隐私协议.txt'); return res.text(); })
+  .then(function(md){ document.getElementById('policy-content').innerHTML = mdToHtml(md); })
+  .catch(function(err){ document.getElementById('policy-content').textContent = '加载隐私协议内容失败：' + err.message; });
+</script>
+</html>
\ No newline at end of file
diff --git a/public/service-agreement.html b/public/service-agreement.html
new file mode 100644
index 0000000..5c9a510
--- /dev/null
+++ b/public/service-agreement.html
@@ -0,0 +1,135 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>服务协议 - AI数字员工</title>
+    <style>
+        body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; margin: 0; color: #1d1d1f; background: #f5f5f7; }
+        header, footer { background: #fff; box-shadow: 0 2px 10px rgba(0,0,0,0.05); }
+        header { padding: 16px 24px; display: flex; justify-content: space-between; align-items: center; }
+        .brand { font-weight: 600; color: #0070c9; }
+        nav a { margin-left: 16px; color: #6e6e73; text-decoration: none; }
+        nav a:hover { color: #0070c9; }
+        main { max-width: 960px; margin: 32px auto; background: #fff; padding: 32px; border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.08); }
+        h1 { font-size: 28px; margin-bottom: 8px; }
+        .meta { color: #6e6e73; margin-bottom: 24px; }
+        h2 { font-size: 20px; margin-top: 24px; }
+        p, li { line-height: 1.7; color: #333; }
+        ul { padding-left: 18px; }
+        footer { margin-top: 40px; padding: 16px 24px; text-align: center; }
+        .links a { color: #0070c9; text-decoration: none; }
+        .links a:hover { text-decoration: underline; }
+    </style>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
+</head>
+<body>
+    <header>
+        <div class="brand"><i class="fas fa-robot"></i> AI数字员工</div>
+        <nav>
+            <a href="index.html">首页</a>
+            <a href="service-agreement.html">服务协议</a>
+            <a href="privacy-policy.html">隐私协议</a>
+        </nav>
+    </header>
+    <main>
+        <h1>服务协议</h1>
+        <div id="terms-content">正在加载服务协议内容...</div>
+    </main>
+    <footer>
+        <div class="links">
+            <a href="service-agreement.html">服务协议</a> · 
+            <a href="privacy-policy.html">隐私协议</a> · 
+            <a href="https://beian.miit.gov.cn/" target="_blank" rel="noopener noreferrer">黔ICP备2025054767号</a>
+        </div>
+        <div>&copy; 2025 AI数字员工</div>
+    </footer>
+</body>
+</html>
+<script>
+// 轻量级 Markdown 语法移除与HTML渲染（不依赖外部CDN）
+function mdToHtml(md) {
+  md = md.replace(/\r/g, '');
+  const lines = md.split('\n');
+  let html = '';
+  let inUl = false, inOl = false, inPre = false;
+
+  function escapeHtml(str){
+    return str.replace(/[&<>"']/g, s => ({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#39;'}[s]));
+  }
+  function inline(text){
+    let t = text;
+    // 图片 -> 仅保留替代文本
+    t = t.replace(/!\[([^\]]*)\]\(([^)]+)\)/g, '$1');
+    // 链接 -> 转为 <a>
+    t = t.replace(/\[([^\]]+)\]\(([^)]+)\)/g, '<a href="$2" target="_blank" rel="noopener">$1</a>');
+    // 粗体/斜体/行内code -> 去除包裹符号
+    t = t.replace(/\*\*([^*]+)\*\*/g, '$1').replace(/__([^_]+)__/g, '$1');
+    t = t.replace(/\*([^*]+)\*/g, '$1').replace(/_([^_]+)_/g, '$1');
+    t = t.replace(/`([^`]+)`/g, '$1');
+    return t;
+  }
+
+  for (let i = 0; i < lines.length; i++) {
+    let line = lines[i];
+
+    // 代码块
+    if (line.trim().startsWith('```')) {
+      if (inPre) { html += '</code></pre>'; inPre = false; }
+      else { html += '<pre><code>'; inPre = true; }
+      continue;
+    }
+    if (inPre) { html += escapeHtml(line) + '\n'; continue; }
+
+    // 标题
+    if (/^#{1,6}\s+/.test(line)) {
+      const level = (line.match(/^#{1,6}/)[0]).length;
+      const content = line.replace(/^#{1,6}\s+/, '');
+      html += `<h${level}>${inline(content)}</h${level}>`;
+      continue;
+    }
+
+    // 引用
+    if (/^\s*>\s*/.test(line)) {
+      const content = line.replace(/^\s*>\s*/, '');
+      html += `<blockquote>${inline(content)}</blockquote>`;
+      continue;
+    }
+
+    // 水平分割线
+    if (/^\s*---+\s*$/.test(line)) { html += '<hr>'; continue; }
+
+    // 无序列表
+    if (/^\s*[-*+]\s+/.test(line)) {
+      if (!inUl) { if (inOl) { html += '</ol>'; inOl = false; } html += '<ul>'; inUl = true; }
+      const content = line.replace(/^\s*[-*+]\s+/, '');
+      html += `<li>${inline(content)}</li>`;
+      continue;
+    }
+    // 有序列表
+    if (/^\s*\d+\.\s+/.test(line)) {
+      if (!inOl) { if (inUl) { html += '</ul>'; inUl = false; } html += '<ol>'; inOl = true; }
+      const content = line.replace(/^\s*\d+\.\s+/, '');
+      html += `<li>${inline(content)}</li>`;
+      continue;
+    }
+
+    if (inUl) { html += '</ul>'; inUl = false; }
+    if (inOl) { html += '</ol>'; inOl = false; }
+
+    // 普通段落
+    if (line.trim() === '') { html += ''; }
+    else { html += `<p>${inline(line)}</p>`; }
+  }
+  if (inUl) html += '</ul>';
+  if (inOl) html += '</ol>';
+  if (inPre) html += '</code></pre>';
+  return html;
+}
+
+// 加载并渲染 服务协议.txt
+fetch('服务协议.txt')
+  .then(function(res){ if(!res.ok) throw new Error('无法加载服务协议.txt'); return res.text(); })
+  .then(function(md){ document.getElementById('terms-content').innerHTML = mdToHtml(md); })
+  .catch(function(err){ document.getElementById('terms-content').textContent = '加载服务协议内容失败：' + err.message; });
+</script>
\ No newline at end of file
diff --git a/public/服务协议.txt b/public/服务协议.txt
new file mode 100644
index 0000000..e569e33
--- /dev/null
+++ b/public/服务协议.txt
@@ -0,0 +1,391 @@
+# 智念科技服务小程序服务协议
+
+**版本**：1.0  
+**生效日期**：2025年8月7日  
+**最后更新**：2025年8月7日
+
+## 重要提示
+
+请您在使用"智念科技服务"小程序（以下简称"本小程序"）前，仔细阅读并充分理解本服务协议（以下简称"本协议"）的全部内容，特别是免除或者限制责任的条款、对用户权利进行限制的条款、约定争议解决方式的条款等。限制、免责条款或者其他涉及您重大权益的条款可能以加粗、加下划线等形式提示您重点注意。
+
+除非您已阅读并接受本协议所有条款，否则您无权使用本小程序提供的服务。您的使用行为将视为对本协议的接受，并同意接受本协议各项条款的约束。
+
+## 第一条 协议主体与适用范围
+
+### 1.1 协议主体
+
+本协议是您（用户）与本企业之间关于使用"智念科技服务"小程序服务所订立的协议。本企业是指提供本小程序服务的企业经营主体，具体信息详见小程序内的企业信息页面。
+
+### 1.2 适用范围
+
+本协议适用于您通过"智念科技服务"小程序获得的所有服务，包括但不限于智能对话服务、商品预订服务、信息探索服务、服务申请功能等。
+
+### 1.3 协议效力
+
+本协议自您点击同意或以其他方式确认接受时生效，对双方具有法律约束力。本协议与您可能签署的其他相关协议（如住宿合同、餐饮服务合同等）共同构成完整的法律关系，各协议之间不相冲突的部分同时有效，如有冲突，以具体服务合同为准。
+
+## 第二条 服务内容与功能
+
+### 2.1 智能对话服务
+
+本小程序提供基于人工智能技术的24小时客服对话服务，为您提供企业相关咨询、问题解答、投诉处理等服务。智能对话服务旨在提高服务效率和用户体验，但不能完全替代人工客服。对于复杂问题或紧急情况，系统将为您转接人工客服。
+
+我们承诺智能对话服务将努力提供准确、及时的信息，但由于技术限制，可能存在理解偏差或信息更新不及时的情况。**对于因智能对话服务提供的信息不准确而导致的损失，本企业的责任以实际损失为限，且不超过您在本企业的消费金额。**
+
+### 2.2 商品预订服务
+
+本小程序提供客房预订、餐饮预订、增值服务预订等功能。通过本小程序进行的预订行为构成您与本企业之间的服务合同关系。预订服务的具体条款、价格、取消政策等以预订时显示的信息为准。
+
+您通过本小程序提交预订申请后，我们将在合理时间内确认您的预订。预订确认以我们发送的确认信息为准。**在收到我们的确认信息前，预订申请不构成有效的合同关系。**
+
+### 2.3 信息探索服务
+
+本小程序提供企业设施介绍、周边服务推荐、旅游信息查询等信息服务。我们努力确保信息的准确性和时效性，但**不对第三方信息的准确性、完整性或时效性承担责任**。您在使用第三方服务时，应自行判断并承担相应风险。
+
+### 2.4 服务申请功能
+
+本小程序提供客房服务申请、礼宾服务申请、投诉建议提交等功能。我们将根据您的申请及时提供相应服务，具体服务标准和响应时间以企业服务标准为准。
+
+## 第三条 用户权利与义务
+
+### 3.1 用户权利
+
+您在使用本小程序服务时享有以下权利：
+
+**3.1.1 服务获得权**：有权按照本协议约定获得相应的服务。
+
+**3.1.2 信息知情权**：有权了解服务内容、价格、标准等相关信息。
+
+**3.1.3 个人信息权利**：根据《中华人民共和国个人信息保护法》，您对自己的个人信息享有知情权、决定权，有权查阅、复制、更正、删除个人信息，有权撤回同意，有权要求解释说明个人信息处理规则。
+
+**3.1.4 投诉建议权**：有权对服务质量进行评价，提出投诉和建议。
+
+**3.1.5 争议解决权**：有权通过协商、调解、仲裁、诉讼等方式解决争议。
+
+### 3.2 用户义务
+
+您在使用本小程序服务时应履行以下义务：
+
+**3.2.1 真实信息义务**：应提供真实、准确、完整的个人信息，如信息发生变更应及时更新。提供虚假信息可能导致服务无法正常提供，由此产生的责任由您承担。
+
+**3.2.2 合法使用义务**：应合法、正当地使用本小程序，不得利用本小程序从事违法违规活动，包括但不限于：
+- 发布违法、有害、威胁、辱骂、骚扰、侵权、中伤、粗俗、猥亵或其他道德上令人反感的内容
+- 冒充他人身份或虚构与他人的关系
+- 上传、发布含有病毒、木马、蠕虫等恶意代码的内容
+- 干扰或破坏本小程序的正常运行
+- 未经授权访问本小程序的服务器、账户或网络
+
+**3.2.3 费用支付义务**：应按照约定及时支付相关费用。
+
+**3.2.4 配合义务**：应配合企业的合理要求，如身份验证、安全检查等。
+
+**3.2.5 保密义务**：对于在使用服务过程中获知的企业商业秘密和其他保密信息，应承担保密义务。
+
+
+## 第四条 企业权利与义务
+
+### 4.1 企业权利
+
+**4.1.1 服务标准制定权**：有权根据经营需要和法律法规要求制定服务标准和操作规程。
+
+**4.1.2 用户管理权**：有权对违反本协议或法律法规的用户采取警告、限制使用、终止服务等措施。
+
+**4.1.3 信息核实权**：有权要求用户提供真实身份信息并进行核实，对于无法核实身份的用户有权拒绝提供服务。
+
+**4.1.4 价格调整权**：有权根据市场情况、成本变化等因素调整服务价格，但应提前通知用户。
+
+**4.1.5 服务变更权**：因技术升级、政策调整等原因需要变更服务内容的，有权进行调整，但应提前通知用户并妥善处理用户的合理要求。
+
+### 4.2 企业义务
+
+**4.2.1 服务提供义务**：应按照约定的标准和时间提供服务，确保服务质量符合行业标准和用户合理期待。
+
+**4.2.2 安全保障义务**：应采取必要的技术和管理措施，保障小程序的正常运行和用户信息安全。对于用户在企业区域内的人身和财产安全，应尽到合理的安全保障义务。
+
+**4.2.3 信息保护义务**：应严格按照《中华人民共和国个人信息保护法》等法律法规的要求，保护用户个人信息安全，不得非法收集、使用、泄露用户个人信息。
+
+**4.2.4 告知义务**：应及时、准确地向用户告知服务内容、价格、标准、风险等重要信息。
+
+**4.2.5 投诉处理义务**：应建立有效的投诉处理机制，及时处理用户的投诉和建议。
+
+**4.2.6 法律合规义务**：应确保提供的服务符合国家法律法规和行业标准要求。
+
+## 第五条 费用与支付
+
+### 5.1 费用构成
+
+使用本小程序基础功能（如信息查询、智能对话等）免费。涉及具体服务预订的，按照预订时显示的价格收费。费用可能包括但不限于：
+- 客房费用
+- 餐饮费用  
+- 增值服务费用
+- 相关税费
+
+### 5.2 支付方式
+
+本小程序支持微信支付等电子支付方式。您选择的支付方式应确保资金来源合法，支付过程中产生的银行手续费等费用按照相关机构的规定执行。
+
+### 5.3 价格变更
+
+我们保留根据市场情况调整价格的权利，但已确认的订单价格不受影响。价格调整将通过小程序公告或其他适当方式提前通知。
+
+### 5.4 退款政策
+
+退款政策根据具体服务类型而定，详见各项服务的具体条款。**一般情况下，因用户原因取消订单的，可能需要承担相应的取消费用。因不可抗力或企业原因无法提供服务的，将全额退款。**
+
+## 第六条 知识产权
+
+### 6.1 小程序知识产权
+
+本小程序及其包含的所有内容（包括但不限于文字、图片、音频、视频、软件、程序、版面设计等）的知识产权均归本企业或相关权利人所有。未经书面许可，您不得复制、传播、展示、镜像、上传、下载使用上述内容。
+
+### 6.2 商标权
+
+"智念科技服务"及相关标识为本企业的商标或标识，受法律保护。未经许可，任何人不得使用。
+
+### 6.3 用户内容
+
+您在使用本小程序过程中提供的内容（如评价、建议等），您保证拥有相应权利或已获得必要授权。您同意授予本企业免费、非独占的使用权，用于改进服务质量和用户体验。
+
+### 6.4 侵权处理
+
+如发现侵犯知识产权的行为，请及时联系我们。我们将依法处理侵权行为，保护合法权益。
+
+## 第七条 责任限制与免责条款
+
+### 7.1 服务可用性
+
+**我们努力确保本小程序的稳定运行，但不保证服务不会中断。因以下原因导致的服务中断或无法使用，本企业不承担责任：**
+- 系统维护、升级
+- 网络故障、电力中断
+- 不可抗力因素
+- 第三方服务提供商的原因
+- 用户设备或网络环境问题
+
+### 7.2 信息准确性
+
+**我们努力确保小程序内信息的准确性，但不对信息的完全准确性、及时性、完整性作出保证。特别是第三方提供的信息（如天气、交通等），我们不承担因信息不准确导致的损失。**
+
+### 7.3 责任限制
+
+**在法律允许的最大范围内，本企业对于因使用本小程序而产生的任何直接、间接、偶然、特殊或后果性损害，不承担责任。即使本企业已被告知此类损害的可能性。**
+
+**本企业的总责任（无论基于合同、侵权或其他法律理论）不超过您在过去十二个月内向本企业支付的费用总额。**
+
+### 7.4 免责情形
+
+**以下情况下本企业不承担责任：**
+- 用户违反本协议或法律法规的行为
+- 用户设备损坏、数据丢失等
+- 第三方的违法行为或违约行为
+- 不可抗力因素
+- 用户自身过错导致的损失
+
+## 第八条 个人信息保护
+
+### 8.1 个人信息处理原则
+
+我们严格按照《中华人民共和国个人信息保护法》等法律法规处理您的个人信息，遵循合法、正当、必要和诚信原则，不会通过误导、欺诈、胁迫等方式处理您的个人信息。
+
+### 8.2 个人信息范围
+
+我们可能收集和处理的个人信息包括但不限于：
+- 基本信息：姓名、性别、年龄、身份证号、手机号码、邮箱地址
+- 住宿信息：入住日期、离店日期、房间偏好、特殊需求
+- 支付信息：支付方式、交易记录
+- 使用信息：操作记录、浏览记录、设备信息
+- 位置信息：GPS位置、IP地址
+- 其他信息：客服沟通记录、评价反馈等
+
+### 8.3 处理目的和法律依据
+
+我们处理您的个人信息主要用于：
+- 提供预订和住宿服务（法律依据：履行合同）
+- 客户服务和沟通（法律依据：履行合同）
+- 改进服务质量（法律依据：合法利益）
+- 个性化推荐（法律依据：用户同意）
+- 安全保障和风险防控（法律依据：合法利益）
+- 法律法规要求（法律依据：法定义务）
+
+### 8.4 信息共享和转移
+
+**我们不会向第三方出售、出租或以其他方式披露您的个人信息，除非：**
+- 获得您的明确同意
+- 法律法规要求
+- 司法机关或行政机关要求
+- 为保护我们或他人的合法权益
+- 与服务提供相关的必要共享（如支付服务商）
+
+### 8.5 信息安全保护
+
+我们采取适当的技术和管理措施保护您的个人信息安全，包括：
+- 数据加密传输和存储
+- 访问权限控制
+- 安全审计和监控
+- 员工培训和保密协议
+- 定期安全评估
+
+### 8.6 您的权利
+
+根据法律规定，您享有以下权利：
+- 知情权：了解个人信息处理情况
+- 决定权：同意或拒绝个人信息处理
+- 查阅权：查阅我们持有的您的个人信息
+- 更正权：要求更正不准确的个人信息
+- 删除权：要求删除个人信息
+- 撤回同意权：撤回已给出的同意
+
+详细的个人信息保护规则请参见《隐私协议》。
+
+
+## 第九条 协议变更与通知
+
+### 9.1 协议修改
+
+我们保留随时修改本协议的权利。协议修改后，我们将通过以下方式通知您：
+- 在小程序内发布公告
+- 向您的注册邮箱发送邮件
+- 通过短信通知
+- 其他合理方式
+
+### 9.2 修改生效
+
+协议修改自公告发布之日起30日后生效。如您在修改生效后继续使用本小程序，视为您接受修改后的协议。如您不同意修改内容，应停止使用本小程序。
+
+### 9.3 重大变更
+
+对于涉及您重大权益的协议变更，我们将采用更为显著的方式通知您，并可能要求您重新确认同意。
+
+## 第十条 服务终止
+
+### 10.1 用户终止
+
+您可以随时停止使用本小程序服务。如需注销账户或删除个人信息，请通过小程序内的相关功能或联系客服办理。
+
+### 10.2 企业终止
+
+**在以下情况下，我们有权终止向您提供服务：**
+- 您违反本协议的重要条款
+- 您从事违法违规活动
+- 您恶意攻击或破坏系统
+- 您长期不使用服务（超过2年）
+- 法律法规要求
+- 其他严重影响服务秩序的行为
+
+### 10.3 终止后果
+
+服务终止后：
+- 您将无法继续使用本小程序服务
+- 我们将停止为您提供技术支持
+- 根据法律要求和您的选择，处理您的个人信息
+- 已产生的权利义务关系不因服务终止而消除
+
+## 第十一条 不可抗力
+
+### 11.1 不可抗力定义
+
+不可抗力是指不能预见、不能避免且不能克服的客观情况，包括但不限于：
+- 自然灾害（地震、洪水、台风等）
+- 政府行为（法律法规变更、政策调整等）
+- 社会异常事件（战争、罢工、疫情等）
+- 技术故障（网络中断、服务器故障等）
+
+### 11.2 不可抗力后果
+
+**因不可抗力导致的服务中断、延迟或无法履行，双方均不承担违约责任。但应及时通知对方，并采取适当措施减少损失。**
+
+### 11.3 损失分担
+
+因不可抗力造成的损失，按以下原则处理：
+- 各自承担自己的损失
+- 已支付但未享受的服务费用，根据实际情况退还
+- 合理分担因不可抗力产生的额外费用
+
+## 第十二条 争议解决
+
+### 12.1 协商解决
+
+双方发生争议时，应首先通过友好协商解决。您可以通过以下方式联系我们：
+- 小程序内客服功能
+- 客服电话：[具体电话号码]
+- 客服邮箱：[具体邮箱地址]
+- 企业前台：[具体地址]
+
+### 12.2 调解解决
+
+协商不成的，可以向消费者协会、行业协会等第三方调解机构申请调解。
+
+### 12.3 仲裁解决
+
+**如协商和调解均无法解决争议，双方同意将争议提交[具体仲裁委员会]仲裁解决。仲裁裁决是终局的，对双方均有约束力。**
+
+### 12.4 诉讼解决
+
+不愿仲裁的，可以向有管辖权的人民法院提起诉讼。根据《中华人民共和国民事诉讼法》，因本协议产生的争议，由被告住所地或合同履行地人民法院管辖。
+
+## 第十三条 其他条款
+
+### 13.1 完整协议
+
+本协议构成双方就本小程序服务达成的完整协议，取代之前就同一事项达成的所有口头或书面协议。
+
+### 13.2 可分割性
+
+如本协议的任何条款被认定为无效或不可执行，该条款将被删除，但不影响其他条款的效力。
+
+### 13.3 标题条款
+
+本协议的标题仅为方便阅读而设，不影响条款的解释。
+
+### 13.4 适用法律
+
+本协议的签订、履行、解释及争议解决均适用中华人民共和国法律。
+
+### 13.5 语言版本
+
+本协议以中文为准。如有其他语言版本，以中文版本为准。
+
+### 13.6 联系方式
+
+如您对本协议有任何疑问，请通过以下方式联系我们：
+
+**企业名称**：[具体企业名称]  
+**注册地址**：[具体注册地址]  
+**联系电话**：[具体电话号码]  
+**电子邮箱**：[具体邮箱地址]  
+**营业执照注册号**：[具体注册号]  
+**法定代表人**：[具体姓名]
+
+## 附录：重要提示汇总
+
+为确保您充分了解自己的权利和义务，现将本协议中的重要条款汇总如下：
+
+### 责任限制条款
+1. 第2.1条：智能对话服务的责任限制
+2. 第2.2条：预订确认的生效条件
+3. 第2.3条：第三方信息的免责声明
+4. 第5.4条：退款政策的限制条件
+5. 第7条：全面的责任限制和免责条款
+
+### 用户义务条款
+1. 第3.2条：用户的各项义务，包括提供真实信息、合法使用等
+2. 第5.2条：支付义务和资金来源合法性要求
+
+### 争议解决条款
+1. 第12.3条：仲裁解决条款
+2. 第12.4条：诉讼管辖条款
+
+### 协议变更条款
+1. 第9条：协议修改的通知方式和生效条件
+
+### 服务终止条款
+1. 第10.2条：企业终止服务的条件
+
+**请您特别注意上述条款，如有疑问请及时联系我们。**
+
+---
+
+**本协议最终解释权归本企业所有。**
+
+**协议版本：1.0**  
+**生效日期：2025年8月7日**
+
diff --git a/public/隐私协议.txt b/public/隐私协议.txt
new file mode 100644
index 0000000..7921e56
--- /dev/null
+++ b/public/隐私协议.txt
@@ -0,0 +1,585 @@
+# 智念科技服务小程序隐私协议
+
+**版本**：1.0  
+**生效日期**：2025年8月7日  
+**最后更新**：2025年8月7日
+
+## 重要提示
+
+本隐私协议（以下简称"本协议"）是您（用户）与本企业之间关于"智念科技服务"小程序（以下简称"本小程序"）个人信息保护的重要协议。
+
+我们深知个人信息对您的重要性，并会尽全力保护您的个人信息安全可靠。我们致力于维持您对我们的信任，恪守以下原则，保护您的个人信息：权责一致原则、目的明确原则、选择同意原则、最少够用原则、确保安全原则、主体参与原则、公开透明原则等。
+
+**请您在使用本小程序前，仔细阅读并充分理解本协议的全部内容。如果您不同意本协议的任何内容，您应立即停止使用本小程序。您使用本小程序的行为将视为对本协议的接受。**
+
+本协议将帮助您了解以下内容：
+- 我们如何收集和使用您的个人信息
+- 我们如何使用Cookie和同类技术
+- 我们如何共享、转让、公开披露您的个人信息
+- 我们如何保护您的个人信息
+- 您的权利
+- 我们如何处理儿童的个人信息
+- 您的个人信息如何在全球范围转移
+- 本协议如何更新
+- 如何联系我们
+
+## 第一条 我们如何收集和使用您的个人信息
+
+根据《中华人民共和国个人信息保护法》的规定，个人信息是以电子或者其他方式记录的与已识别或者可识别的自然人有关的各种信息，不包括匿名化处理后的信息。我们会按照如下方式收集和使用您的个人信息：
+
+### 1.1 我们收集的个人信息类型
+
+#### 1.1.1 您主动提供的信息
+
+**账户注册信息**：当您注册使用本小程序时，我们会收集您的微信昵称、头像等基本信息。这些信息是通过微信授权获得的，用于创建您的账户和提供个性化服务。
+
+**身份验证信息**：为了确保服务安全和满足法律要求，我们可能需要收集您的真实姓名、身份证号码、手机号码等身份信息。特别是在您进行预订服务时，根据《旅馆业治安管理办法》等法规要求，我们需要进行实名登记。
+
+**联系信息**：包括您的手机号码、电子邮箱地址、通讯地址等，用于与您联系、发送服务通知、处理订单等。
+
+**预订信息**：当您使用预订功能时，我们会收集您的入住日期、离店日期、房间类型偏好、特殊需求说明、同行人员信息等。
+
+**支付信息**：为了完成交易，我们会收集您选择的支付方式信息。但我们不会直接存储您的银行卡号、密码等敏感支付信息，这些信息由第三方支付服务提供商处理。
+
+**服务申请信息**：当您申请各类企业服务时，我们会收集您的具体需求、服务时间要求、联系方式等信息。
+
+#### 1.1.2 我们自动收集的信息
+
+**设备信息**：我们会收集您使用的设备信息，包括设备型号、操作系统版本、设备标识符、屏幕分辨率等。这些信息帮助我们优化小程序性能，提供更好的用户体验。
+
+**日志信息**：当您使用本小程序时，我们的服务器会自动记录一些信息，包括您的IP地址、访问时间、访问页面、停留时长、点击行为等。这些信息用于分析用户行为，改进服务质量。
+
+**位置信息**：在您明确同意的情况下，我们会收集您的地理位置信息，用于提供基于位置的服务推荐，如附近景点、餐厅等信息。您可以随时在设备设置中关闭位置服务。
+
+**使用偏好信息**：我们会记录您在使用小程序过程中的偏好设置、浏览历史、搜索记录等，用于为您提供个性化的内容推荐。
+
+### 1.2 我们如何使用您的个人信息
+
+我们会出于以下目的，运用相应的个人信息：
+
+#### 1.2.1 提供基础服务
+
+**账户管理**：使用您的注册信息创建和管理您的账户，验证您的身份，保障账户安全。
+
+**预订服务**：使用您的预订信息和联系信息处理您的预订申请，安排相应的服务，与您就预订事宜进行沟通。
+
+**客户服务**：使用您的联系信息和服务历史为您提供客户支持，处理您的咨询、投诉和建议。
+
+**支付处理**：使用您的支付信息完成交易，处理退款，防范支付风险。
+
+#### 1.2.2 改进和优化服务
+
+**服务分析**：分析您的使用行为和偏好，了解服务使用情况，优化产品功能和用户体验。
+
+**个性化推荐**：基于您的历史行为、偏好设置和位置信息，为您推荐可能感兴趣的服务和内容。
+
+**技术优化**：使用设备信息和日志信息优化小程序性能，修复技术问题，提升服务稳定性。
+
+#### 1.2.3 安全保障
+
+**安全防护**：监测和防范安全威胁，保护您的账户和信息安全，防止欺诈行为。
+
+**风险控制**：识别和预防可能的风险行为，保障服务的正常运行。
+
+**合规要求**：满足法律法规要求，如实名制登记、反洗钱等合规义务。
+
+#### 1.2.4 营销推广
+
+在获得您明确同意的前提下，我们可能会使用您的联系信息向您发送营销信息，包括优惠活动、新服务介绍等。您可以随时选择退订此类信息。
+
+### 1.3 个人信息处理的法律依据
+
+根据《中华人民共和国个人信息保护法》第十三条的规定，我们处理您的个人信息基于以下法律依据：
+
+**履行合同所必需**：为了向您提供预订、住宿等服务，我们需要处理相关的个人信息。
+
+**征得您的同意**：对于非必需的信息处理，我们会征得您的明确同意。
+
+**履行法定义务**：根据相关法律法规要求，如实名制登记、税务申报等。
+
+**保护重要合法权益**：为了保护您或他人的生命健康、财产安全等重要合法权益。
+
+**合法利益**：基于我们的合法利益进行必要的信息处理，但不会损害您的基本权利和自由。
+
+### 1.4 敏感个人信息的处理
+
+根据《中华人民共和国个人信息保护法》第二十八条的规定，敏感个人信息是一旦泄露或者非法使用，容易导致自然人的人格尊严受到侵害或者人身、财产安全受到危害的个人信息。
+
+我们可能处理的敏感个人信息包括：
+
+**身份证件号码**：用于实名验证和法律合规要求。
+
+**生物识别信息**：如人脸识别信息，仅在您明确同意并且为了特定安全目的时使用。
+
+**位置信息**：精确的地理位置信息，仅在您明确授权的情况下收集和使用。
+
+**金融账户信息**：支付相关的账户信息，用于完成交易。
+
+对于敏感个人信息的处理，我们会：
+- 获得您的单独同意
+- 告知您处理的必要性以及对您权益的影响
+- 采取更加严格的安全保护措施
+- 限制处理目的和使用范围
+- 定期评估处理的必要性
+
+
+## 第二条 我们如何使用Cookie和同类技术
+
+### 2.1 Cookie技术说明
+
+Cookie是一种网络技术，当您访问设置了Cookie的网站时，网站会在您的设备上存储小型文本文件。我们使用Cookie和类似技术来提供、保护和改进我们的服务。
+
+### 2.2 我们使用的Cookie类型
+
+**必要Cookie**：这些Cookie对于小程序的正常运行是必需的，包括身份验证、安全防护、基本功能实现等。这些Cookie无法被禁用。
+
+**功能Cookie**：这些Cookie用于记住您的偏好设置，如语言选择、字体大小等，以提供更个性化的体验。
+
+**分析Cookie**：这些Cookie帮助我们了解用户如何使用小程序，包括访问页面、使用功能的统计信息，用于改进服务质量。
+
+**营销Cookie**：在您同意的情况下，这些Cookie用于向您展示相关的广告和推荐内容。
+
+### 2.3 您的选择权
+
+您可以通过以下方式管理Cookie：
+- 在小程序设置中调整Cookie偏好
+- 在设备浏览器设置中管理Cookie
+- 联系我们获取帮助
+
+请注意，禁用某些Cookie可能会影响小程序的正常功能。
+
+## 第三条 我们如何共享、转让、公开披露您的个人信息
+
+我们承诺不会将您的个人信息出售给任何第三方。在以下情况下，我们可能会共享、转让或公开披露您的个人信息：
+
+### 3.1 信息共享
+
+#### 3.1.1 获得您的明确同意
+
+在获得您的明确同意后，我们会与第三方共享您的个人信息。
+
+#### 3.1.2 服务提供商
+
+我们可能会与以下类型的服务提供商共享必要的个人信息：
+
+**支付服务商**：为了完成支付交易，我们会与微信支付等第三方支付平台共享必要的交易信息。
+
+**云服务提供商**：我们使用云服务来存储和处理数据，会与云服务提供商共享必要的技术数据。
+
+**客服服务商**：为了提供客户服务，我们可能与第三方客服平台共享相关的沟通信息。
+
+**营销服务商**：在您同意的情况下，我们可能与营销服务商共享信息以提供个性化推荐。
+
+我们会与这些服务提供商签署严格的数据处理协议，要求他们按照我们的指示处理个人信息，并采取适当的安全措施。
+
+#### 3.1.3 关联公司
+
+我们可能与我们的关联公司共享您的个人信息，以提供一致的服务体验。所有关联公司都会遵循本隐私协议的要求。
+
+#### 3.1.4 法律要求
+
+在以下情况下，我们可能会共享您的个人信息：
+- 遵守适用的法律法规
+- 遵守法院命令或其他法律程序
+- 遵守相关政府机关的要求
+- 为维护我们的合法权益
+
+### 3.2 信息转让
+
+除以下情况外，我们不会将您的个人信息转让给任何第三方：
+
+**企业重组**：如果我们发生合并、收购或资产转让，您的个人信息可能会作为此类交易的一部分被转让。我们会要求新的持有者继续受本隐私协议的约束。
+
+**法律要求**：根据法律法规要求进行的转让。
+
+在任何情况下，我们都会事先通知您，并确保接收方承诺提供不低于本协议的保护水平。
+
+### 3.3 公开披露
+
+我们仅会在以下情况下公开披露您的个人信息：
+
+**获得您的明确同意**：在获得您的明确同意后进行公开披露。
+
+**法律要求**：基于法律、法规、法律程序、诉讼或政府主管部门强制性要求。
+
+**维护权益**：为维护我们或其他用户的合法权益。
+
+## 第四条 我们如何保护您的个人信息
+
+我们非常重视个人信息安全，采用符合业界标准的安全保护措施，保护您的个人信息，防止数据遭到未经授权访问、公开披露、使用、修改、损坏或丢失。
+
+### 4.1 技术安全措施
+
+**数据加密**：我们使用加密技术对您的个人信息进行加密存储和传输，确保数据在传输过程中的安全性。
+
+**访问控制**：我们建立了严格的访问控制机制，只有经过授权的人员才能访问个人信息，并且访问权限基于工作需要进行最小化授权。
+
+**安全审计**：我们定期进行安全审计，监控系统安全状况，及时发现和处理安全威胁。
+
+**数据备份**：我们建立了完善的数据备份机制，确保在发生意外情况时能够及时恢复数据。
+
+**网络安全**：我们部署了防火墙、入侵检测系统等网络安全设备，保护系统免受网络攻击。
+
+### 4.2 管理安全措施
+
+**人员管理**：我们对处理个人信息的员工进行严格的背景调查和安全培训，签署保密协议，确保员工了解并遵守个人信息保护要求。
+
+**制度建设**：我们建立了完善的个人信息保护管理制度，包括数据分类分级、访问权限管理、安全事件响应等制度。
+
+**供应商管理**：我们对第三方服务提供商进行严格的安全评估，要求其提供充分的安全保障，并签署数据处理协议。
+
+**定期评估**：我们定期对个人信息保护措施进行评估和改进，确保安全措施的有效性。
+
+### 4.3 安全事件响应
+
+**事件监控**：我们建立了24小时安全监控机制，及时发现安全异常。
+
+**应急响应**：一旦发生个人信息安全事件，我们会立即启动应急响应程序，采取措施控制事件影响范围。
+
+**事件通知**：根据法律要求，我们会及时向相关监管部门报告安全事件，并在必要时通知受影响的用户。
+
+**事件处理**：我们会对安全事件进行彻底调查，分析原因，采取改进措施，防止类似事件再次发生。
+
+### 4.4 数据存储安全
+
+**存储位置**：您的个人信息主要存储在中华人民共和国境内的服务器上。
+
+**存储期限**：我们仅在实现处理目的所必需的期限内保留您的个人信息。具体保留期限如下：
+- 账户信息：账户存续期间及注销后6个月
+- 交易记录：交易完成后5年（税务要求）
+- 日志信息：6个月
+- 营销信息：您撤回同意后立即删除
+
+**安全删除**：超过保留期限的个人信息将被安全删除或匿名化处理。
+
+## 第五条 您的权利
+
+根据《中华人民共和国个人信息保护法》，您对自己的个人信息享有以下权利：
+
+### 5.1 知情权
+
+您有权了解我们处理您个人信息的情况，包括：
+- 处理目的、处理方式
+- 处理的个人信息种类、保存期限
+- 个人信息的来源
+- 向第三方提供个人信息的情况
+- 您可以行使的权利和方式
+
+### 5.2 决定权
+
+您有权决定是否同意我们处理您的个人信息，包括：
+- 同意我们收集和使用您的个人信息
+- 选择接收或拒绝营销信息
+- 选择是否使用某些功能
+
+### 5.3 查阅权
+
+您有权查阅我们持有的您的个人信息。您可以通过以下方式行使查阅权：
+- 在小程序中查看个人信息
+- 联系客服申请查阅
+- 发送邮件至我们的隐私邮箱
+
+### 5.4 复制权
+
+您有权获得您的个人信息副本。我们会在验证您的身份后，以安全的方式向您提供个人信息副本。
+
+### 5.5 更正权
+
+如果您发现我们处理的关于您的个人信息有错误，您有权要求我们更正。您可以通过以下方式申请更正：
+- 在小程序中直接修改
+- 联系客服申请更正
+- 发送邮件说明需要更正的内容
+
+### 5.6 删除权
+
+在以下情况下，您有权要求我们删除您的个人信息：
+- 处理目的已实现、无法实现或者为实现处理目的不再必要
+- 我们停止提供产品或者服务，或者保存期限已届满
+- 您撤回同意
+- 我们违法处理您的个人信息
+- 法律、行政法规规定的其他情形
+
+### 5.7 撤回同意权
+
+对于基于您同意处理的个人信息，您有权随时撤回同意。撤回同意不会影响撤回前基于您同意已进行的个人信息处理活动的效力。
+
+### 5.8 解释说明权
+
+您有权要求我们对个人信息处理规则进行解释说明。
+
+### 5.9 权利行使方式
+
+您可以通过以下方式行使上述权利：
+
+**小程序内功能**：通过小程序内的隐私设置功能直接操作。
+
+**客服联系**：
+- 客服电话：[具体电话号码]
+- 在线客服：小程序内客服功能
+- 客服邮箱：[具体邮箱地址]
+
+**书面申请**：向我们的注册地址发送书面申请。
+
+为了保护您的个人信息安全，我们可能需要您提供身份证明。我们会在15个工作日内回复您的请求。
+
+### 5.10 权利限制
+
+在以下情况下，我们可能无法响应您的请求：
+- 与我们履行法律法规规定的义务相关的
+- 与国家安全、国防安全直接相关的
+- 与公共安全、公共卫生、重大公共利益直接相关的
+- 与刑事侦查、起诉、审判和执行判决等直接相关的
+- 我们有充分证据表明您存在主观恶意或滥用权利的
+- 响应您的请求将导致您或其他个人、组织的合法权益受到严重损害的
+- 涉及商业秘密的
+
+
+## 第六条 我们如何处理儿童的个人信息
+
+我们非常重视儿童个人信息的保护。根据《中华人民共和国个人信息保护法》和《儿童个人信息网络保护规定》，我们对儿童个人信息的处理遵循以下原则：
+
+### 6.1 儿童定义
+
+本协议中的"儿童"是指不满十四周岁的未成年人。
+
+### 6.2 儿童信息收集原则
+
+**最小必要原则**：我们仅在为儿童提供服务所必需的范围内收集儿童个人信息。
+
+**监护人同意原则**：收集儿童个人信息前，我们会征得儿童监护人的同意。
+
+**特殊保护原则**：对儿童个人信息采用更高的安全保护标准。
+
+### 6.3 监护人权利
+
+如果您是儿童的监护人，您有权：
+- 同意或拒绝我们收集、使用儿童的个人信息
+- 查阅、更正、删除儿童的个人信息
+- 拒绝我们进一步收集、使用儿童的个人信息
+
+### 6.4 特殊保护措施
+
+**单独同意**：对于儿童个人信息的处理，我们会征得监护人的单独同意。
+
+**显著标识**：在收集儿童个人信息的页面，我们会进行显著标识。
+
+**安全存储**：儿童个人信息采用更高级别的加密和安全措施。
+
+**定期删除**：我们会定期删除超过必要保存期限的儿童个人信息。
+
+### 6.5 发现未经同意收集
+
+如果我们发现在未事先获得可证实的监护人同意的情况下收集了儿童的个人信息，会设法尽快删除相关数据。
+
+## 第七条 您的个人信息如何在全球范围转移
+
+### 7.1 境内存储原则
+
+您的个人信息主要存储在中华人民共和国境内。我们承诺，在中华人民共和国境内收集和产生的个人信息，将存储在中华人民共和国境内。
+
+### 7.2 跨境传输情形
+
+在以下情况下，我们可能需要向境外传输您的个人信息：
+
+**技术支持**：为了提供技术支持和维护服务，可能需要向境外的技术服务提供商传输必要的技术数据。
+
+**关联公司**：向我们的境外关联公司传输信息以提供一致的服务体验。
+
+**法律要求**：根据法律法规要求或司法、行政机关要求。
+
+### 7.3 跨境传输保护措施
+
+如确需向境外传输您的个人信息，我们会：
+
+**获得同意**：事先征得您的单独同意。
+
+**安全评估**：进行个人信息保护影响评估。
+
+**合同保障**：与境外接收方签署数据传输协议，确保其提供充分的保护水平。
+
+**监管报告**：按照法律要求向相关监管部门报告。
+
+**持续监督**：对境外处理活动进行持续监督。
+
+### 7.4 境外接收方义务
+
+境外接收方应当：
+- 遵守中华人民共和国个人信息保护法律法规
+- 提供不低于本协议的保护水平
+- 接受我们的监督和审计
+- 在发生安全事件时及时通知我们
+
+## 第八条 本协议如何更新
+
+### 8.1 更新原因
+
+我们可能会因以下原因更新本隐私协议：
+- 法律法规发生变化
+- 业务功能发生重大变化
+- 技术环境发生变化
+- 为了更好地保护您的权益
+
+### 8.2 更新通知
+
+当我们更新本协议时，会通过以下方式通知您：
+- 在小程序内发布更新公告
+- 向您的注册邮箱发送邮件通知
+- 通过短信方式通知
+- 在小程序启动时弹窗提醒
+
+### 8.3 重大变更
+
+对于重大变更，我们会：
+- 提前30天通知您
+- 以更显著的方式通知您
+- 重新征求您的同意
+- 提供拒绝选项和相应后果说明
+
+重大变更包括但不限于：
+- 处理目的、处理的个人信息类型、个人信息的使用方式发生重大变化
+- 个人信息共享、转让或公开披露的主要对象发生变化
+- 您参与个人信息处理方面的权利及其行使方式发生重大变化
+- 我们的联系方式及投诉渠道发生变化
+- 个人信息安全影响评估报告表明存在高风险时
+
+### 8.4 生效时间
+
+更新后的协议自公布之日起30天后生效。如果您在协议生效后继续使用我们的服务，即表示您同意接受更新后的协议。
+
+## 第九条 如何联系我们
+
+### 9.1 一般联系方式
+
+如果您对本隐私协议有任何疑问、意见或建议，或者需要行使您的个人信息权利，可以通过以下方式联系我们：
+
+**企业信息**：
+- 企业名称：[具体企业名称]
+- 注册地址：[具体注册地址]
+- 法定代表人：[具体姓名]
+- 营业执照注册号：[具体注册号]
+
+**联系方式**：
+- 客服电话：[具体电话号码]（服务时间：9:00-21:00）
+- 客服邮箱：[具体邮箱地址]
+- 隐私专用邮箱：privacy@[企业域名]
+- 在线客服：小程序内客服功能
+- 通讯地址：[具体通讯地址]
+
+### 9.2 个人信息保护负责人
+
+我们设立了个人信息保护负责人，负责处理个人信息保护相关事务：
+
+**姓名**：[负责人姓名]
+**职务**：个人信息保护负责人
+**联系邮箱**：dpo@[企业域名]
+**联系电话**：[专用电话号码]
+
+### 9.3 响应时间
+
+我们承诺在收到您的咨询或申请后：
+- 一般咨询：3个工作日内回复
+- 权利行使申请：15个工作日内处理完成
+- 投诉举报：7个工作日内回复处理结果
+- 紧急安全事件：24小时内响应
+
+### 9.4 监管部门联系方式
+
+如果您认为我们的个人信息处理活动损害了您的合法权益，您也可以向有关监管部门投诉举报：
+
+**国家网信办**：
+- 网站：www.cac.gov.cn
+- 举报电话：12377
+
+**工信部**：
+- 网站：www.miit.gov.cn
+- 举报电话：12381
+
+**当地网信办**：
+- 可通过当地政府网站查询联系方式
+
+## 第十条 其他重要事项
+
+### 10.1 协议效力
+
+本隐私协议是《智念科技服务小程序服务协议》的重要组成部分，与服务协议具有同等法律效力。如本协议与服务协议存在不一致之处，以本协议为准。
+
+### 10.2 适用法律
+
+本协议的解释、效力及纠纷的解决，适用中华人民共和国法律。如就本协议内容或其执行发生任何争议，应尽量友好协商解决；协商不成时，则争议各方同意提交有管辖权的人民法院诉讼解决。
+
+### 10.3 可分割性
+
+若本协议的任何条款被有管辖权的法院认定为无效，则该条款将从本协议中删除，但本协议的其余条款仍应有效并且可执行。
+
+### 10.4 语言版本
+
+本协议以中文版本为准。如本协议有其他语言版本，当不同语言版本之间存在冲突时，以中文版本为准。
+
+### 10.5 定义解释
+
+本协议中使用的特定术语的含义如下：
+
+**个人信息**：以电子或者其他方式记录的与已识别或者可识别的自然人有关的各种信息，不包括匿名化处理后的信息。
+
+**敏感个人信息**：一旦泄露或者非法使用，容易导致自然人的人格尊严受到侵害或者人身、财产安全受到危害的个人信息。
+
+**个人信息处理**：个人信息的收集、存储、使用、加工、传输、提供、公开、删除等。
+
+**匿名化**：个人信息经过处理无法识别特定自然人且不能复原的过程。
+
+**去标识化**：个人信息经过处理，使其在不借助额外信息的情况下无法识别特定自然人的过程。
+
+## 附录：个人信息处理活动记录
+
+为了提高透明度，我们在此列出主要的个人信息处理活动：
+
+### A.1 智能对话功能
+
+| 项目 | 内容 |
+|------|------|
+| 处理目的 | 提供AI客服对话服务 |
+| 信息类型 | 对话内容、使用记录、设备信息 |
+| 法律依据 | 履行合同、用户同意 |
+| 保存期限 | 6个月 |
+| 共享对象 | AI服务提供商 |
+
+### A.2 预订服务功能
+
+| 项目 | 内容 |
+|------|------|
+| 处理目的 | 处理预订申请、提供住宿服务 |
+| 信息类型 | 身份信息、联系信息、预订信息、支付信息 |
+| 法律依据 | 履行合同、法定义务 |
+| 保存期限 | 5年（税务要求） |
+| 共享对象 | 支付服务商、监管部门 |
+
+### A.3 位置服务功能
+
+| 项目 | 内容 |
+|------|------|
+| 处理目的 | 提供基于位置的推荐服务 |
+| 信息类型 | 地理位置信息 |
+| 法律依据 | 用户同意 |
+| 保存期限 | 使用期间 |
+| 共享对象 | 地图服务提供商 |
+
+### A.4 营销推广功能
+
+| 项目 | 内容 |
+|------|------|
+| 处理目的 | 发送营销信息、个性化推荐 |
+| 信息类型 | 联系信息、偏好信息、行为数据 |
+| 法律依据 | 用户同意 |
+| 保存期限 | 同意撤回后立即删除 |
+| 共享对象 | 营销服务商 |
+
+---
+
+**本隐私协议最终解释权归本企业所有。**
+
+**协议版本：1.0**  
+**生效日期：2025年8月7日**  
+**最后更新：2025年8月7日**
+
+我们承诺严格遵守本协议，保护您的个人信息安全。感谢您对我们的信任！
+
diff --git a/src/App.tsx b/src/App.tsx
new file mode 100644
index 0000000..80a2f76
--- /dev/null
+++ b/src/App.tsx
@@ -0,0 +1,317 @@
+import { useEffect, useState } from "react";
+import {
+  EnvelopeSimple,
+  Fingerprint,
+  Handshake,
+  Phone,
+  Target,
+} from "@phosphor-icons/react";
+import {
+  defaultLanguage,
+  isLanguage,
+  siteContent,
+  type Language,
+  type SiteContent,
+} from "./content";
+import { ActionLink } from "./components/ActionLink";
+import { HeroSection } from "./components/HeroSection";
+import { LogoMark } from "./components/LogoMark";
+import { MethodScrollRail } from "./components/MethodScrollRail";
+import { RevealSection } from "./components/RevealSection";
+import { SiteHeader } from "./components/SiteHeader";
+
+const impactIcons = [
+  Handshake,
+  Target,
+  Fingerprint,
+];
+
+const languageStorageKey = "nianxx-language";
+
+const splitRoute = (nextPath: string) => {
+  const [pathname, hash] = nextPath.split("#");
+  return {
+    pathname: pathname || "/",
+    hash: hash ? `#${hash}` : "",
+  };
+};
+
+const normalizePath = (nextPath: string) => {
+  const { pathname } = splitRoute(nextPath);
+  if (pathname === "/how-we-work") return "/";
+  if (pathname === "/contact") return "/about";
+  return pathname;
+};
+
+const scrollToHashTarget = (hash: string) => {
+  if (!hash) return;
+  window.setTimeout(() => {
+    document
+      .getElementById(hash.slice(1))
+      ?.scrollIntoView({ behavior: "smooth", block: "start" });
+  }, 0);
+};
+
+const getInitialLanguage = (): Language => {
+  try {
+    const storedLanguage = window.localStorage.getItem(languageStorageKey);
+    if (isLanguage(storedLanguage)) return storedLanguage;
+  } catch {
+    return defaultLanguage;
+  }
+
+  return defaultLanguage;
+};
+
+function App() {
+  const [path, setPath] = useState(normalizePath(window.location.pathname));
+  const [language, setLanguage] = useState<Language>(getInitialLanguage);
+  const content = siteContent[language];
+
+  const navigate = (nextPath: string) => {
+    const { hash } = splitRoute(nextPath);
+    const normalizedPath = normalizePath(nextPath);
+    const normalizedUrl = `${normalizedPath}${hash}`;
+    if (`${window.location.pathname}${window.location.hash}` !== normalizedUrl) {
+      window.history.pushState({}, "", normalizedUrl);
+    }
+    setPath(normalizedPath);
+    if (hash) {
+      scrollToHashTarget(hash);
+    } else {
+      window.scrollTo({ top: 0, behavior: "smooth" });
+    }
+  };
+
+  useEffect(() => {
+    if (window.location.pathname !== path) {
+      window.history.replaceState({}, "", `${path}${window.location.hash}`);
+    }
+    scrollToHashTarget(window.location.hash);
+
+    const onPopState = () => {
+      const normalizedPath = normalizePath(window.location.pathname);
+      if (window.location.pathname !== normalizedPath) {
+        window.history.replaceState({}, "", `${normalizedPath}${window.location.hash}`);
+      }
+      setPath(normalizedPath);
+      scrollToHashTarget(window.location.hash);
+    };
+    window.addEventListener("popstate", onPopState);
+    return () => window.removeEventListener("popstate", onPopState);
+  }, [path]);
+
+  useEffect(() => {
+    document.title = content.meta.titles[path] ?? content.meta.titles["/"];
+    document.documentElement.lang = content.meta.htmlLang;
+
+    const metaDescription = document.querySelector<HTMLMetaElement>(
+      'meta[name="description"]',
+    );
+    metaDescription?.setAttribute("content", content.meta.description);
+
+    try {
+      window.localStorage.setItem(languageStorageKey, language);
+    } catch {
+      // Local storage can be unavailable in restricted browsing contexts.
+    }
+  }, [content, language, path]);
+
+  return (
+    <>
+      <SiteHeader
+        content={content}
+        language={language}
+        navigate={navigate}
+        path={path}
+        setLanguage={setLanguage}
+      />
+      <main>
+        {path === "/about" ? (
+          <AboutPage content={content} />
+        ) : (
+          <HomePage content={content} navigate={navigate} />
+        )}
+      </main>
+      <Footer content={content} navigate={navigate} />
+    </>
+  );
+}
+
+function HomePage({
+  content,
+  navigate,
+}: {
+  content: SiteContent;
+  navigate: (path: string) => void;
+}) {
+  const fieldCards: { title: string; text?: string }[] = [
+    ...content.fieldNetworks,
+    {
+      title: content.home.moreIndustryTitle,
+    },
+  ];
+  const partnerNames = content.fieldNetworks.flatMap((field) => field.partners);
+
+  return (
+    <>
+      <HeroSection content={content.hero} navigate={navigate} />
+      <MethodScrollRail content={content.method} />
+
+      <ImpactSection content={content} />
+
+      <RevealSection className="field-network-section">
+        <div className="section-heading">
+          <h2>{content.home.fieldHeading}</h2>
+        </div>
+        <div className="field-partner-layout">
+          <div className="field-scenes reveal-item">
+            {fieldCards.map((field) => (
+              <article
+                className={`field-scene${field.text ? "" : " is-muted"}`}
+                key={field.title}
+              >
+                <div>
+                  <span>{field.title}</span>
+                  {field.text ? <p>{field.text}</p> : null}
+                </div>
+              </article>
+            ))}
+          </div>
+          <div
+            className="partner-diamond-wall reveal-item"
+            aria-label={content.home.partnerWallAria}
+          >
+            <div className="partner-diamond-grid">
+              {partnerNames.map((partner) => (
+                <span className="partner-diamond" key={partner}>
+                  <span className="partner-mark">{partner}</span>
+                </span>
+              ))}
+            </div>
+          </div>
+        </div>
+      </RevealSection>
+
+      <RevealSection className="contact-band">
+        <div className="contact-band-inner reveal-item">
+          <p className="contact-band-message">{content.home.contactMessage}</p>
+          <ActionLink
+            activeText={content.home.contactActiveText}
+            onClick={() => navigate("/about#contact")}
+          >
+            {content.home.contactCta}
+          </ActionLink>
+        </div>
+      </RevealSection>
+    </>
+  );
+}
+
+function ImpactSection({ content }: { content: SiteContent }) {
+  return (
+    <RevealSection className="impact-section">
+      <div className="section-heading">
+        <h2>{content.home.impactHeading}</h2>
+      </div>
+      <div className="impact-list">
+        {content.impactChanges.map((change, index) => {
+          const ImpactIcon = impactIcons[index];
+
+          return (
+            <article className="impact-item reveal-item" key={change.title}>
+              <span className="impact-icon" aria-hidden="true">
+                <ImpactIcon size={128} weight="duotone" />
+              </span>
+              <div className="impact-copy">
+                <h3>{change.title}</h3>
+                <p className="impact-subtitle">
+                  {change.subtitleLines.map((line) => (
+                    <span key={line}>{line}</span>
+                  ))}
+                </p>
+              </div>
+            </article>
+          );
+        })}
+      </div>
+    </RevealSection>
+  );
+}
+
+function AboutPage({ content }: { content: SiteContent }) {
+  return (
+    <RevealSection className="about-contact-page">
+      <div className="about-contact-layout reveal-item">
+        <h1 className="about-contact-title">{content.about.title}</h1>
+        <div className="about-contact-copy">
+          <p>{content.about.intro}</p>
+          <div id="contact" className="about-contact-group">
+            <dl
+              className="about-contact-list"
+              aria-label={content.about.contactListAria}
+            >
+              {content.about.contactItems.map((item, index) => {
+                const ContactIcon = index === 0 ? EnvelopeSimple : Phone;
+
+                return (
+                  <div key={item.label}>
+                    <ContactIcon size={20} weight="duotone" aria-hidden="true" />
+                    <dt>{item.label}</dt>
+                    <dd>{item.value}</dd>
+                  </div>
+                );
+              })}
+            </dl>
+            <p className="contact-slogan" aria-label="Together, be better">
+              <span className="contact-slogan-ink">Together</span> be better
+            </p>
+          </div>
+        </div>
+        <div className="about-contact-logo" aria-hidden="true">
+          <LogoMark />
+        </div>
+      </div>
+    </RevealSection>
+  );
+}
+
+function Footer({
+  content,
+  navigate,
+}: {
+  content: SiteContent;
+  navigate: (path: string) => void;
+}) {
+  return (
+    <footer className="site-footer">
+      <LogoMark alt={content.meta.logoAlt} />
+      <div className="footer-meta">
+        <p className="footer-company-line">
+          <span>{content.footer.companyName}</span>
+          <span aria-hidden="true">·</span>
+          <span>{content.footer.copyright}</span>
+        </p>
+        <nav className="footer-legal-links" aria-label={content.footer.navAria}>
+          <button type="button" onClick={() => navigate("/about#contact")}>
+            {content.footer.contact}
+          </button>
+          <span aria-hidden="true">·</span>
+          <a href="/service-agreement.html">{content.footer.serviceAgreement}</a>
+          <span aria-hidden="true">·</span>
+          <a href="/privacy-policy.html">{content.footer.privacyPolicy}</a>
+          <span aria-hidden="true">·</span>
+          <a
+            href="https://beian.miit.gov.cn/"
+            target="_blank"
+            rel="noopener noreferrer"
+          >
+            {content.footer.filing}
+          </a>
+        </nav>
+      </div>
+    </footer>
+  );
+}
+
+export default App;
diff --git a/src/assets.ts b/src/assets.ts
new file mode 100644
index 0000000..1581c7c
--- /dev/null
+++ b/src/assets.ts
@@ -0,0 +1,51 @@
+import mainLogo from "./brand/logo-main.png";
+import blackLogo from "./brand/logo-black.png";
+import whiteLogo from "./brand/logo-white.png";
+import method01WorkflowRebuild from "./media/method/method-01-workflow-rebuild.png";
+import method02EnterpriseDataOntology from "./media/method/method-02-enterprise-data-ontology.png";
+import method02EnterpriseOntology from "./media/method/method-02-enterprise-ontology.png";
+import method03AgentMessageCenter from "./media/method/method-03-agent-message-center.png";
+import method03AgentPlatform from "./media/method/method-03-agent-platform.png";
+import method03AigcEngine from "./media/method/method-03-aigc-engine.png";
+import method04AiBehaviorAudit from "./media/method/method-04-ai-behavior-audit.png";
+import method04AiWorkLog from "./media/method/method-04-ai-work-log.png";
+
+export const logos = {
+  main: mainLogo,
+  black: blackLogo,
+  white: whiteLogo,
+};
+
+export const media = {
+  hero: "/hero-poster.jpg",
+  heroVideo: "/hero-video.mp4?v=noaudio",
+  onsite:
+    "https://images.unsplash.com/photo-1556761175-b413da4baf72?auto=format&fit=crop&w=1200&q=82",
+  onsiteScreens: [method01WorkflowRebuild],
+  knowledge:
+    "https://images.unsplash.com/photo-1451187580459-43490279c0fa?auto=format&fit=crop&w=1200&q=82",
+  knowledgeScreens: [
+    method02EnterpriseOntology,
+    method02EnterpriseDataOntology,
+  ],
+  workflow:
+    "https://images.unsplash.com/photo-1516321318423-f06f85e504b3?auto=format&fit=crop&w=1200&q=82",
+  workflowScreens: [
+    method03AgentPlatform,
+    method03AgentMessageCenter,
+    method03AigcEngine,
+  ],
+  audit:
+    "https://images.unsplash.com/photo-1460925895917-afdab827c52f?auto=format&fit=crop&w=1200&q=82",
+  auditScreens: [method04AiBehaviorAudit, method04AiWorkLog],
+  travel:
+    "https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?auto=format&fit=crop&w=1200&q=82",
+  scenic:
+    "https://images.unsplash.com/photo-1506744038136-46273834b3fb?auto=format&fit=crop&w=1200&q=82",
+  hotel:
+    "https://images.unsplash.com/photo-1566073771259-6a8506099945?auto=format&fit=crop&w=1200&q=82",
+  education:
+    "https://images.unsplash.com/photo-1522202176988-66273c2fd55f?auto=format&fit=crop&w=1200&q=82",
+  about:
+    "https://images.unsplash.com/photo-1497215842964-222b430dc094?auto=format&fit=crop&w=1400&q=82",
+};
diff --git a/src/brand/logo-black.png b/src/brand/logo-black.png
new file mode 100644
index 0000000..9fecfd2
Binary files /dev/null and b/src/brand/logo-black.png differ
diff --git a/src/brand/logo-main.png b/src/brand/logo-main.png
new file mode 100644
index 0000000..8d2cee9
Binary files /dev/null and b/src/brand/logo-main.png differ
diff --git a/src/brand/logo-white.png b/src/brand/logo-white.png
new file mode 100644
index 0000000..18affb6
Binary files /dev/null and b/src/brand/logo-white.png differ
diff --git a/src/components/ActionLink.tsx b/src/components/ActionLink.tsx
new file mode 100644
index 0000000..6aaa7ef
--- /dev/null
+++ b/src/components/ActionLink.tsx
@@ -0,0 +1,49 @@
+import { useState } from "react";
+import { SlotText } from "slot-text/react";
+import { useMediaQuery, usePrefersReducedMotion } from "../hooks";
+
+type ActionLinkProps = {
+  children: string;
+  activeText?: string;
+  onClick?: () => void;
+  variant?: "primary" | "secondary";
+};
+
+export function ActionLink({
+  children,
+  activeText = children,
+  onClick,
+  variant = "primary",
+}: ActionLinkProps) {
+  const [active, setActive] = useState(false);
+  const reduced = usePrefersReducedMotion();
+  const compact = useMediaQuery("(max-width: 720px)");
+  const label = active ? activeText : children;
+
+  return (
+    <button
+      className={`action-link action-link-${variant}`}
+      type="button"
+      aria-label={label}
+      onClick={onClick}
+      onFocus={() => setActive(true)}
+      onBlur={() => setActive(false)}
+      onMouseEnter={() => setActive(true)}
+      onMouseLeave={() => setActive(false)}
+    >
+      {reduced || compact ? (
+        <span>{label}</span>
+      ) : (
+        <SlotText
+          text={label}
+          options={{
+            direction: active ? "up" : "down",
+            duration: 260,
+            stagger: 28,
+            interrupt: true,
+          }}
+        />
+      )}
+    </button>
+  );
+}
diff --git a/src/components/HeroSection.tsx b/src/components/HeroSection.tsx
new file mode 100644
index 0000000..d984b42
--- /dev/null
+++ b/src/components/HeroSection.tsx
@@ -0,0 +1,262 @@
+import { useEffect, useRef, useState } from "react";
+import { CaretDown } from "@phosphor-icons/react";
+import { gsap } from "gsap";
+import { ScrollTrigger } from "gsap/ScrollTrigger";
+import { useGSAP } from "@gsap/react";
+import { media } from "../assets";
+import type { SiteContent } from "../content";
+import { ActionLink } from "./ActionLink";
+import { SlotKeyword } from "./SlotKeyword";
+
+gsap.registerPlugin(useGSAP, ScrollTrigger);
+
+type HeroSectionProps = {
+  content: SiteContent["hero"];
+  navigate: (path: string) => void;
+};
+
+export function HeroSection({ content, navigate }: HeroSectionProps) {
+  const root = useRef<HTMLElement | null>(null);
+  const videoRef = useRef<HTMLVideoElement | null>(null);
+  const [showScrollCue, setShowScrollCue] = useState(true);
+
+  const scrollToMethod = () => {
+    document
+      .getElementById("home-how-we-work")
+      ?.scrollIntoView({ behavior: "smooth", block: "start" });
+  };
+
+  const scrollToNextSection = () => {
+    scrollToMethod();
+  };
+
+  useEffect(() => {
+    let frame = 0;
+
+    const updateScrollCue = () => {
+      window.cancelAnimationFrame(frame);
+      frame = window.requestAnimationFrame(() => {
+        setShowScrollCue(window.scrollY < 48);
+      });
+    };
+
+    updateScrollCue();
+    window.addEventListener("scroll", updateScrollCue, { passive: true });
+    return () => {
+      window.cancelAnimationFrame(frame);
+      window.removeEventListener("scroll", updateScrollCue);
+    };
+  }, []);
+
+  useEffect(() => {
+    const video = videoRef.current;
+    if (!video) return;
+
+    type WeixinBridge = {
+      invoke?: (
+        method: string,
+        params: Record<string, never>,
+        callback?: () => void,
+      ) => void;
+    };
+
+    video.muted = true;
+    video.defaultMuted = true;
+    video.playsInline = true;
+    video.setAttribute("muted", "");
+    video.setAttribute("playsinline", "");
+    video.setAttribute("webkit-playsinline", "");
+    video.setAttribute("x5-playsinline", "");
+    video.setAttribute("x5-video-player-type", "h5-page");
+    video.setAttribute("x5-video-player-fullscreen", "false");
+
+    let retryCount = 0;
+    let retryTimer = 0;
+    const scheduledTimers: number[] = [];
+
+    const forceFirstFrame = () => {
+      try {
+        if (video.readyState >= HTMLMediaElement.HAVE_METADATA && video.currentTime < 0.04) {
+          video.currentTime = 0.05;
+        }
+      } catch {
+        // Some embedded browsers reject programmatic seeking before playback starts.
+      }
+    };
+
+    const playVideo = () => {
+      if (document.hidden) return;
+      video.muted = true;
+      video.defaultMuted = true;
+      forceFirstFrame();
+
+      const playPromise = video.play();
+      if (playPromise) {
+        playPromise.catch(() => {
+          if (retryCount >= 6) return;
+          retryCount += 1;
+          window.clearTimeout(retryTimer);
+          retryTimer = window.setTimeout(playVideo, 360);
+        });
+      }
+    };
+
+    const playThroughWeixinBridge = () => {
+      const bridge = (window as Window & { WeixinJSBridge?: WeixinBridge })
+        .WeixinJSBridge;
+
+      if (bridge?.invoke) {
+        bridge.invoke("getNetworkType", {}, playVideo);
+        return;
+      }
+
+      playVideo();
+    };
+
+    const playOnVisible = () => {
+      if (!document.hidden) playVideo();
+    };
+
+    const markVideoPainting = () => {
+      video.removeAttribute("poster");
+    };
+
+    playThroughWeixinBridge();
+    [120, 420, 980, 1800].forEach((delay) => {
+      scheduledTimers.push(window.setTimeout(playThroughWeixinBridge, delay));
+    });
+
+    video.addEventListener("loadedmetadata", forceFirstFrame);
+    video.addEventListener("loadeddata", playThroughWeixinBridge);
+    video.addEventListener("canplay", playThroughWeixinBridge);
+    video.addEventListener("playing", markVideoPainting);
+    document.addEventListener("visibilitychange", playOnVisible);
+    window.addEventListener("pageshow", playThroughWeixinBridge);
+    document.addEventListener("WeixinJSBridgeReady", playThroughWeixinBridge);
+    document.addEventListener("touchstart", playThroughWeixinBridge, {
+      once: true,
+      passive: true,
+    });
+
+    return () => {
+      window.clearTimeout(retryTimer);
+      scheduledTimers.forEach((timer) => window.clearTimeout(timer));
+      video.removeEventListener("loadedmetadata", forceFirstFrame);
+      video.removeEventListener("loadeddata", playThroughWeixinBridge);
+      video.removeEventListener("canplay", playThroughWeixinBridge);
+      video.removeEventListener("playing", markVideoPainting);
+      document.removeEventListener("visibilitychange", playOnVisible);
+      window.removeEventListener("pageshow", playThroughWeixinBridge);
+      document.removeEventListener("WeixinJSBridgeReady", playThroughWeixinBridge);
+      document.removeEventListener("touchstart", playThroughWeixinBridge);
+    };
+  }, []);
+
+  useGSAP(
+    () => {
+      const mm = gsap.matchMedia();
+
+      mm.add("(prefers-reduced-motion: no-preference)", () => {
+        const timeline = gsap.timeline({
+          defaults: { duration: 0.72, ease: "power3.out" },
+        });
+
+        timeline.from(".hero-copy > *", {
+          y: 28,
+          autoAlpha: 0,
+          stagger: 0.08,
+        }).from(
+          ".hero-media",
+          {
+            y: 20,
+            scale: 0.985,
+            autoAlpha: 0,
+          },
+          "-=0.35",
+        );
+
+        gsap.to(".hero-media-asset", {
+          scale: 1.045,
+          ease: "none",
+          scrollTrigger: {
+            trigger: root.current,
+            start: "top top",
+            end: "bottom top",
+            scrub: true,
+            invalidateOnRefresh: true,
+          },
+        });
+      });
+
+      return () => mm.revert();
+    },
+    { scope: root },
+  );
+
+  return (
+    <section ref={root} className="hero-section">
+      <div className="hero-copy">
+        <h1>
+          <span>
+            {content.titleBefore}
+            <span className="hero-title-accent">{content.titleAccent}</span>
+            {content.titleAfter}
+          </span>
+        </h1>
+        <p className="hero-lede">
+          <span className="hero-lede-line">
+            {content.ledePrefix}
+            <SlotKeyword
+              className="hero-value-slot"
+              words={content.keywords}
+            />
+          </span>
+        </p>
+        <div className="hero-actions">
+          <ActionLink
+            activeText={content.contactActiveText}
+            onClick={() => navigate("/about#contact")}
+          >
+            {content.contactCta}
+          </ActionLink>
+          <ActionLink
+            onClick={scrollToMethod}
+            variant="secondary"
+            activeText={content.methodActiveText}
+          >
+            {content.methodCta}
+          </ActionLink>
+        </div>
+      </div>
+
+      <div className="hero-visual" aria-label={content.visualAria}>
+        <figure className="hero-media">
+          <video
+            ref={videoRef}
+            className="hero-media-asset"
+            autoPlay
+            muted
+            loop
+            playsInline
+            preload="auto"
+            poster={media.hero}
+            aria-label={content.videoAria}
+          >
+            <source src={media.heroVideo} type="video/mp4" />
+          </video>
+        </figure>
+      </div>
+
+      <button
+        className={`hero-scroll-cue${showScrollCue ? "" : " is-hidden"}`}
+        type="button"
+        onClick={scrollToNextSection}
+        aria-label={content.scrollAria}
+        aria-hidden={!showScrollCue}
+        tabIndex={showScrollCue ? 0 : -1}
+      >
+        <CaretDown size={22} weight="bold" />
+      </button>
+    </section>
+  );
+}
diff --git a/src/components/LogoMark.tsx b/src/components/LogoMark.tsx
new file mode 100644
index 0000000..3439253
--- /dev/null
+++ b/src/components/LogoMark.tsx
@@ -0,0 +1,23 @@
+import { logos } from "../assets";
+
+type LogoMarkProps = {
+  alt?: string;
+  variant?: "main" | "black" | "white";
+  className?: string;
+};
+
+export function LogoMark({
+  alt = "NianXX",
+  variant = "main",
+  className = "",
+}: LogoMarkProps) {
+  return (
+    <img
+      className={`logo-mark ${className}`}
+      src={logos[variant]}
+      alt={alt}
+      width="320"
+      height="180"
+    />
+  );
+}
diff --git a/src/components/MediaFrame.tsx b/src/components/MediaFrame.tsx
new file mode 100644
index 0000000..f45ae41
--- /dev/null
+++ b/src/components/MediaFrame.tsx
@@ -0,0 +1,14 @@
+type MediaFrameProps = {
+  image: string;
+  title: string;
+  className?: string;
+};
+
+export function MediaFrame({ image, title, className = "" }: MediaFrameProps) {
+  return (
+    <figure className={`media-frame ${className}`}>
+      <img src={image} alt={title} loading="lazy" />
+      <figcaption>{title}</figcaption>
+    </figure>
+  );
+}
diff --git a/src/components/MethodScrollRail.tsx b/src/components/MethodScrollRail.tsx
new file mode 100644
index 0000000..8433e91
--- /dev/null
+++ b/src/components/MethodScrollRail.tsx
@@ -0,0 +1,495 @@
+import { useEffect, useRef, useState } from "react";
+import { CheckCircle } from "@phosphor-icons/react";
+import { SlotText } from "slot-text/react";
+import { gsap } from "gsap";
+import { ScrollTrigger } from "gsap/ScrollTrigger";
+import { useGSAP } from "@gsap/react";
+import type { SiteContent } from "../content";
+import { usePrefersReducedMotion } from "../hooks";
+
+gsap.registerPlugin(useGSAP, ScrollTrigger);
+
+type MethodScrollRailProps = {
+  content: SiteContent["method"];
+};
+
+type MethodStaticMediaProps = {
+  imageTitles: string[];
+  images: string[];
+  swipeHint: string;
+  title: string;
+};
+
+function MethodStaticMedia({
+  imageTitles,
+  images,
+  swipeHint,
+  title,
+}: MethodStaticMediaProps) {
+  const track = useRef<HTMLDivElement | null>(null);
+  const [currentImage, setCurrentImage] = useState(0);
+  const hasMultipleImages = images.length > 1;
+
+  useEffect(() => {
+    if (!hasMultipleImages) {
+      setCurrentImage(0);
+      return undefined;
+    }
+
+    const trackElement = track.current;
+
+    if (!trackElement) {
+      return undefined;
+    }
+
+    let frame = 0;
+
+    const updateCurrentImage = () => {
+      const slides = Array.from(
+        trackElement.querySelectorAll<HTMLElement>(".method-static-media-item"),
+      );
+      const slideWidth = slides[1]
+        ? slides[1].offsetLeft - slides[0].offsetLeft
+        : (slides[0]?.clientWidth ?? trackElement.clientWidth);
+
+      if (!slideWidth) return;
+
+      const nextImage = Math.min(
+        images.length - 1,
+        Math.max(0, Math.round(trackElement.scrollLeft / slideWidth)),
+      );
+
+      setCurrentImage(nextImage);
+    };
+
+    const handleScroll = () => {
+      if (frame) return;
+
+      frame = window.requestAnimationFrame(() => {
+        frame = 0;
+        updateCurrentImage();
+      });
+    };
+
+    const resizeObserver = new ResizeObserver(updateCurrentImage);
+
+    updateCurrentImage();
+    resizeObserver.observe(trackElement);
+    trackElement.addEventListener("scroll", handleScroll, { passive: true });
+
+    return () => {
+      if (frame) {
+        window.cancelAnimationFrame(frame);
+      }
+
+      resizeObserver.disconnect();
+      trackElement.removeEventListener("scroll", handleScroll);
+    };
+  }, [hasMultipleImages, images.length]);
+
+  return (
+    <div
+      className={`method-static-media${hasMultipleImages ? " is-scrollable" : ""}`}
+      aria-label={
+        hasMultipleImages ? `${title} 图片预览，${swipeHint}` : undefined
+      }
+      role={hasMultipleImages ? "group" : undefined}
+    >
+      <div className="method-static-media-track" ref={track}>
+        {images.map((image, imageIndex) => (
+          <figure className="method-static-media-item" key={image}>
+            <img
+              alt={imageTitles[imageIndex]}
+              decoding="async"
+              loading="lazy"
+              src={image}
+            />
+            <figcaption>
+              {imageTitles[imageIndex]}
+              {hasMultipleImages ? (
+                <span>
+                  {imageIndex + 1}/{images.length}
+                </span>
+              ) : null}
+            </figcaption>
+          </figure>
+        ))}
+      </div>
+      {hasMultipleImages ? (
+        <>
+          <div className="method-static-media-dots" aria-hidden="true">
+            {images.map((image, imageIndex) => (
+              <span
+                className={currentImage === imageIndex ? "is-active" : undefined}
+                key={`${image}-dot`}
+              />
+            ))}
+          </div>
+        </>
+      ) : null}
+    </div>
+  );
+}
+
+export function MethodScrollRail({ content }: MethodScrollRailProps) {
+  const root = useRef<HTMLElement | null>(null);
+  const [activeIndex, setActiveIndex] = useState(0);
+  const reduced = usePrefersReducedMotion();
+  const methodSteps = content.steps;
+  const methodStepCount = methodSteps.length;
+  const active = methodSteps[activeIndex] ?? methodSteps[0];
+  const getDeliverablesLabel = (title: string) =>
+    `${title}${content.deliverablesSeparator}${content.deliverablesAria}`;
+  const activeImages = active.images?.length ? active.images : [active.image];
+  const activeImageTitles =
+    active.imageTitles?.length === activeImages.length
+      ? active.imageTitles
+      : activeImages.map((_, index) =>
+          activeImages.length === 1 ? active.title : `${active.title} ${index + 1}`,
+        );
+
+  useEffect(() => {
+    methodSteps.forEach((step) => {
+      const sources = step.images?.length ? step.images : [step.image];
+
+      sources.forEach((source) => {
+        const image = new Image();
+        image.decoding = "async";
+        image.src = source;
+      });
+    });
+  }, [methodSteps]);
+
+  useGSAP(
+    () => {
+      if (reduced) return undefined;
+
+      const mm = gsap.matchMedia();
+
+      mm.add("(min-width: 981px)", () => {
+        const stage = root.current?.querySelector<HTMLElement>(
+          ".method-pin-stage",
+        );
+        const steps = gsap.utils.toArray<HTMLElement>(
+          stage?.querySelectorAll(".method-steps .method-step") ?? [],
+        );
+        const stepsViewport = stage?.querySelector<HTMLElement>(
+          ".method-steps-viewport",
+        );
+        const progressFill = root.current?.querySelector<HTMLElement>(
+          ".method-progress-fill",
+        );
+        if (!stage || !steps.length || !stepsViewport || !progressFill) {
+          return undefined;
+        }
+
+        let currentIndex = 0;
+        const stepCount = steps.length;
+
+        const getTravel = () =>
+          Math.max(180, stepsViewport.clientHeight * 0.72);
+
+        const getProgressIndex = (progress: number) =>
+          Math.min(stepCount - 1, Math.max(0, Math.floor(progress * stepCount)));
+
+        const setStepState = (index: number) => {
+          const verticalTravel = getTravel();
+
+          steps.forEach((step, stepIndex) => {
+            const isActive = stepIndex === index;
+
+            step.classList.toggle("is-active", isActive);
+
+            gsap.set(step, {
+              autoAlpha: isActive ? 1 : 0,
+              y: isActive ? 0 : stepIndex < index ? -verticalTravel : verticalTravel,
+              scale: isActive ? 1 : 0.985,
+              zIndex: isActive ? 2 : 0,
+              pointerEvents: isActive ? "auto" : "none",
+            });
+          });
+        };
+
+        const showStep = (nextIndex: number, immediate = false) => {
+          const previousIndex = currentIndex;
+          const previousStep = steps[previousIndex];
+          const nextStep = steps[nextIndex];
+
+          gsap.killTweensOf(steps);
+
+          if (immediate || nextIndex === previousIndex) {
+            currentIndex = nextIndex;
+            setStepState(nextIndex);
+            setActiveIndex(nextIndex);
+            return;
+          }
+
+          const direction = nextIndex > previousIndex ? 1 : -1;
+          const verticalTravel = getTravel();
+
+          currentIndex = nextIndex;
+          setActiveIndex(nextIndex);
+
+          steps.forEach((step, stepIndex) => {
+            const isActive = stepIndex === nextIndex;
+            step.classList.toggle("is-active", isActive);
+
+            if (stepIndex !== nextIndex && stepIndex !== previousIndex) {
+              gsap.set(step, {
+                autoAlpha: 0,
+                y:
+                  stepIndex < nextIndex
+                    ? -verticalTravel
+                    : verticalTravel,
+                scale: 0.985,
+                zIndex: 0,
+                pointerEvents: "none",
+              });
+            }
+          });
+
+          gsap.set(nextStep, {
+            autoAlpha: 1,
+            y: direction * verticalTravel,
+            scale: 0.985,
+            zIndex: 2,
+            pointerEvents: "auto",
+          });
+
+          gsap.set(previousStep, {
+            autoAlpha: 1,
+            y: 0,
+            scale: 1,
+            zIndex: 1,
+            pointerEvents: "none",
+          });
+
+          gsap
+            .timeline({
+              defaults: {
+                duration: 0.48,
+                ease: "power2.out",
+                overwrite: true,
+              },
+              onComplete: () => {
+                gsap.set(previousStep, {
+                  autoAlpha: 0,
+                  y: -direction * verticalTravel,
+                  zIndex: 0,
+                  pointerEvents: "none",
+                });
+              },
+            })
+            .to(nextStep, { y: 0, scale: 1 }, 0)
+            .to(previousStep, { y: -direction * verticalTravel, scale: 0.985 }, 0);
+        };
+
+        gsap.set(progressFill, {
+          scaleY: 0,
+          transformOrigin: "top",
+        });
+        setStepState(0);
+
+        const trigger = ScrollTrigger.create({
+          trigger: stage,
+          start: "top top",
+          end: () => `+=${window.innerHeight * (stepCount + 0.35)}`,
+          pin: true,
+          pinSpacing: true,
+          anticipatePin: 1,
+          invalidateOnRefresh: true,
+          onUpdate: (self) => {
+            const nextIndex = getProgressIndex(self.progress);
+            gsap.set(progressFill, { scaleY: self.progress });
+
+            if (nextIndex !== currentIndex) {
+              showStep(nextIndex);
+            }
+          },
+          onRefresh: (self) => {
+            const nextIndex = getProgressIndex(self.progress);
+            gsap.set(progressFill, { scaleY: self.progress });
+            showStep(nextIndex, true);
+          },
+        });
+
+        return () => {
+          gsap.killTweensOf(steps);
+          trigger.kill(true);
+        };
+      });
+
+      return () => mm.revert();
+    },
+    { dependencies: [methodStepCount, reduced], scope: root },
+  );
+
+  return (
+    <section
+      id="home-how-we-work"
+      ref={root}
+      className={`section method-section${reduced ? " is-reduced-motion" : ""}`}
+    >
+      <div className="method-pin-stage">
+        <div className="method-layout">
+          <div className="method-copy-column">
+            <div className="section-heading method-heading">
+              <h2>{content.heading}</h2>
+              <div className="method-status">
+                <h3 className="method-label">
+                  {reduced ? (
+                    <>
+                      <span className="method-title-index">
+                        0{activeIndex + 1}
+                      </span>
+                      <span>{active.title}</span>
+                    </>
+                  ) : (
+                    <>
+                      <span
+                        className="method-title-index method-title-index-slot"
+                        aria-hidden="true"
+                      >
+                        <SlotText
+                          text={`0${activeIndex + 1}`}
+                          options={{
+                            direction: "up",
+                            duration: 320,
+                            stagger: 18,
+                            color: "var(--accent-logo)",
+                            colorFade: 220,
+                            interrupt: true,
+                          }}
+                        />
+                      </span>
+                      <span className="method-title-slot" aria-hidden="true">
+                        <SlotText
+                          text={active.title}
+                          options={{
+                            direction: "up",
+                            duration: 320,
+                            stagger: 18,
+                            color: "var(--accent-logo)",
+                            colorFade: 220,
+                            interrupt: true,
+                          }}
+                        />
+                      </span>
+                      <span className="sr-only">
+                        0{activeIndex + 1} {active.title}
+                      </span>
+                    </>
+                  )}
+                </h3>
+              </div>
+            </div>
+
+            <div className="method-steps-shell">
+              <div className="method-content-progress" aria-hidden="true">
+                <span className="method-progress-fill" />
+              </div>
+              <div className="method-steps-viewport">
+                <div className="method-steps">
+                  {methodSteps.map((step, index) => (
+                    <article
+                      className={`method-step ${
+                        activeIndex === index ? "is-active" : ""
+                      }`}
+                      key={step.key}
+                    >
+                      <div className="method-step-main">
+                        <p>{step.body}</p>
+                        <ul aria-label={getDeliverablesLabel(step.title)}>
+                          {step.outputs.map((output) => (
+                            <li key={output}>
+                              <CheckCircle
+                                aria-hidden="true"
+                                size={15}
+                                weight="fill"
+                              />
+                              <span>{output}</span>
+                            </li>
+                          ))}
+                        </ul>
+                      </div>
+                      <blockquote>
+                        <span className="method-quote-text">{step.quote}</span>
+                      </blockquote>
+                    </article>
+                  ))}
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <figure
+            className={`method-rail method-visual method-visual-count-${activeImages.length}`}
+            key={`${active.key}-image`}
+          >
+            <div className="method-image-set">
+              {activeImages.map((image, index) => (
+                <figure className="method-image-tile" key={image}>
+                  <figcaption>{activeImageTitles[index]}</figcaption>
+                  <div className="method-image-wrap">
+                    <img
+                      alt={activeImageTitles[index]}
+                      decoding="async"
+                      loading="eager"
+                      src={image}
+                    />
+                  </div>
+                </figure>
+              ))}
+            </div>
+          </figure>
+        </div>
+      </div>
+
+      <div className="method-static-flow" aria-label={content.staticAria}>
+        <div className="section-heading method-heading">
+          <h2>{content.heading}</h2>
+        </div>
+        <div className="method-static-list">
+          {methodSteps.map((step, index) => {
+            const staticImages = step.images?.length ? step.images : [step.image];
+            const staticImageTitles =
+              step.imageTitles?.length === staticImages.length
+                ? step.imageTitles
+                : staticImages.map((_, imageIndex) =>
+                    staticImages.length === 1
+                      ? step.title
+                      : `${step.title} ${imageIndex + 1}`,
+                  );
+
+            return (
+              <article className="method-step method-static-step" key={step.key}>
+                <h3 className="method-static-title">
+                  <span>0{index + 1}</span>
+                  {step.title}
+                </h3>
+                <MethodStaticMedia
+                  imageTitles={staticImageTitles}
+                  images={staticImages}
+                  swipeHint={content.swipeHint}
+                  title={step.title}
+                />
+                <p>{step.body}</p>
+                <ul>
+                  {step.outputs.map((output) => (
+                    <li key={output}>
+                      <CheckCircle aria-hidden="true" size={15} weight="fill" />
+                      <span>{output}</span>
+                    </li>
+                  ))}
+                </ul>
+                <blockquote>
+                  <span className="method-quote-text">{step.quote}</span>
+                </blockquote>
+              </article>
+            );
+          })}
+        </div>
+      </div>
+    </section>
+  );
+}
diff --git a/src/components/RevealSection.tsx b/src/components/RevealSection.tsx
new file mode 100644
index 0000000..292a30f
--- /dev/null
+++ b/src/components/RevealSection.tsx
@@ -0,0 +1,45 @@
+import { ReactNode, useRef } from "react";
+import { gsap } from "gsap";
+import { ScrollTrigger } from "gsap/ScrollTrigger";
+import { useGSAP } from "@gsap/react";
+
+gsap.registerPlugin(useGSAP, ScrollTrigger);
+
+type RevealSectionProps = {
+  children: ReactNode;
+  className?: string;
+};
+
+export function RevealSection({ children, className = "" }: RevealSectionProps) {
+  const root = useRef<HTMLElement | null>(null);
+
+  useGSAP(
+    () => {
+      const mm = gsap.matchMedia();
+
+      mm.add("(prefers-reduced-motion: no-preference)", () => {
+        gsap.from(".reveal-item", {
+          y: 26,
+          autoAlpha: 0,
+          duration: 0.72,
+          ease: "power3.out",
+          stagger: 0.07,
+          scrollTrigger: {
+            trigger: root.current,
+            start: "top 78%",
+            once: true,
+          },
+        });
+      });
+
+      return () => mm.revert();
+    },
+    { scope: root },
+  );
+
+  return (
+    <section ref={root} className={`section ${className}`}>
+      {children}
+    </section>
+  );
+}
diff --git a/src/components/SiteHeader.tsx b/src/components/SiteHeader.tsx
new file mode 100644
index 0000000..0686f54
--- /dev/null
+++ b/src/components/SiteHeader.tsx
@@ -0,0 +1,92 @@
+import { useRef } from "react";
+import { gsap } from "gsap";
+import { useGSAP } from "@gsap/react";
+import { languageOptions, type Language, type SiteContent } from "../content";
+import { LogoMark } from "./LogoMark";
+
+gsap.registerPlugin(useGSAP);
+
+type SiteHeaderProps = {
+  content: SiteContent;
+  language: Language;
+  path: string;
+  navigate: (path: string) => void;
+  setLanguage: (language: Language) => void;
+};
+
+export function SiteHeader({
+  content,
+  language,
+  path,
+  navigate,
+  setLanguage,
+}: SiteHeaderProps) {
+  const root = useRef<HTMLElement | null>(null);
+
+  useGSAP(
+    () => {
+      const mm = gsap.matchMedia();
+
+      mm.add("(prefers-reduced-motion: no-preference)", () => {
+        gsap.from(".brand-button, .site-nav", {
+          y: -10,
+          autoAlpha: 0,
+          duration: 0.58,
+          ease: "power3.out",
+          stagger: 0.08,
+          clearProps: "transform,opacity,visibility",
+        });
+      });
+
+      return () => mm.revert();
+    },
+    { scope: root },
+  );
+
+  return (
+    <header ref={root} className="site-header">
+      <button
+        className="brand-button"
+        type="button"
+        onClick={() => navigate("/")}
+        aria-label={content.header.homeAria}
+      >
+        <LogoMark alt={content.meta.logoAlt} />
+        {content.header.brandName ? (
+          <span className="brand-name">{content.header.brandName}</span>
+        ) : null}
+      </button>
+      <div className="header-actions">
+        <nav className="site-nav" aria-label={content.header.navAria}>
+          {content.navItems.map((item) => {
+            const itemPath = item.path.split("#")[0];
+
+            return (
+              <button
+                key={item.path}
+                className={path === itemPath ? "nav-link active" : "nav-link"}
+                type="button"
+                onClick={() => navigate(item.path)}
+              >
+                {item.label}
+              </button>
+            );
+          })}
+        </nav>
+        <div className="language-switcher" role="group" aria-label={content.header.languageAria}>
+          {languageOptions.map((option) => (
+            <button
+              key={option.code}
+              className={language === option.code ? "language-option active" : "language-option"}
+              type="button"
+              aria-pressed={language === option.code}
+              onClick={() => setLanguage(option.code)}
+            >
+              {option.shortLabel}
+            </button>
+          ))}
+        </div>
+      </div>
+    </header>
+  );
+}
diff --git a/src/components/SlotKeyword.tsx b/src/components/SlotKeyword.tsx
new file mode 100644
index 0000000..aa631bb
--- /dev/null
+++ b/src/components/SlotKeyword.tsx
@@ -0,0 +1,49 @@
+import { useEffect, useState } from "react";
+import { SlotText } from "slot-text/react";
+import { usePrefersReducedMotion } from "../hooks";
+
+type SlotKeywordProps = {
+  words: string[];
+  interval?: number;
+  className?: string;
+};
+
+export function SlotKeyword({
+  words,
+  interval = 1900,
+  className = "",
+}: SlotKeywordProps) {
+  const [index, setIndex] = useState(0);
+  const reduced = usePrefersReducedMotion();
+  const current = words[index] ?? "";
+
+  useEffect(() => {
+    if (reduced || words.length < 2) return;
+    const timer = window.setInterval(() => {
+      setIndex((value) => (value + 1) % words.length);
+    }, interval);
+    return () => window.clearInterval(timer);
+  }, [interval, reduced, words.length]);
+
+  if (reduced) {
+    return <span className={className}>{words[0]}</span>;
+  }
+
+  return (
+    <span className={className} aria-label={current}>
+      <span aria-hidden="true">
+        <SlotText
+          text={current}
+          options={{
+            direction: "up",
+            duration: 320,
+            stagger: 38,
+            bounce: 0.28,
+            color: "var(--accent-logo)",
+            colorFade: 260,
+          }}
+        />
+      </span>
+    </span>
+  );
+}
diff --git a/src/content.ts b/src/content.ts
new file mode 100644
index 0000000..be0d18e
--- /dev/null
+++ b/src/content.ts
@@ -0,0 +1,505 @@
+import { media } from "./assets";
+
+export type Language = "zh" | "en";
+
+export type MethodStep = {
+  key: string;
+  label: string;
+  title: string;
+  quote: string;
+  body: string;
+  outputs: string[];
+  image: string;
+  images?: string[];
+  imageTitles?: string[];
+};
+
+export type FieldNetwork = {
+  title: string;
+  text?: string;
+  image: string;
+  partnerTitle: string;
+  partners: string[];
+};
+
+export type ImpactChange = {
+  title: string;
+  subtitleLines: string[];
+};
+
+export type SiteContent = {
+  meta: {
+    htmlLang: string;
+    description: string;
+    logoAlt: string;
+    titles: Record<string, string>;
+  };
+  header: {
+    brandName: string;
+    homeAria: string;
+    navAria: string;
+    languageAria: string;
+  };
+  hero: {
+    titleBefore: string;
+    titleAccent: string;
+    titleAfter: string;
+    ledePrefix: string;
+    keywords: string[];
+    contactCta: string;
+    contactActiveText: string;
+    methodCta: string;
+    methodActiveText: string;
+    visualAria: string;
+    videoAria: string;
+    scrollAria: string;
+  };
+  method: {
+    heading: string;
+    staticAria: string;
+    deliverablesSeparator: string;
+    deliverablesAria: string;
+    swipeHint: string;
+    steps: MethodStep[];
+  };
+  home: {
+    impactHeading: string;
+    fieldHeading: string;
+    moreIndustryTitle: string;
+    partnerWallAria: string;
+    contactMessage: string;
+    contactCta: string;
+    contactActiveText: string;
+  };
+  about: {
+    title: string;
+    intro: string;
+    contactListAria: string;
+    contactItems: {
+      label: string;
+      value: string;
+    }[];
+  };
+  footer: {
+    companyName: string;
+    copyright: string;
+    navAria: string;
+    contact: string;
+    serviceAgreement: string;
+    privacyPolicy: string;
+    filing: string;
+  };
+  navItems: {
+    label: string;
+    path: string;
+  }[];
+  fieldNetworks: FieldNetwork[];
+  impactChanges: ImpactChange[];
+};
+
+export const defaultLanguage: Language = "zh";
+
+export const languageOptions: {
+  code: Language;
+  label: string;
+  shortLabel: string;
+}[] = [
+  { code: "zh", label: "中文", shortLabel: "中" },
+  { code: "en", label: "English", shortLabel: "EN" },
+];
+
+export const isLanguage = (value: string | null): value is Language =>
+  value === "zh" || value === "en";
+
+const zhMethodSteps: MethodStep[] = [
+  {
+    key: "onsite",
+    label: "驻场",
+    title: "进入现场，听懂业务",
+    quote: "懂你的人不懂 AI，懂 AI 的人不懂你",
+    body: "FDE 驻场实施工程师进入客户现场，访谈团队，梳理真实流程、岗位分工、服务规则和例外情况。",
+    outputs: ["业务流程地图", "可 AI 化任务清单", "岗位协同设计方案"],
+    image: media.onsiteScreens[0],
+    images: media.onsiteScreens,
+    imageTitles: ["业务流程重构"],
+  },
+  {
+    key: "knowledge",
+    label: "建模",
+    title: "把业务知识建成结构",
+    quote: "没有企业知识体系，AI 就是最聪明的笨蛋",
+    body: "把分散在文档、聊天记录和岗位经验里的知识，整理成 AI 能够调用和推理的企业本体。",
+    outputs: ["企业本体", "规则与例外情况库", "流程知识图谱"],
+    image: media.knowledgeScreens[0],
+    images: media.knowledgeScreens,
+    imageTitles: ["企业本体", "企业数据本体"],
+  },
+  {
+    key: "workflow",
+    label: "协同",
+    title: "配置 AI 代理，协同业务流程",
+    quote: "没有职能设定，AI 就是空中楼阁",
+    body: "通过智念体平台配置多个 AI 代理，各司其职，协同推进咨询响应、资料整理、内容生成和流程节点。",
+    outputs: ["AI 代理配置", "协同工作流设计", "业务 AI 协同系统"],
+    image: media.workflowScreens[0],
+    images: media.workflowScreens,
+    imageTitles: ["智能体平台", "Agent 消息中台", "AIGC 引擎"],
+  },
+  {
+    key: "audit",
+    label: "审计",
+    title: "让企业管理 AI 的运行",
+    quote: "不能被管理，就不能被信任",
+    body: "通过安全审计平台管理权限、记录行为日志、设置人工介入节点，数据始终归企业所有。",
+    outputs: ["权限管理规则", "行为日志机制", "人工干预节点"],
+    image: media.auditScreens[0],
+    images: media.auditScreens,
+    imageTitles: ["AI 行为审计", "AI 工作日志"],
+  },
+];
+
+const enMethodSteps: MethodStep[] = [
+  {
+    key: "onsite",
+    label: "On-site",
+    title: "Enter the field and understand the work",
+    quote: "People who know your work may not know AI. People who know AI may not know you.",
+    body: "FDE on-site implementation engineers work with customer teams, interview stakeholders, and map real processes, roles, service rules, and exceptions.",
+    outputs: ["Business process map", "AI-ready task list", "Role collaboration design"],
+    image: media.onsiteScreens[0],
+    images: media.onsiteScreens,
+    imageTitles: ["Business process reconstruction"],
+  },
+  {
+    key: "knowledge",
+    label: "Modeling",
+    title: "Turn business knowledge into structure",
+    quote: "Without an enterprise knowledge system, AI is the smartest fool.",
+    body: "We organize documents, chat history, and role-based experience into an enterprise ontology that AI can retrieve, reason over, and apply.",
+    outputs: ["Enterprise ontology", "Rules and exceptions library", "Process knowledge graph"],
+    image: media.knowledgeScreens[0],
+    images: media.knowledgeScreens,
+    imageTitles: ["Enterprise ontology", "Enterprise data ontology"],
+  },
+  {
+    key: "workflow",
+    label: "Workflow",
+    title: "Configure AI agents to coordinate business processes",
+    quote: "Without role definition, AI is built on air.",
+    body: "The NianXX agent platform configures multiple AI agents with clear responsibilities so they can coordinate inquiries, documentation, content generation, and process nodes.",
+    outputs: ["AI agent configuration", "Collaborative workflow design", "Business AI operating system"],
+    image: media.workflowScreens[0],
+    images: media.workflowScreens,
+    imageTitles: ["Agent platform", "Agent message hub", "AIGC engine"],
+  },
+  {
+    key: "audit",
+    label: "Audit",
+    title: "Let the enterprise govern how AI runs",
+    quote: "If it cannot be managed, it cannot be trusted.",
+    body: "A security audit platform manages permissions, records behavior logs, and defines human intervention points while enterprise data remains owned by the client.",
+    outputs: ["Permission rules", "Behavior log mechanism", "Human intervention nodes"],
+    image: media.auditScreens[0],
+    images: media.auditScreens,
+    imageTitles: ["AI behavior audit", "AI work logs"],
+  },
+];
+
+export const siteContent: Record<Language, SiteContent> = {
+  zh: {
+    meta: {
+      htmlLang: "zh-CN",
+      description:
+        "NianXX 智念科技是一家企业级 AI 落地服务公司，专注于旅行社、景区、酒店和教育机构。",
+      logoAlt: "NianXX 智念科技",
+      titles: {
+        "/": "NianXX 智念科技",
+        "/about": "关于我们 | 联系我们 | NianXX 智念科技",
+      },
+    },
+    header: {
+      brandName: "智念科技",
+      homeAria: "返回首页",
+      navAria: "主导航",
+      languageAria: "语言切换",
+    },
+    hero: {
+      titleBefore: "企业级AI从",
+      titleAccent: "理解",
+      titleAfter: "开始",
+      ledePrefix: "我们不做工具，我们交付",
+      keywords: [
+        "转化",
+        "复购",
+        "留存",
+        "成交",
+        "获客",
+        "触达",
+        "回访",
+        "线索跟进",
+        "询单响应",
+        "工单闭环",
+        "投诉预警",
+        "库存管理",
+      ],
+      contactCta: "联系我们",
+      contactActiveText: "开始沟通",
+      methodCta: "我们如何工作",
+      methodActiveText: "查看方法",
+      visualAria: "现场工作与企业流程视觉",
+      videoAria: "企业现场工作空间",
+      scrollAria: "向下滚动",
+    },
+    method: {
+      heading: "我们如何工作",
+      staticAria: "我们如何工作的完整步骤",
+      deliverablesSeparator: "",
+      deliverablesAria: "交付物",
+      swipeHint: "左右滑动",
+      steps: zhMethodSteps,
+    },
+    home: {
+      impactHeading: "我们如何合作",
+      fieldHeading: "落地行业与合作伙伴",
+      moreIndustryTitle: "更多行业伙伴实践中",
+      partnerWallAria: "合作伙伴墙",
+      contactMessage: "看看我们能为您做什么",
+      contactCta: "联系我们",
+      contactActiveText: "开始沟通",
+    },
+    about: {
+      title: "关于我们",
+      intro:
+        "NianXX 智念科技于 2025 年 2 月成立于贵州贵阳，我们专注于AI技术如何落地于企业，拥有算法备案、知识本体建设方法专利、Agent智能体技术等一系列自主知识产权。已服务旅行社、景区、酒店、教育等行业客户 18 家，帮助企业将真实业务流程转化为可理解、可执行、可审计的 AI 运营体系。",
+      contactListAria: "联系方式",
+      contactItems: [
+        { label: "邮箱", value: "znkj@nianxx.com" },
+        { label: "电话 / 微信号", value: "+86 15185112100" },
+      ],
+    },
+    footer: {
+      companyName: "贵州智念科技服务有限公司",
+      copyright: "© 2025 NianXX. Together, be better.",
+      navAria: "页脚导航与法律信息",
+      contact: "联系我们",
+      serviceAgreement: "服务协议",
+      privacyPolicy: "隐私协议",
+      filing: "黔ICP备2025054767号",
+    },
+    navItems: [{ label: "联系我们", path: "/about#contact" }],
+    fieldNetworks: [
+      {
+        title: "旅行社",
+        text: "咨询响应、报价辅助、行程内容生成、产品知识沉淀",
+        image: media.travel,
+        partnerTitle: "旅行社与跨境旅游服务",
+        partners: [
+          "贵人之旅旅行社",
+          "贵州百姓惠旅行社",
+          "泰国联泰国际",
+          "曼谷千百度旅行社",
+          "老挝联泰旅行社",
+        ],
+      },
+      {
+        title: "景区",
+        text: "游客服务、景区调度、营销宣传……",
+        image: media.scenic,
+        partnerTitle: "景区与目的地",
+        partners: [
+          "荔波小七孔景区",
+          "烟台养马岛景区",
+          "芭提雅东方公主号景区",
+          "芭提雅 Sina 号景区",
+        ],
+      },
+      {
+        title: "酒店",
+        text: "OTA运营，渠道调控，财务管理………",
+        image: media.hotel,
+        partnerTitle: "酒店与住宿服务",
+        partners: [
+          "息烽天沐酒店",
+          "龙里云从朵花酒店",
+          "芭提雅中天温德姆酒店",
+          "芭提雅华美达酒店",
+        ],
+      },
+      {
+        title: "教育机构",
+        text: "AI 教育、教培管理、课件减负",
+        image: media.education,
+        partnerTitle: "文旅科技、传媒、教育与资本生态",
+        partners: [
+          "湖南省智慧文旅科技有限公司",
+          "中听传媒",
+          "立尹文化传媒",
+          "贵阳恩野教育",
+          "天襄资本",
+        ],
+      },
+    ],
+    impactChanges: [
+      {
+        title: "建设运营一体",
+        subtitleLines: ["深度参与业务", "从增量中共同获利"],
+      },
+      {
+        title: "快速验证业务",
+        subtitleLines: ["从最紧迫的业务逐步建设", "不搞大而全"],
+      },
+      {
+        title: "产品主权归业主",
+        subtitleLines: ["品牌、数据、代码资产", "归业主所有"],
+      },
+    ],
+  },
+  en: {
+    meta: {
+      htmlLang: "en",
+      description:
+        "NianXX is an enterprise AI implementation company serving travel agencies, scenic destinations, hotels, and education organizations.",
+      logoAlt: "NianXX",
+      titles: {
+        "/": "NianXX",
+        "/about": "About | Contact | NianXX",
+      },
+    },
+    header: {
+      brandName: "NianXX Technology",
+      homeAria: "Back to home",
+      navAria: "Main navigation",
+      languageAria: "Language switcher",
+    },
+    hero: {
+      titleBefore: "Enterprise AI starts with ",
+      titleAccent: "understanding",
+      titleAfter: "",
+      ledePrefix: "We do not sell tools. We deliver ",
+      keywords: [
+        "conversion",
+        "repeat purchase",
+        "retention",
+        "deals",
+        "acquisition",
+        "reach",
+        "follow-up",
+        "lead follow-up",
+        "inquiry response",
+        "ticket closure",
+        "complaint alerts",
+        "inventory control",
+      ],
+      contactCta: "Contact us",
+      contactActiveText: "Start a conversation",
+      methodCta: "How we work",
+      methodActiveText: "View method",
+      visualAria: "On-site work and enterprise process visual",
+      videoAria: "Enterprise on-site workspace",
+      scrollAria: "Scroll down",
+    },
+    method: {
+      heading: "How we work",
+      staticAria: "Complete steps for how we work",
+      deliverablesSeparator: " ",
+      deliverablesAria: "deliverables",
+      swipeHint: "Swipe",
+      steps: enMethodSteps,
+    },
+    home: {
+      impactHeading: "How we collaborate",
+      fieldHeading: "Industries and partners",
+      moreIndustryTitle: "More industry partners in progress",
+      partnerWallAria: "Partner wall",
+      contactMessage: "See what we can do for you",
+      contactCta: "Contact us",
+      contactActiveText: "Start a conversation",
+    },
+    about: {
+      title: "About us",
+      intro:
+        "NianXX was founded in February 2025 in Guiyang, Guizhou. We focus on turning AI technology into enterprise operations, with algorithm filing, patented knowledge ontology construction methods, agent technology, and other proprietary intellectual property. We have served 18 clients across travel agencies, scenic destinations, hotels, and education, helping companies convert real business workflows into AI operating systems that are understandable, executable, and auditable.",
+      contactListAria: "Contact information",
+      contactItems: [
+        { label: "Email", value: "znkj@nianxx.com" },
+        { label: "Phone / WeChat", value: "+86 15185112100" },
+      ],
+    },
+    footer: {
+      companyName: "Guizhou NianXX Technology Service Co., Ltd.",
+      copyright: "© 2025 NianXX. Together, be better.",
+      navAria: "Footer navigation and legal information",
+      contact: "Contact us",
+      serviceAgreement: "Service agreement",
+      privacyPolicy: "Privacy policy",
+      filing: "Qian ICP No. 2025054767",
+    },
+    navItems: [{ label: "Contact us", path: "/about#contact" }],
+    fieldNetworks: [
+      {
+        title: "Travel agencies",
+        text: "Inquiry response, quote support, itinerary generation, product knowledge capture",
+        image: media.travel,
+        partnerTitle: "Travel agencies and cross-border travel services",
+        partners: [
+          "Guiren Journey Travel Agency",
+          "Guizhou Baixinghui Travel Agency",
+          "Thailand Liantai International",
+          "Bangkok Qianbaidu Travel Agency",
+          "Laos Liantai Travel Agency",
+        ],
+      },
+      {
+        title: "Scenic destinations",
+        text: "Visitor service, destination dispatch, marketing communication",
+        image: media.scenic,
+        partnerTitle: "Scenic areas and destinations",
+        partners: [
+          "Libo Xiaoqikong Scenic Area",
+          "Yantai Yangma Island Scenic Area",
+          "Pattaya Oriental Princess Cruise",
+          "Pattaya Sina Cruise",
+        ],
+      },
+      {
+        title: "Hotels",
+        text: "OTA operations, channel control, financial management",
+        image: media.hotel,
+        partnerTitle: "Hotels and hospitality services",
+        partners: [
+          "Xifeng Tianmu Hotel",
+          "Longli Yuncong Duohua Hotel",
+          "Pattaya Jomtien Wyndham Hotel",
+          "Pattaya Ramada Hotel",
+        ],
+      },
+      {
+        title: "Education organizations",
+        text: "AI education, training operations, lighter courseware work",
+        image: media.education,
+        partnerTitle: "Culture tourism, media, education, and capital ecosystem",
+        partners: [
+          "Hunan Smart Culture and Tourism Technology Co., Ltd.",
+          "Zhongting Media",
+          "Liyin Culture Media",
+          "Guiyang Enye Education",
+          "Tianxiang Capital",
+        ],
+      },
+    ],
+    impactChanges: [
+      {
+        title: "Build and operate as one",
+        subtitleLines: ["Deeply participate in the business", "Share value from incremental growth"],
+      },
+      {
+        title: "Validate business quickly",
+        subtitleLines: ["Start with the most urgent workflow", "Avoid oversized all-in-one builds"],
+      },
+      {
+        title: "Product sovereignty stays with the owner",
+        subtitleLines: ["Brand, data, and code assets", "remain owned by the client"],
+      },
+    ],
+  },
+};
diff --git a/src/hooks.ts b/src/hooks.ts
new file mode 100644
index 0000000..e2f82c6
--- /dev/null
+++ b/src/hooks.ts
@@ -0,0 +1,29 @@
+import { useEffect, useState } from "react";
+
+export function useMediaQuery(queryText: string) {
+  const [matches, setMatches] = useState(false);
+
+  useEffect(() => {
+    const query = window.matchMedia(queryText);
+    const update = () => setMatches(query.matches);
+    update();
+    query.addEventListener("change", update);
+    return () => query.removeEventListener("change", update);
+  }, [queryText]);
+
+  return matches;
+}
+
+export function usePrefersReducedMotion() {
+  const [reduced, setReduced] = useState(false);
+
+  useEffect(() => {
+    const query = window.matchMedia("(prefers-reduced-motion: reduce)");
+    const update = () => setReduced(query.matches);
+    update();
+    query.addEventListener("change", update);
+    return () => query.removeEventListener("change", update);
+  }, []);
+
+  return reduced;
+}
diff --git a/src/main.tsx b/src/main.tsx
new file mode 100644
index 0000000..f6fb0f8
--- /dev/null
+++ b/src/main.tsx
@@ -0,0 +1,11 @@
+import { StrictMode } from "react";
+import { createRoot } from "react-dom/client";
+import "slot-text/style.css";
+import "./styles.css";
+import App from "./App";
+
+createRoot(document.getElementById("root")!).render(
+  <StrictMode>
+    <App />
+  </StrictMode>,
+);
diff --git a/src/media/method/method-01-workflow-rebuild.png b/src/media/method/method-01-workflow-rebuild.png
new file mode 100644
index 0000000..be3460d
Binary files /dev/null and b/src/media/method/method-01-workflow-rebuild.png differ
diff --git a/src/media/method/method-02-enterprise-data-ontology.png b/src/media/method/method-02-enterprise-data-ontology.png
new file mode 100644
index 0000000..8256870
Binary files /dev/null and b/src/media/method/method-02-enterprise-data-ontology.png differ
diff --git a/src/media/method/method-02-enterprise-ontology.png b/src/media/method/method-02-enterprise-ontology.png
new file mode 100644
index 0000000..e837a1f
Binary files /dev/null and b/src/media/method/method-02-enterprise-ontology.png differ
diff --git a/src/media/method/method-03-agent-message-center.png b/src/media/method/method-03-agent-message-center.png
new file mode 100644
index 0000000..b27f023
Binary files /dev/null and b/src/media/method/method-03-agent-message-center.png differ
diff --git a/src/media/method/method-03-agent-platform.png b/src/media/method/method-03-agent-platform.png
new file mode 100644
index 0000000..d3ef2de
Binary files /dev/null and b/src/media/method/method-03-agent-platform.png differ
diff --git a/src/media/method/method-03-aigc-engine.png b/src/media/method/method-03-aigc-engine.png
new file mode 100644
index 0000000..b28fd4b
Binary files /dev/null and b/src/media/method/method-03-aigc-engine.png differ
diff --git a/src/media/method/method-04-ai-behavior-audit.png b/src/media/method/method-04-ai-behavior-audit.png
new file mode 100644
index 0000000..aee822d
Binary files /dev/null and b/src/media/method/method-04-ai-behavior-audit.png differ
diff --git a/src/media/method/method-04-ai-work-log.png b/src/media/method/method-04-ai-work-log.png
new file mode 100644
index 0000000..0ff78f5
Binary files /dev/null and b/src/media/method/method-04-ai-work-log.png differ
diff --git a/src/styles.css b/src/styles.css
new file mode 100644
index 0000000..e665080
--- /dev/null
+++ b/src/styles.css
@@ -0,0 +1,2921 @@
+:root {
+  --bg: #fafaf8;
+  --surface: #ffffff;
+  --surface-muted: #f2f2ee;
+  --text: #080808;
+  --body: #202020;
+  --muted: #6b6b6b;
+  --line: #e7e7e2;
+  --line-strong: #d5d5cf;
+  --accent-logo: #0786ff;
+  --radius: 8px;
+  --max: 1360px;
+  --hero-copy-shift: clamp(30px, 4.8vw, 88px);
+  color: var(--text);
+  background: var(--bg);
+  font-family:
+    "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", "Noto Sans SC",
+    system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
+  font-synthesis: none;
+  text-rendering: geometricPrecision;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+* {
+  box-sizing: border-box;
+}
+
+html {
+  min-height: 100%;
+  scroll-behavior: smooth;
+}
+
+body {
+  margin: 0;
+  min-width: 320px;
+  min-height: 100dvh;
+  overflow-x: hidden;
+  background:
+    linear-gradient(90deg, rgb(8 8 8 / 0.035) 1px, transparent 1px) 0 0 / 84px
+      84px,
+    var(--bg);
+}
+
+#root {
+  display: flex;
+  min-height: 100dvh;
+  flex-direction: column;
+}
+
+main {
+  display: flex;
+  flex: 1 0 auto;
+  flex-direction: column;
+}
+
+body::before {
+  content: "";
+  position: fixed;
+  inset: 0;
+  z-index: 60;
+  pointer-events: none;
+  opacity: 0.26;
+  background-image: radial-gradient(rgb(8 8 8 / 0.11) 0.7px, transparent 0.7px);
+  background-size: 5px 5px;
+  mix-blend-mode: multiply;
+}
+
+button,
+a {
+  font: inherit;
+}
+
+button {
+  color: inherit;
+}
+
+img {
+  display: block;
+  max-width: 100%;
+}
+
+.sr-only {
+  position: absolute;
+  overflow: hidden;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  border: 0;
+  margin: -1px;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+}
+
+::selection {
+  color: var(--surface);
+  background: var(--accent-logo);
+}
+
+.site-header {
+  position: sticky;
+  top: 0;
+  z-index: 40;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  min-height: 72px;
+  padding: 18px clamp(20px, 4vw, 56px);
+  border-bottom: 1px solid rgb(8 8 8 / 0.08);
+  background: rgb(250 250 248 / 0.88);
+  backdrop-filter: blur(18px);
+  box-shadow: 0 10px 30px rgb(8 8 8 / 0.025);
+}
+
+.brand-button,
+.nav-link,
+.language-option,
+.site-footer button {
+  appearance: none;
+  border: 0;
+  background: none;
+  cursor: pointer;
+}
+
+.brand-button {
+  display: inline-flex;
+  align-items: center;
+  gap: 12px;
+  padding: 0;
+  transition: opacity 180ms ease;
+}
+
+.brand-button:hover,
+.brand-button:focus-visible {
+  opacity: 0.78;
+}
+
+.logo-mark {
+  width: 116px;
+  height: auto;
+  object-fit: contain;
+}
+
+.brand-button .logo-mark {
+  width: 108px;
+}
+
+.brand-name {
+  color: var(--text);
+  font-size: 1rem;
+  font-weight: 680;
+  letter-spacing: 0;
+  line-height: 1.12;
+  transform: translateY(1px);
+  white-space: nowrap;
+}
+
+.site-nav {
+  display: flex;
+  align-items: center;
+  gap: 3px;
+}
+
+.header-actions {
+  display: flex;
+  min-width: 0;
+  align-items: center;
+  gap: 10px;
+}
+
+.nav-link {
+  min-height: 36px;
+  padding: 8px 15px;
+  border-radius: var(--radius);
+  color: var(--muted);
+  transition: color 180ms ease;
+  white-space: nowrap;
+}
+
+.nav-link:hover,
+.nav-link.active {
+  color: var(--accent-logo);
+}
+
+.language-switcher {
+  display: inline-flex;
+  flex: 0 0 auto;
+  align-items: center;
+  gap: 2px;
+  padding: 2px;
+  border: 1px solid var(--line-strong);
+  border-radius: var(--radius);
+  background: rgb(255 255 255 / 0.72);
+  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.84);
+}
+
+.language-option {
+  display: inline-flex;
+  min-width: 34px;
+  min-height: 30px;
+  align-items: center;
+  justify-content: center;
+  padding: 6px 9px;
+  border-radius: calc(var(--radius) - 2px);
+  color: var(--muted);
+  font-size: 0.78rem;
+  font-weight: 720;
+  letter-spacing: 0;
+  line-height: 1;
+  transition:
+    background 180ms ease,
+    color 180ms ease,
+    transform 180ms ease;
+}
+
+.language-option:hover,
+.language-option:focus-visible {
+  color: var(--accent-logo);
+}
+
+.language-option.active {
+  background: var(--text);
+  color: var(--surface);
+}
+
+.language-option.active:hover,
+.language-option.active:focus-visible {
+  color: var(--surface);
+}
+
+.language-option:active {
+  transform: scale(0.97);
+}
+
+.hero-section {
+  position: relative;
+  display: grid;
+  grid-template-columns: minmax(0, 0.88fr) minmax(520px, 1.18fr);
+  align-items: center;
+  gap: clamp(20px, 3vw, 48px);
+  width: min(var(--max), calc(100% - clamp(32px, 7vw, 116px)));
+  min-height: calc(100dvh - 72px);
+  margin: 0 auto;
+  padding: clamp(56px, 7vw, 86px) 0 clamp(72px, 9vw, 110px);
+}
+
+.hero-copy {
+  position: relative;
+  z-index: 2;
+  max-width: 760px;
+  transform: translateX(calc(-1 * var(--hero-copy-shift)));
+}
+
+.kicker {
+  margin: 0 0 18px;
+  color: var(--accent-logo);
+  font-family:
+    "SF Mono", "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;
+  font-size: 0.75rem;
+  letter-spacing: 0.11em;
+  text-transform: uppercase;
+}
+
+.hero-copy h1,
+.page-hero h1,
+.contact-panel h1 {
+  margin: 0;
+  color: var(--text);
+  font-size: clamp(3.05rem, 5.35vw, 5.18rem);
+  font-weight: 760;
+  letter-spacing: 0;
+  line-height: 1.02;
+}
+
+.hero-copy h1 {
+  font-size: clamp(2.78rem, 4.8vw, 4.68rem);
+}
+
+.hero-copy h1 > span {
+  display: block;
+  white-space: nowrap;
+}
+
+.hero-title-accent {
+  display: inline;
+  color: var(--accent-logo);
+}
+
+.hero-lede,
+.section-heading p,
+.page-hero p,
+.contact-panel p,
+.about-story p,
+.contact-band p {
+  color: var(--body);
+  font-size: clamp(1rem, 1.35vw, 1.16rem);
+  line-height: 1.8;
+}
+
+.hero-lede {
+  max-width: 620px;
+  margin: 34px 0 0;
+  font-size: clamp(1.28rem, 1.85vw, 1.58rem);
+}
+
+.hero-lede-line {
+  display: inline;
+}
+
+.hero-value-slot {
+  display: inline-block;
+  min-width: 4.2em;
+  margin-left: 0.08em;
+  color: var(--accent-logo);
+  font-size: 1.14em;
+  font-weight: 820;
+  line-height: 1;
+  vertical-align: baseline;
+  white-space: nowrap;
+}
+
+.hero-value-slot > span,
+.hero-value-slot .slot-text {
+  display: inline-flex;
+  align-items: baseline;
+  white-space: nowrap;
+}
+
+.hero-value-slot .slot-text,
+.hero-value-slot .char-slot {
+  white-space: nowrap;
+}
+
+html:lang(en) .hero-copy h1 > span {
+  white-space: normal;
+}
+
+html:lang(en) .hero-copy {
+  transform: none;
+}
+
+html:lang(en) .hero-value-slot {
+  min-width: 8.7em;
+}
+
+@media (min-width: 721px) {
+  html:lang(en) .hero-lede {
+    max-width: min(100%, 760px);
+    white-space: nowrap;
+  }
+}
+
+html:lang(en) .method-label {
+  font-size: clamp(1.22rem, 1.72vw, 1.9rem);
+}
+
+html:lang(en) .method-step-main > p,
+html:lang(en) .method-static-step > p {
+  text-indent: 0;
+}
+
+html:lang(en) .partner-mark {
+  max-width: calc(var(--partner-size) * 0.86);
+  font-size: clamp(0.62rem, 0.66vw, 0.72rem);
+  line-height: 1.15;
+}
+
+html:lang(en) .footer-meta,
+html:lang(en) .footer-company-line,
+html:lang(en) .footer-legal-links {
+  flex-wrap: wrap;
+  white-space: normal;
+}
+
+html:lang(en) .about-contact-copy,
+html:lang(en) .about-contact-copy p {
+  max-width: min(100%, 920px);
+}
+
+html:lang(en) .about-contact-copy p {
+  text-wrap: pretty;
+  overflow-wrap: normal;
+}
+
+.hero-actions {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 12px;
+  margin-top: 44px;
+}
+
+.hero-scroll-cue {
+  position: absolute;
+  left: 50%;
+  bottom: clamp(18px, 3.4vw, 38px);
+  z-index: 4;
+  display: grid;
+  width: 34px;
+  height: 58px;
+  place-items: end center;
+  transform: translateX(-50%);
+  border: 0;
+  border-radius: 0;
+  background: transparent;
+  color: rgb(8 8 8 / 0.66);
+  cursor: pointer;
+  outline: none;
+  transition:
+    color 180ms ease,
+    opacity 220ms ease,
+    visibility 220ms ease;
+}
+
+.hero-scroll-cue.is-hidden {
+  visibility: hidden;
+  opacity: 0;
+  pointer-events: none;
+}
+
+.hero-scroll-cue::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 50%;
+  width: 1px;
+  height: 30px;
+  transform: translateX(-50%);
+  background: linear-gradient(
+    180deg,
+    transparent,
+    rgb(8 8 8 / 0.46) 34%,
+    rgb(8 8 8 / 0.18)
+  );
+  transition: background 180ms ease;
+}
+
+.hero-scroll-cue:hover,
+.hero-scroll-cue:focus-visible {
+  color: var(--accent-logo);
+}
+
+.hero-scroll-cue:hover::before,
+.hero-scroll-cue:focus-visible::before {
+  background: linear-gradient(
+    180deg,
+    transparent,
+    rgb(7 134 255 / 0.42) 38%,
+    rgb(7 134 255 / 0.1)
+  );
+}
+
+.hero-scroll-cue:focus-visible {
+  opacity: 1;
+}
+
+.hero-scroll-cue svg {
+  display: block;
+  animation: hero-scroll-cue-pulse 1.7s ease-in-out infinite;
+}
+
+.action-link {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 132px;
+  min-height: 44px;
+  padding: 11px 18px;
+  border: 1px solid var(--text);
+  border-radius: var(--radius);
+  cursor: pointer;
+  transition:
+    transform 180ms ease,
+    color 180ms ease;
+  white-space: nowrap;
+}
+
+.action-link-primary {
+  color: var(--surface);
+  background: var(--text);
+}
+
+.action-link-primary:hover,
+.action-link-primary:focus-visible {
+  color: rgb(151 210 255);
+}
+
+.action-link-secondary {
+  color: var(--text);
+  background: transparent;
+}
+
+.action-link-secondary:hover,
+.action-link-secondary:focus-visible {
+  color: var(--accent-logo);
+}
+
+.action-link:active {
+  transform: scale(0.98);
+}
+
+.hero-visual {
+  position: relative;
+  z-index: 1;
+  display: flex;
+  align-self: stretch;
+  align-items: center;
+  justify-content: flex-end;
+  min-width: 0;
+  margin-right: calc(-1 * clamp(44px, 9vw, 168px));
+  pointer-events: none;
+}
+
+.hero-media {
+  position: relative;
+  overflow: hidden;
+  width: min(70vw, 1040px);
+  height: clamp(450px, 62vh, 720px);
+  max-height: calc(100dvh - 132px);
+  margin: 0;
+  border: 0;
+  border-radius: 0;
+  background: transparent;
+  -webkit-mask-image: linear-gradient(
+    90deg,
+    transparent 0%,
+    rgb(0 0 0 / 0.08) 5%,
+    rgb(0 0 0 / 0.58) 12%,
+    #000 20%,
+    #000 78%,
+    rgb(0 0 0 / 0.58) 88%,
+    rgb(0 0 0 / 0.08) 95%,
+    transparent 100%
+  );
+  mask-image: linear-gradient(
+    90deg,
+    transparent 0%,
+    rgb(0 0 0 / 0.08) 5%,
+    rgb(0 0 0 / 0.58) 12%,
+    #000 20%,
+    #000 78%,
+    rgb(0 0 0 / 0.58) 88%,
+    rgb(0 0 0 / 0.08) 95%,
+    transparent 100%
+  );
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;
+  -webkit-mask-size: 100% 100%;
+  mask-size: 100% 100%;
+}
+
+.hero-media::after {
+  content: "";
+  position: absolute;
+  inset: 0;
+  pointer-events: none;
+  background:
+    linear-gradient(
+      180deg,
+      rgb(250 250 248 / 0.34) 0%,
+      rgb(250 250 248 / 0) 20%,
+      rgb(250 250 248 / 0) 74%,
+      rgb(250 250 248 / 0.3) 100%
+    ),
+    radial-gradient(
+      ellipse at 50% 50%,
+      rgb(250 250 248 / 0) 42%,
+      rgb(250 250 248 / 0.16) 78%,
+      rgb(250 250 248 / 0.36) 100%
+    );
+}
+
+.media-frame::after {
+  content: "";
+  position: absolute;
+  inset: 0;
+  pointer-events: none;
+  background: linear-gradient(180deg, rgb(8 8 8 / 0) 45%, rgb(8 8 8 / 0.3));
+}
+
+.hero-media-asset,
+.media-frame img,
+.field-scene img,
+.method-image-wrap img {
+  display: block;
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  filter: grayscale(0.25) contrast(1.03) saturate(0.78);
+}
+
+.section {
+  width: min(var(--max), calc(100% - clamp(40px, 9vw, 144px)));
+  margin: 0 auto;
+  padding: clamp(74px, 10vw, 132px) 0;
+}
+
+.section-heading {
+  max-width: 720px;
+  margin-bottom: clamp(30px, 4vw, 52px);
+}
+
+.method-heading {
+  transform: translateX(calc(-1 * var(--hero-copy-shift)));
+}
+
+.section-heading h2,
+.contact-band h2 {
+  margin: 0;
+  color: var(--text);
+  font-size: clamp(2.1rem, 4.4vw, 4.2rem);
+  font-weight: 730;
+  letter-spacing: 0;
+  line-height: 1.04;
+}
+
+.section-heading p {
+  max-width: 650px;
+  margin: 18px 0 0;
+  color: var(--muted);
+}
+
+.compact-heading {
+  max-width: 620px;
+}
+
+.method-step h3,
+.impact-item h3,
+.work-detail-card h2,
+.about-story h2 {
+  margin: 0;
+  color: var(--text);
+  font-size: clamp(1.24rem, 2vw, 1.72rem);
+  font-weight: 700;
+  letter-spacing: 0;
+  line-height: 1.22;
+}
+
+.method-step p,
+.impact-item p,
+.work-detail-card p,
+.work-detail-card li,
+.company-info,
+.contact-card {
+  color: var(--muted);
+  font-size: 0.98rem;
+  line-height: 1.75;
+}
+
+.method-section {
+  overflow-x: clip;
+  width: 100%;
+  max-width: none;
+  scroll-margin-top: 72px;
+  margin: 0;
+  padding: 0;
+  background: transparent;
+}
+
+.method-pin-stage {
+  --method-content-shift: clamp(28px, 3.2vw, 42px);
+  display: grid;
+  align-content: center;
+  min-height: 100dvh;
+  padding: clamp(86px, 10vh, 112px) clamp(28px, 5vw, 86px)
+    clamp(54px, 7vh, 78px);
+}
+
+.method-layout {
+  display: grid;
+  grid-template-columns: minmax(380px, 0.78fr) minmax(560px, 1.18fr);
+  align-items: center;
+  gap: clamp(54px, 6.8vw, 118px);
+  width: 100%;
+  max-width: 1540px;
+  margin: 0 auto;
+}
+
+.method-copy-column {
+  min-width: 0;
+}
+
+.method-heading {
+  max-width: 760px;
+  margin-bottom: clamp(22px, 3vh, 32px);
+}
+
+.method-pin-stage .method-heading {
+  max-width: 100%;
+  transform: none;
+}
+
+.method-heading .kicker {
+  margin: 0 0 18px;
+  color: var(--accent-logo);
+}
+
+.method-status {
+  display: grid;
+  gap: 14px;
+  padding-top: clamp(16px, 2.4vh, 24px);
+  animation: method-panel-fade 460ms cubic-bezier(0.16, 1, 0.3, 1) both;
+}
+
+.method-pin-stage .method-status {
+  position: relative;
+  left: var(--method-content-shift);
+  top: clamp(32px, 4.6vh, 40px);
+}
+
+.method-index,
+.step-count {
+  color: var(--accent-logo);
+  font-family:
+    "SF Mono", "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;
+  font-size: 0.8rem;
+}
+
+.method-label {
+  display: grid;
+  grid-template-columns: auto minmax(0, 1fr);
+  align-items: baseline;
+  gap: clamp(10px, 1.15vw, 15px);
+  min-width: 0;
+  margin: 0;
+  color: var(--text);
+  font-size: clamp(1.38rem, 2.05vw, 2.28rem);
+  font-weight: 760;
+  letter-spacing: 0;
+  line-height: 1.16;
+}
+
+.method-title-index {
+  flex: 0 0 auto;
+  color: var(--accent-logo);
+  font-family: inherit;
+  font-size: 1em;
+  font-weight: inherit;
+  line-height: inherit;
+}
+
+.method-static-title span {
+  flex: 0 0 auto;
+  color: var(--accent-logo);
+  font-family: inherit;
+  font-size: 1em;
+  font-weight: inherit;
+  line-height: inherit;
+}
+
+.method-title-index-slot {
+  display: inline-block;
+}
+
+.method-title-index-slot .slot-text,
+.method-title-index-slot .char-slot {
+  line-height: 1.18;
+}
+
+.method-title-slot {
+  display: block;
+  min-width: 0;
+  max-width: 100%;
+  vertical-align: bottom;
+  overflow-wrap: anywhere;
+}
+
+.method-title-slot .slot-text {
+  line-height: 1.18;
+  white-space: normal;
+}
+
+.method-title-slot .char-slot {
+  line-height: 1.18;
+}
+
+.method-rail {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 0;
+  margin: 0;
+  animation: method-panel-fade 520ms cubic-bezier(0.16, 1, 0.3, 1) both;
+}
+
+.method-image-set {
+  position: relative;
+  width: min(100%, clamp(560px, 48vw, 780px));
+  max-height: min(68vh, 660px);
+  aspect-ratio: 16 / 10;
+  isolation: isolate;
+}
+
+.method-image-tile {
+  position: absolute;
+  display: block;
+  min-width: 0;
+  min-height: 0;
+  margin: 0;
+  pointer-events: none;
+}
+
+.method-image-tile::before {
+  content: "";
+  position: absolute;
+  inset: 7% 4% -9%;
+  z-index: 0;
+  border-radius: calc(var(--radius) + 10px);
+  background:
+    radial-gradient(
+      circle at 72% 70%,
+      rgb(7 134 255 / 0.28),
+      transparent 44%
+    ),
+    radial-gradient(circle at 26% 22%, rgb(255 255 255 / 0.62), transparent 36%);
+  filter: blur(22px);
+  opacity: 0.9;
+  pointer-events: none;
+}
+
+.method-image-tile figcaption {
+  position: absolute;
+  right: clamp(9px, 1vw, 12px);
+  bottom: clamp(9px, 1vw, 12px);
+  z-index: 4;
+  max-width: calc(100% - 28px);
+  padding: 7px 10px 8px;
+  border-radius: calc(var(--radius) - 1px);
+  background: rgb(7 134 255 / 0.92);
+  backdrop-filter: blur(14px) saturate(1.12);
+  box-shadow:
+    0 12px 28px rgb(7 134 255 / 0.28),
+    0 4px 12px rgb(8 8 8 / 0.14),
+    inset 0 1px 0 rgb(255 255 255 / 0.34);
+  color: white;
+  font-size: clamp(0.74rem, 0.82vw, 0.88rem);
+  font-weight: 720;
+  letter-spacing: 0;
+  line-height: 1.25;
+  pointer-events: none;
+  white-space: nowrap;
+}
+
+.method-image-wrap {
+  position: relative;
+  overflow: hidden;
+  min-width: 0;
+  min-height: 0;
+  width: 100%;
+  height: 100%;
+  border: 0;
+  border-radius: calc(var(--radius) - 2px);
+  background: transparent;
+  box-shadow:
+    0 30px 58px rgb(8 8 8 / 0.16),
+    0 16px 34px rgb(7 134 255 / 0.12);
+}
+
+.method-image-wrap::after {
+  content: "";
+  position: absolute;
+  inset: 0;
+  z-index: 2;
+  pointer-events: none;
+  background: linear-gradient(180deg, rgb(8 8 8 / 0.08), transparent 36%);
+}
+
+.method-image-wrap img {
+  width: 100%;
+  height: 100%;
+  box-sizing: border-box;
+  object-fit: cover;
+  object-position: center top;
+  filter: saturate(1.02) contrast(1.01);
+}
+
+.method-visual-count-1 .method-image-set {
+  width: min(100%, clamp(620px, 50vw, 820px));
+}
+
+.method-visual-count-1 .method-image-tile {
+  inset: 9% 0 auto;
+  height: 78%;
+}
+
+.method-visual-count-1 .method-image-tile .method-image-wrap {
+  z-index: 1;
+}
+
+.method-visual-count-2 .method-image-tile:first-child {
+  top: 0;
+  left: 0;
+  width: 82%;
+  height: 62%;
+}
+
+.method-visual-count-2 .method-image-tile:first-child .method-image-wrap {
+  z-index: 2;
+}
+
+.method-visual-count-2 .method-image-tile:nth-child(2) {
+  right: 0;
+  bottom: 0;
+  width: 82%;
+  height: 62%;
+}
+
+.method-visual-count-2 .method-image-tile:nth-child(2) .method-image-wrap {
+  z-index: 1;
+}
+
+.method-visual-count-3 .method-image-tile:first-child {
+  top: 0;
+  left: 14%;
+  width: 72%;
+  height: 56%;
+}
+
+.method-visual-count-3 .method-image-tile:first-child .method-image-wrap {
+  z-index: 3;
+}
+
+.method-visual-count-3 .method-image-tile:nth-child(2) {
+  left: 0;
+  bottom: 5%;
+  width: 58%;
+  height: 46%;
+}
+
+.method-visual-count-3 .method-image-tile:nth-child(2) .method-image-wrap {
+  z-index: 2;
+}
+
+.method-visual-count-3 .method-image-tile:nth-child(3) {
+  right: 0;
+  bottom: 2%;
+  width: 58%;
+  height: 46%;
+}
+
+.method-visual-count-3 .method-image-tile:nth-child(3) .method-image-wrap {
+  z-index: 1;
+}
+
+.method-steps-shell {
+  position: relative;
+  min-width: 0;
+  padding-left: 0;
+}
+
+.method-pin-stage .method-steps-shell {
+  left: var(--method-content-shift);
+}
+
+.method-content-progress {
+  position: absolute;
+  top: calc(-1 * clamp(16px, 2.1vh, 19px));
+  bottom: 0;
+  left: calc(-1 * clamp(16px, 1.45vw, 20px));
+  overflow: hidden;
+  width: 2px;
+  border-radius: 999px;
+  background: rgb(7 134 255 / 0.12);
+  pointer-events: none;
+}
+
+.method-progress-fill {
+  display: block;
+  width: 100%;
+  height: 100%;
+  transform: scaleY(0);
+  transform-origin: top;
+  border-radius: inherit;
+  background: linear-gradient(180deg, rgb(7 134 255), rgb(7 134 255 / 0.36));
+}
+
+.method-steps-viewport {
+  overflow: hidden;
+  height: clamp(360px, 46vh, 430px);
+  padding: 1px;
+}
+
+.method-steps {
+  position: relative;
+  height: 100%;
+}
+
+.method-step {
+  scroll-margin-top: 104px;
+  position: absolute;
+  inset: 0;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  min-height: 100%;
+  padding: clamp(24px, 2.8vw, 34px);
+  border: 0;
+  border-radius: 0;
+  background: transparent;
+  box-shadow: none;
+  opacity: 0.46;
+  will-change: opacity, transform;
+  transition:
+    border-color 220ms ease,
+    background 220ms ease,
+    box-shadow 220ms ease;
+}
+
+.method-steps .method-step {
+  visibility: hidden;
+  opacity: 0;
+  transform: translateY(110px) scale(0.985);
+}
+
+.method-steps .method-step:first-child {
+  visibility: visible;
+  opacity: 1;
+  transform: translateY(0) scale(1);
+}
+
+.method-step.is-active {
+  background: transparent;
+  box-shadow: none;
+}
+
+.method-step.is-active::before {
+  content: none;
+}
+
+.method-step-main {
+  display: grid;
+  gap: clamp(12px, 1.7vh, 16px);
+  margin-block: 0;
+}
+
+.method-step-main > p,
+.method-static-step > p {
+  position: relative;
+  max-width: 35em;
+  margin: 0;
+  padding-left: 0;
+  color: var(--body);
+  font-size: clamp(1rem, 1.18vw, 1.08rem);
+  font-weight: 520;
+  line-height: 1.82;
+  text-indent: 2em;
+}
+
+.method-step-main > p::before,
+.method-static-step > p::before {
+  content: none;
+}
+
+.method-step blockquote {
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+  margin: clamp(22px, 3.2vh, 30px) 0 0;
+  padding: clamp(14px, 2vh, 18px) clamp(16px, 2.2vw, 22px);
+  border: 0;
+  border-radius: var(--radius);
+  background: linear-gradient(135deg, rgb(7 134 255 / 0.055), rgb(255 255 255 / 0.58));
+  color: rgb(100 111 126);
+  font-size: clamp(0.88rem, 1.02vw, 0.96rem);
+  font-weight: 540;
+  line-height: 1.62;
+  text-align: center;
+}
+
+.method-pin-stage .method-step blockquote {
+  transform: translateY(clamp(18px, 2.4vh, 22px));
+}
+
+.method-quote-text {
+  display: inline-block;
+  font-style: oblique 12deg;
+  transform: skewX(-7deg);
+  transform-origin: left center;
+}
+
+.method-step blockquote::before {
+  content: "“";
+  position: static;
+  margin: 0;
+  color: rgb(7 134 255 / 0.72);
+  font-size: 1.5rem;
+  font-weight: 760;
+  line-height: 1;
+}
+
+.method-step blockquote::after {
+  content: "”";
+  margin: 0;
+  color: rgb(7 134 255 / 0.72);
+  font-size: 1.5rem;
+  font-weight: 760;
+  line-height: 1;
+}
+
+.work-detail-card blockquote {
+  margin: 22px 0;
+  color: var(--text);
+  font-size: clamp(1.12rem, 1.8vw, 1.42rem);
+  font-weight: 650;
+  line-height: 1.45;
+}
+
+.method-step ul,
+.work-detail-card ul {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  margin: clamp(18px, 2.6vh, 28px) 0 0;
+  padding: 0;
+  list-style: none;
+}
+
+.method-step ul {
+  align-items: center;
+  justify-content: center;
+  align-content: center;
+  gap: 9px;
+  margin: 0;
+}
+
+.method-step li,
+.work-detail-card li {
+  padding: 7px 10px;
+  border: 1px solid var(--line);
+  border-radius: var(--radius);
+  background: white;
+  color: var(--body);
+}
+
+.method-step li {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+  min-height: 30px;
+  border: 0;
+  border-radius: calc(var(--radius) - 2px);
+  background: rgb(7 134 255 / 0.075);
+  box-shadow: none;
+  color: rgb(35 48 66);
+  font-size: 0.92rem;
+  font-weight: 620;
+  line-height: 1.25;
+  text-align: center;
+}
+
+.method-step li svg {
+  flex: 0 0 auto;
+  color: var(--accent-logo);
+}
+
+.method-step li::before {
+  content: none;
+}
+
+.work-detail-card ul {
+  margin: 24px 0 0;
+}
+
+.method-static-flow {
+  display: none;
+  width: min(var(--max), calc(100% - 40px));
+  margin: 0 auto;
+  padding: clamp(74px, 10vw, 132px) 0;
+}
+
+.method-static-list {
+  display: grid;
+  gap: 26px;
+}
+
+.method-static-step {
+  position: relative;
+  inset: auto;
+  border-color: var(--line);
+  background: white;
+  min-height: auto;
+  opacity: 1;
+  transform: none;
+  visibility: visible;
+  pointer-events: auto;
+  will-change: auto;
+}
+
+.method-static-title {
+  display: flex;
+  align-items: baseline;
+  gap: 12px;
+}
+
+.method-static-media {
+  position: relative;
+  margin: clamp(18px, 2.6vw, 26px) 0 clamp(18px, 2.8vw, 28px);
+}
+
+.method-static-media::before,
+.method-static-media::after {
+  content: none;
+}
+
+.method-static-media-track {
+  position: relative;
+  z-index: 1;
+  overflow: hidden;
+  display: flex;
+  border-radius: calc(var(--radius) + 4px);
+  aspect-ratio: 16 / 9;
+  background: var(--surface-muted);
+  box-shadow:
+    0 18px 42px rgb(8 8 8 / 0.09),
+    0 8px 22px rgb(7 134 255 / 0.09);
+}
+
+.method-static-media-item {
+  position: relative;
+  flex: 0 0 100%;
+  min-width: 0;
+  height: 100%;
+  margin: 0;
+  scroll-snap-align: start;
+}
+
+.method-static-media-item img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  object-position: center top;
+  filter: saturate(1.02) contrast(1.01);
+}
+
+.method-static-media-item figcaption {
+  position: absolute;
+  right: 10px;
+  bottom: 10px;
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  max-width: calc(100% - 20px);
+  padding: 6px 9px;
+  border-radius: calc(var(--radius) - 2px);
+  background: rgb(7 134 255 / 0.9);
+  color: white;
+  font-size: 0.76rem;
+  font-weight: 720;
+  line-height: 1.22;
+}
+
+.method-static-media-item figcaption span {
+  color: rgb(255 255 255 / 0.78);
+  font-family:
+    "SF Mono", "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;
+  font-size: 0.68rem;
+  font-weight: 760;
+}
+
+.method-static-media-dots {
+  display: none;
+}
+
+.method-section.is-reduced-motion .method-pin-stage {
+  display: none;
+}
+
+.method-section.is-reduced-motion .method-static-flow {
+  display: grid;
+}
+
+@keyframes method-panel-fade {
+  from {
+    opacity: 0;
+    transform: translateY(14px);
+  }
+
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+@keyframes hero-scroll-cue-pulse {
+  0%,
+  100% {
+    opacity: 0.62;
+    transform: translateY(-2px);
+  }
+
+  45% {
+    opacity: 1;
+    transform: translateY(5px);
+  }
+
+  70% {
+    opacity: 0.86;
+    transform: translateY(1px);
+  }
+}
+
+.field-scenes {
+  --field-tail: clamp(78px, 8.6vw, 148px);
+  display: grid;
+  overflow: hidden;
+  width: calc(100% + var(--field-tail));
+  gap: 0;
+  align-self: center;
+  border: 1px solid rgb(255 255 255 / 0.5);
+  border-right-color: transparent;
+  border-radius: calc(var(--radius) + 10px);
+  background:
+    linear-gradient(
+      90deg,
+      rgb(232 245 255 / 0.68) 0%,
+      rgb(210 235 255 / 0.42) calc(100% - var(--field-tail)),
+      rgb(210 235 255 / 0.06) 100%
+    ),
+    radial-gradient(circle at 18% 18%, rgb(7 134 255 / 0.2), transparent 42%),
+    radial-gradient(circle at 70% 85%, rgb(75 198 184 / 0.14), transparent 46%),
+    linear-gradient(135deg, rgb(255 255 255 / 0.44), rgb(255 255 255 / 0.08)),
+    rgb(255 255 255 / 0.22);
+  box-shadow:
+    0 22px 52px rgb(8 8 8 / 0.095),
+    0 12px 34px rgb(7 134 255 / 0.08),
+    inset 0 1px 0 rgb(255 255 255 / 0.74);
+  backdrop-filter: blur(24px) saturate(1.22);
+  -webkit-backdrop-filter: blur(24px) saturate(1.22);
+  -webkit-mask-image: linear-gradient(
+    90deg,
+    #000 0%,
+    #000 calc(100% - var(--field-tail)),
+    rgb(0 0 0 / 0) 100%
+  );
+  mask-image: linear-gradient(
+    90deg,
+    #000 0%,
+    #000 calc(100% - var(--field-tail)),
+    rgb(0 0 0 / 0) 100%
+  );
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;
+  -webkit-mask-size: 100% 100%;
+  mask-size: 100% 100%;
+}
+
+.section.field-network-section {
+  width: 100%;
+  max-width: none;
+  padding-right: clamp(28px, 5vw, 86px);
+  padding-left: clamp(28px, 5vw, 86px);
+}
+
+.field-network-section > .section-heading,
+.field-network-section > .field-partner-layout {
+  width: 100%;
+  max-width: 1540px;
+  margin-right: auto;
+  margin-left: auto;
+}
+
+.field-partner-layout {
+  display: grid;
+  grid-template-columns: minmax(230px, 0.24fr) minmax(0, 1fr);
+  align-items: center;
+  gap: clamp(20px, 2.6vw, 44px);
+}
+
+.field-scene {
+  --field-a: 7 134 255;
+  --field-b: 75 198 184;
+  position: relative;
+  isolation: isolate;
+  overflow: hidden;
+  display: flex;
+  min-height: 92px;
+  align-items: center;
+  border-bottom: 1px solid rgb(255 255 255 / 0.38);
+  background: transparent;
+  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.5);
+  transition:
+    background 180ms ease,
+    box-shadow 180ms ease,
+    transform 180ms ease;
+}
+
+.field-scene:last-child {
+  border-bottom: 0;
+}
+
+.field-scene:nth-child(2) {
+  --field-a: 46 156 226;
+  --field-b: 91 190 142;
+}
+
+.field-scene:nth-child(3) {
+  --field-a: 7 134 255;
+  --field-b: 118 166 215;
+}
+
+.field-scene:nth-child(4) {
+  --field-a: 58 142 210;
+  --field-b: 110 192 214;
+}
+
+.field-scene:nth-child(5) {
+  --field-a: 7 134 255;
+  --field-b: 154 176 194;
+}
+
+.field-scene::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  z-index: 0;
+  pointer-events: none;
+  background:
+    linear-gradient(
+      90deg,
+      rgb(var(--field-a) / 0.2) 0%,
+      rgb(255 255 255 / 0.4) 22%,
+      rgb(255 255 255 / 0.22) calc(100% - var(--field-tail)),
+      rgb(255 255 255 / 0.02) 100%
+    ),
+    linear-gradient(180deg, rgb(255 255 255 / 0.36), transparent 52%),
+    radial-gradient(circle at 14% 20%, rgb(var(--field-a) / 0.24), transparent 34%),
+    radial-gradient(circle at 62% 88%, rgb(var(--field-b) / 0.16), transparent 42%);
+}
+
+.field-scene > div {
+  position: relative;
+  z-index: 1;
+  width: calc(100% - var(--field-tail));
+  padding: 14px 18px;
+}
+
+.field-scene span {
+  display: block;
+  color: var(--text);
+  font-size: clamp(1rem, 1.15vw, 1.24rem);
+  font-weight: 720;
+  line-height: 1.08;
+  transition: color 180ms ease;
+}
+
+.field-scene p {
+  overflow: hidden;
+  margin: 8px 0 0;
+  color: rgb(32 32 32 / 0.72);
+  font-size: 0.84rem;
+  line-height: 1.5;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  transition: color 180ms ease;
+}
+
+.field-scene.is-muted > div {
+  display: grid;
+  min-height: 64px;
+  place-items: center;
+  text-align: center;
+}
+
+.field-scene.is-muted span {
+  color: rgb(8 8 8 / 0.42);
+  font-size: clamp(0.86rem, 0.92vw, 1rem);
+  font-weight: 650;
+}
+
+.field-scene:hover span {
+  color: var(--accent-logo);
+}
+
+.field-scene:hover p {
+  color: rgb(7 134 255 / 0.78);
+}
+
+@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
+  .field-scenes {
+    background: rgb(245 246 246 / 0.92);
+  }
+}
+
+@media (prefers-reduced-transparency: reduce) {
+  .field-scenes {
+    background: rgb(245 246 246 / 0.94);
+    backdrop-filter: none;
+    -webkit-backdrop-filter: none;
+  }
+}
+
+.partner-diamond-wall {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  min-width: 0;
+  padding-left: clamp(12px, 2vw, 28px);
+}
+
+.partner-wall-title {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 16px;
+  margin-bottom: clamp(20px, 3vw, 34px);
+}
+
+.partner-wall-title span {
+  display: block;
+  width: 78px;
+  height: 1px;
+  background: var(--line-strong);
+}
+
+.partner-wall-title h3 {
+  margin: 0;
+  color: var(--text);
+  font-size: clamp(1.5rem, 2.4vw, 2.25rem);
+  font-weight: 760;
+  letter-spacing: 0;
+}
+
+.partner-diamond-grid {
+  --partner-size: clamp(126px, 7.8vw, 150px);
+  --partner-offset: calc(var(--partner-size) * 0.56);
+  display: grid;
+  grid-template-columns: repeat(6, var(--partner-size));
+  justify-content: center;
+  gap: 10px clamp(18px, 1.8vw, 32px);
+  padding: 14px 0 38px;
+}
+
+.partner-diamond {
+  position: relative;
+  display: grid;
+  width: var(--partner-size);
+  height: var(--partner-size);
+  place-items: center;
+  transform: rotate(45deg);
+  border: 0;
+  background: rgb(255 255 255 / 0.84);
+  box-shadow:
+    0 14px 30px rgb(8 8 8 / 0.055),
+    inset 0 1px 0 rgb(255 255 255 / 0.92);
+  transition:
+    background 180ms ease,
+    color 180ms ease;
+  will-change: transform;
+}
+
+.partner-diamond:nth-child(12n + 7),
+.partner-diamond:nth-child(12n + 8),
+.partner-diamond:nth-child(12n + 9),
+.partner-diamond:nth-child(12n + 10),
+.partner-diamond:nth-child(12n + 11),
+.partner-diamond:nth-child(12n + 12) {
+  margin-left: var(--partner-offset);
+  margin-top: -18px;
+}
+
+.partner-mark {
+  display: block;
+  max-width: calc(var(--partner-size) * 0.78);
+  transform: rotate(-45deg);
+  color: var(--text);
+  font-size: 0.82rem;
+  font-weight: 760;
+  line-height: 1.22;
+  text-align: center;
+  transition: color 180ms ease;
+}
+
+.partner-diamond:hover .partner-mark {
+  color: var(--accent-logo);
+}
+
+.section.impact-section {
+  width: 100%;
+  max-width: none;
+  padding-right: clamp(28px, 5vw, 86px);
+  padding-left: clamp(28px, 5vw, 86px);
+}
+
+.impact-section > .section-heading {
+  width: 100%;
+  max-width: 1540px;
+  margin-right: auto;
+  margin-left: auto;
+  margin-bottom: clamp(34px, 4.4vw, 58px);
+}
+
+.impact-list {
+  --impact-accent: 7 134 255;
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr));
+  gap: clamp(32px, 3.5vw, 56px);
+  width: 100%;
+  max-width: 1260px;
+  margin: 0 auto;
+}
+
+.impact-item {
+  position: relative;
+  isolation: isolate;
+  overflow: hidden;
+  display: grid;
+  place-items: center;
+  min-height: clamp(300px, 27vw, 386px);
+  padding: clamp(24px, 2.5vw, 36px);
+  text-align: center;
+  border-radius: calc(var(--radius) + 12px);
+  background:
+    linear-gradient(145deg, rgb(255 255 255 / 0.78), rgb(255 255 255 / 0.44)),
+    radial-gradient(circle at 18% 0%, rgb(255 255 255 / 0.72), transparent 42%);
+  box-shadow:
+    0 28px 72px rgb(8 8 8 / 0.1),
+    0 10px 28px rgb(var(--impact-accent) / 0.08),
+    inset 0 1px 1px rgb(255 255 255 / 0.92),
+    inset 0 -1px 0 rgb(255 255 255 / 0.46),
+    inset 1px 0 0 rgb(255 255 255 / 0.44),
+    inset -1px 0 0 rgb(255 255 255 / 0.18);
+  backdrop-filter: blur(24px) saturate(1.14);
+  -webkit-backdrop-filter: blur(24px) saturate(1.14);
+  transition:
+    background 240ms ease,
+    box-shadow 240ms ease,
+    transform 240ms ease;
+}
+
+.impact-item::before {
+  content: "";
+  position: absolute;
+  top: clamp(-112px, -8vw, -72px);
+  right: clamp(-118px, -8vw, -78px);
+  z-index: 0;
+  width: clamp(250px, 23vw, 340px);
+  aspect-ratio: 1;
+  border-radius: 50%;
+  background:
+    radial-gradient(
+      circle at 58% 38%,
+      rgb(255 255 255 / 0.64),
+      rgb(var(--impact-accent) / 0.2) 24%,
+      rgb(var(--impact-accent) / 0.1) 52%,
+      rgb(var(--impact-accent) / 0) 78%
+    );
+  filter: blur(28px);
+  opacity: 0.76;
+  transition:
+    opacity 240ms ease,
+    transform 240ms ease;
+}
+
+.impact-item::after {
+  content: "";
+  position: absolute;
+  inset: 0;
+  z-index: 0;
+  border-radius: inherit;
+  background:
+    linear-gradient(120deg, rgb(255 255 255 / 0.72), transparent 34%),
+    radial-gradient(
+      circle at 96% -4%,
+      rgb(var(--impact-accent) / 0.14),
+      rgb(var(--impact-accent) / 0.06) 38%,
+      transparent 68%
+    );
+  opacity: 0.82;
+}
+
+.impact-icon {
+  position: absolute;
+  top: clamp(-46px, -3.4vw, -28px);
+  right: clamp(-28px, -2vw, -12px);
+  z-index: 1;
+  display: grid;
+  place-items: center;
+  width: clamp(132px, 12.6vw, 190px);
+  height: clamp(132px, 12.6vw, 190px);
+  color: rgb(var(--impact-accent) / 0.12);
+  opacity: 0.76;
+  mix-blend-mode: multiply;
+  transition:
+    color 240ms ease,
+    opacity 240ms ease,
+    transform 240ms ease;
+}
+
+.impact-icon::before {
+  content: "";
+  position: absolute;
+  inset: -42%;
+  z-index: 0;
+  border-radius: 50%;
+  background:
+    radial-gradient(
+      circle,
+      rgb(var(--impact-accent) / 0.16),
+      rgb(var(--impact-accent) / 0.07) 44%,
+      rgb(var(--impact-accent) / 0) 76%
+    );
+  filter: blur(20px);
+  opacity: 0.72;
+}
+
+.impact-icon svg {
+  position: relative;
+  z-index: 1;
+  display: block;
+  width: 100%;
+  height: 100%;
+}
+
+.impact-copy {
+  position: relative;
+  z-index: 2;
+  min-width: 0;
+  width: 100%;
+  max-width: 30em;
+  margin: 0 auto;
+}
+
+.impact-item h3 {
+  max-width: none;
+  margin-right: auto;
+  margin-left: auto;
+  font-size: clamp(1.62rem, 2.08vw, 2.32rem);
+  font-weight: 780;
+  line-height: 1.06;
+  overflow-wrap: break-word;
+  text-wrap: balance;
+  transition: color 180ms ease;
+}
+
+.impact-item .impact-subtitle {
+  max-width: 22em;
+  display: grid;
+  gap: 4px;
+  min-height: 3.12em;
+  margin: clamp(18px, 2vw, 26px) 0 0;
+  color: rgb(8 8 8 / 0.58);
+  font-size: clamp(1rem, 1.14vw, 1.12rem);
+  font-weight: 520;
+  line-height: 1.56;
+  margin-right: auto;
+  margin-left: auto;
+  overflow-wrap: break-word;
+  transition: color 180ms ease;
+}
+
+.impact-subtitle span {
+  display: block;
+  text-wrap: balance;
+}
+
+.impact-item .impact-subtitle::before {
+  content: "";
+  display: block;
+  width: 34px;
+  height: 2px;
+  margin: 0 auto clamp(14px, 1.4vw, 18px);
+  border-radius: 999px;
+  background: rgb(var(--impact-accent) / 0.48);
+}
+
+@media (hover: hover) and (pointer: fine) {
+  .impact-item:hover h3 {
+    color: var(--accent-logo);
+  }
+
+  .impact-item:hover .impact-subtitle {
+    color: rgb(var(--impact-accent) / 0.72);
+  }
+}
+
+.contact-band-inner {
+  display: flex;
+  align-items: center;
+  flex-direction: row;
+  justify-content: center;
+  gap: clamp(8px, 2vw, 24px);
+  padding: clamp(10px, 2.6vw, 28px) 0;
+  color: var(--text);
+  text-align: center;
+}
+
+.contact-band .contact-band-message {
+  min-width: 0;
+  margin: 0;
+  color: var(--text);
+  font-size: clamp(0.9rem, 4.4vw, 2.35rem);
+  font-weight: 760;
+  line-height: 1.1;
+  white-space: nowrap;
+}
+
+.contact-band .action-link {
+  flex: 0 0 auto;
+  min-width: clamp(96px, 12vw, 148px);
+  min-height: clamp(42px, 4.6vw, 56px);
+  padding: clamp(10px, 1.2vw, 15px) clamp(12px, 2vw, 24px);
+  font-size: clamp(0.86rem, 2.5vw, 1.06rem);
+  width: fit-content;
+  white-space: nowrap;
+}
+
+.section.contact-band {
+  padding: clamp(28px, 4.8vw, 62px) 0;
+}
+
+.page-hero {
+  display: grid;
+  grid-template-columns: minmax(0, 0.92fr) minmax(380px, 0.74fr);
+  gap: clamp(34px, 5vw, 72px);
+  align-items: center;
+  width: min(var(--max), calc(100% - clamp(40px, 9vw, 144px)));
+  margin: 0 auto;
+  padding: clamp(72px, 8vw, 112px) 0 clamp(42px, 6vw, 72px);
+}
+
+.page-hero h1,
+.contact-panel h1 {
+  font-size: clamp(2.8rem, 5.6vw, 5.2rem);
+}
+
+.page-hero p {
+  max-width: 660px;
+  margin: 22px 0 0;
+  color: var(--muted);
+}
+
+.about-contact-page {
+  display: grid;
+  flex: 1 0 auto;
+  align-items: center;
+  width: min(var(--max), calc(100% - clamp(24px, 5vw, 80px)));
+  min-height: 0;
+  padding-top: clamp(54px, 8vh, 86px);
+  padding-bottom: clamp(42px, 6vh, 72px);
+}
+
+.about-contact-layout {
+  display: grid;
+  grid-template-columns: minmax(0, 0.76fr) minmax(260px, 0.34fr);
+  column-gap: clamp(42px, 7vw, 112px);
+  row-gap: 28px;
+  align-items: start;
+}
+
+.about-contact-title {
+  grid-column: 1;
+  grid-row: 1;
+}
+
+.about-contact-copy {
+  grid-column: 1;
+  grid-row: 2;
+  max-width: 820px;
+}
+
+.about-contact-title {
+  margin: 0;
+  color: var(--text);
+  font-size: clamp(2.8rem, 5.6vw, 5.2rem);
+  font-weight: 760;
+  letter-spacing: 0;
+  line-height: 1.02;
+}
+
+.about-contact-copy p {
+  max-width: 760px;
+  margin: 0;
+  color: var(--body);
+  font-size: clamp(1rem, 1.35vw, 1.16rem);
+  line-height: 1.9;
+  text-indent: 2em;
+}
+
+.about-contact-group {
+  scroll-margin-top: 96px;
+  max-width: 760px;
+  margin: clamp(16px, 2.4vw, 28px) 0 0;
+}
+
+.about-contact-copy .contact-slogan {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 0.88em;
+  width: 100%;
+  margin: clamp(8px, 1.4vw, 14px) 0 0;
+  transform: translateX(-30px);
+  color: var(--accent-logo);
+  font-family:
+    "SF Mono", "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;
+  font-size: clamp(0.72rem, 0.86vw, 0.88rem);
+  font-weight: 760;
+  letter-spacing: 0.16em;
+  line-height: 1;
+  text-transform: uppercase;
+  text-indent: 0;
+  white-space: nowrap;
+}
+
+.about-contact-copy .contact-slogan::before,
+.about-contact-copy .contact-slogan::after {
+  content: "";
+  display: block;
+  width: clamp(28px, 3.6vw, 54px);
+  height: 1px;
+  flex: 0 0 auto;
+  background: linear-gradient(
+    90deg,
+    rgb(7 134 255 / 0),
+    rgb(7 134 255 / 0.7)
+  );
+}
+
+.about-contact-copy .contact-slogan::after {
+  background: linear-gradient(
+    90deg,
+    rgb(7 134 255 / 0.7),
+    rgb(7 134 255 / 0)
+  );
+}
+
+.contact-slogan-ink {
+  color: var(--text);
+}
+
+.about-contact-list {
+  --contact-icon-column: 22px;
+  --contact-label-column: max-content;
+  --contact-gap: 9px;
+  --contact-value-start: calc(
+    var(--contact-icon-column) + var(--contact-gap) +
+      var(--contact-label-column) + var(--contact-gap)
+  );
+
+  display: grid;
+  grid-template-columns: max-content max-content;
+  column-gap: clamp(14px, 2vw, 22px);
+  justify-content: center;
+  max-width: 760px;
+  margin: 0;
+  padding: 0;
+  color: var(--muted);
+  font-size: 0.98rem;
+  line-height: 1.75;
+}
+
+.about-contact-list div {
+  position: relative;
+  display: grid;
+  grid-template-columns:
+    var(--contact-icon-column) var(--contact-label-column)
+    minmax(0, 1fr);
+  gap: var(--contact-gap);
+  align-items: baseline;
+  padding: 8px 0;
+}
+
+.about-contact-list div + div {
+  padding-left: clamp(14px, 1.8vw, 18px);
+  border-left: 1px solid var(--line-strong);
+}
+
+.about-contact-list svg {
+  align-self: center;
+  color: var(--accent-logo);
+}
+
+.about-contact-list dt {
+  color: var(--accent-logo);
+  white-space: nowrap;
+}
+
+.about-contact-list dd {
+  margin: 0;
+  color: var(--text);
+  word-break: break-word;
+}
+
+.about-contact-logo {
+  grid-column: 2;
+  grid-row: 2;
+  display: flex;
+  justify-content: center;
+  align-items: flex-start;
+}
+
+.about-contact-logo .logo-mark {
+  width: clamp(210px, 23vw, 340px);
+  max-width: 100%;
+  opacity: 0.92;
+}
+
+.media-frame {
+  position: relative;
+  overflow: hidden;
+  margin: 0;
+  border: 1px solid var(--line);
+  border-radius: var(--radius);
+  aspect-ratio: 4 / 3;
+  background: var(--surface-muted);
+}
+
+.media-frame figcaption {
+  position: absolute;
+  right: 16px;
+  bottom: 14px;
+  z-index: 1;
+  max-width: calc(100% - 32px);
+  color: white;
+  font-size: 0.86rem;
+}
+
+.work-detail-grid {
+  display: grid;
+  gap: 26px;
+}
+
+.work-detail-card {
+  display: grid;
+  grid-template-columns: minmax(280px, 0.64fr) minmax(0, 1fr);
+  gap: clamp(24px, 4vw, 52px);
+  align-items: center;
+  padding: clamp(20px, 3vw, 30px);
+  border: 1px solid var(--line);
+  border-radius: var(--radius);
+  background: white;
+}
+
+.work-detail-card .media-frame {
+  min-height: 330px;
+}
+
+.about-story {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) minmax(300px, 0.58fr);
+  gap: clamp(32px, 5vw, 76px);
+  align-items: start;
+}
+
+.about-story p {
+  max-width: 730px;
+}
+
+.company-info,
+.contact-card dl {
+  margin: 0;
+}
+
+.company-info {
+  border-top: 1px solid var(--line-strong);
+}
+
+.company-info div,
+.contact-card dl div {
+  display: grid;
+  grid-template-columns: 86px minmax(0, 1fr);
+  gap: 18px;
+  padding: 17px 0;
+  border-bottom: 1px solid var(--line);
+}
+
+.company-info dt,
+.contact-card dt {
+  color: var(--muted);
+  transition: color 180ms ease;
+}
+
+.company-info dd,
+.contact-card dd {
+  margin: 0;
+  color: var(--text);
+}
+
+.contact-page {
+  min-height: auto;
+}
+
+.contact-panel {
+  display: grid;
+  grid-template-columns: minmax(0, 0.88fr) minmax(320px, 0.58fr);
+  gap: clamp(32px, 6vw, 86px);
+  align-items: center;
+}
+
+.contact-card {
+  padding: clamp(22px, 3vw, 34px);
+  border: 0;
+  border-radius: var(--radius);
+  background: white;
+  box-shadow:
+    0 24px 70px rgb(8 8 8 / 0.075),
+    inset 0 1px 0 rgb(255 255 255 / 0.9);
+  transition: color 180ms ease;
+}
+
+.contact-card:hover dt,
+.contact-card:hover .qr-placeholder span {
+  color: var(--accent-logo);
+}
+
+.qr-placeholder {
+  display: grid;
+  min-height: 280px;
+  place-items: center;
+  margin-bottom: 24px;
+  padding: 28px;
+  border: 0;
+  border-radius: var(--radius);
+  background: var(--bg);
+  text-align: center;
+}
+
+.qr-placeholder .logo-mark {
+  width: 170px;
+}
+
+.qr-placeholder span {
+  display: block;
+  margin-top: 16px;
+  color: var(--muted);
+  transition: color 180ms ease;
+}
+
+.site-footer {
+  display: flex;
+  gap: clamp(18px, 2.2vw, 28px);
+  align-items: center;
+  justify-content: center;
+  width: min(var(--max), calc(100% - clamp(40px, 9vw, 144px)));
+  margin: 0 auto;
+  padding: 18px 0 22px;
+  border-top: 1px solid var(--line-strong);
+  color: var(--muted);
+  font-size: 0.92rem;
+}
+
+.site-footer .logo-mark {
+  width: 88px;
+}
+
+.site-footer p {
+  margin: 0;
+  line-height: 1.5;
+}
+
+.footer-meta {
+  display: flex;
+  flex-wrap: nowrap;
+  align-items: center;
+  min-width: 0;
+  gap: clamp(16px, 2.2vw, 30px);
+}
+
+.footer-company-line {
+  display: flex;
+  flex: 0 0 auto;
+  flex-wrap: nowrap;
+  gap: 10px;
+  align-items: center;
+  white-space: nowrap;
+}
+
+.footer-legal-links {
+  display: flex;
+  flex: 0 0 auto;
+  flex-wrap: nowrap;
+  align-items: center;
+  gap: 8px;
+  margin-top: 0;
+  line-height: 1.5;
+  white-space: nowrap;
+}
+
+.site-footer button,
+.site-footer a {
+  padding: 0;
+  color: var(--muted);
+  text-decoration: none;
+  transition: color 0.18s ease, outline-color 0.18s ease;
+}
+
+.site-footer button:hover,
+.site-footer a:hover {
+  color: var(--accent-logo);
+}
+
+.site-footer button:focus-visible,
+.site-footer a:focus-visible {
+  outline: 2px solid rgb(7 134 255 / 0.55);
+  outline-offset: 4px;
+}
+
+@media (max-width: 980px) {
+  .hero-section,
+  .page-hero,
+  .method-layout,
+  .work-detail-card,
+  .about-contact-layout,
+  .about-story,
+  .contact-panel {
+    grid-template-columns: 1fr;
+  }
+
+  .about-contact-title,
+  .about-contact-copy,
+  .about-contact-logo {
+    grid-column: 1;
+    grid-row: auto;
+  }
+
+  .hero-section {
+    min-height: auto;
+  }
+
+  .hero-copy {
+    transform: none;
+  }
+
+  .method-heading {
+    transform: none;
+  }
+
+  .hero-visual {
+    align-self: auto;
+    justify-content: center;
+    margin: 4px calc(50% - 50vw) -10px;
+  }
+
+  .hero-media {
+    width: min(104vw, 920px);
+    height: auto;
+    max-height: none;
+    aspect-ratio: 16 / 9;
+    -webkit-mask-image: linear-gradient(
+      90deg,
+      transparent 0%,
+      rgb(0 0 0 / 0.1) 6%,
+      #000 18%,
+      #000 82%,
+      rgb(0 0 0 / 0.1) 94%,
+      transparent 100%
+    );
+    mask-image: linear-gradient(
+      90deg,
+      transparent 0%,
+      rgb(0 0 0 / 0.1) 6%,
+      #000 18%,
+      #000 82%,
+      rgb(0 0 0 / 0.1) 94%,
+      transparent 100%
+    );
+  }
+
+  .method-pin-stage {
+    display: none;
+  }
+
+  .method-static-flow {
+    display: grid;
+    gap: clamp(26px, 5vw, 42px);
+  }
+
+  .method-static-card {
+    grid-template-columns: 1fr;
+  }
+
+  .method-rail {
+    position: relative;
+    grid-column: auto;
+    grid-row: auto;
+    top: auto;
+    transform: none;
+  }
+
+  .method-current-panel {
+    min-height: auto;
+  }
+
+  .method-label {
+    font-size: clamp(1.46rem, 6.4vw, 1.72rem);
+  }
+
+  .method-image-wrap {
+    aspect-ratio: 16 / 9;
+  }
+
+  .method-content-progress {
+    display: none;
+  }
+
+  .method-steps-shell {
+    grid-column: auto;
+    grid-row: auto;
+    padding-left: 0;
+  }
+
+  .method-step,
+  .method-step.is-active {
+    min-height: auto;
+    opacity: 1;
+    transform: none;
+  }
+
+  .field-partner-layout {
+    grid-template-columns: 1fr;
+  }
+
+  .field-scenes {
+    --field-tail: clamp(58px, 13vw, 104px);
+    width: 100%;
+  }
+
+  .partner-diamond-wall {
+    padding-top: clamp(24px, 4vw, 38px);
+    padding-left: 0;
+    border-left: 0;
+  }
+
+  .partner-diamond-grid {
+    grid-template-columns: repeat(3, 128px);
+    gap: 18px 34px;
+  }
+
+  .partner-diamond {
+    width: 128px;
+    height: 128px;
+  }
+
+  .partner-diamond:nth-child(n) {
+    margin: 0;
+  }
+
+  .partner-mark {
+    max-width: 98px;
+    font-size: 0.78rem;
+  }
+
+  .contact-band-inner {
+    align-items: center;
+  }
+}
+
+@media (max-width: 1440px) and (min-width: 981px) {
+  .hero-visual {
+    margin-right: 0;
+  }
+
+  .hero-media {
+    width: min(100%, 680px);
+  }
+}
+
+@media (max-width: 1240px) and (min-width: 981px) {
+  .field-partner-layout {
+    grid-template-columns: 1fr;
+  }
+
+  .field-scenes {
+    --field-tail: clamp(72px, 11vw, 128px);
+    width: 100%;
+  }
+
+  .partner-diamond-wall {
+    padding-top: clamp(24px, 4vw, 38px);
+    padding-left: 0;
+    border-left: 0;
+  }
+}
+
+@media (max-width: 720px) {
+  body {
+    background: var(--bg);
+  }
+
+  .site-header {
+    position: relative;
+    flex-direction: row;
+    align-items: center;
+    gap: 14px;
+    min-height: auto;
+    padding: 16px;
+  }
+
+  .header-actions {
+    width: auto;
+    margin-left: auto;
+  }
+
+  .site-nav {
+    display: none;
+  }
+
+  .site-nav::-webkit-scrollbar {
+    display: none;
+  }
+
+  .nav-link {
+    min-height: 34px;
+    padding: 7px 10px;
+  }
+
+  .brand-button .logo-mark {
+    width: 106px;
+  }
+
+  .brand-name {
+    font-size: 0.95rem;
+  }
+
+  .hero-section,
+  .section,
+  .page-hero {
+    width: min(100% - 32px, var(--max));
+  }
+
+  .section.impact-section {
+    width: 100%;
+    padding-right: 16px;
+    padding-left: 16px;
+  }
+
+  .section.field-network-section {
+    width: 100%;
+    padding-right: 16px;
+    padding-left: 16px;
+  }
+
+  .method-section {
+    width: 100%;
+  }
+
+  .method-static-flow {
+    width: min(100% - 32px, var(--max));
+  }
+
+  .hero-section {
+    gap: 36px;
+    padding-top: clamp(52px, 7.5vh, 72px);
+    padding-bottom: clamp(68px, 8vh, 88px);
+  }
+
+  .hero-lede {
+    max-width: 100%;
+    margin-top: 32px;
+    font-size: clamp(1.08rem, 5.15vw, 1.28rem);
+    line-height: 1.56;
+  }
+
+  html:lang(zh-CN) .hero-lede-line {
+    display: inline-flex;
+    align-items: baseline;
+    max-width: 100%;
+    white-space: nowrap;
+  }
+
+  .hero-value-slot {
+    min-width: 4.35em;
+    margin-left: 0.12em;
+  }
+
+  html:lang(en) .hero-value-slot {
+    min-width: min(100%, 8.7em);
+  }
+
+  .hero-actions {
+    gap: 14px;
+    margin-top: 42px;
+  }
+
+  .action-link {
+    min-height: 46px;
+    padding: 12px 16px;
+  }
+
+  .hero-visual {
+    margin-top: 2px;
+    margin-bottom: -2px;
+  }
+
+  .hero-media {
+    width: min(100vw, 640px);
+  }
+
+  .about-contact-copy .contact-slogan {
+    gap: 0.58em;
+    font-size: clamp(0.63rem, 2.8vw, 0.76rem);
+    letter-spacing: 0.12em;
+  }
+
+  .about-contact-copy .contact-slogan::before,
+  .about-contact-copy .contact-slogan::after {
+    width: clamp(18px, 9vw, 32px);
+  }
+
+  .about-contact-copy .contact-slogan {
+    transform: none;
+  }
+
+  .hero-copy h1,
+  .page-hero h1,
+  .about-contact-title,
+  .contact-panel h1 {
+    line-height: 1.05;
+  }
+
+  .hero-copy h1 {
+    font-size: clamp(1.92rem, 9.6vw, 2.96rem);
+  }
+
+  .page-hero h1,
+  .about-contact-title,
+  .contact-panel h1 {
+    font-size: clamp(2.48rem, 12.5vw, 3.65rem);
+  }
+
+  .hero-actions,
+  .action-link {
+    width: 100%;
+  }
+
+  .method-status {
+    padding-top: 16px;
+  }
+
+  .method-static-flow {
+    padding-top: 66px;
+    padding-bottom: 72px;
+  }
+
+  .method-static-list {
+    gap: 22px;
+  }
+
+  .method-static-step {
+    padding: 22px 18px 20px;
+    border-radius: calc(var(--radius) + 4px);
+    box-shadow:
+      0 18px 42px rgb(8 8 8 / 0.055),
+      inset 0 1px 0 rgb(255 255 255 / 0.78);
+  }
+
+  .method-static-title {
+    align-items: flex-start;
+    gap: 10px;
+    font-size: clamp(1.06rem, 5.6vw, 1.28rem);
+  }
+
+  .method-static-title span {
+    transform: translateY(1px);
+  }
+
+  .method-static-media {
+    margin: 16px 0 18px;
+    border-radius: var(--radius);
+  }
+
+  .method-static-media.is-scrollable {
+    --method-slide-peek: clamp(42px, 12%, 78px);
+    margin-right: -18px;
+    padding-right: 0;
+    padding-bottom: 20px;
+  }
+
+  .method-static-media.is-scrollable::before {
+    content: none;
+  }
+
+  .method-static-media.is-scrollable::after {
+    content: "";
+    position: absolute;
+    top: 0;
+    right: -8px;
+    bottom: 20px;
+    z-index: 2;
+    width: calc(var(--method-slide-peek) + 22px);
+    border-radius: 0 var(--radius) var(--radius) 0;
+    background: linear-gradient(
+      90deg,
+      rgb(255 255 255 / 0) 0%,
+      rgb(255 255 255 / 0.12) 26%,
+      rgb(255 255 255 / 0.42) 62%,
+      rgb(255 255 255 / 0.82) 100%
+    );
+    pointer-events: none;
+    -webkit-backdrop-filter: blur(1.4px);
+    backdrop-filter: blur(1.4px);
+    -webkit-mask-image: linear-gradient(
+      90deg,
+      rgb(0 0 0 / 0) 0%,
+      rgb(0 0 0 / 0.45) 34%,
+      rgb(0 0 0 / 1) 100%
+    );
+    mask-image: linear-gradient(
+      90deg,
+      rgb(0 0 0 / 0) 0%,
+      rgb(0 0 0 / 0.45) 34%,
+      rgb(0 0 0 / 1) 100%
+    );
+  }
+
+  .method-static-media.is-scrollable .method-static-media-track {
+    aspect-ratio: 2 / 1;
+    overflow-x: auto;
+    gap: 10px;
+    padding-right: 0;
+    border-radius: var(--radius);
+    scroll-padding-left: 0;
+    scroll-snap-type: x mandatory;
+    -webkit-overflow-scrolling: touch;
+    scrollbar-width: none;
+    box-shadow: none;
+  }
+
+  .method-static-media.is-scrollable .method-static-media-track::after {
+    content: "";
+    flex: 0 0 var(--method-slide-peek);
+  }
+
+  .method-static-media.is-scrollable .method-static-media-track::-webkit-scrollbar {
+    display: none;
+  }
+
+  .method-static-media.is-scrollable .method-static-media-item {
+    flex-basis: calc(100% - var(--method-slide-peek));
+    border-radius: var(--radius);
+    overflow: hidden;
+    background: var(--surface-muted);
+    box-shadow:
+      0 10px 22px rgb(8 8 8 / 0.065),
+      0 6px 14px rgb(7 134 255 / 0.055);
+  }
+
+  .method-static-media-item figcaption {
+    font-size: 0.72rem;
+  }
+
+  .method-static-media-dots {
+    position: absolute;
+    right: var(--method-slide-peek);
+    bottom: 3px;
+    left: 0;
+    display: flex;
+    justify-content: center;
+    gap: 6px;
+    pointer-events: none;
+  }
+
+  .method-static-media-dots span {
+    width: 5px;
+    height: 5px;
+    border-radius: 999px;
+    background: rgb(7 134 255 / 0.34);
+    transition:
+      width 180ms ease,
+      background 180ms ease;
+  }
+
+  .method-static-media-dots span.is-active {
+    width: 16px;
+    background: var(--accent-logo);
+  }
+
+  .method-static-step > p {
+    max-width: none;
+    font-size: 0.96rem;
+    line-height: 1.74;
+    text-indent: 0;
+  }
+
+  .method-step ul {
+    justify-content: flex-start;
+  }
+
+  .method-step li {
+    min-height: 32px;
+    padding: 7px 9px;
+    font-size: 0.88rem;
+  }
+
+  .method-step blockquote {
+    margin-top: 20px;
+    padding: 13px 14px;
+    text-align: left;
+  }
+
+  .field-scenes {
+    --field-tail: 0px;
+    width: 100%;
+    grid-template-columns: 1fr;
+    border-right-color: rgb(255 255 255 / 0.5);
+    -webkit-mask-image: none;
+    mask-image: none;
+  }
+
+  .field-scene {
+    min-height: 76px;
+  }
+
+  .field-scene > div {
+    width: 100%;
+    padding: 13px 16px;
+  }
+
+  .field-scene p {
+    margin-top: 6px;
+    overflow: visible;
+    text-overflow: initial;
+    white-space: normal;
+  }
+
+  .partner-wall-title span {
+    width: 46px;
+  }
+
+  .partner-diamond-grid {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+    gap: 10px;
+    padding: 8px 0 12px;
+  }
+
+  .partner-diamond {
+    width: auto;
+    height: 66px;
+    min-width: 0;
+    transform: none;
+    border-radius: var(--radius);
+    background: rgb(255 255 255 / 0.88);
+  }
+
+  .partner-diamond:nth-child(n) {
+    margin: 0;
+  }
+
+  .partner-mark {
+    max-width: calc(100% - 18px);
+    transform: none;
+    font-size: 0.76rem;
+    line-height: 1.24;
+  }
+
+  .impact-list {
+    grid-template-columns: 1fr;
+  }
+
+  .impact-item {
+    min-height: 286px;
+    padding: 24px 20px;
+  }
+
+  .impact-icon {
+    top: -26px;
+    right: -18px;
+    width: 128px;
+    height: 128px;
+  }
+
+  .impact-copy {
+    margin: 0 auto;
+  }
+
+  .impact-item h3 {
+    font-size: clamp(1.56rem, 7vw, 2rem);
+  }
+
+  .impact-item .impact-subtitle {
+    max-width: none;
+    font-size: 0.98rem;
+  }
+
+  .company-info div,
+  .contact-card dl div {
+    grid-template-columns: 1fr;
+    gap: 4px;
+  }
+
+  .about-contact-list {
+    --contact-label-column: max-content;
+    --contact-gap: 9px;
+    grid-template-columns: 1fr;
+  }
+
+  .about-contact-list div {
+    grid-template-columns:
+      var(--contact-icon-column) var(--contact-label-column)
+      minmax(0, 1fr);
+    gap: var(--contact-gap);
+  }
+
+  .about-contact-list div + div {
+    padding-left: 0;
+    border-left: 0;
+  }
+
+  .about-contact-list dt {
+    grid-column: 2;
+  }
+
+  .about-contact-list dd {
+    grid-column: 3;
+  }
+
+  .about-contact-logo {
+    justify-content: center;
+    min-height: auto;
+    padding-top: clamp(12px, 4vw, 26px);
+  }
+
+  .about-contact-logo .logo-mark {
+    width: clamp(150px, 42vw, 220px);
+    transform: none;
+  }
+
+  .site-footer {
+    align-items: flex-start;
+    justify-content: center;
+    gap: 16px;
+    padding: 18px 0 22px;
+  }
+
+  .site-footer .logo-mark {
+    width: 80px;
+  }
+}
+
+@media (max-width: 480px) {
+  .hero-copy h1 > span {
+    white-space: normal;
+  }
+
+  .hero-lede {
+    max-width: 100%;
+    font-size: clamp(1rem, 5vw, 1.12rem);
+  }
+
+  .contact-band-inner {
+    flex-direction: column;
+    gap: 14px;
+    padding-top: 16px;
+    padding-bottom: 18px;
+  }
+
+  .contact-band .contact-band-message {
+    max-width: 14em;
+    white-space: normal;
+  }
+
+  .contact-band .action-link {
+    width: min(100%, 220px);
+  }
+
+  .about-contact-copy p {
+    font-size: 0.98rem;
+    line-height: 1.82;
+    text-indent: 0;
+  }
+
+  .about-contact-list div {
+    grid-template-columns: var(--contact-icon-column) minmax(0, 1fr);
+    align-items: start;
+  }
+
+  .about-contact-list dt,
+  .about-contact-list dd {
+    grid-column: 2;
+  }
+
+  .about-contact-list dd {
+    line-height: 1.42;
+  }
+
+  .site-footer {
+    flex-direction: column;
+    align-items: center;
+  }
+}
+
+@media (max-width: 640px) {
+  .site-footer {
+    gap: 14px;
+    font-size: 0.88rem;
+    text-align: center;
+  }
+
+  .footer-meta,
+  .footer-company-line,
+  .footer-legal-links {
+    justify-content: center;
+    flex-wrap: wrap;
+    white-space: normal;
+  }
+
+  .footer-meta {
+    gap: 4px 14px;
+  }
+
+  .footer-company-line,
+  .footer-legal-links {
+    flex: 1 1 100%;
+    min-width: 0;
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  *,
+  *::before,
+  *::after {
+    scroll-behavior: auto !important;
+    animation-duration: 0.001ms !important;
+    animation-iteration-count: 1 !important;
+    transition-duration: 0.001ms !important;
+  }
+}
diff --git a/src/vite-env.d.ts b/src/vite-env.d.ts
new file mode 100644
index 0000000..11f02fe
--- /dev/null
+++ b/src/vite-env.d.ts
@@ -0,0 +1 @@
+/// <reference types="vite/client" />
diff --git a/tsconfig.app.json b/tsconfig.app.json
new file mode 100644
index 0000000..f276b9c
--- /dev/null
+++ b/tsconfig.app.json
@@ -0,0 +1,22 @@
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+    "target": "ES2022",
+    "useDefineForClassFields": true,
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "allowJs": false,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "allowSyntheticDefaultImports": true,
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react-jsx"
+  },
+  "include": ["src"]
+}
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 0000000..1ffef60
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,7 @@
+{
+  "files": [],
+  "references": [
+    { "path": "./tsconfig.app.json" },
+    { "path": "./tsconfig.node.json" }
+  ]
+}
diff --git a/tsconfig.node.json b/tsconfig.node.json
new file mode 100644
index 0000000..2c1884f
--- /dev/null
+++ b/tsconfig.node.json
@@ -0,0 +1,18 @@
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+    "target": "ES2023",
+    "lib": ["ES2023"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+    "moduleResolution": "Bundler",
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true
+  },
+  "include": ["vite.config.ts"]
+}
diff --git a/video-generate-job_mqt1jb09_8e4f92df09-0.mp4 b/video-generate-job_mqt1jb09_8e4f92df09-0.mp4
new file mode 100644
index 0000000..5d7b99a
Binary files /dev/null and b/video-generate-job_mqt1jb09_8e4f92df09-0.mp4 differ
diff --git a/vite.config.ts b/vite.config.ts
new file mode 100644
index 0000000..081c8d9
--- /dev/null
+++ b/vite.config.ts
@@ -0,0 +1,6 @@
+import { defineConfig } from "vite";
+import react from "@vitejs/plugin-react";
+
+export default defineConfig({
+  plugins: [react()],
+});
diff --git a/网站参考图片/01业务流程重构.png b/网站参考图片/01业务流程重构.png
new file mode 100644
index 0000000..be3460d
Binary files /dev/null and b/网站参考图片/01业务流程重构.png differ
diff --git a/网站参考图片/02企业数据本体.png b/网站参考图片/02企业数据本体.png
new file mode 100644
index 0000000..8256870
Binary files /dev/null and b/网站参考图片/02企业数据本体.png differ
diff --git a/网站参考图片/02企业本体.png b/网站参考图片/02企业本体.png
new file mode 100644
index 0000000..e837a1f
Binary files /dev/null and b/网站参考图片/02企业本体.png differ
diff --git a/网站参考图片/03AIGC引擎.png b/网站参考图片/03AIGC引擎.png
new file mode 100644
index 0000000..b28fd4b
Binary files /dev/null and b/网站参考图片/03AIGC引擎.png differ
diff --git a/网站参考图片/03agent消息中台.png b/网站参考图片/03agent消息中台.png
new file mode 100644
index 0000000..b27f023
Binary files /dev/null and b/网站参考图片/03agent消息中台.png differ
diff --git a/网站参考图片/03智能体平台.png b/网站参考图片/03智能体平台.png
new file mode 100644
index 0000000..d3ef2de
Binary files /dev/null and b/网站参考图片/03智能体平台.png differ
diff --git a/网站参考图片/04AI工作日志.png b/网站参考图片/04AI工作日志.png
new file mode 100644
index 0000000..0ff78f5
Binary files /dev/null and b/网站参考图片/04AI工作日志.png differ
diff --git a/网站参考图片/04AI行为审计.png b/网站参考图片/04AI行为审计.png
new file mode 100644
index 0000000..aee822d
Binary files /dev/null and b/网站参考图片/04AI行为审计.png differ