From d3e5b08ff7f42d2ed74afce617d1d7647b105f45 Mon Sep 17 00:00:00 2001
From: "v.snigerev" <snigerev.vladimir.e@gmail.com>
Date: Fri, 24 Apr 2026 22:06:31 +0300
Subject: [PATCH 1/3] feat(landing): add landing package to monorepo
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Next.js 16 + React 19 + Tailwind 4 static landing template with
token-driven theming via src/content/site.ts. Canonical 8-route
structure (/, /mobile, /business, /pricing, /blog, /contact,
/privacy, /terms) shared across ventures — only content varies.

Moved from reineira-atlas/.claude/templates/landing/ to keep
application code in platform-modules, alongside backend and app.
The scaffold pipeline in atlas now ships landing via the existing
rsync of platform-modules into each venture.
---
 packages/landing/.commitlintrc.js             |   34 +
 packages/landing/.env.example                 |    5 +
 packages/landing/.gitignore                   |   42 +
 packages/landing/.prettierrc                  |   10 +
 packages/landing/.stylelintrc.cjs             |   40 +
 packages/landing/CLAUDE.md                    |   81 +
 packages/landing/eslint.config.mjs            |   18 +
 packages/landing/next-env.d.ts                |    6 +
 packages/landing/next.config.ts               |   10 +
 packages/landing/package.json                 |   34 +
 packages/landing/postcss.config.mjs           |    7 +
 packages/landing/public/favicon.svg           |    3 +
 packages/landing/public/robots.txt            |    5 +
 packages/landing/src/app/blog/[slug]/page.tsx |  107 +
 packages/landing/src/app/blog/layout.tsx      |   11 +
 packages/landing/src/app/blog/page.tsx        |   19 +
 packages/landing/src/app/business/layout.tsx  |   11 +
 packages/landing/src/app/business/page.tsx    |   31 +
 packages/landing/src/app/contact/layout.tsx   |   11 +
 packages/landing/src/app/contact/page.tsx     |   86 +
 packages/landing/src/app/globals.css          |  521 ++++
 packages/landing/src/app/layout.tsx           |  145 +
 packages/landing/src/app/mobile/layout.tsx    |   11 +
 packages/landing/src/app/mobile/page.tsx      |   25 +
 packages/landing/src/app/page.tsx             |   39 +
 packages/landing/src/app/pricing/layout.tsx   |   11 +
 packages/landing/src/app/pricing/page.tsx     |   23 +
 packages/landing/src/app/privacy/page.tsx     |   31 +
 packages/landing/src/app/terms/page.tsx       |   31 +
 .../landing/src/components/MotionProvider.tsx |   15 +
 .../landing/src/components/blog/BlogGrid.tsx  |   67 +
 .../landing/src/components/blog/BlogHero.tsx  |   35 +
 .../src/components/business/BusinessCTA.tsx   |   66 +
 .../src/components/business/BusinessFAQ.tsx   |   36 +
 .../components/business/BusinessHeader.tsx    |   64 +
 .../src/components/business/BusinessHero.tsx  |   89 +
 .../components/business/ComplianceSection.tsx |   49 +
 .../src/components/business/ForWhoSection.tsx |   48 +
 .../business/ModernTeamsSection.tsx           |   58 +
 .../business/PrivacyInfraSection.tsx          |   66 +
 .../src/components/business/TrustStats.tsx    |   48 +
 .../landing/src/components/landing/Blog.tsx   |   77 +
 .../landing/src/components/landing/CTA.tsx    |   92 +
 .../landing/src/components/landing/FAQ.tsx    |   49 +
 .../src/components/landing/Features.tsx       |   93 +
 .../landing/src/components/landing/Footer.tsx |  109 +
 .../landing/src/components/landing/Header.tsx |  383 +++
 .../landing/src/components/landing/Hero.tsx   |   85 +
 .../src/components/landing/HowItWorks.tsx     |  126 +
 .../src/components/landing/Products.tsx       |  111 +
 .../src/components/landing/TopBanner.tsx      |   65 +
 .../src/components/landing/TrustedBy.tsx      |   44 +
 .../landing/src/components/landing/index.ts   |    8 +
 .../src/components/legal/LegalLayout.tsx      |  172 ++
 .../src/components/mobile/MobileCTA.tsx       |   81 +
 .../src/components/mobile/MobileFAQ.tsx       |   36 +
 .../src/components/mobile/MobileFeatures.tsx  |   85 +
 .../src/components/mobile/MobileHero.tsx      |  102 +
 .../placeholders/ImagePlaceholder.tsx         |   35 +
 .../src/components/pricing/PricingFAQ.tsx     |   36 +
 .../components/pricing/PricingFeatures.tsx    |   57 +
 .../src/components/pricing/PricingHero.tsx    |   35 +
 .../src/components/pricing/PricingPlans.tsx   |  113 +
 .../src/components/shared/Accordion.tsx       |  136 +
 .../src/components/shared/BaseHeader.tsx      |  198 ++
 packages/landing/src/components/ui/Logo.tsx   |   50 +
 .../src/components/ui/LogoWithText.tsx        |   27 +
 packages/landing/src/components/ui/index.ts   |    2 +
 packages/landing/src/content/design.ts        |   14 +
 packages/landing/src/content/site.ts          |  772 ++++++
 packages/landing/src/hooks/useEscapeKey.ts    |   16 +
 packages/landing/src/hooks/useScrollLock.ts   |   27 +
 packages/landing/src/hooks/useScrolled.ts     |   30 +
 packages/landing/src/hooks/useWaitlistForm.ts |    3 +
 packages/landing/src/lib/accent-scale.ts      |  149 +
 packages/landing/src/lib/blog.ts              |    3 +
 packages/landing/src/lib/icons.ts             |   65 +
 packages/landing/src/lib/lorem.ts             |   58 +
 packages/landing/src/lib/submitToWaitlist.ts  |    3 +
 packages/landing/tsconfig.json                |   27 +
 pnpm-lock.yaml                                | 2417 ++++++++++++++++-
 81 files changed, 8018 insertions(+), 22 deletions(-)
 create mode 100644 packages/landing/.commitlintrc.js
 create mode 100644 packages/landing/.env.example
 create mode 100644 packages/landing/.gitignore
 create mode 100644 packages/landing/.prettierrc
 create mode 100644 packages/landing/.stylelintrc.cjs
 create mode 100644 packages/landing/CLAUDE.md
 create mode 100644 packages/landing/eslint.config.mjs
 create mode 100644 packages/landing/next-env.d.ts
 create mode 100644 packages/landing/next.config.ts
 create mode 100644 packages/landing/package.json
 create mode 100644 packages/landing/postcss.config.mjs
 create mode 100644 packages/landing/public/favicon.svg
 create mode 100644 packages/landing/public/robots.txt
 create mode 100644 packages/landing/src/app/blog/[slug]/page.tsx
 create mode 100644 packages/landing/src/app/blog/layout.tsx
 create mode 100644 packages/landing/src/app/blog/page.tsx
 create mode 100644 packages/landing/src/app/business/layout.tsx
 create mode 100644 packages/landing/src/app/business/page.tsx
 create mode 100644 packages/landing/src/app/contact/layout.tsx
 create mode 100644 packages/landing/src/app/contact/page.tsx
 create mode 100644 packages/landing/src/app/globals.css
 create mode 100644 packages/landing/src/app/layout.tsx
 create mode 100644 packages/landing/src/app/mobile/layout.tsx
 create mode 100644 packages/landing/src/app/mobile/page.tsx
 create mode 100644 packages/landing/src/app/page.tsx
 create mode 100644 packages/landing/src/app/pricing/layout.tsx
 create mode 100644 packages/landing/src/app/pricing/page.tsx
 create mode 100644 packages/landing/src/app/privacy/page.tsx
 create mode 100644 packages/landing/src/app/terms/page.tsx
 create mode 100644 packages/landing/src/components/MotionProvider.tsx
 create mode 100644 packages/landing/src/components/blog/BlogGrid.tsx
 create mode 100644 packages/landing/src/components/blog/BlogHero.tsx
 create mode 100644 packages/landing/src/components/business/BusinessCTA.tsx
 create mode 100644 packages/landing/src/components/business/BusinessFAQ.tsx
 create mode 100644 packages/landing/src/components/business/BusinessHeader.tsx
 create mode 100644 packages/landing/src/components/business/BusinessHero.tsx
 create mode 100644 packages/landing/src/components/business/ComplianceSection.tsx
 create mode 100644 packages/landing/src/components/business/ForWhoSection.tsx
 create mode 100644 packages/landing/src/components/business/ModernTeamsSection.tsx
 create mode 100644 packages/landing/src/components/business/PrivacyInfraSection.tsx
 create mode 100644 packages/landing/src/components/business/TrustStats.tsx
 create mode 100644 packages/landing/src/components/landing/Blog.tsx
 create mode 100644 packages/landing/src/components/landing/CTA.tsx
 create mode 100644 packages/landing/src/components/landing/FAQ.tsx
 create mode 100644 packages/landing/src/components/landing/Features.tsx
 create mode 100644 packages/landing/src/components/landing/Footer.tsx
 create mode 100644 packages/landing/src/components/landing/Header.tsx
 create mode 100644 packages/landing/src/components/landing/Hero.tsx
 create mode 100644 packages/landing/src/components/landing/HowItWorks.tsx
 create mode 100644 packages/landing/src/components/landing/Products.tsx
 create mode 100644 packages/landing/src/components/landing/TopBanner.tsx
 create mode 100644 packages/landing/src/components/landing/TrustedBy.tsx
 create mode 100644 packages/landing/src/components/landing/index.ts
 create mode 100644 packages/landing/src/components/legal/LegalLayout.tsx
 create mode 100644 packages/landing/src/components/mobile/MobileCTA.tsx
 create mode 100644 packages/landing/src/components/mobile/MobileFAQ.tsx
 create mode 100644 packages/landing/src/components/mobile/MobileFeatures.tsx
 create mode 100644 packages/landing/src/components/mobile/MobileHero.tsx
 create mode 100644 packages/landing/src/components/placeholders/ImagePlaceholder.tsx
 create mode 100644 packages/landing/src/components/pricing/PricingFAQ.tsx
 create mode 100644 packages/landing/src/components/pricing/PricingFeatures.tsx
 create mode 100644 packages/landing/src/components/pricing/PricingHero.tsx
 create mode 100644 packages/landing/src/components/pricing/PricingPlans.tsx
 create mode 100644 packages/landing/src/components/shared/Accordion.tsx
 create mode 100644 packages/landing/src/components/shared/BaseHeader.tsx
 create mode 100644 packages/landing/src/components/ui/Logo.tsx
 create mode 100644 packages/landing/src/components/ui/LogoWithText.tsx
 create mode 100644 packages/landing/src/components/ui/index.ts
 create mode 100644 packages/landing/src/content/design.ts
 create mode 100644 packages/landing/src/content/site.ts
 create mode 100644 packages/landing/src/hooks/useEscapeKey.ts
 create mode 100644 packages/landing/src/hooks/useScrollLock.ts
 create mode 100644 packages/landing/src/hooks/useScrolled.ts
 create mode 100644 packages/landing/src/hooks/useWaitlistForm.ts
 create mode 100644 packages/landing/src/lib/accent-scale.ts
 create mode 100644 packages/landing/src/lib/blog.ts
 create mode 100644 packages/landing/src/lib/icons.ts
 create mode 100644 packages/landing/src/lib/lorem.ts
 create mode 100644 packages/landing/src/lib/submitToWaitlist.ts
 create mode 100644 packages/landing/tsconfig.json

diff --git a/packages/landing/.commitlintrc.js b/packages/landing/.commitlintrc.js
new file mode 100644
index 0000000..0e0b4bc
--- /dev/null
+++ b/packages/landing/.commitlintrc.js
@@ -0,0 +1,34 @@
+module.exports = {
+  extends: ['@commitlint/config-conventional'],
+  rules: {
+    'type-enum': [
+      2,
+      'always',
+      [
+        'feat',
+        'fix',
+        'docs',
+        'style',
+        'refactor',
+        'perf',
+        'test',
+        'build',
+        'ci',
+        'chore',
+        'revert',
+        'Feature', // Allow "Feature" as a type
+        'feature', // Allow "feature" as a type
+        'Bugfix',
+        'bugfix',
+        'Hotfix',
+        'hotfix',
+        'Release',
+        'release',
+      ],
+    ],
+    'subject-case': [0], // Disable subject case checking
+    'subject-empty': [0], // Disable subject empty checking
+    'type-empty': [0], // Disable type empty checking
+    'header-max-length': [0], // Disable header max length
+  },
+}
diff --git a/packages/landing/.env.example b/packages/landing/.env.example
new file mode 100644
index 0000000..2c61f60
--- /dev/null
+++ b/packages/landing/.env.example
@@ -0,0 +1,5 @@
+# Waitlist submission URL (Google Apps Script)
+NEXT_PUBLIC_WAITLIST_URL=https://script.google.com/macros/s/YOUR_SCRIPT_ID/exec
+
+# Fathom Analytics site ID
+NEXT_PUBLIC_FATHOM_SITE_ID=YOUR_SITE_ID
diff --git a/packages/landing/.gitignore b/packages/landing/.gitignore
new file mode 100644
index 0000000..1c1cf3e
--- /dev/null
+++ b/packages/landing/.gitignore
@@ -0,0 +1,42 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+.next
+out
+.DS_Store
+dist
+dist-ssr
+coverage
+*.local
+.eslintcache
+.vite_cache
+
+# TypeScript incremental build cache
+*.tsbuildinfo
+
+/cypress/videos/
+/cypress/screenshots/
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+
+# Sentry Auth Token
+.eslintcache
+.env.sentry-build-plugin
+
+# Performance testing
+.lighthouseci
diff --git a/packages/landing/.prettierrc b/packages/landing/.prettierrc
new file mode 100644
index 0000000..5c2540b
--- /dev/null
+++ b/packages/landing/.prettierrc
@@ -0,0 +1,10 @@
+{
+  "semi": false,
+  "singleQuote": true,
+  "trailingComma": "es5",
+  "tabWidth": 2,
+  "useTabs": false,
+  "printWidth": 120,
+  "endOfLine": "lf",
+  "htmlWhitespaceSensitivity": "ignore"
+}
diff --git a/packages/landing/.stylelintrc.cjs b/packages/landing/.stylelintrc.cjs
new file mode 100644
index 0000000..4d60224
--- /dev/null
+++ b/packages/landing/.stylelintrc.cjs
@@ -0,0 +1,40 @@
+module.exports = {
+  plugins: ['stylelint-scss'],
+  extends: ['stylelint-config-recommended-scss', 'stylelint-config-recommended-vue/scss'],
+  rules: {
+    'no-duplicate-selectors': null,
+    indentation: null,
+    'no-descending-specificity': null,
+    'at-rule-empty-line-before': null,
+    'custom-property-empty-line-before': null,
+    'declaration-empty-line-before': null,
+    'max-nesting-depth': null,
+    'value-keyword-case': null,
+    'color-hex-length': ['long'],
+    'color-hex-case': 'lower',
+    'color-named': 'never',
+    'declaration-block-single-line-max-declarations': [0],
+    'selector-max-compound-selectors': 6,
+    'selector-class-pattern': null,
+    'media-feature-name-no-unknown': null,
+    'selector-pseudo-element-no-unknown': [
+      true,
+      {
+        ignorePseudoElements: ['v-deep'],
+      },
+    ],
+    'scss/dollar-variable-colon-space-after': ['always-single-line'],
+    'scss/at-function-pattern': null,
+    'scss/at-mixin-pattern': null,
+    'scss/dollar-variable-pattern': null,
+    'scss/percent-placeholder-pattern': null,
+    'scss/at-mixin-argumentless-call-parentheses': 'never',
+    'scss/no-duplicate-dollar-variables': true,
+    'property-no-unknown': [
+      true,
+      {
+        ignoreProperties: ['field-sizing'],
+      },
+    ],
+  },
+}
diff --git a/packages/landing/CLAUDE.md b/packages/landing/CLAUDE.md
new file mode 100644
index 0000000..debffaf
--- /dev/null
+++ b/packages/landing/CLAUDE.md
@@ -0,0 +1,81 @@
+# Landing Template — Conventions
+
+> Generated project conventions. Copied into `<venture>/packages/landing/` on `/scaffold-landing`.
+
+## Page structure is canonical — never change it
+
+This template is a **1:1 clone** of the reference landing (`web-landing-app`). The page set,
+component sequence, block roles, markup, and animations are **fixed across every venture**.
+
+**What varies per venture:**
+- Token system (`branding.accent` → 9-step scale + hover/bg/border variants; `branding.fontSans`
+  / `fontMono`; `branding.borderRadius`; `branding.borderWidth`).
+- Text content (every string in every slot of `src/content/site.ts`).
+- Image URLs (replace `src: null` → real asset, or keep `null` for `[IMAGE PLACEHOLDER]`).
+
+**What never varies:**
+- Set of pages (`/`, `/mobile`, `/business`, `/pricing`, `/blog`, `/contact`, `/privacy`,
+  `/terms`).
+- Order of components on each page.
+- Role/goal/markup/animation of each component.
+- Component internals (don't edit files in `src/components/*` — edit `site.ts`).
+
+**Missing content** → `lorem(kind)` helper for text, `ImagePlaceholder` for images.
+**Excess content in brief** → silently ignore. Data overload hurts conversion.
+
+## Token system
+
+`site.ts` `branding.accent` (hex) →
+`src/lib/accent-scale.ts` `accentCssOverrides(hex)` →
+`src/app/layout.tsx` injects `<style>` with `--accent*` + `--accent-teal*` (back-compat) →
+components consume via `var(--accent)` / `bg-accent-teal` class / etc.
+
+Change accent in one place (`site.branding.accent`). Never edit `globals.css` just to recolor.
+
+## Server / client boundary rules
+
+1. **Context.Provider only from client files.** Prerender fails otherwise.
+2. **Phosphor icons are client-only** (`@phosphor-icons/react` uses React context).
+3. **Animation hooks from framer-motion are client-only** (`useInView`, `useReducedMotion`, etc.).
+4. **Dynamic routes need `generateStaticParams`** for `output: 'export'`. `/blog/[slug]` handles
+   this with a `_placeholder` fallback when `site.blog.grid.posts` is empty.
+5. **Metadata goes in `layout.tsx`, not client pages.**
+
+## Verify before claiming done
+
+```bash
+pnpm tsc --noEmit    # type errors
+pnpm build           # prerender errors (catches server/client boundary bugs)
+pnpm dev             # runtime check — curl localhost:3000/{,mobile,business,pricing,blog,contact,privacy,terms}
+```
+
+## Content conventions
+
+- All content lives in `src/content/site.ts` — do not hardcode strings elsewhere.
+- `design.ts` only overrides token-level knobs (borderRadius, borderWidth, fonts). Never adjusts
+  layout or structural behavior.
+
+## Text fit — write for the viewport, not the document
+
+Every UI slot has fixed visual proportions. If source text is too long, **rewrite it shorter and
+sharper** — never paste paragraph-length copy from a brief directly into a UI slot.
+
+| Slot | Visual role | Writing rule |
+|---|---|---|
+| `hero.title` | `<h1>` ~64 px, centered, 1–2 lines | 4–7 punchy words. Rewrite long headlines to a single bold claim. |
+| `hero.subtitle` | Lead text ~22 px, max-w-2xl | One sentence. Two short sentences max. Distil to the strongest idea. |
+| CTA labels | Pill button | Verb-first, ≤ 4 words: "Start for free", "See pricing". |
+| `eyebrow` | Small uppercase badge | One noun phrase, no verb. |
+| Section `title` | `<h2>` ~36–42 px | Tight claim or question, not a description. Rewrite if verbose. |
+| Section `subtitle` | Sub-copy below h2 | One sentence. If you have two ideas, pick the stronger one. |
+| `items[].title` | Card / feature heading | 2–4 words — a label, not a sentence. |
+| `items[].description` | Card body, fixed-height grid | One sentence written as a benefit. All cards in a grid must be visually even — trim the longest to match the others. |
+| `steps[].description` | Step body | One sentence. |
+| `trustStats items[].value` | Large stat | Compact symbol: `"$1B+"`, `"99.9%"`, `"< 2 s"`. Never prose. |
+| `trustStats items[].label` | Stat caption | Short noun phrase, no verb. |
+| `faq[].answer` | Accordion body | 2–3 sentences max. Lead with the direct answer. |
+| `pricing plan.description` | Plan sub-copy | One sentence, outcome-focused. |
+| `pricing plan.features[]` | Checklist line | One short phrase per line. |
+| `prose paragraphs[]` | Prose section, each paragraph | One idea per paragraph. Split or trim rather than run on. |
+
+**Test:** read any string you wrote aloud. If it sounds like a document or a README, rewrite it as a UI label.
diff --git a/packages/landing/eslint.config.mjs b/packages/landing/eslint.config.mjs
new file mode 100644
index 0000000..7fef4d3
--- /dev/null
+++ b/packages/landing/eslint.config.mjs
@@ -0,0 +1,18 @@
+import { defineConfig, globalIgnores } from 'eslint/config'
+import nextVitals from 'eslint-config-next/core-web-vitals'
+import nextTs from 'eslint-config-next/typescript'
+
+const eslintConfig = defineConfig([
+  ...nextVitals,
+  ...nextTs,
+  // Override default ignores of eslint-config-next.
+  globalIgnores([
+    // Default ignores of eslint-config-next:
+    '.next/**',
+    'out/**',
+    'build/**',
+    'next-env.d.ts',
+  ]),
+])
+
+export default eslintConfig
diff --git a/packages/landing/next-env.d.ts b/packages/landing/next-env.d.ts
new file mode 100644
index 0000000..c4b7818
--- /dev/null
+++ b/packages/landing/next-env.d.ts
@@ -0,0 +1,6 @@
+/// <reference types="next" />
+/// <reference types="next/image-types/global" />
+import "./.next/dev/types/routes.d.ts";
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.
diff --git a/packages/landing/next.config.ts b/packages/landing/next.config.ts
new file mode 100644
index 0000000..62725e2
--- /dev/null
+++ b/packages/landing/next.config.ts
@@ -0,0 +1,10 @@
+import type { NextConfig } from 'next'
+
+const nextConfig: NextConfig = {
+  output: 'export',
+  images: { unoptimized: true },
+  trailingSlash: true,
+  poweredByHeader: false,
+}
+
+export default nextConfig
diff --git a/packages/landing/package.json b/packages/landing/package.json
new file mode 100644
index 0000000..853ab6c
--- /dev/null
+++ b/packages/landing/package.json
@@ -0,0 +1,34 @@
+{
+  "name": "@reineira-os/modules-landing",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start",
+    "lint": "eslint",
+    "typecheck": "tsc --noEmit",
+    "format": "prettier --write .",
+    "format:check": "prettier --check ."
+  },
+  "dependencies": {
+    "@phosphor-icons/react": "^2.1.10",
+    "framer-motion": "^12.26.2",
+    "next": "16.0.10",
+    "react": "19.2.1",
+    "react-dom": "19.2.1"
+  },
+  "devDependencies": {
+    "@tailwindcss/postcss": "^4",
+    "@types/node": "^20",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "eslint": "^9",
+    "eslint-config-next": "16.0.10",
+    "eslint-config-prettier": "^10.1.8",
+    "prettier": "^3.7.4",
+    "tailwindcss": "^4",
+    "typescript": "^5"
+  },
+  "license": "MIT"
+}
diff --git a/packages/landing/postcss.config.mjs b/packages/landing/postcss.config.mjs
new file mode 100644
index 0000000..ae85b2f
--- /dev/null
+++ b/packages/landing/postcss.config.mjs
@@ -0,0 +1,7 @@
+const config = {
+  plugins: {
+    '@tailwindcss/postcss': {},
+  },
+}
+
+export default config
diff --git a/packages/landing/public/favicon.svg b/packages/landing/public/favicon.svg
new file mode 100644
index 0000000..372595e
--- /dev/null
+++ b/packages/landing/public/favicon.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64" height="64">
+  <rect width="64" height="64" rx="14" fill="#3b8bff"/>
+</svg>
diff --git a/packages/landing/public/robots.txt b/packages/landing/public/robots.txt
new file mode 100644
index 0000000..978b948
--- /dev/null
+++ b/packages/landing/public/robots.txt
@@ -0,0 +1,5 @@
+# https://www.robotstxt.org/robotstxt.html
+User-agent: *
+Allow: /
+
+Disallow: /api/
diff --git a/packages/landing/src/app/blog/[slug]/page.tsx b/packages/landing/src/app/blog/[slug]/page.tsx
new file mode 100644
index 0000000..782c397
--- /dev/null
+++ b/packages/landing/src/app/blog/[slug]/page.tsx
@@ -0,0 +1,107 @@
+import { notFound } from 'next/navigation'
+import Link from 'next/link'
+import { ArrowLeft } from '@phosphor-icons/react/dist/ssr'
+import TopBanner from '@/components/landing/TopBanner'
+import Header from '@/components/landing/Header'
+import Footer from '@/components/landing/Footer'
+import { site } from '@/content/site'
+import type { Metadata } from 'next'
+
+interface Props {
+  params: Promise<{ slug: string }>
+}
+
+const allPosts = () =>
+  site.blog.grid.posts.length > 0 ? site.blog.grid.posts : site.home.blog.posts
+
+export async function generateStaticParams() {
+  const posts = allPosts()
+  if (posts.length === 0) return [{ slug: '_placeholder' }]
+  return posts.map((post) => ({ slug: post.slug }))
+}
+
+export const dynamicParams = false
+
+export async function generateMetadata({ params }: Props): Promise<Metadata> {
+  const { slug } = await params
+  const post = allPosts().find((p) => p.slug === slug)
+  if (!post) return {}
+  return {
+    title: post.title,
+    description: post.description,
+    authors: [{ name: post.author }],
+    alternates: { canonical: `${site.meta.siteUrl}/blog/${slug}` },
+  }
+}
+
+export default async function BlogPostPage({ params }: Props) {
+  const { slug } = await params
+  if (slug === '_placeholder') notFound()
+  const post = allPosts().find((p) => p.slug === slug)
+  if (!post) notFound()
+
+  return (
+    <div className="min-h-screen bg-black">
+      <TopBanner />
+      <Header />
+      <main>
+        <article className="pt-28 sm:pt-28 lg:pt-36 pb-24 sm:pb-32 lg:pb-36">
+          <div className="container">
+            <div className="max-w-3xl mx-auto">
+              <Link
+                href="/blog"
+                className="inline-flex items-center gap-2 text-sm font-medium text-white/50 hover:text-white transition-colors mb-10 sm:mb-12"
+              >
+                <ArrowLeft size={14} weight="regular" />
+                Back to blog
+              </Link>
+
+              <div className="flex items-center gap-3 mb-6">
+                <span
+                  className="px-3 py-1 text-xs font-medium rounded-full"
+                  style={{
+                    background: 'var(--accent-teal-bg)',
+                    color: 'var(--accent-teal)',
+                    border: '1px solid var(--accent-teal-border)',
+                  }}
+                >
+                  {post.category}
+                </span>
+                <span className="text-xs text-white/50">{post.readTime}</span>
+                <span className="text-xs text-white/50">{post.date}</span>
+              </div>
+
+              <h1 className="text-[32px] sm:text-[44px] lg:text-[52px] font-semibold text-white leading-[1.1] tracking-[-0.03em] mb-6">
+                {post.title}
+              </h1>
+
+              <p className="text-white/60 mb-8 text-lg">{post.description}</p>
+
+              <div className="flex items-center gap-3 mb-10 sm:mb-14">
+                <span className="text-sm text-white/50">By {post.author}</span>
+              </div>
+
+              <div className="border-t border-white/10 pt-10 sm:pt-14 text-white/50">
+                <p className="text-base sm:text-lg leading-[1.8]">
+                  [LOREM: Blog post body — populate full content via site.blog.grid.posts[].content or extend
+                  PostCardSlot with a `body` / `markdown` field.]
+                </p>
+              </div>
+
+              <div className="mt-16 pt-8 border-t border-white/10">
+                <Link
+                  href="/blog"
+                  className="inline-flex items-center gap-2 text-sm font-medium text-white/50 hover:text-white transition-colors"
+                >
+                  <ArrowLeft size={14} weight="regular" />
+                  Back to blog
+                </Link>
+              </div>
+            </div>
+          </div>
+        </article>
+      </main>
+      <Footer />
+    </div>
+  )
+}
diff --git a/packages/landing/src/app/blog/layout.tsx b/packages/landing/src/app/blog/layout.tsx
new file mode 100644
index 0000000..3c05ced
--- /dev/null
+++ b/packages/landing/src/app/blog/layout.tsx
@@ -0,0 +1,11 @@
+import type { Metadata } from 'next'
+import { site } from '@/content/site'
+
+export const metadata: Metadata = {
+  title: 'Blog',
+  alternates: { canonical: `${site.meta.siteUrl}/blog` },
+}
+
+export default function BlogLayout({ children }: { children: React.ReactNode }) {
+  return <>{children}</>
+}
diff --git a/packages/landing/src/app/blog/page.tsx b/packages/landing/src/app/blog/page.tsx
new file mode 100644
index 0000000..3ce46e3
--- /dev/null
+++ b/packages/landing/src/app/blog/page.tsx
@@ -0,0 +1,19 @@
+import TopBanner from '@/components/landing/TopBanner'
+import Header from '@/components/landing/Header'
+import BlogHero from '@/components/blog/BlogHero'
+import BlogGrid from '@/components/blog/BlogGrid'
+import Footer from '@/components/landing/Footer'
+
+export default function BlogPage() {
+  return (
+    <div className="min-h-screen bg-black">
+      <TopBanner />
+      <Header />
+      <main>
+        <BlogHero />
+        <BlogGrid />
+      </main>
+      <Footer />
+    </div>
+  )
+}
diff --git a/packages/landing/src/app/business/layout.tsx b/packages/landing/src/app/business/layout.tsx
new file mode 100644
index 0000000..0e6d297
--- /dev/null
+++ b/packages/landing/src/app/business/layout.tsx
@@ -0,0 +1,11 @@
+import type { Metadata } from 'next'
+import { site } from '@/content/site'
+
+export const metadata: Metadata = {
+  title: 'Business',
+  alternates: { canonical: `${site.meta.siteUrl}/business` },
+}
+
+export default function BusinessLayout({ children }: { children: React.ReactNode }) {
+  return <>{children}</>
+}
diff --git a/packages/landing/src/app/business/page.tsx b/packages/landing/src/app/business/page.tsx
new file mode 100644
index 0000000..c0596a5
--- /dev/null
+++ b/packages/landing/src/app/business/page.tsx
@@ -0,0 +1,31 @@
+import TopBanner from '@/components/landing/TopBanner'
+import BusinessHeader from '@/components/business/BusinessHeader'
+import BusinessHero from '@/components/business/BusinessHero'
+import ForWhoSection from '@/components/business/ForWhoSection'
+import ModernTeamsSection from '@/components/business/ModernTeamsSection'
+import PrivacyInfraSection from '@/components/business/PrivacyInfraSection'
+import ComplianceSection from '@/components/business/ComplianceSection'
+import TrustStats from '@/components/business/TrustStats'
+import BusinessFAQ from '@/components/business/BusinessFAQ'
+import BusinessCTA from '@/components/business/BusinessCTA'
+import Footer from '@/components/landing/Footer'
+
+export default function BusinessPage() {
+  return (
+    <div className="min-h-screen bg-black">
+      <TopBanner />
+      <BusinessHeader />
+      <main>
+        <BusinessHero />
+        <ForWhoSection />
+        <ModernTeamsSection />
+        <PrivacyInfraSection />
+        <ComplianceSection />
+        <TrustStats />
+        <BusinessFAQ />
+        <BusinessCTA />
+      </main>
+      <Footer />
+    </div>
+  )
+}
diff --git a/packages/landing/src/app/contact/layout.tsx b/packages/landing/src/app/contact/layout.tsx
new file mode 100644
index 0000000..8213a1e
--- /dev/null
+++ b/packages/landing/src/app/contact/layout.tsx
@@ -0,0 +1,11 @@
+import type { Metadata } from 'next'
+import { site } from '@/content/site'
+
+export const metadata: Metadata = {
+  title: 'Contact',
+  alternates: { canonical: `${site.meta.siteUrl}/contact` },
+}
+
+export default function ContactLayout({ children }: { children: React.ReactNode }) {
+  return <>{children}</>
+}
diff --git a/packages/landing/src/app/contact/page.tsx b/packages/landing/src/app/contact/page.tsx
new file mode 100644
index 0000000..d99ac47
--- /dev/null
+++ b/packages/landing/src/app/contact/page.tsx
@@ -0,0 +1,86 @@
+'use client'
+
+import { useRef } from 'react'
+import { m, useInView, useReducedMotion } from 'framer-motion'
+import { ArrowRight } from '@phosphor-icons/react'
+import TopBanner from '@/components/landing/TopBanner'
+import Header from '@/components/landing/Header'
+import { Footer } from '@/components/landing'
+import { getIcon } from '@/lib/icons'
+import { site } from '@/content/site'
+
+export default function ContactPage() {
+  const sectionRef = useRef(null)
+  const isInView = useInView(sectionRef, { once: true, margin: '-50px' })
+  const prefersReducedMotion = useReducedMotion()
+  const contact = site.contact
+
+  return (
+    <div className="min-h-screen bg-black">
+      <TopBanner />
+      <Header />
+
+      <main ref={sectionRef} className="py-24 sm:py-32 lg:py-36">
+        <section className="container">
+          <m.div
+            className="max-w-2xl mx-auto text-center mb-12 sm:mb-16 lg:mb-20"
+            initial={prefersReducedMotion ? false : { opacity: 0 }}
+            animate={isInView || prefersReducedMotion ? { opacity: 1 } : { opacity: 0 }}
+            transition={{ duration: prefersReducedMotion ? 0 : 0.8, ease: 'easeOut' }}
+          >
+            {contact.hero.eyebrow ? (
+              <p className="text-sm font-semibold tracking-widest uppercase mb-3 sm:mb-4 text-[var(--accent-teal)]">
+                {contact.hero.eyebrow}
+              </p>
+            ) : null}
+            <h1 className="text-[28px] sm:text-3xl md:text-4xl lg:text-5xl font-semibold leading-[1.1] tracking-tight mb-4 sm:mb-5 text-white">
+              {contact.hero.title}
+            </h1>
+            <p className="text-base sm:text-lg lg:text-xl leading-[1.6] max-w-lg mx-auto text-[var(--text-muted)]">
+              {contact.hero.subtitle}
+            </p>
+          </m.div>
+
+          <div className="grid grid-cols-1 sm:grid-cols-2 gap-4 sm:gap-5 lg:gap-6 max-w-3xl mx-auto">
+            {contact.departments.map((dept, index) => {
+              const Icon = getIcon(dept.icon)
+              return (
+                <m.a
+                  key={dept.email}
+                  href={`mailto:${dept.email}`}
+                  className="group block p-6 sm:p-8 rounded-2xl border border-[var(--border-dark)] hover:border-[var(--border-dark-hover)] bg-[var(--color-bg-primary)] hover:bg-[var(--color-bg-secondary)] transition-colors duration-200"
+                  initial={prefersReducedMotion ? false : { opacity: 0 }}
+                  animate={isInView || prefersReducedMotion ? { opacity: 1 } : { opacity: 0 }}
+                  transition={{
+                    delay: prefersReducedMotion ? 0 : 0.1 + index * 0.1,
+                    duration: prefersReducedMotion ? 0 : 0.6,
+                    ease: 'easeOut',
+                  }}
+                >
+                  <div
+                    className="w-10 h-10 flex items-center justify-center rounded-xl mb-5"
+                    style={{ backgroundColor: 'var(--accent-teal-bg)', color: 'var(--accent-teal)' }}
+                  >
+                    <Icon size={24} weight="duotone" />
+                  </div>
+
+                  <h2 className="text-base sm:text-lg font-medium text-white mb-2">{dept.label}</h2>
+                  <p className="text-sm sm:text-[15px] leading-relaxed text-[var(--text-muted)] mb-4">
+                    {dept.description}
+                  </p>
+
+                  <span className="inline-flex items-center gap-1.5 text-sm font-medium text-white/70 group-hover:text-white transition-colors break-all">
+                    {dept.email}
+                    <ArrowRight size={14} weight="regular" className="shrink-0" />
+                  </span>
+                </m.a>
+              )
+            })}
+          </div>
+        </section>
+      </main>
+
+      <Footer />
+    </div>
+  )
+}
diff --git a/packages/landing/src/app/globals.css b/packages/landing/src/app/globals.css
new file mode 100644
index 0000000..e42a7dd
--- /dev/null
+++ b/packages/landing/src/app/globals.css
@@ -0,0 +1,521 @@
+@import 'tailwindcss';
+
+:root {
+  /* Brand Colors - Dark-First Design System */
+  --color-bg-primary: #000000;
+  --color-bg-secondary: #1a1a1a;
+  --color-bg-tertiary: #2a2a2a;
+  --color-bg-light: #ffffff;
+  --color-bg-light-secondary: #f5f5f5;
+
+  /* Primary Accent Colors */
+  --accent-teal: #168e8e;
+  --accent-teal-hover: #1aa5a5;
+  --accent-teal-bright: #22c5c5;
+  --accent-gold: #d6b948;
+  --accent-gold-hover: #e5c85a;
+
+  /* Text Colors on Dark */
+  --text-on-dark-primary: #ffffff;
+  --text-on-dark-secondary: rgba(255, 255, 255, 0.85);
+  --text-on-dark-muted: rgba(255, 255, 255, 0.6);
+  --text-on-dark-subtle: rgba(255, 255, 255, 0.45);
+
+  /* Standardized Text Opacity Scale */
+  --opacity-high: 0.85;
+  --opacity-medium: 0.7;
+  --opacity-low: 0.5;
+  --opacity-subtle: 0.4;
+
+  /* Text Colors on Light */
+  --text-on-light-primary: #000000;
+  --text-on-light-secondary: rgba(0, 0, 0, 0.85);
+  --text-on-light-muted: rgba(0, 0, 0, 0.5);
+
+  /* Border Colors */
+  --border-dark: rgba(255, 255, 255, 0.1);
+  --border-dark-hover: rgba(255, 255, 255, 0.2);
+  --border-light: rgba(0, 0, 0, 0.1);
+  --border-light-hover: rgba(0, 0, 0, 0.2);
+
+  /* Semantic Colors */
+  --background: #000000;
+  --foreground: #ffffff;
+  --background-secondary: #1a1a1a;
+  --accent-primary: #168e8e;
+  --accent-secondary: #1aa5a5;
+  --accent-warm: #1aa5a5;
+  --text-muted: rgba(255, 255, 255, 0.7);
+  --text-subtle: rgba(255, 255, 255, 0.5);
+  --border-color: rgba(255, 255, 255, 0.1);
+
+  /* Accent Backgrounds (standardized) */
+  --accent-teal-bg: rgba(22, 142, 142, 0.12);
+  --accent-teal-bg-hover: rgba(22, 142, 142, 0.18);
+  --accent-teal-border: rgba(22, 142, 142, 0.2);
+
+  /* Status Colors */
+  --color-error: #dc2626;
+  --color-success: #16a34a;
+
+  /* Overlay & Surface Colors */
+  --color-surface-elevated: #0a0a0a;
+  --color-surface-card: #141414;
+  --color-surface-slate: #1a1f2e;
+  --color-surface-slate-mid: #2d3548;
+  --color-surface-slate-light: #3d4559;
+
+  /* Border Radius Scale */
+  --radius-minimal: 4px;
+  --radius-subtle: 8px;
+  --radius-button: 9999px;
+  --radius-input: 9999px;
+  --radius-block: 16px;
+  --radius-lg: 20px;
+  --radius-xl: 28px;
+  --radius-full: 9999px;
+
+  /* Shadows */
+  --shadow-teal-glow: 0 0 40px rgba(22, 142, 142, 0.08);
+  --shadow-teal-glow-strong: 0 0 20px rgba(22, 142, 142, 0.15);
+  --shadow-dark-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
+  --shadow-dark-md: 0 2px 4px -1px rgba(0, 0, 0, 0.15);
+  --shadow-dark-lg: 0 4px 8px -2px rgba(0, 0, 0, 0.2);
+  --shadow-dark-xl: 0 8px 12px -3px rgba(0, 0, 0, 0.25);
+}
+
+@theme inline {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --color-accent-primary: var(--accent-primary);
+  --color-accent-secondary: var(--accent-secondary);
+  --color-accent-teal: var(--accent-teal);
+  --color-accent-teal-hover: var(--accent-teal-hover);
+  --color-accent-warm: var(--accent-warm);
+  --color-text-muted: var(--text-muted);
+  --color-text-subtle: var(--text-subtle);
+  --color-text-on-dark-primary: var(--text-on-dark-primary);
+  --color-text-on-dark-secondary: var(--text-on-dark-secondary);
+  --color-text-on-dark-muted: var(--text-on-dark-muted);
+  --color-text-on-dark-subtle: var(--text-on-dark-subtle);
+  --color-border-dark: var(--border-dark);
+  --color-border-dark-hover: var(--border-dark-hover);
+  --color-accent-teal-bg: var(--accent-teal-bg);
+  --color-accent-teal-border: var(--accent-teal-border);
+  --color-error: var(--color-error);
+  --color-success: var(--color-success);
+  --color-surface-elevated: var(--color-surface-elevated);
+  --color-surface-card: var(--color-surface-card);
+  --font-sans:
+    -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Segoe UI', Roboto, 'Helvetica Neue', Arial,
+    sans-serif;
+  --font-mono: 'SF Mono', ui-monospace, monospace;
+}
+
+/* Base styles */
+* {
+  box-sizing: border-box;
+}
+
+html {
+  font-size: 16px;
+  overflow-x: hidden;
+  /* Support for iOS safe areas (notch) */
+  padding: env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);
+}
+
+body {
+  background: var(--background);
+  color: var(--foreground);
+  overflow-x: hidden;
+  font-family: var(--font-sans);
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-rendering: optimizeLegibility;
+  font-feature-settings:
+    'kern' 1,
+    'liga' 1;
+  line-height: 1.5;
+}
+
+/* Typography Scale - Swiss Design */
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-weight: 500;
+  line-height: 1.1;
+  letter-spacing: -0.02em;
+  text-wrap: balance;
+}
+
+h1 {
+  letter-spacing: -0.03em;
+}
+
+h2 {
+  letter-spacing: -0.025em;
+}
+
+/* Container */
+.container {
+  width: 100%;
+  max-width: 1440px;
+  margin: 0 auto;
+  padding: 0 48px;
+}
+
+@media (max-width: 1024px) {
+  .container {
+    padding: 0 32px;
+  }
+}
+
+@media (max-width: 768px) {
+  .container {
+    padding: 0 24px;
+  }
+}
+
+@media (max-width: 400px) {
+  .container {
+    padding: 0 16px;
+  }
+}
+
+/* Utility Classes */
+.text-balance {
+  text-wrap: balance;
+}
+
+/* Button base styles */
+.btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  padding: 16px 32px;
+  font-size: 16px;
+  font-weight: 500;
+  border-radius: var(--radius-button);
+  border: none;
+  cursor: pointer;
+  transition: all 0.2s ease-out;
+  text-decoration: none;
+  position: relative;
+  min-height: 52px; /* Comfortable touch target */
+  -webkit-tap-highlight-color: transparent;
+}
+
+@media (max-width: 640px) {
+  .btn {
+    min-height: 56px; /* Larger on mobile for easier tapping */
+    padding: 16px 24px;
+  }
+}
+
+.btn:active {
+  transform: scale(0.98);
+  transition: transform 0.1s ease;
+}
+
+.btn:disabled {
+  opacity: 0.6;
+  cursor: not-allowed;
+  transform: none;
+}
+
+.btn-primary {
+  background-color: var(--accent-teal);
+  color: #ffffff;
+}
+
+.btn-primary:hover {
+  background-color: var(--accent-teal-hover);
+  transform: translateY(-2px);
+  box-shadow: var(--shadow-teal-glow);
+}
+
+.btn-secondary {
+  background-color: transparent;
+  color: var(--foreground);
+  border: 1px solid var(--border-dark);
+}
+
+.btn-secondary:hover {
+  background-color: var(--foreground);
+  color: var(--background);
+  border-color: var(--border-dark-hover);
+  transform: translateY(-2px);
+}
+
+/* Link styles */
+a {
+  color: inherit;
+  text-decoration: none;
+  transition: opacity 0.15s ease;
+  cursor: pointer;
+}
+
+/* Focus states for accessibility */
+:focus-visible {
+  outline: 2px solid var(--accent-teal);
+  outline-offset: 2px;
+}
+
+/* Skip link for accessibility */
+.skip-link {
+  position: absolute;
+  top: -100px;
+  left: 16px;
+  z-index: 100;
+  padding: 16px 24px;
+  background-color: var(--accent-teal);
+  color: #ffffff;
+  font-weight: 500;
+  border-radius: var(--radius-button);
+  transition: top 0.2s ease;
+}
+
+.skip-link:focus {
+  top: 16px;
+}
+
+/* Header backdrop */
+.header-backdrop {
+  backdrop-filter: blur(12px);
+  -webkit-backdrop-filter: blur(12px);
+  background-color: rgba(0, 0, 0, 0.85);
+  border-bottom: 1px solid var(--border-dark);
+}
+
+/* Selection styling */
+::selection {
+  background-color: var(--accent-teal);
+  color: #ffffff;
+}
+
+/* Section base */
+section {
+  position: relative;
+}
+
+/* Input autofill styling */
+input:-webkit-autofill,
+input:-webkit-autofill:hover,
+input:-webkit-autofill:focus {
+  -webkit-box-shadow: 0 0 0px 1000px #1a1a1a inset;
+  -webkit-text-fill-color: #ffffff;
+  transition: background-color 5000s ease-in-out 0s;
+}
+
+/* ========================================
+   Legal Page Styles
+   ======================================== */
+
+.legal-content {
+  font-size: 16px;
+  line-height: 1.7;
+  color: rgba(255, 255, 255, 0.6);
+}
+
+.legal-content > section:first-child h2 {
+  margin-top: 0;
+}
+
+.legal-content h2 {
+  font-size: 24px;
+  font-weight: 500;
+  margin-top: 56px;
+  margin-bottom: 16px;
+  letter-spacing: -0.02em;
+  color: #ffffff;
+  line-height: 1.2;
+}
+
+.legal-content h3 {
+  font-size: 18px;
+  font-weight: 500;
+  margin-top: 32px;
+  margin-bottom: 12px;
+  letter-spacing: -0.01em;
+  color: rgba(255, 255, 255, 0.9);
+  line-height: 1.3;
+}
+
+.legal-content p {
+  margin-bottom: 16px;
+}
+
+.legal-content section > p:last-child {
+  margin-bottom: 0;
+}
+
+.legal-content ul,
+.legal-content ol {
+  margin: 16px 0;
+  padding-left: 0;
+  list-style: none;
+}
+
+.legal-content li {
+  line-height: 1.65;
+  margin-bottom: 8px;
+  padding-left: 20px;
+  position: relative;
+}
+
+.legal-content li:last-child {
+  margin-bottom: 0;
+}
+
+.legal-content ul li::before {
+  content: '';
+  position: absolute;
+  left: 0;
+  top: 0.65em;
+  width: 4px;
+  height: 4px;
+  background-color: rgba(255, 255, 255, 0.3);
+  border-radius: 50%;
+}
+
+.legal-content ol {
+  counter-reset: list-counter;
+}
+
+.legal-content ol li {
+  counter-increment: list-counter;
+}
+
+.legal-content ol li::before {
+  content: counter(list-counter) '.';
+  position: absolute;
+  left: 0;
+  top: 0;
+  font-weight: 500;
+  color: rgba(255, 255, 255, 0.4);
+  font-size: 14px;
+}
+
+.legal-content a {
+  color: #ffffff;
+  text-decoration: underline;
+  text-underline-offset: 3px;
+  text-decoration-thickness: 1px;
+  text-decoration-color: rgba(255, 255, 255, 0.3);
+  transition: text-decoration-color 0.15s ease;
+}
+
+.legal-content a:hover {
+  text-decoration-color: rgba(255, 255, 255, 0.8);
+}
+
+.legal-content strong {
+  font-weight: 500;
+  color: rgba(255, 255, 255, 0.85);
+}
+
+.legal-content section {
+  margin-bottom: 0;
+  padding: 120px 0;
+}
+
+.legal-content ul ul,
+.legal-content ol ol,
+.legal-content ul ol,
+.legal-content ol ul {
+  margin-top: 8px;
+  margin-bottom: 8px;
+}
+
+@media (max-width: 768px) {
+  .legal-content {
+    font-size: 15px;
+    line-height: 1.65;
+  }
+
+  .legal-content h2 {
+    font-size: 20px;
+    margin-top: 40px;
+    margin-bottom: 14px;
+  }
+
+  .legal-content h3 {
+    font-size: 17px;
+    margin-top: 28px;
+    margin-bottom: 10px;
+  }
+
+  .legal-content p {
+    margin-bottom: 14px;
+  }
+
+  .legal-content li {
+    padding-left: 18px;
+    margin-bottom: 6px;
+  }
+
+  .legal-content section {
+    padding: 80px 0;
+  }
+}
+
+@media (max-width: 400px) {
+  .legal-content section {
+    padding: 60px 0;
+  }
+}
+
+/* Button with hover text color change */
+.btn-outline-white {
+  color: #fff;
+  background: transparent;
+  border: 1px solid rgba(255, 255, 255, 0.3);
+  transition: all 0.2s ease;
+}
+
+.btn-outline-white:hover {
+  color: #000;
+  background: #fff;
+  border-color: #fff;
+}
+
+.btn-outline-white:disabled {
+  opacity: 0.5;
+}
+
+.btn-outline-white:disabled:hover {
+  color: #fff;
+  background: transparent;
+  border-color: rgba(255, 255, 255, 0.3);
+}
+
+.btn-cta-outline {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 44px;
+  font-weight: 500;
+  line-height: 1.5;
+  color: #ffffff;
+  background-color: transparent;
+  border: 2px solid #ffffff;
+  border-radius: var(--radius-button);
+  cursor: pointer;
+  transition:
+    background-color 200ms ease-out,
+    border-color 200ms ease-out,
+    box-shadow 200ms ease-out;
+  text-decoration: none;
+  white-space: nowrap;
+  -webkit-tap-highlight-color: transparent;
+}
+
+.btn-cta-outline:hover {
+  background-color: var(--accent-teal);
+  border-color: var(--accent-teal);
+  box-shadow: 0 0 30px rgba(22, 142, 142, 0.2);
+}
diff --git a/packages/landing/src/app/layout.tsx b/packages/landing/src/app/layout.tsx
new file mode 100644
index 0000000..c1e4264
--- /dev/null
+++ b/packages/landing/src/app/layout.tsx
@@ -0,0 +1,145 @@
+import type { Metadata, Viewport } from 'next'
+import './globals.css'
+import MotionProvider from '@/components/MotionProvider'
+import { site } from '@/content/site'
+import { design } from '@/content/design'
+import { buildAccentTokens } from '@/lib/accent-scale'
+
+const siteUrl = site.meta.siteUrl
+const brandName = site.meta.brandName
+
+export const viewport: Viewport = {
+  width: 'device-width',
+  initialScale: 1,
+  themeColor: '#000000',
+}
+
+export const metadata: Metadata = {
+  metadataBase: new URL(siteUrl),
+  title: {
+    default: `${brandName} | ${site.meta.tagline}`,
+    template: `%s | ${brandName}`,
+  },
+  description: site.meta.description,
+  icons: {
+    icon: [
+      { url: '/favicon.ico', sizes: '32x32', type: 'image/x-icon' },
+      { url: '/favicon.svg', type: 'image/svg+xml' },
+    ],
+    apple: { url: '/favicon.svg', sizes: '180x180' },
+  },
+  keywords: site.meta.keywords,
+  authors: [{ name: brandName }],
+  creator: brandName,
+  publisher: brandName,
+  formatDetection: { telephone: false },
+  robots: {
+    index: true,
+    follow: true,
+    googleBot: {
+      index: true,
+      follow: true,
+      'max-video-preview': -1,
+      'max-image-preview': 'large',
+      'max-snippet': -1,
+    },
+  },
+  openGraph: {
+    title: `${brandName} | ${site.meta.tagline}`,
+    description: site.meta.description,
+    type: 'website',
+    url: siteUrl,
+    siteName: brandName,
+    locale: 'en_US',
+    images: [
+      {
+        url: '/og-image.jpg',
+        width: 1200,
+        height: 630,
+        alt: `${brandName} — ${site.meta.tagline}`,
+      },
+    ],
+  },
+  twitter: {
+    card: 'summary_large_image',
+    title: `${brandName} | ${site.meta.tagline}`,
+    description: site.meta.description,
+    images: ['/og-image.jpg'],
+    ...(site.meta.twitterHandle ? { creator: site.meta.twitterHandle, site: site.meta.twitterHandle } : {}),
+  },
+  alternates: { canonical: siteUrl },
+  other: { 'msapplication-TileColor': '#000000' },
+}
+
+const structuredData = {
+  '@context': 'https://schema.org',
+  '@type': 'WebApplication',
+  name: brandName,
+  description: site.meta.description,
+  url: siteUrl,
+  applicationCategory: 'FinanceApplication',
+  operatingSystem: 'Web',
+  creator: {
+    '@type': 'Organization',
+    name: brandName,
+    url: siteUrl,
+    sameAs: site.meta.social.map((s) => s.href),
+  },
+}
+
+function brandingStyle(): Record<string, string> {
+  const o = design.overrides ?? {}
+  const b = site.branding
+  const fontSans = o.fontSans ?? b.fontSans
+  const fontMono = o.fontMono ?? b.fontMono
+  const radius = { ...(b.borderRadius ?? {}), ...(o.borderRadius ?? {}) }
+  const borderWidth = o.borderWidth ?? b.borderWidth
+  const s: Record<string, string> = {}
+
+  const t = buildAccentTokens(site.branding.accent)
+  s['--accent'] = t.accent
+  s['--accent-hover'] = t.accentHover
+  s['--accent-bright'] = t.accentBright
+  s['--accent-bg'] = t.accentBg
+  s['--accent-bg-hover'] = t.accentBgHover
+  s['--accent-border'] = t.accentBorder
+  s['--accent-glow'] = t.shadowGlow
+  s['--accent-teal'] = t.accent
+  s['--accent-teal-hover'] = t.accentHover
+  s['--accent-teal-bright'] = t.accentBright
+  s['--accent-primary'] = t.accent
+  s['--accent-secondary'] = t.accentHover
+  s['--accent-warm'] = t.accentHover
+  s['--accent-teal-bg'] = t.accentBg
+  s['--accent-teal-bg-hover'] = t.accentBgHover
+  s['--accent-teal-border'] = t.accentBorder
+  s['--shadow-teal-glow'] = t.shadowGlow
+  s['--shadow-teal-glow-strong'] = t.shadowGlowStrong
+
+  if (fontSans) s['--font-sans'] = fontSans
+  if (fontMono) s['--font-mono'] = fontMono
+  if (radius.button) s['--radius-button'] = radius.button
+  if (radius.block) s['--radius-block'] = radius.block
+  if (radius.xl) s['--radius-xl'] = radius.xl
+  if (borderWidth) s['--border-width'] = borderWidth
+
+  return s
+}
+
+export default function RootLayout({ children }: Readonly<{ children: React.ReactNode }>) {
+  const style = brandingStyle() as React.CSSProperties
+
+  return (
+    <html lang="en" style={style}>
+      <head>
+        <script
+          type="application/ld+json"
+          dangerouslySetInnerHTML={{ __html: JSON.stringify(structuredData) }}
+        />
+      </head>
+      <body className="antialiased">
+        <MotionProvider>{children}</MotionProvider>
+      </body>
+    </html>
+  )
+}
diff --git a/packages/landing/src/app/mobile/layout.tsx b/packages/landing/src/app/mobile/layout.tsx
new file mode 100644
index 0000000..8ff2ec6
--- /dev/null
+++ b/packages/landing/src/app/mobile/layout.tsx
@@ -0,0 +1,11 @@
+import type { Metadata } from 'next'
+import { site } from '@/content/site'
+
+export const metadata: Metadata = {
+  title: 'Mobile',
+  alternates: { canonical: `${site.meta.siteUrl}/mobile` },
+}
+
+export default function MobileLayout({ children }: { children: React.ReactNode }) {
+  return <>{children}</>
+}
diff --git a/packages/landing/src/app/mobile/page.tsx b/packages/landing/src/app/mobile/page.tsx
new file mode 100644
index 0000000..c1c1384
--- /dev/null
+++ b/packages/landing/src/app/mobile/page.tsx
@@ -0,0 +1,25 @@
+import TopBanner from '@/components/landing/TopBanner'
+import Header from '@/components/landing/Header'
+import MobileHero from '@/components/mobile/MobileHero'
+import MobileFeatures from '@/components/mobile/MobileFeatures'
+import HowItWorks from '@/components/landing/HowItWorks'
+import MobileFAQ from '@/components/mobile/MobileFAQ'
+import MobileCTA from '@/components/mobile/MobileCTA'
+import Footer from '@/components/landing/Footer'
+
+export default function MobilePage() {
+  return (
+    <div className="min-h-screen bg-black">
+      <TopBanner />
+      <Header />
+      <main>
+        <MobileHero />
+        <MobileFeatures />
+        <HowItWorks />
+        <MobileFAQ />
+        <MobileCTA />
+      </main>
+      <Footer />
+    </div>
+  )
+}
diff --git a/packages/landing/src/app/page.tsx b/packages/landing/src/app/page.tsx
new file mode 100644
index 0000000..20b872a
--- /dev/null
+++ b/packages/landing/src/app/page.tsx
@@ -0,0 +1,39 @@
+import TopBanner from '@/components/landing/TopBanner'
+import Header from '@/components/landing/Header'
+import Hero from '@/components/landing/Hero'
+import TrustStats from '@/components/business/TrustStats'
+import Products from '@/components/landing/Products'
+import TrustedBy from '@/components/landing/TrustedBy'
+import ModernTeamsSection from '@/components/business/ModernTeamsSection'
+import PrivacyInfraSection from '@/components/business/PrivacyInfraSection'
+import ComplianceSection from '@/components/business/ComplianceSection'
+import ForWhoSection from '@/components/business/ForWhoSection'
+import Blog from '@/components/landing/Blog'
+import PricingPlans from '@/components/pricing/PricingPlans'
+import FAQ from '@/components/landing/FAQ'
+import CTA from '@/components/landing/CTA'
+import Footer from '@/components/landing/Footer'
+
+export default function Home() {
+  return (
+    <div className="min-h-screen bg-black">
+      <TopBanner />
+      <Header />
+      <Hero />
+      <TrustStats />
+      <main>
+        <Products />
+        <TrustedBy />
+        <ModernTeamsSection />
+        <PrivacyInfraSection />
+        <ComplianceSection />
+        <Blog />
+        <PricingPlans />
+        <ForWhoSection />
+        <FAQ />
+        <CTA />
+      </main>
+      <Footer />
+    </div>
+  )
+}
diff --git a/packages/landing/src/app/pricing/layout.tsx b/packages/landing/src/app/pricing/layout.tsx
new file mode 100644
index 0000000..ecfccaa
--- /dev/null
+++ b/packages/landing/src/app/pricing/layout.tsx
@@ -0,0 +1,11 @@
+import type { Metadata } from 'next'
+import { site } from '@/content/site'
+
+export const metadata: Metadata = {
+  title: 'Pricing',
+  alternates: { canonical: `${site.meta.siteUrl}/pricing` },
+}
+
+export default function PricingLayout({ children }: { children: React.ReactNode }) {
+  return <>{children}</>
+}
diff --git a/packages/landing/src/app/pricing/page.tsx b/packages/landing/src/app/pricing/page.tsx
new file mode 100644
index 0000000..fce16ee
--- /dev/null
+++ b/packages/landing/src/app/pricing/page.tsx
@@ -0,0 +1,23 @@
+import TopBanner from '@/components/landing/TopBanner'
+import Header from '@/components/landing/Header'
+import PricingHero from '@/components/pricing/PricingHero'
+import PricingPlans from '@/components/pricing/PricingPlans'
+import PricingFeatures from '@/components/pricing/PricingFeatures'
+import PricingFAQ from '@/components/pricing/PricingFAQ'
+import Footer from '@/components/landing/Footer'
+
+export default function PricingPage() {
+  return (
+    <div className="min-h-screen bg-black">
+      <TopBanner />
+      <Header />
+      <main>
+        <PricingHero />
+        <PricingPlans />
+        <PricingFeatures />
+        <PricingFAQ />
+      </main>
+      <Footer />
+    </div>
+  )
+}
diff --git a/packages/landing/src/app/privacy/page.tsx b/packages/landing/src/app/privacy/page.tsx
new file mode 100644
index 0000000..6246aac
--- /dev/null
+++ b/packages/landing/src/app/privacy/page.tsx
@@ -0,0 +1,31 @@
+import type { Metadata } from 'next'
+import LegalLayout from '@/components/legal/LegalLayout'
+import { site } from '@/content/site'
+
+const siteUrl = site.meta.siteUrl
+const brandName = site.meta.brandName
+
+export const metadata: Metadata = {
+  title: site.privacy.title,
+  description: `${brandName} — ${site.privacy.title}`,
+  openGraph: {
+    title: `${site.privacy.title} | ${brandName}`,
+    description: `${brandName} — ${site.privacy.title}`,
+    url: `${siteUrl}/privacy`,
+    images: [{ url: '/og-image.jpg', width: 1200, height: 630, alt: `${brandName} — ${site.privacy.title}` }],
+  },
+  alternates: { canonical: `${siteUrl}/privacy` },
+}
+
+export default function PrivacyPage() {
+  const legal = site.privacy
+  return (
+    <LegalLayout
+      title={legal.title}
+      lastUpdated={legal.effectiveDate ?? '[LOREM: effective date]'}
+      tableOfContents={[]}
+    >
+      <div dangerouslySetInnerHTML={{ __html: legal.markdown }} />
+    </LegalLayout>
+  )
+}
diff --git a/packages/landing/src/app/terms/page.tsx b/packages/landing/src/app/terms/page.tsx
new file mode 100644
index 0000000..d2a4ed1
--- /dev/null
+++ b/packages/landing/src/app/terms/page.tsx
@@ -0,0 +1,31 @@
+import type { Metadata } from 'next'
+import LegalLayout from '@/components/legal/LegalLayout'
+import { site } from '@/content/site'
+
+const siteUrl = site.meta.siteUrl
+const brandName = site.meta.brandName
+
+export const metadata: Metadata = {
+  title: site.terms.title,
+  description: `${brandName} — ${site.terms.title}`,
+  openGraph: {
+    title: `${site.terms.title} | ${brandName}`,
+    description: `${brandName} — ${site.terms.title}`,
+    url: `${siteUrl}/terms`,
+    images: [{ url: '/og-image.jpg', width: 1200, height: 630, alt: `${brandName} — ${site.terms.title}` }],
+  },
+  alternates: { canonical: `${siteUrl}/terms` },
+}
+
+export default function TermsPage() {
+  const legal = site.terms
+  return (
+    <LegalLayout
+      title={legal.title}
+      lastUpdated={legal.effectiveDate ?? '[LOREM: effective date]'}
+      tableOfContents={[]}
+    >
+      <div dangerouslySetInnerHTML={{ __html: legal.markdown }} />
+    </LegalLayout>
+  )
+}
diff --git a/packages/landing/src/components/MotionProvider.tsx b/packages/landing/src/components/MotionProvider.tsx
new file mode 100644
index 0000000..5eba1c0
--- /dev/null
+++ b/packages/landing/src/components/MotionProvider.tsx
@@ -0,0 +1,15 @@
+'use client'
+
+import { LazyMotion, domAnimation } from 'framer-motion'
+import { ReactNode } from 'react'
+
+// LazyMotion with domAnimation reduces bundle size by ~50%
+// domAnimation includes: animate, exit, initial, whileHover, whileTap, whileFocus, whileDrag
+// It excludes: layout animations, drag gestures, SVG path animations
+export default function MotionProvider({ children }: { children: ReactNode }) {
+  return (
+    <LazyMotion features={domAnimation} strict>
+      {children}
+    </LazyMotion>
+  )
+}
diff --git a/packages/landing/src/components/blog/BlogGrid.tsx b/packages/landing/src/components/blog/BlogGrid.tsx
new file mode 100644
index 0000000..e9acc1f
--- /dev/null
+++ b/packages/landing/src/components/blog/BlogGrid.tsx
@@ -0,0 +1,67 @@
+'use client'
+
+import { useRef } from 'react'
+import Link from 'next/link'
+import { m, useInView, useReducedMotion } from 'framer-motion'
+import { ArrowRight } from '@phosphor-icons/react'
+import { site } from '@/content/site'
+
+export default function BlogGrid() {
+  const sectionRef = useRef(null)
+  const isInView = useInView(sectionRef, { once: true, margin: '-80px' })
+  const prefersReducedMotion = useReducedMotion()
+  const posts = site.blog.grid.posts.length > 0 ? site.blog.grid.posts : site.home.blog.posts
+
+  if (posts.length === 0) {
+    return (
+      <section ref={sectionRef} className="pb-24 sm:pb-32 lg:pb-36 bg-black">
+        <div className="container text-center text-white/40 text-sm">[LOREM: no blog posts yet — populate site.blog.grid.posts]</div>
+      </section>
+    )
+  }
+
+  return (
+    <section ref={sectionRef} className="pb-24 sm:pb-32 lg:pb-36 bg-black">
+      <div className="container">
+        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-5 max-w-6xl mx-auto">
+          {posts.map((post) => (
+            <m.article
+              key={post.slug}
+              className="group flex flex-col rounded-2xl border border-white/10 border-t-2 border-t-accent-teal/20 overflow-hidden hover:border-white/20 transition-all duration-300 cursor-pointer bg-[var(--color-surface-elevated)] hover:bg-[var(--color-surface-card)]"
+              initial={{ opacity: prefersReducedMotion ? 1 : 0 }}
+              animate={isInView ? { opacity: 1 } : { opacity: 0 }}
+              transition={{ duration: 0.5, ease: 'easeOut' }}
+            >
+              <Link href={`/blog/${post.slug}`} className="p-6 sm:p-8 flex flex-col flex-1">
+                <div className="flex items-center gap-3 mb-5">
+                  <span
+                    className="px-3 py-1 text-xs font-medium rounded-full"
+                    style={{
+                      background: 'var(--accent-teal-bg)',
+                      color: 'var(--accent-teal)',
+                      border: '1px solid var(--accent-teal-border)',
+                    }}
+                  >
+                    {post.category}
+                  </span>
+                  <span className="text-xs text-white/50">{post.readTime}</span>
+                </div>
+                <h2 className="text-xl sm:text-2xl font-medium text-white leading-[1.25] tracking-[-0.02em] mb-3 group-hover:text-white/90 transition-colors">
+                  {post.title}
+                </h2>
+                <p className="text-[15px] text-white/50 leading-[1.65] mb-5 flex-1">{post.description}</p>
+                <div className="flex items-center justify-between pt-5 border-t border-white/[0.06]">
+                  <span className="text-sm text-white/50">{post.date}</span>
+                  <span className="inline-flex items-center gap-1.5 text-sm font-medium text-accent-teal">
+                    Read
+                    <ArrowRight size={14} weight="regular" className="shrink-0" />
+                  </span>
+                </div>
+              </Link>
+            </m.article>
+          ))}
+        </div>
+      </div>
+    </section>
+  )
+}
diff --git a/packages/landing/src/components/blog/BlogHero.tsx b/packages/landing/src/components/blog/BlogHero.tsx
new file mode 100644
index 0000000..8deca09
--- /dev/null
+++ b/packages/landing/src/components/blog/BlogHero.tsx
@@ -0,0 +1,35 @@
+'use client'
+
+import { useRef } from 'react'
+import { m, useInView, useReducedMotion } from 'framer-motion'
+import { site } from '@/content/site'
+
+export default function BlogHero() {
+  const sectionRef = useRef(null)
+  const isInView = useInView(sectionRef, { once: true, margin: '-80px' })
+  const prefersReducedMotion = useReducedMotion()
+  const hero = site.blog.hero
+
+  return (
+    <section ref={sectionRef} className="pt-20 sm:pt-28 lg:pt-36 pb-16 sm:pb-20 bg-black">
+      <div className="container">
+        <m.div
+          className="max-w-3xl mx-auto text-center"
+          initial={{ opacity: prefersReducedMotion ? 1 : 0 }}
+          animate={isInView ? { opacity: 1 } : { opacity: 0 }}
+          transition={{ duration: 0.5, ease: 'easeOut' }}
+        >
+          {hero.eyebrow ? (
+            <p className="text-sm font-semibold tracking-widest uppercase mb-4 text-[var(--accent-teal)]">{hero.eyebrow}</p>
+          ) : null}
+          <h1 className="text-[36px] sm:text-[56px] md:text-[72px] font-semibold text-white leading-[1.12] sm:leading-[1.05] tracking-[-0.035em] mb-6 sm:mb-8">
+            {hero.title}
+          </h1>
+          <p className="text-[20px] sm:text-[22px] lg:text-[26px] text-white/60 leading-[1.5] max-w-xl mx-auto">
+            {hero.subtitle}
+          </p>
+        </m.div>
+      </div>
+    </section>
+  )
+}
diff --git a/packages/landing/src/components/business/BusinessCTA.tsx b/packages/landing/src/components/business/BusinessCTA.tsx
new file mode 100644
index 0000000..79948de
--- /dev/null
+++ b/packages/landing/src/components/business/BusinessCTA.tsx
@@ -0,0 +1,66 @@
+'use client'
+
+import Link from 'next/link'
+import { site } from '@/content/site'
+
+const BUTTON_STYLE = { borderRadius: 'var(--radius-button)' }
+
+export default function BusinessCTA() {
+  const cta = site.business.cta
+  const primary = cta.primaryCta
+  const secondary = cta.secondaryCta
+
+  return (
+    <section
+      id="request-access"
+      className="relative overflow-hidden py-20 sm:py-28 lg:py-32 bg-[var(--color-surface-elevated)]"
+    >
+      <div
+        className="absolute inset-0 opacity-30 pointer-events-none"
+        style={{ background: 'radial-gradient(ellipse at 50% 0%, var(--accent-bg) 0%, transparent 60%)' }}
+        aria-hidden="true"
+      />
+
+      <div className="container relative z-10">
+        <div className="max-w-2xl mx-auto text-center">
+          <h2 className="text-[28px] sm:text-3xl md:text-4xl lg:text-5xl font-semibold leading-[1.1] tracking-tight mb-4 sm:mb-5 text-white">
+            {cta.title}
+          </h2>
+          {cta.subtitle ? (
+            <p className="text-base sm:text-lg lg:text-xl leading-relaxed mb-8 sm:mb-10 text-white/50">{cta.subtitle}</p>
+          ) : null}
+
+          <div className="flex flex-col sm:flex-row gap-3 justify-center max-w-md mx-auto">
+            {primary.external ? (
+              <a
+                href={primary.href}
+                target="_blank"
+                rel="noopener noreferrer"
+                className="btn-outline-white px-6 py-3.5 text-base font-medium whitespace-nowrap"
+                style={BUTTON_STYLE}
+              >
+                {primary.label}
+              </a>
+            ) : (
+              <Link
+                href={primary.href}
+                className="btn-outline-white px-6 py-3.5 text-base font-medium whitespace-nowrap"
+                style={BUTTON_STYLE}
+              >
+                {primary.label}
+              </Link>
+            )}
+            {secondary ? (
+              <Link
+                href={secondary.href}
+                className="px-6 py-3.5 text-base font-medium text-white/70 hover:text-white border border-white/20 hover:border-white/40 rounded-full text-center"
+              >
+                {secondary.label}
+              </Link>
+            ) : null}
+          </div>
+        </div>
+      </div>
+    </section>
+  )
+}
diff --git a/packages/landing/src/components/business/BusinessFAQ.tsx b/packages/landing/src/components/business/BusinessFAQ.tsx
new file mode 100644
index 0000000..10ceda9
--- /dev/null
+++ b/packages/landing/src/components/business/BusinessFAQ.tsx
@@ -0,0 +1,36 @@
+'use client'
+
+import Accordion from '@/components/shared/Accordion'
+import type { AccordionItem } from '@/components/shared/Accordion'
+import { site } from '@/content/site'
+
+function getIconClassName(isOpen: boolean): string {
+  return isOpen ? 'border-white bg-white text-black' : 'border-white/20 bg-transparent text-white'
+}
+
+export default function BusinessFAQ() {
+  const faq = site.business.faq
+  const items: AccordionItem[] = faq.items.map((item, i) => ({
+    id: `business-faq-${i}`,
+    question: item.question,
+    answer: item.answer,
+  }))
+
+  return (
+    <Accordion
+      items={items}
+      title={faq.title}
+      subtitle={faq.subtitle ?? faq.eyebrow ?? undefined}
+      classNames={{
+        section: 'bg-black',
+        subtitle: 'text-white/50',
+        title: 'text-white',
+        border: 'border-white/10',
+        button: 'focus-visible:ring-white/50',
+        question: 'text-white',
+        answer: 'text-white/50',
+      }}
+      iconClassName={getIconClassName}
+    />
+  )
+}
diff --git a/packages/landing/src/components/business/BusinessHeader.tsx b/packages/landing/src/components/business/BusinessHeader.tsx
new file mode 100644
index 0000000..500d939
--- /dev/null
+++ b/packages/landing/src/components/business/BusinessHeader.tsx
@@ -0,0 +1,64 @@
+'use client'
+
+import Link from 'next/link'
+import { LogoWithText } from '@/components/ui'
+import { site } from '@/content/site'
+
+function BackArrow() {
+  return (
+    <svg width="16" height="16" viewBox="0 0 16 16" fill="none">
+      <path d="M10 12L6 8L10 4" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+    </svg>
+  )
+}
+
+export default function BusinessHeader() {
+  const brandName = site.meta.brandName
+  const primary = site.header.primaryCta
+
+  return (
+    <header
+      className="sticky top-0 left-0 right-0 z-50 h-[72px]"
+      style={{ backgroundColor: 'rgba(0, 0, 0, 0.85)', backdropFilter: 'blur(20px)', borderBottom: '1px solid var(--border-dark)' }}
+    >
+      <nav className="container flex items-center h-full" aria-label="Business navigation">
+        <Link href="/" className="flex items-center shrink-0" aria-label={`${brandName} Home`}>
+          <LogoWithText height={26} />
+        </Link>
+
+        <div className="hidden lg:flex items-center gap-3 ml-auto">
+          <Link
+            href="/"
+            className="inline-flex items-center gap-2 text-sm text-white/60 hover:text-white transition-colors"
+          >
+            <BackArrow />
+            Back to Home
+          </Link>
+          {primary.external ? (
+            <a
+              href={primary.href}
+              target="_blank"
+              rel="noopener noreferrer"
+              className="btn-outline-white px-5 py-2.5 text-sm font-medium rounded-full"
+            >
+              {primary.label}
+            </a>
+          ) : (
+            <Link href={primary.href} className="btn-outline-white px-5 py-2.5 text-sm font-medium rounded-full">
+              {primary.label}
+            </Link>
+          )}
+        </div>
+
+        <Link
+          href="/"
+          className="lg:hidden ml-auto inline-flex items-center gap-2 text-sm text-white/60 hover:text-white transition-colors"
+          aria-label="Back to Home"
+        >
+          <BackArrow />
+          <span className="hidden sm:inline">Home</span>
+        </Link>
+      </nav>
+    </header>
+  )
+}
diff --git a/packages/landing/src/components/business/BusinessHero.tsx b/packages/landing/src/components/business/BusinessHero.tsx
new file mode 100644
index 0000000..00534a4
--- /dev/null
+++ b/packages/landing/src/components/business/BusinessHero.tsx
@@ -0,0 +1,89 @@
+'use client'
+
+import Link from 'next/link'
+import { m, useReducedMotion } from 'framer-motion'
+import { site } from '@/content/site'
+
+const DESKTOP_IMAGE_FADE_STYLE = {
+  background: 'linear-gradient(to right, var(--color-bg-primary) 0%, transparent 40%)',
+}
+
+const MOBILE_HERO_GRADIENT_STYLE = {
+  background: 'radial-gradient(ellipse at 50% 100%, var(--accent-bg) 0%, transparent 60%)',
+}
+
+const BUTTON_STYLE = { borderRadius: 'var(--radius-button)' }
+
+export default function BusinessHero() {
+  const prefersReducedMotion = useReducedMotion()
+  const hero = site.business.hero
+  const primary = hero.primaryCta
+  const secondary = hero.secondaryCta
+
+  return (
+    <div className="relative overflow-hidden pt-[72px] min-h-svh flex flex-col lg:block">
+      <div className="lg:hidden absolute inset-0 bg-[var(--color-surface-elevated)]" aria-hidden="true" />
+      <div
+        className="lg:hidden absolute inset-0 opacity-30 pointer-events-none z-[1]"
+        style={MOBILE_HERO_GRADIENT_STYLE}
+        aria-hidden="true"
+      />
+
+      <m.div
+        className="hidden lg:block absolute top-1/2 -translate-y-1/2 -right-[10%] xl:-right-[5%] w-[800px] xl:w-[900px] 2xl:w-[1000px] aspect-square"
+        initial={prefersReducedMotion ? false : { opacity: 0 }}
+        animate={{ opacity: 1 }}
+        transition={{ duration: prefersReducedMotion ? 0 : 0.5, ease: 'easeOut' }}
+      >
+        <div className="absolute inset-0 bg-gradient-to-br from-[var(--color-surface-card)] to-[var(--color-bg-secondary)] rounded-full" />
+        <div className="absolute inset-0" style={DESKTOP_IMAGE_FADE_STYLE} aria-hidden="true" />
+      </m.div>
+
+      <div className="relative z-10 lg:bg-transparent flex-1 flex flex-col">
+        <div className="container flex-1 flex flex-col">
+          <div className="lg:min-h-[calc(100vh-72px)] flex-1 flex items-center pt-10 sm:pt-16 lg:pt-0 pb-6 sm:pb-12 lg:pb-0">
+            <div className="max-w-2xl w-full">
+              {hero.eyebrow ? (
+                <p className="text-sm font-semibold tracking-widest uppercase mb-4 text-[var(--accent-teal)]">{hero.eyebrow}</p>
+              ) : null}
+              <h1 className="text-[28px] sm:text-[36px] lg:text-[44px] xl:text-[52px] font-medium text-white leading-[1.15] tracking-[-0.02em] mb-4 sm:mb-6">
+                {hero.title}
+              </h1>
+              <p className="text-lg lg:text-xl text-white/60 leading-[1.5] mb-8 sm:mb-10 max-w-lg">{hero.subtitle}</p>
+
+              <div className="flex flex-col sm:flex-row gap-3">
+                {primary.external ? (
+                  <a
+                    href={primary.href}
+                    target="_blank"
+                    rel="noopener noreferrer"
+                    className="btn-outline-white inline-flex items-center justify-center px-8 py-3.5 text-base font-medium whitespace-nowrap"
+                    style={BUTTON_STYLE}
+                  >
+                    {primary.label}
+                  </a>
+                ) : (
+                  <Link
+                    href={primary.href}
+                    className="btn-outline-white inline-flex items-center justify-center px-8 py-3.5 text-base font-medium whitespace-nowrap"
+                    style={BUTTON_STYLE}
+                  >
+                    {primary.label}
+                  </Link>
+                )}
+                {secondary ? (
+                  <Link
+                    href={secondary.href}
+                    className="inline-flex items-center justify-center px-8 py-3.5 text-base font-medium text-white/70 hover:text-white border border-white/20 hover:border-white/40 rounded-full"
+                  >
+                    {secondary.label}
+                  </Link>
+                ) : null}
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  )
+}
diff --git a/packages/landing/src/components/business/ComplianceSection.tsx b/packages/landing/src/components/business/ComplianceSection.tsx
new file mode 100644
index 0000000..1bb781f
--- /dev/null
+++ b/packages/landing/src/components/business/ComplianceSection.tsx
@@ -0,0 +1,49 @@
+'use client'
+
+import { m, useReducedMotion } from 'framer-motion'
+import { getIcon } from '@/lib/icons'
+import { site } from '@/content/site'
+
+export default function ComplianceSection() {
+  const prefersReducedMotion = useReducedMotion()
+  const block = site.home.compliance
+
+  return (
+    <section className="py-20 sm:py-28 lg:py-36 bg-black">
+      <div className="container">
+        <div className="max-w-3xl mb-12">
+          {block.eyebrow ? (
+            <p className="text-sm sm:text-base font-semibold tracking-widest uppercase mb-3 text-[var(--accent-teal)]">
+              {block.eyebrow}
+            </p>
+          ) : null}
+          <m.h2
+            initial={prefersReducedMotion ? false : { opacity: 0 }}
+            whileInView={{ opacity: 1 }}
+            viewport={{ once: true }}
+            transition={{ duration: 0.5, ease: 'easeOut' }}
+            className="text-[28px] sm:text-[36px] lg:text-[44px] font-medium text-white leading-[1.15] tracking-[-0.02em] mb-6 sm:mb-8"
+          >
+            {block.title}
+          </m.h2>
+          {block.subtitle ? <p className="text-base sm:text-lg text-white/60 leading-[1.7]">{block.subtitle}</p> : null}
+        </div>
+
+        <div className="grid grid-cols-1 md:grid-cols-3 gap-4 sm:gap-5 lg:gap-6">
+          {block.items.map((item) => {
+            const Icon = getIcon(item.icon)
+            return (
+              <div key={item.title} className="p-8 bg-[var(--color-surface-card)] rounded-2xl border border-white/10">
+                <div className="w-11 h-11 flex items-center justify-center rounded-lg mb-5 bg-white/5 text-white/70">
+                  <Icon size={22} weight="duotone" />
+                </div>
+                <h3 className="text-xl font-medium text-white leading-[1.25] mb-3">{item.title}</h3>
+                <p className="text-[15px] leading-[1.65] text-white/60">{item.description}</p>
+              </div>
+            )
+          })}
+        </div>
+      </div>
+    </section>
+  )
+}
diff --git a/packages/landing/src/components/business/ForWhoSection.tsx b/packages/landing/src/components/business/ForWhoSection.tsx
new file mode 100644
index 0000000..5d2b1ed
--- /dev/null
+++ b/packages/landing/src/components/business/ForWhoSection.tsx
@@ -0,0 +1,48 @@
+'use client'
+
+import { m, useReducedMotion } from 'framer-motion'
+import { getIcon } from '@/lib/icons'
+import { site } from '@/content/site'
+
+export default function ForWhoSection() {
+  const prefersReducedMotion = useReducedMotion()
+  const block = site.home.forWho
+
+  return (
+    <section
+      id="use-cases"
+      className="relative py-20 sm:py-28 lg:py-36 bg-black border-y"
+      style={{ borderColor: 'var(--border-dark)' }}
+    >
+      <div className="container relative z-10">
+        <m.h2
+          className="text-[28px] sm:text-[36px] lg:text-[44px] font-medium leading-[1.2] tracking-[-0.02em] mb-12 sm:mb-16 lg:mb-20 text-white"
+          initial={prefersReducedMotion ? false : { opacity: 0 }}
+          whileInView={{ opacity: 1 }}
+          viewport={{ once: true }}
+          transition={{ duration: 0.5, ease: 'easeOut' }}
+        >
+          {block.title}
+          {block.subtitle ? <span className="text-white/50"> {block.subtitle}</span> : null}
+        </m.h2>
+
+        <div className="grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-x-6 gap-y-6 sm:gap-x-8 sm:gap-y-8 lg:gap-y-10">
+          {block.items.map((item) => {
+            const Icon = getIcon(item.icon)
+            return (
+              <div key={item.title} className="border-l-2 border-white/20 pl-5">
+                <div className="flex items-center gap-2 mb-1 text-white/60">
+                  <Icon size={16} weight="regular" />
+                </div>
+                <p className="text-xl sm:text-2xl lg:text-[28px] font-semibold text-white leading-tight tracking-tight mb-1">
+                  {item.title}
+                </p>
+                <p className="text-sm text-white/50">{item.description}</p>
+              </div>
+            )
+          })}
+        </div>
+      </div>
+    </section>
+  )
+}
diff --git a/packages/landing/src/components/business/ModernTeamsSection.tsx b/packages/landing/src/components/business/ModernTeamsSection.tsx
new file mode 100644
index 0000000..e49b45a
--- /dev/null
+++ b/packages/landing/src/components/business/ModernTeamsSection.tsx
@@ -0,0 +1,58 @@
+'use client'
+
+import { m } from 'framer-motion'
+import { getIcon } from '@/lib/icons'
+import { site } from '@/content/site'
+
+export default function ModernTeamsSection() {
+  const block = site.home.modernTeams
+
+  return (
+    <section id="modern-teams" className="relative bg-black py-24 sm:py-32 lg:py-36">
+      <div className="container">
+        <div className="flex flex-col lg:flex-row lg:items-start lg:justify-between gap-6 lg:gap-16 mb-12 sm:mb-16 lg:mb-20">
+          <m.h2
+            className="text-[32px] sm:text-[40px] lg:text-[48px] xl:text-[56px] font-medium text-white leading-[1.1] tracking-[-0.03em] max-w-md lg:max-w-lg"
+            initial={{ opacity: 0 }}
+            whileInView={{ opacity: 1 }}
+            viewport={{ once: true }}
+            transition={{ duration: 0.5, ease: 'easeOut' }}
+          >
+            {block.title}
+          </m.h2>
+          {block.subtitle ? (
+            <m.p
+              className="text-base sm:text-lg lg:text-[22px] text-white/50 leading-[1.6] max-w-md lg:max-w-lg lg:pt-2"
+              initial={{ opacity: 0 }}
+              whileInView={{ opacity: 1 }}
+              viewport={{ once: true }}
+              transition={{ duration: 0.5, ease: 'easeOut' }}
+            >
+              {block.subtitle}
+            </m.p>
+          ) : null}
+        </div>
+
+        <div className="grid grid-cols-1 md:grid-cols-3 gap-4 sm:gap-5 lg:gap-6">
+          {block.items.map((item) => {
+            const Icon = getIcon(item.icon)
+            return (
+              <article
+                key={item.title}
+                className="group relative bg-[var(--color-surface-card)] rounded-2xl border border-white/10 overflow-hidden min-h-[260px] sm:min-h-[300px] flex flex-col p-8 hover:border-white/20 transition-all duration-500"
+              >
+                <div className="w-11 h-11 flex items-center justify-center rounded-lg mb-5 bg-white/5 text-white/70">
+                  <Icon size={22} weight="duotone" />
+                </div>
+                <h3 className="text-xl sm:text-2xl font-medium text-white leading-[1.25] tracking-[-0.02em] mb-3">
+                  {item.title}
+                </h3>
+                <p className="text-[15px] leading-[1.65] text-white/60">{item.description}</p>
+              </article>
+            )
+          })}
+        </div>
+      </div>
+    </section>
+  )
+}
diff --git a/packages/landing/src/components/business/PrivacyInfraSection.tsx b/packages/landing/src/components/business/PrivacyInfraSection.tsx
new file mode 100644
index 0000000..655b42b
--- /dev/null
+++ b/packages/landing/src/components/business/PrivacyInfraSection.tsx
@@ -0,0 +1,66 @@
+'use client'
+
+import Image from 'next/image'
+import { m, useReducedMotion } from 'framer-motion'
+import ImagePlaceholder from '@/components/placeholders/ImagePlaceholder'
+import { site } from '@/content/site'
+
+export default function PrivacyInfraSection() {
+  const prefersReducedMotion = useReducedMotion()
+  const block = site.home.privacyInfra
+
+  return (
+    <section className="py-20 sm:py-28 lg:py-36 bg-black border-t border-white/[0.06]">
+      <div className="container">
+        <div className="grid grid-cols-1 lg:grid-cols-2 gap-10 lg:gap-16 xl:gap-20 items-center">
+          <div className="relative aspect-[4/3] lg:aspect-[3/4] w-full max-w-md mx-auto lg:mx-0 rounded-2xl overflow-hidden">
+            {block.image?.src ? (
+              <>
+                <Image src={block.image.src} alt={block.image.alt} fill className="object-cover" sizes="(max-width: 1024px) 100vw, 50vw" />
+                <div className="absolute inset-0 bg-gradient-to-t from-black/40 via-transparent to-transparent" />
+              </>
+            ) : (
+              <ImagePlaceholder description={block.image?.description ?? 'Privacy infrastructure visual'} fill />
+            )}
+          </div>
+
+          <div className="lg:pl-4">
+            {block.eyebrow ? (
+              <p className="text-sm sm:text-base font-semibold tracking-widest uppercase mb-3 text-[var(--accent-teal)]">
+                {block.eyebrow}
+              </p>
+            ) : null}
+            <m.h2
+              initial={prefersReducedMotion ? false : { opacity: 0 }}
+              whileInView={{ opacity: 1 }}
+              viewport={{ once: true }}
+              transition={{ duration: 0.5, ease: 'easeOut' }}
+              className="text-[28px] sm:text-[36px] lg:text-[44px] font-medium text-white leading-[1.15] tracking-[-0.02em] mb-6 sm:mb-8"
+            >
+              {block.title}
+            </m.h2>
+
+            <div className="space-y-5 text-base sm:text-lg text-white/60 leading-[1.7]">
+              {block.paragraphs.map((p, i) => (
+                <p key={i}>{p}</p>
+              ))}
+            </div>
+
+            {block.bullets && block.bullets.length > 0 ? (
+              <div className="mt-8 sm:mt-10 pt-8 border-t border-white/10">
+                <div className="grid grid-cols-2 gap-6">
+                  {block.bullets.map((bullet) => (
+                    <div key={bullet.title}>
+                      <p className="text-2xl sm:text-3xl font-semibold text-white mb-1">{bullet.title}</p>
+                      {bullet.description ? <p className="text-sm text-white/50">{bullet.description}</p> : null}
+                    </div>
+                  ))}
+                </div>
+              </div>
+            ) : null}
+          </div>
+        </div>
+      </div>
+    </section>
+  )
+}
diff --git a/packages/landing/src/components/business/TrustStats.tsx b/packages/landing/src/components/business/TrustStats.tsx
new file mode 100644
index 0000000..ca717a1
--- /dev/null
+++ b/packages/landing/src/components/business/TrustStats.tsx
@@ -0,0 +1,48 @@
+'use client'
+
+import { m, useInView, useReducedMotion } from 'framer-motion'
+import { useRef } from 'react'
+import { site } from '@/content/site'
+
+export default function TrustStats() {
+  const sectionRef = useRef(null)
+  const isInView = useInView(sectionRef, { once: true, margin: '-60px' })
+  const prefersReducedMotion = useReducedMotion()
+  const stats = site.home.trustStats.items
+
+  return (
+    <section
+      ref={sectionRef}
+      className="py-14 sm:py-16 lg:py-20 bg-black border-y"
+      style={{ borderColor: 'var(--border-dark)' }}
+    >
+      <div className="container">
+        <m.div
+          className={`grid grid-cols-2 gap-6 lg:gap-0 max-w-5xl mx-auto ${
+            stats.length === 1 ? 'lg:grid-cols-1' :
+            stats.length === 2 ? 'lg:grid-cols-2' :
+            stats.length === 3 ? 'lg:grid-cols-3' :
+            stats.length === 4 ? 'lg:grid-cols-4' :
+            stats.length === 5 ? 'lg:grid-cols-5' :
+            'lg:grid-cols-6'
+          }`}
+          initial={prefersReducedMotion ? false : { opacity: 0 }}
+          animate={isInView || prefersReducedMotion ? { opacity: 1 } : { opacity: 0 }}
+          transition={{ duration: prefersReducedMotion ? 0 : 0.4, ease: 'easeOut' }}
+        >
+          {stats.map((stat, index) => (
+            <div
+              key={stat.label}
+              className={`text-center ${index < stats.length - 1 ? 'lg:border-r lg:border-white/10' : ''}`}
+            >
+              <p className="text-[32px] sm:text-[36px] lg:text-[40px] font-semibold text-white leading-none tracking-tight mb-2">
+                {stat.value}
+              </p>
+              <p className="text-sm font-medium text-white/70">{stat.label}</p>
+            </div>
+          ))}
+        </m.div>
+      </div>
+    </section>
+  )
+}
diff --git a/packages/landing/src/components/landing/Blog.tsx b/packages/landing/src/components/landing/Blog.tsx
new file mode 100644
index 0000000..afd4fe0
--- /dev/null
+++ b/packages/landing/src/components/landing/Blog.tsx
@@ -0,0 +1,77 @@
+'use client'
+
+import Link from 'next/link'
+import { ArrowRight } from '@phosphor-icons/react'
+import { site } from '@/content/site'
+
+export default function Blog() {
+  const blog = site.home.blog
+
+  if (blog.posts.length === 0) return null
+
+  return (
+    <section id="blog" className="py-24 sm:py-32 lg:py-36 bg-black border-t border-white/10">
+      <div className="container">
+        <div className="flex flex-col sm:flex-row sm:items-end sm:justify-between gap-6 mb-12 sm:mb-16 lg:mb-20">
+          <div>
+            {blog.eyebrow ? (
+              <p className="text-sm sm:text-base font-semibold tracking-widest uppercase mb-3 sm:mb-4 text-[var(--accent-teal)]">
+                {blog.eyebrow}
+              </p>
+            ) : null}
+            <h2 className="text-[32px] sm:text-[40px] lg:text-[48px] font-medium text-white leading-[1.1] tracking-[-0.03em]">
+              {blog.title}
+            </h2>
+          </div>
+
+          <Link
+            href="/blog"
+            className="group inline-flex items-center gap-2 text-sm font-medium text-white/60 hover:text-white transition-colors shrink-0"
+          >
+            View all posts
+            <ArrowRight size={14} weight="regular" className="shrink-0" />
+          </Link>
+        </div>
+
+        <div className="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 gap-5">
+          {blog.posts.map((post) => (
+            <article
+              key={post.slug}
+              className="group flex flex-col bg-[var(--color-surface-elevated)] rounded-2xl border border-white/[0.06] border-t-2 border-t-accent-teal/20 overflow-hidden hover:border-white/20 hover:bg-[var(--color-surface-card)] transition-all duration-300 cursor-pointer"
+            >
+              <Link href={`/blog/${post.slug}`} className="p-6 sm:p-8 flex flex-col flex-1">
+                <div className="flex items-center gap-3 mb-5">
+                  <span
+                    className="px-3 py-1 text-xs font-medium rounded-full"
+                    style={{
+                      background: 'var(--accent-teal-bg)',
+                      color: 'var(--accent-teal)',
+                      border: '1px solid var(--accent-teal-border)',
+                    }}
+                  >
+                    {post.category}
+                  </span>
+                  <span className="text-xs text-white/50">{post.readTime}</span>
+                </div>
+
+                <h3 className="text-xl sm:text-2xl font-medium text-white leading-[1.25] tracking-[-0.02em] mb-3 group-hover:text-white/90 transition-colors">
+                  {post.title}
+                </h3>
+
+                <p className="text-[15px] text-white/50 leading-[1.65] mb-5 flex-1">{post.description}</p>
+
+                <div className="flex items-center justify-between pt-5 border-t border-white/[0.06]">
+                  <span className="text-sm text-white/50">{post.date}</span>
+                  <span className="inline-flex items-center gap-1.5 text-sm font-medium transition-colors text-accent-teal">
+                    Read
+                    <ArrowRight size={14} weight="regular" className="shrink-0" />
+                  </span>
+                </div>
+              </Link>
+            </article>
+          ))}
+        </div>
+      </div>
+    </section>
+  )
+}
diff --git a/packages/landing/src/components/landing/CTA.tsx b/packages/landing/src/components/landing/CTA.tsx
new file mode 100644
index 0000000..f7e5d76
--- /dev/null
+++ b/packages/landing/src/components/landing/CTA.tsx
@@ -0,0 +1,92 @@
+'use client'
+
+import Link from 'next/link'
+import ImagePlaceholder from '@/components/placeholders/ImagePlaceholder'
+import { site } from '@/content/site'
+
+export default function CTA() {
+  const cta = site.home.cta
+  const primary = cta.primaryCta
+  const secondary = cta.secondaryCta
+
+  return (
+    <section
+      id="request-access"
+      className="relative overflow-hidden flex items-center justify-center py-20 sm:py-24 lg:py-28"
+    >
+      <div className="absolute inset-0 z-[1] overflow-hidden" aria-hidden="true">
+        <div className="absolute inset-[-8%]">
+          <ImagePlaceholder description="CTA background visual" fill />
+        </div>
+      </div>
+
+      <div
+        className="absolute inset-0 z-[2] pointer-events-none"
+        style={{ background: 'linear-gradient(180deg, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.15) 50%, rgba(0,0,0,0.25) 100%)' }}
+        aria-hidden="true"
+      />
+      <div
+        className="absolute top-0 left-0 right-0 h-16 sm:h-24 lg:h-32 z-[3] pointer-events-none"
+        style={{ background: 'linear-gradient(to bottom, var(--color-surface-elevated) 0%, var(--color-surface-elevated) 20%, transparent 100%)' }}
+        aria-hidden="true"
+      />
+      <div
+        className="absolute bottom-0 left-0 right-0 h-16 sm:h-24 z-[3] pointer-events-none"
+        style={{ background: 'linear-gradient(to top, var(--color-surface-elevated) 0%, transparent 100%)' }}
+        aria-hidden="true"
+      />
+      <div
+        className="absolute inset-0 z-[4] pointer-events-none"
+        style={{
+          background: 'radial-gradient(ellipse at 50% 30%, var(--accent-bg) 0%, transparent 55%)',
+          opacity: 0.55,
+        }}
+        aria-hidden="true"
+      />
+
+      <div className="relative z-10 flex items-center justify-center px-6">
+        <div className="flex flex-col items-center text-center max-w-2xl mx-auto">
+          <h2 className="text-[36px] sm:text-[44px] lg:text-[52px] font-medium leading-[1.1] tracking-[-0.03em] mb-5 sm:mb-6">
+            {cta.title}
+          </h2>
+          {cta.subtitle ? (
+            <p className="text-base sm:text-lg leading-relaxed mb-10 sm:mb-12" style={{ color: 'var(--text-muted)' }}>
+              {cta.subtitle}
+            </p>
+          ) : null}
+
+          <div className="flex flex-wrap items-center justify-center gap-4">
+            {primary.external ? (
+              <a href={primary.href} className="btn-cta-outline px-10 sm:px-12 py-4 text-lg font-medium">
+                {primary.label}
+              </a>
+            ) : (
+              <Link href={primary.href} className="btn-cta-outline px-10 sm:px-12 py-4 text-lg font-medium">
+                {primary.label}
+              </Link>
+            )}
+            {secondary ? (
+              secondary.external ? (
+                <a
+                  href={secondary.href}
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  className="inline-flex items-center gap-2 px-10 py-4 text-lg font-medium transition-colors duration-200 text-text-muted hover:text-accent-teal"
+                >
+                  {secondary.label}
+                </a>
+              ) : (
+                <Link
+                  href={secondary.href}
+                  className="inline-flex items-center gap-2 px-10 py-4 text-lg font-medium transition-colors duration-200 text-text-muted hover:text-accent-teal"
+                >
+                  {secondary.label}
+                </Link>
+              )
+            ) : null}
+          </div>
+        </div>
+      </div>
+    </section>
+  )
+}
diff --git a/packages/landing/src/components/landing/FAQ.tsx b/packages/landing/src/components/landing/FAQ.tsx
new file mode 100644
index 0000000..9d643bd
--- /dev/null
+++ b/packages/landing/src/components/landing/FAQ.tsx
@@ -0,0 +1,49 @@
+'use client'
+
+import Accordion from '@/components/shared/Accordion'
+import type { AccordionItem } from '@/components/shared/Accordion'
+import { site } from '@/content/site'
+
+function getIconClassName(isOpen: boolean): string {
+  return isOpen ? 'border-white bg-white text-black' : 'border-white/20 bg-transparent text-white'
+}
+
+export default function FAQ() {
+  const faq = site.home.faq
+  const items: AccordionItem[] = faq.items.map((item, i) => ({
+    id: `faq-${i}`,
+    question: item.question,
+    answer: item.answer,
+  }))
+
+  const faqSchema = {
+    '@context': 'https://schema.org',
+    '@type': 'FAQPage',
+    mainEntity: faq.items.map((item) => ({
+      '@type': 'Question',
+      name: item.question,
+      acceptedAnswer: { '@type': 'Answer', text: item.answer },
+    })),
+  }
+
+  return (
+    <>
+      <script type="application/ld+json" dangerouslySetInnerHTML={{ __html: JSON.stringify(faqSchema) }} />
+      <Accordion
+        items={items}
+        title={faq.title}
+        subtitle={faq.subtitle ?? faq.eyebrow ?? undefined}
+        classNames={{
+          section: 'bg-black',
+          subtitle: 'text-white/50',
+          title: 'text-white',
+          border: 'border-white/10',
+          button: 'focus-visible:ring-white/50',
+          question: 'text-white',
+          answer: 'text-white/50',
+        }}
+        iconClassName={getIconClassName}
+      />
+    </>
+  )
+}
diff --git a/packages/landing/src/components/landing/Features.tsx b/packages/landing/src/components/landing/Features.tsx
new file mode 100644
index 0000000..9d0be51
--- /dev/null
+++ b/packages/landing/src/components/landing/Features.tsx
@@ -0,0 +1,93 @@
+'use client'
+
+import Image from 'next/image'
+import ImagePlaceholder from '@/components/placeholders/ImagePlaceholder'
+import { getIcon } from '@/lib/icons'
+import { site } from '@/content/site'
+
+const OVERLAY_STYLE = {
+  background:
+    'linear-gradient(to top, rgba(0, 8, 8, 0.92) 0%, rgba(0, 8, 8, 0.55) 40%, rgba(0, 8, 8, 0.15) 70%, transparent 100%)',
+}
+
+const HOVER_OVERLAY_STYLE = {
+  background: 'linear-gradient(135deg, var(--accent-bg) 0%, transparent 60%)',
+}
+
+export default function Features() {
+  const features = site.home.features
+
+  return (
+    <section id="features" className="relative bg-[var(--background)] py-36">
+      <div className="container">
+        <div className="text-center max-w-3xl mx-auto mb-14 sm:mb-16 lg:mb-20">
+          {features.eyebrow ? (
+            <p className="text-sm sm:text-base font-semibold tracking-widest uppercase mb-3 sm:mb-4 text-[var(--accent-teal)]">
+              {features.eyebrow}
+            </p>
+          ) : null}
+          <h2 className="text-[28px] sm:text-3xl md:text-4xl lg:text-5xl font-semibold leading-[1.1] tracking-tight mb-4 sm:mb-5">
+            {features.title}
+          </h2>
+          {features.subtitle ? (
+            <p className="text-base sm:text-lg lg:text-xl leading-[1.6] max-w-2xl mx-auto text-[var(--text-muted)]">
+              {features.subtitle}
+            </p>
+          ) : null}
+        </div>
+
+        <div className="grid grid-cols-1 md:grid-cols-2 gap-5 sm:gap-6 lg:gap-7">
+          {features.items.map((feature, index) => {
+            const Icon = getIcon(feature.icon)
+            return (
+              <article
+                key={feature.id}
+                className={`group relative p-8 sm:p-10 lg:p-12 transition-all duration-300 overflow-hidden flex flex-col justify-end
+                  rounded-2xl border border-[var(--border-dark)]
+                  ${index === 0 ? 'md:col-span-2 min-h-[280px] sm:min-h-[320px] lg:min-h-[400px]' : 'min-h-[240px] sm:min-h-[280px] lg:min-h-[320px]'}`}
+              >
+                <div className="absolute inset-0" aria-hidden="true">
+                  {feature.image?.src ? (
+                    <Image
+                      src={feature.image.src}
+                      alt={feature.image.alt ?? ''}
+                      fill
+                      sizes={index === 0 ? '(max-width: 768px) 100vw, 100vw' : '(max-width: 768px) 100vw, 50vw'}
+                      className="object-cover"
+                      priority={index === 0}
+                    />
+                  ) : (
+                    <ImagePlaceholder
+                      description={feature.image?.description ?? feature.title}
+                      fill
+                    />
+                  )}
+                </div>
+
+                <div className="absolute inset-0 transition-opacity duration-300" style={OVERLAY_STYLE} aria-hidden="true" />
+                <div
+                  className="absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none"
+                  style={HOVER_OVERLAY_STYLE}
+                  aria-hidden="true"
+                />
+
+                <div className="relative">
+                  <div className="w-10 h-10 sm:w-11 sm:h-11 flex items-center justify-center mb-4 rounded-lg transition-colors duration-300 text-white bg-white/10 group-hover:bg-white group-hover:text-black">
+                    <Icon size={20} weight="duotone" />
+                  </div>
+
+                  <h3 className="text-xl sm:text-2xl font-semibold mb-3 tracking-[-0.01em] transition-colors duration-300 group-hover:text-white">
+                    {feature.title}
+                  </h3>
+                  <p className="text-[15px] sm:text-base leading-[1.7] transition-colors duration-300 text-gray-300 group-hover:text-gray-200">
+                    {feature.description}
+                  </p>
+                </div>
+              </article>
+            )
+          })}
+        </div>
+      </div>
+    </section>
+  )
+}
diff --git a/packages/landing/src/components/landing/Footer.tsx b/packages/landing/src/components/landing/Footer.tsx
new file mode 100644
index 0000000..c46776f
--- /dev/null
+++ b/packages/landing/src/components/landing/Footer.tsx
@@ -0,0 +1,109 @@
+'use client'
+
+import Link from 'next/link'
+import { LogoWithText } from '@/components/ui'
+import { site } from '@/content/site'
+
+function FooterLink({ href, external, children }: { href: string; external?: boolean; children: React.ReactNode }) {
+  const isExternal = external || href.startsWith('http')
+
+  if (isExternal) {
+    return (
+      <a
+        href={href}
+        target="_blank"
+        rel="noopener noreferrer"
+        className="text-[14px] text-white/50 hover:text-white transition-colors duration-200"
+      >
+        {children}
+      </a>
+    )
+  }
+
+  return (
+    <Link href={href} className="text-[14px] text-white/50 hover:text-white transition-colors duration-200">
+      {children}
+    </Link>
+  )
+}
+
+function FooterGroupBlock({ title, children }: { title: string; children: React.ReactNode }) {
+  return (
+    <div>
+      <h3 className="text-sm font-medium text-white/50 mb-4">{title}</h3>
+      <ul className="space-y-3">{children}</ul>
+    </div>
+  )
+}
+
+export default function Footer() {
+  const footer = site.footer
+  const brandName = site.meta.brandName
+
+  return (
+    <footer className="bg-black border-t" style={{ borderColor: 'var(--border-dark)' }}>
+      <div className="container">
+        <div className="pt-16 sm:pt-20 lg:pt-24 pb-12 sm:pb-14 lg:pb-16">
+          <div className="flex flex-col lg:flex-row">
+            <div className="lg:w-[28%] shrink-0 mb-12 lg:mb-0">
+              <Link href="/" className="inline-block" aria-label={`${brandName} Home`}>
+                <LogoWithText height={26} />
+              </Link>
+              {footer.tagline ? <p className="text-sm text-white/40 mt-4 max-w-xs">{footer.tagline}</p> : null}
+            </div>
+
+            <div
+              className={`grid grid-cols-2 gap-x-8 lg:gap-x-12 gap-y-10 flex-1 ${
+                footer.groups.length === 1 ? 'sm:grid-cols-1' :
+                footer.groups.length === 2 ? 'sm:grid-cols-2' :
+                footer.groups.length === 3 ? 'sm:grid-cols-3' :
+                footer.groups.length === 4 ? 'sm:grid-cols-4' :
+                'sm:grid-cols-5'
+              }`}
+            >
+              {footer.groups.map((group) => (
+                <div key={group.title}>
+                  <FooterGroupBlock title={group.title}>
+                    {group.links.map((link) => (
+                      <li key={link.label}>
+                        <FooterLink href={link.href} external={link.external}>
+                          {link.label}
+                        </FooterLink>
+                      </li>
+                    ))}
+                  </FooterGroupBlock>
+                </div>
+              ))}
+            </div>
+          </div>
+        </div>
+
+        <div className="py-6 border-t border-white/[0.06] flex flex-col-reverse sm:flex-row items-center justify-between gap-4">
+          <div className="flex items-center gap-2.5">
+            {footer.social.map((social) => (
+              <a
+                key={social.label}
+                href={social.href}
+                target="_blank"
+                rel="noopener noreferrer"
+                aria-label={`${brandName} on ${social.label}`}
+                className="w-11 h-11 flex items-center justify-center text-white/50 hover:text-white transition-colors duration-200"
+              >
+                <span className="text-[13px]">{social.label}</span>
+              </a>
+            ))}
+          </div>
+
+          <div className="flex items-center gap-4 sm:gap-6 text-[12px] text-white/40">
+            <span>{footer.legal.copyright}</span>
+            {footer.legal.links.map((link) => (
+              <Link key={link.label} href={link.href} className="hover:text-white/50 transition-colors">
+                {link.label}
+              </Link>
+            ))}
+          </div>
+        </div>
+      </div>
+    </footer>
+  )
+}
diff --git a/packages/landing/src/components/landing/Header.tsx b/packages/landing/src/components/landing/Header.tsx
new file mode 100644
index 0000000..b112104
--- /dev/null
+++ b/packages/landing/src/components/landing/Header.tsx
@@ -0,0 +1,383 @@
+'use client'
+
+import { useState, useCallback, useRef, useEffect } from 'react'
+import Link from 'next/link'
+import { CaretDown, X } from '@phosphor-icons/react'
+import { LogoWithText } from '@/components/ui'
+import { useScrolled } from '@/hooks/useScrolled'
+import { useScrollLock } from '@/hooks/useScrollLock'
+import { useEscapeKey } from '@/hooks/useEscapeKey'
+import { site } from '@/content/site'
+import { getIcon } from '@/lib/icons'
+
+const HEADER_SCROLLED_STYLE = {
+  backgroundColor: 'rgba(0, 0, 0, 0.85)',
+  backdropFilter: 'blur(20px)',
+  WebkitBackdropFilter: 'blur(20px)',
+  borderBottom: '1px solid var(--border-dark)',
+}
+
+const HEADER_DEFAULT_STYLE = {
+  backgroundColor: 'transparent',
+  backdropFilter: 'blur(0px)',
+  WebkitBackdropFilter: 'blur(0px)',
+  borderBottom: '1px solid var(--border-dark)',
+}
+
+interface DropdownItem {
+  label: string
+  description?: string
+  href: string
+  icon?: string
+  external?: boolean
+}
+
+function DropdownMenu({ items, isOpen }: { items: DropdownItem[]; isOpen: boolean }) {
+  return (
+    <div
+      className={`absolute top-full left-0 pt-3 transition-all duration-200 ${
+        isOpen ? 'opacity-100 translate-y-0 pointer-events-auto' : 'opacity-0 -translate-y-1 pointer-events-none'
+      }`}
+    >
+      <div
+        className="rounded-2xl border border-white/[0.06] p-2 min-w-[320px]"
+        style={{
+          backgroundColor: 'rgba(10, 10, 10, 0.95)',
+          backdropFilter: 'blur(24px)',
+          WebkitBackdropFilter: 'blur(24px)',
+          boxShadow: '0 16px 48px rgba(0, 0, 0, 0.4)',
+        }}
+      >
+        {items.map((item) => {
+          const Icon = getIcon(item.icon)
+          const content = (
+            <div className="flex items-start gap-3.5 p-3 rounded-xl hover:bg-white/[0.04] transition-colors group/item">
+              <div className="w-9 h-9 flex items-center justify-center rounded-lg bg-white/[0.06] text-white/50 group-hover/item:text-white group-hover/item:bg-white/[0.1] transition-colors shrink-0 mt-0.5">
+                <Icon size={18} weight="light" />
+              </div>
+              <div className="flex-1 min-w-0">
+                <p className="text-sm font-medium text-white mb-0.5 flex items-center gap-1.5">
+                  {item.label}
+                  {item.external ? (
+                    <svg width="10" height="10" viewBox="0 0 12 12" fill="none" className="text-white/30">
+                      <path d="M3 9L9 3M9 3H4.5M9 3V7.5" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+                    </svg>
+                  ) : null}
+                </p>
+                {item.description ? <p className="text-[13px] text-white/50 leading-snug">{item.description}</p> : null}
+              </div>
+            </div>
+          )
+
+          if (item.external) {
+            return (
+              <a key={item.label} href={item.href} target="_blank" rel="noopener noreferrer">
+                {content}
+              </a>
+            )
+          }
+          return (
+            <Link key={item.label} href={item.href}>
+              {content}
+            </Link>
+          )
+        })}
+      </div>
+    </div>
+  )
+}
+
+export default function Header() {
+  const [isMenuOpen, setIsMenuOpen] = useState(false)
+  const [openDropdown, setOpenDropdown] = useState<string | null>(null)
+  const [mobileExpandedSection, setMobileExpandedSection] = useState<string | null>(null)
+  const isScrolled = useScrolled(50)
+  const hamburgerRef = useRef<HTMLButtonElement>(null)
+  const menuRef = useRef<HTMLDivElement>(null)
+  const previousIsMenuOpenRef = useRef(false)
+  const dropdownTimeoutRef = useRef<NodeJS.Timeout | null>(null)
+  const brandName = site.meta.brandName
+  const navItems = site.header.nav
+  const primaryCta = site.header.primaryCta
+  const secondaryCta = site.header.secondaryCta
+
+  useScrollLock(isMenuOpen)
+  useEscapeKey(
+    useCallback(() => {
+      if (openDropdown) setOpenDropdown(null)
+      else setIsMenuOpen(false)
+    }, [openDropdown])
+  )
+
+  useEffect(() => {
+    if (isMenuOpen) {
+      const menu = menuRef.current
+      if (menu) {
+        const focusable = menu.querySelectorAll<HTMLElement>(
+          'a[href], button, textarea, input, select, [tabindex]:not([tabindex="-1"])'
+        )
+        if (focusable.length > 0) focusable[0].focus()
+      }
+    } else if (previousIsMenuOpenRef.current) {
+      hamburgerRef.current?.focus()
+    }
+    previousIsMenuOpenRef.current = isMenuOpen
+  }, [isMenuOpen])
+
+  useEffect(() => {
+    return () => {
+      if (dropdownTimeoutRef.current) clearTimeout(dropdownTimeoutRef.current)
+    }
+  }, [])
+
+  const handleDropdownEnter = (label: string) => {
+    if (dropdownTimeoutRef.current) clearTimeout(dropdownTimeoutRef.current)
+    setOpenDropdown(label)
+  }
+
+  const handleDropdownLeave = () => {
+    dropdownTimeoutRef.current = setTimeout(() => setOpenDropdown(null), 150)
+  }
+
+  const handleLinkClick = () => {
+    setIsMenuOpen(false)
+    setOpenDropdown(null)
+  }
+
+  const toggleMobileSection = (label: string) => {
+    setMobileExpandedSection(mobileExpandedSection === label ? null : label)
+  }
+
+  return (
+    <>
+      <header
+        className="sticky top-0 left-0 right-0 z-50 transition-[background-color,backdrop-filter,border-color] duration-300"
+        style={isScrolled ? HEADER_SCROLLED_STYLE : HEADER_DEFAULT_STYLE}
+      >
+        <nav className="container flex items-center h-[72px]" aria-label="Main navigation">
+          <Link href="/" className="flex items-center shrink-0" aria-label={`${brandName} Home`}>
+            <LogoWithText height={26} />
+          </Link>
+
+          <div className="hidden lg:flex items-center gap-1 ml-8">
+            {navItems.map((item) => {
+              if (item.href) {
+                return (
+                  <Link
+                    key={item.label}
+                    href={item.href}
+                    className="px-4 py-2.5 text-sm font-medium transition-colors rounded-lg hover:bg-white/5 text-white/60 hover:text-white"
+                  >
+                    {item.label}
+                  </Link>
+                )
+              }
+
+              return (
+                <div
+                  key={item.label}
+                  className="relative"
+                  onMouseEnter={() => handleDropdownEnter(item.label)}
+                  onMouseLeave={handleDropdownLeave}
+                >
+                  <button
+                    className="flex items-center gap-1 px-4 py-2.5 text-sm font-medium transition-colors rounded-lg hover:bg-white/5 text-white/60 hover:text-white cursor-pointer"
+                    aria-expanded={openDropdown === item.label}
+                    onClick={() => setOpenDropdown(openDropdown === item.label ? null : item.label)}
+                  >
+                    {item.label}
+                    <CaretDown
+                      size={14}
+                      weight="light"
+                      className={`transition-transform duration-200 ${openDropdown === item.label ? 'rotate-180' : ''}`}
+                    />
+                  </button>
+                  {item.items ? <DropdownMenu items={item.items} isOpen={openDropdown === item.label} /> : null}
+                </div>
+              )
+            })}
+          </div>
+
+          <div className="hidden lg:flex items-center gap-3 ml-auto">
+            {secondaryCta ? (
+              secondaryCta.external ? (
+                <a
+                  href={secondaryCta.href}
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  className="px-5 py-2.5 text-sm font-medium rounded-full transition-colors text-white/70 hover:text-white border border-white/20 hover:border-white/40"
+                >
+                  {secondaryCta.label}
+                </a>
+              ) : (
+                <Link
+                  href={secondaryCta.href}
+                  className="px-5 py-2.5 text-sm font-medium rounded-full transition-colors text-white/70 hover:text-white border border-white/20 hover:border-white/40"
+                >
+                  {secondaryCta.label}
+                </Link>
+              )
+            ) : null}
+            {primaryCta.external ? (
+              <a
+                href={primaryCta.href}
+                target="_blank"
+                rel="noopener noreferrer"
+                className="px-5 py-2.5 text-sm font-medium rounded-full transition-all cursor-pointer bg-accent-teal text-foreground"
+              >
+                {primaryCta.label}
+              </a>
+            ) : (
+              <Link
+                href={primaryCta.href}
+                className="px-5 py-2.5 text-sm font-medium rounded-full transition-all cursor-pointer bg-accent-teal text-foreground"
+              >
+                {primaryCta.label}
+              </Link>
+            )}
+          </div>
+
+          <button
+            ref={hamburgerRef}
+            className="lg:hidden ml-auto flex items-center justify-center w-11 h-11 rounded-lg transition-colors hover:bg-white/5"
+            onClick={() => setIsMenuOpen(!isMenuOpen)}
+            aria-expanded={isMenuOpen}
+            aria-controls="mobile-menu"
+            aria-label={isMenuOpen ? 'Close menu' : 'Open menu'}
+          >
+            <div className="relative w-5 h-4">
+              <span className={`absolute left-0 w-5 h-0.5 bg-white transition-all duration-300 ease-out ${isMenuOpen ? 'top-[7px] rotate-45' : 'top-0 rotate-0'}`} />
+              <span className={`absolute left-0 top-[7px] w-5 h-0.5 bg-white transition-all duration-300 ease-out ${isMenuOpen ? 'opacity-0 scale-0' : 'opacity-100 scale-100'}`} />
+              <span className={`absolute left-0 w-5 h-0.5 bg-white transition-all duration-300 ease-out ${isMenuOpen ? 'top-[7px] -rotate-45' : 'top-[14px] rotate-0'}`} />
+            </div>
+          </button>
+        </nav>
+      </header>
+
+      <div
+        ref={menuRef}
+        id="mobile-menu"
+        className={`fixed inset-0 z-[60] lg:hidden transition-transform duration-300 ease-out bg-[var(--color-surface-elevated)] ${isMenuOpen ? 'translate-x-0' : '-translate-x-full'}`}
+        aria-hidden={!isMenuOpen}
+      >
+        <div className="flex items-center justify-between px-5 sm:px-6 h-[72px] border-b border-white/[0.06]">
+          <Link href="/" onClick={handleLinkClick} aria-label={`${brandName} Home`}>
+            <LogoWithText height={24} />
+          </Link>
+          <button
+            onClick={() => setIsMenuOpen(false)}
+            className="flex items-center justify-center w-11 h-11 rounded-full transition-colors bg-white/[0.06] cursor-pointer"
+            aria-label="Close menu"
+          >
+            <X size={18} weight="light" />
+          </button>
+        </div>
+
+        <nav className="px-5 sm:px-6 pt-6 overflow-y-auto max-h-[calc(100vh-72px)]">
+          {navItems.map((item) => {
+            if (item.href) {
+              return (
+                <Link
+                  key={item.label}
+                  href={item.href}
+                  onClick={handleLinkClick}
+                  className="block py-3.5 text-lg font-medium text-white transition-opacity hover:opacity-70"
+                >
+                  {item.label}
+                </Link>
+              )
+            }
+
+            const isExpanded = mobileExpandedSection === item.label
+            return (
+              <div key={item.label} className="border-b border-white/[0.06]">
+                <button
+                  onClick={() => toggleMobileSection(item.label)}
+                  className="flex items-center justify-between w-full py-3.5 text-lg font-medium text-white cursor-pointer"
+                >
+                  {item.label}
+                  <CaretDown
+                    size={18}
+                    weight="light"
+                    className={`text-white/40 transition-transform duration-200 ${isExpanded ? 'rotate-180' : ''}`}
+                  />
+                </button>
+                {isExpanded && item.items ? (
+                  <div className="pb-3 pl-1 space-y-1">
+                    {item.items.map((subItem) => {
+                      const Icon = getIcon(subItem.icon)
+                      const content = (
+                        <div className="flex items-center gap-3 py-2.5 px-3 rounded-xl">
+                          <div className="w-8 h-8 flex items-center justify-center rounded-lg bg-white/[0.06] text-white/40 shrink-0">
+                            <Icon size={18} weight="light" />
+                          </div>
+                          <div>
+                            <p className="text-[15px] font-medium text-white/80">{subItem.label}</p>
+                            {subItem.description ? <p className="text-xs text-white/50">{subItem.description}</p> : null}
+                          </div>
+                        </div>
+                      )
+
+                      if (subItem.external) {
+                        return (
+                          <a
+                            key={subItem.label}
+                            href={subItem.href}
+                            target="_blank"
+                            rel="noopener noreferrer"
+                            onClick={handleLinkClick}
+                          >
+                            {content}
+                          </a>
+                        )
+                      }
+                      return (
+                        <Link key={subItem.label} href={subItem.href} onClick={handleLinkClick}>
+                          {content}
+                        </Link>
+                      )
+                    })}
+                  </div>
+                ) : null}
+              </div>
+            )
+          })}
+
+          <div className="mt-8 pt-6 space-y-4 border-t border-white/[0.06]">
+            {primaryCta.external ? (
+              <a
+                href={primaryCta.href}
+                target="_blank"
+                rel="noopener noreferrer"
+                className="flex items-center justify-center gap-2 w-full py-4 text-base font-medium transition-opacity hover:opacity-90 cursor-pointer bg-white text-black"
+                style={{ borderRadius: 'var(--radius-button)' }}
+                onClick={handleLinkClick}
+              >
+                {primaryCta.label}
+              </a>
+            ) : (
+              <Link
+                href={primaryCta.href}
+                className="flex items-center justify-center gap-2 w-full py-4 text-base font-medium transition-opacity hover:opacity-90 cursor-pointer bg-white text-black"
+                style={{ borderRadius: 'var(--radius-button)' }}
+                onClick={handleLinkClick}
+              >
+                {primaryCta.label}
+              </Link>
+            )}
+            {secondaryCta ? (
+              <Link
+                href={secondaryCta.href}
+                className="btn-outline-white flex items-center justify-center w-full py-4 text-base font-medium"
+                style={{ borderRadius: 'var(--radius-button)' }}
+                onClick={handleLinkClick}
+              >
+                {secondaryCta.label}
+              </Link>
+            ) : null}
+          </div>
+        </nav>
+      </div>
+    </>
+  )
+}
diff --git a/packages/landing/src/components/landing/Hero.tsx b/packages/landing/src/components/landing/Hero.tsx
new file mode 100644
index 0000000..fc768c0
--- /dev/null
+++ b/packages/landing/src/components/landing/Hero.tsx
@@ -0,0 +1,85 @@
+'use client'
+
+import { useRef } from 'react'
+import Link from 'next/link'
+import { m, useInView, useReducedMotion } from 'framer-motion'
+import { site } from '@/content/site'
+
+export default function Hero() {
+  const prefersReducedMotion = useReducedMotion()
+  const sectionRef = useRef(null)
+  const isInView = useInView(sectionRef, { once: true, margin: '-50px' })
+  const hero = site.home.hero
+
+  const renderCta = (
+    cta: { label: string; href: string; external?: boolean } | null | undefined,
+    variant: 'primary' | 'secondary',
+  ) => {
+    if (!cta) return null
+    const className =
+      variant === 'primary'
+        ? 'inline-flex items-center px-8 py-3.5 text-base font-medium rounded-full transition-all hover:opacity-90 cursor-pointer bg-accent-teal text-foreground'
+        : 'inline-flex items-center justify-center px-8 py-3.5 text-base font-medium rounded-full whitespace-nowrap transition-colors text-white/70 hover:text-white border border-white/20 hover:border-white/40'
+
+    const isExternal = cta.external || cta.href.startsWith('http')
+    if (isExternal) {
+      return (
+        <a href={cta.href} target="_blank" rel="noopener noreferrer" className={className}>
+          {cta.label}
+        </a>
+      )
+    }
+    return (
+      <Link href={cta.href} className={className}>
+        {cta.label}
+      </Link>
+    )
+  }
+
+  return (
+    <section ref={sectionRef} className="relative pt-28 sm:pt-28 lg:pt-36 pb-20 sm:pb-24 lg:pb-28 bg-black">
+      <div className="container">
+        <div className="max-w-4xl mx-auto text-center">
+          <m.h1
+            className="text-[36px] sm:text-[56px] md:text-[72px] lg:text-[84px] font-semibold text-white leading-[1.12] sm:leading-[1.05] tracking-[-0.035em] mb-6 sm:mb-8"
+            initial={prefersReducedMotion ? false : { opacity: 0 }}
+            animate={isInView || prefersReducedMotion ? { opacity: 1 } : { opacity: 0 }}
+            transition={{
+              duration: prefersReducedMotion ? 0 : 0.5,
+              ease: 'easeOut',
+            }}
+          >
+            {hero.title}
+          </m.h1>
+
+          {hero.subtitle ? (
+            <m.p
+              className="text-[20px] sm:text-[22px] lg:text-[26px] text-white/60 leading-[1.5] mb-10 sm:mb-12 max-w-2xl mx-auto"
+              initial={prefersReducedMotion ? false : { opacity: 0 }}
+              animate={isInView || prefersReducedMotion ? { opacity: 1 } : { opacity: 0 }}
+              transition={{
+                duration: prefersReducedMotion ? 0 : 0.5,
+                ease: 'easeOut',
+              }}
+            >
+              {hero.subtitle}
+            </m.p>
+          ) : null}
+
+          <m.div
+            className="flex flex-col sm:flex-row items-center justify-center gap-3 sm:gap-4"
+            initial={prefersReducedMotion ? false : { opacity: 0 }}
+            animate={isInView || prefersReducedMotion ? { opacity: 1 } : { opacity: 0 }}
+            transition={{
+              duration: prefersReducedMotion ? 0 : 0.5,
+              ease: 'easeOut',
+            }}
+          >
+            {renderCta(hero.primaryCta, 'primary')}
+            {renderCta(hero.secondaryCta, 'secondary')}
+          </m.div>
+        </div>
+      </div>
+    </section>
+  )
+}
diff --git a/packages/landing/src/components/landing/HowItWorks.tsx b/packages/landing/src/components/landing/HowItWorks.tsx
new file mode 100644
index 0000000..b215ef0
--- /dev/null
+++ b/packages/landing/src/components/landing/HowItWorks.tsx
@@ -0,0 +1,126 @@
+'use client'
+
+import { useRef } from 'react'
+import { m, useInView, useReducedMotion } from 'framer-motion'
+import { site } from '@/content/site'
+
+const TOP_GRADIENT_STYLE = {
+  background: 'linear-gradient(to bottom, var(--background) 0%, var(--background) 30%, transparent 100%)',
+}
+
+const BG_GRADIENT_STYLE = {
+  background:
+    'linear-gradient(180deg, var(--color-surface-slate) 0%, var(--color-surface-slate-mid) 30%, var(--color-surface-slate-light) 50%, var(--color-surface-slate-mid) 70%, var(--color-surface-slate) 100%)',
+}
+
+const OVERLAY_STYLE = {
+  background: 'linear-gradient(180deg, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.15) 100%)',
+}
+
+const BOTTOM_GRADIENT_STYLE = {
+  background: 'linear-gradient(to top, var(--background) 0%, var(--background) 30%, transparent 100%)',
+}
+
+const GLASS_CARD_STYLE = {
+  background: 'rgba(255, 255, 255, 0.1)',
+  backdropFilter: 'blur(24px)',
+  WebkitBackdropFilter: 'blur(24px)',
+  borderRadius: 'var(--radius-xl)',
+  border: '1px solid rgba(255, 255, 255, 0.15)',
+  boxShadow: '0 4px 24px rgba(0, 0, 0, 0.08)',
+}
+
+const STEP_NUMBER_STYLE = {
+  background: 'linear-gradient(145deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.85) 100%)',
+  borderRadius: 'var(--radius-block)',
+  color: 'var(--color-bg-secondary)',
+  boxShadow: '0 2px 8px rgba(0, 0, 0, 0.1)',
+}
+
+type Step = { number: string; title: string; description: string }
+
+function StepCard({ step, prefersReducedMotion }: { step: Step; prefersReducedMotion: boolean | null }) {
+  const cardRef = useRef(null)
+  const isInView = useInView(cardRef, { once: true, margin: '-40px' })
+
+  return (
+    <m.div
+      ref={cardRef}
+      className="group relative"
+      initial={prefersReducedMotion ? false : { opacity: 0 }}
+      animate={isInView || prefersReducedMotion ? { opacity: 1 } : { opacity: 0 }}
+      transition={{ duration: prefersReducedMotion ? 0 : 0.5, ease: 'easeOut' }}
+    >
+      <div className="relative p-7 sm:p-8 lg:p-10 h-full" style={GLASS_CARD_STYLE}>
+        <div
+          className="w-10 h-10 flex items-center justify-center text-sm font-semibold shrink-0 mb-5"
+          style={STEP_NUMBER_STYLE}
+        >
+          {step.number}
+        </div>
+        <h3 className="text-xl sm:text-2xl font-semibold mb-2 sm:mb-3 text-white">{step.title}</h3>
+        <p className="text-[15px] sm:text-base leading-[1.65]" style={{ color: 'var(--text-muted)' }}>
+          {step.description}
+        </p>
+      </div>
+    </m.div>
+  )
+}
+
+export default function HowItWorks() {
+  const headerRef = useRef(null)
+  const prefersReducedMotion = useReducedMotion()
+  const isHeaderInView = useInView(headerRef, { once: true, margin: '-60px' })
+  const hw = site.home.howItWorks
+
+  return (
+    <section id="how-it-works" className="relative overflow-hidden" style={{ padding: 0 }}>
+      <div className="absolute top-0 left-0 right-0 h-16 sm:h-20 z-[3] pointer-events-none" style={TOP_GRADIENT_STYLE} aria-hidden="true" />
+      <div className="absolute inset-0 z-[1]" aria-hidden="true">
+        <div className="absolute inset-0" style={BG_GRADIENT_STYLE} />
+      </div>
+      <div className="absolute inset-0 z-[2]" style={OVERLAY_STYLE} aria-hidden="true" />
+      <div className="absolute bottom-0 left-0 right-0 h-16 sm:h-20 z-[3] pointer-events-none" style={BOTTOM_GRADIENT_STYLE} aria-hidden="true" />
+
+      <div className="container relative z-10 py-20 sm:py-28 lg:py-36">
+        <div ref={headerRef} className="text-center max-w-2xl mx-auto mb-10 sm:mb-14 lg:mb-16">
+          {hw.eyebrow ? (
+            <m.p
+              className="text-sm sm:text-base font-semibold mb-3 sm:mb-4 text-white uppercase tracking-widest"
+              initial={prefersReducedMotion ? false : { opacity: 0 }}
+              animate={isHeaderInView || prefersReducedMotion ? { opacity: 1 } : { opacity: 0 }}
+              transition={{ duration: prefersReducedMotion ? 0 : 0.5, ease: 'easeOut' }}
+            >
+              {hw.eyebrow}
+            </m.p>
+          ) : null}
+          <m.h2
+            className="text-[28px] sm:text-3xl md:text-4xl lg:text-5xl font-semibold leading-[1.1] tracking-tight mb-4 sm:mb-5 text-white"
+            initial={prefersReducedMotion ? false : { opacity: 0 }}
+            animate={isHeaderInView || prefersReducedMotion ? { opacity: 1 } : { opacity: 0 }}
+            transition={{ duration: prefersReducedMotion ? 0 : 0.5, ease: 'easeOut' }}
+          >
+            {hw.title}
+          </m.h2>
+          {hw.subtitle ? (
+            <m.p
+              className="text-base sm:text-lg lg:text-xl leading-[1.6]"
+              style={{ color: 'var(--text-muted)' }}
+              initial={prefersReducedMotion ? false : { opacity: 0 }}
+              animate={isHeaderInView || prefersReducedMotion ? { opacity: 1 } : { opacity: 0 }}
+              transition={{ duration: prefersReducedMotion ? 0 : 0.5, ease: 'easeOut' }}
+            >
+              {hw.subtitle}
+            </m.p>
+          ) : null}
+        </div>
+
+        <div className="grid grid-cols-1 md:grid-cols-3 gap-4 sm:gap-5 lg:gap-6">
+          {hw.steps.map((step) => (
+            <StepCard key={step.number} step={step} prefersReducedMotion={prefersReducedMotion} />
+          ))}
+        </div>
+      </div>
+    </section>
+  )
+}
diff --git a/packages/landing/src/components/landing/Products.tsx b/packages/landing/src/components/landing/Products.tsx
new file mode 100644
index 0000000..cb1b049
--- /dev/null
+++ b/packages/landing/src/components/landing/Products.tsx
@@ -0,0 +1,111 @@
+'use client'
+
+import Link from 'next/link'
+import { ArrowRight } from '@phosphor-icons/react'
+import { m, useInView, useReducedMotion } from 'framer-motion'
+import { useRef } from 'react'
+import ImagePlaceholder from '@/components/placeholders/ImagePlaceholder'
+import { getIcon } from '@/lib/icons'
+import { site } from '@/content/site'
+
+export default function Products() {
+  const sectionRef = useRef(null)
+  const isInView = useInView(sectionRef, { once: true, margin: '-80px' })
+  const prefersReducedMotion = useReducedMotion()
+  const products = site.home.products
+
+  return (
+    <section ref={sectionRef} id="products" className="relative py-24 sm:py-32 lg:py-36 bg-black">
+      <div className="container">
+        <div className="flex flex-col lg:flex-row lg:items-start lg:justify-between gap-6 lg:gap-16 mb-12 sm:mb-16 lg:mb-20">
+          <m.h2
+            className="text-[32px] sm:text-[40px] lg:text-[48px] xl:text-[56px] font-medium text-white leading-[1.1] tracking-[-0.03em] max-w-md lg:max-w-lg"
+            initial={{ opacity: 0 }}
+            whileInView={{ opacity: 1 }}
+            viewport={{ once: true }}
+            transition={{ duration: 0.5, ease: 'easeOut' }}
+          >
+            {products.title}
+          </m.h2>
+          {products.subtitle ? (
+            <m.p
+              className="text-base sm:text-lg lg:text-[22px] text-white/50 leading-[1.6] max-w-md lg:max-w-lg lg:pt-2"
+              initial={{ opacity: 0 }}
+              whileInView={{ opacity: 1 }}
+              viewport={{ once: true }}
+              transition={{ duration: 0.5, ease: 'easeOut' }}
+            >
+              {products.subtitle}
+            </m.p>
+          ) : null}
+        </div>
+
+        <div
+          className={`grid grid-cols-1 gap-5 lg:gap-6 ${
+            products.items.length === 1 ? 'lg:grid-cols-1' :
+            products.items.length === 2 ? 'lg:grid-cols-2' :
+            'lg:grid-cols-3'
+          }`}
+        >
+          {products.items.map((product) => {
+            const Icon = getIcon(product.icon)
+            const href = product.href ?? '#'
+            const isExternal = href.startsWith('http')
+            const linkProps = isExternal
+              ? { href, target: '_blank' as const, rel: 'noopener noreferrer' }
+              : { href }
+
+            return (
+              <m.article
+                key={product.id}
+                className="group relative rounded-2xl overflow-hidden border border-white/10 min-h-[360px] sm:min-h-[480px] flex flex-col justify-end hover:border-white/20 transition-all duration-300"
+                initial={prefersReducedMotion ? false : { opacity: 0 }}
+                animate={isInView || prefersReducedMotion ? { opacity: 1 } : { opacity: 0 }}
+                transition={{ duration: prefersReducedMotion ? 0 : 0.5, ease: 'easeOut' }}
+              >
+                <div className="absolute inset-0" aria-hidden="true">
+                  {product.image?.src ? null : (
+                    <ImagePlaceholder description={product.image?.description ?? product.title} fill />
+                  )}
+                </div>
+                <div className="absolute inset-0 bg-gradient-to-t from-black/90 via-black/40 to-transparent" aria-hidden="true" />
+
+                <div className="relative p-6 sm:p-8 lg:p-10">
+                  <div className="flex items-center gap-3 mb-4">
+                    <div className="w-10 h-10 flex items-center justify-center rounded-lg transition-colors duration-300 text-white bg-white/10 group-hover:bg-white group-hover:text-black">
+                      <Icon size={20} weight="duotone" />
+                    </div>
+                    {product.badge ? <span className="text-sm font-medium text-white/50">{product.badge}</span> : null}
+                  </div>
+
+                  <h3 className="text-2xl sm:text-3xl font-medium text-white leading-[1.2] tracking-[-0.02em] mb-3">
+                    {product.title}
+                  </h3>
+                  <p className="text-[15px] sm:text-base leading-[1.7] text-white/60 mb-6">{product.description}</p>
+
+                  {isExternal ? (
+                    <a
+                      {...linkProps}
+                      className="group/link inline-flex items-center gap-2 text-sm font-medium transition-colors text-accent-teal"
+                    >
+                      Learn more
+                      <ArrowRight size={14} weight="regular" className="shrink-0" />
+                    </a>
+                  ) : (
+                    <Link
+                      href={href}
+                      className="group/link inline-flex items-center gap-2 text-sm font-medium transition-colors text-accent-teal"
+                    >
+                      Learn more
+                      <ArrowRight size={14} weight="regular" className="shrink-0" />
+                    </Link>
+                  )}
+                </div>
+              </m.article>
+            )
+          })}
+        </div>
+      </div>
+    </section>
+  )
+}
diff --git a/packages/landing/src/components/landing/TopBanner.tsx b/packages/landing/src/components/landing/TopBanner.tsx
new file mode 100644
index 0000000..edbdc3c
--- /dev/null
+++ b/packages/landing/src/components/landing/TopBanner.tsx
@@ -0,0 +1,65 @@
+'use client'
+
+import { useSyncExternalStore, useState } from 'react'
+import { X } from '@phosphor-icons/react'
+import { site } from '@/content/site'
+
+const STORAGE_KEY = 'landing-banner-dismissed'
+
+function useIsMounted() {
+  return useSyncExternalStore(
+    () => () => {},
+    () => true,
+    () => false
+  )
+}
+
+export default function TopBanner() {
+  const mounted = useIsMounted()
+  const [dismissed, setDismissed] = useState(() => {
+    if (typeof window === 'undefined') return false
+    return sessionStorage.getItem(STORAGE_KEY) === 'true'
+  })
+
+  const banner = site.topBanner
+  if (!banner?.enabled) return null
+
+  const handleDismiss = () => {
+    setDismissed(true)
+    sessionStorage.setItem(STORAGE_KEY, 'true')
+  }
+
+  if (!mounted || dismissed) return null
+
+  const content = (
+    <span className="text-[13px] font-medium hover:opacity-80 transition-opacity inline-flex items-center gap-1">
+      {banner.text}
+      {banner.href ? (
+        <svg width="14" height="14" viewBox="0 0 16 16" fill="none" className="inline-block ml-0.5">
+          <path d="M5 8H11M11 8L8.5 5.5M11 8L8.5 10.5" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+        </svg>
+      ) : null}
+    </span>
+  )
+
+  return (
+    <div className="sticky top-0 z-[60] bg-[#1a1a1a] text-white border-b border-white/[0.06]">
+      <div className="container flex items-center justify-center h-10">
+        {banner.href ? (
+          <a href={banner.href} target={banner.href.startsWith('http') ? '_blank' : undefined} rel="noopener noreferrer">
+            {content}
+          </a>
+        ) : (
+          content
+        )}
+      </div>
+      <button
+        onClick={handleDismiss}
+        className="absolute right-3 sm:right-4 top-1/2 -translate-y-1/2 w-10 h-10 p-2 flex items-center justify-center hover:opacity-70 transition-opacity cursor-pointer"
+        aria-label="Dismiss banner"
+      >
+        <X size={14} weight="light" />
+      </button>
+    </div>
+  )
+}
diff --git a/packages/landing/src/components/landing/TrustedBy.tsx b/packages/landing/src/components/landing/TrustedBy.tsx
new file mode 100644
index 0000000..06e4712
--- /dev/null
+++ b/packages/landing/src/components/landing/TrustedBy.tsx
@@ -0,0 +1,44 @@
+'use client'
+
+import { m, useInView, useReducedMotion } from 'framer-motion'
+import { useRef } from 'react'
+import { site } from '@/content/site'
+
+export default function TrustedBy() {
+  const sectionRef = useRef(null)
+  const isInView = useInView(sectionRef, { once: true, margin: '-50px' })
+  const prefersReducedMotion = useReducedMotion()
+  const trusted = site.home.trustedBy
+
+  if (trusted.logos.length === 0) return null
+
+  return (
+    <section
+      ref={sectionRef}
+      className="relative py-8 sm:py-10 lg:py-12 bg-black border-b"
+      style={{ borderColor: 'var(--border-dark)' }}
+    >
+      <div className="container">
+        <p className="text-center text-sm font-medium text-white/40 tracking-widest uppercase mb-6">
+          {trusted.title ?? 'Trusted by'}
+        </p>
+        <m.div
+          className="grid grid-cols-3 sm:flex sm:flex-wrap items-center justify-center gap-x-6 gap-y-5 sm:gap-x-10 lg:gap-x-12"
+          initial={prefersReducedMotion ? false : { opacity: 0 }}
+          animate={isInView || prefersReducedMotion ? { opacity: 1 } : { opacity: 0 }}
+          transition={{ duration: prefersReducedMotion ? 0 : 0.4, ease: 'easeOut' }}
+        >
+          {trusted.logos.map((logo) => (
+            <div
+              key={logo.name}
+              className="flex items-center justify-center h-8 px-3 text-[13px] font-medium text-white/40 border border-white/10 rounded"
+              style={{ fontFamily: 'var(--font-mono)' }}
+            >
+              {logo.name}
+            </div>
+          ))}
+        </m.div>
+      </div>
+    </section>
+  )
+}
diff --git a/packages/landing/src/components/landing/index.ts b/packages/landing/src/components/landing/index.ts
new file mode 100644
index 0000000..1ce8afb
--- /dev/null
+++ b/packages/landing/src/components/landing/index.ts
@@ -0,0 +1,8 @@
+export { default as Header } from './Header'
+export { default as Hero } from './Hero'
+export { default as TrustedBy } from './TrustedBy'
+export { default as Products } from './Products'
+export { default as Blog } from './Blog'
+export { default as FAQ } from './FAQ'
+export { default as CTA } from './CTA'
+export { default as Footer } from './Footer'
diff --git a/packages/landing/src/components/legal/LegalLayout.tsx b/packages/landing/src/components/legal/LegalLayout.tsx
new file mode 100644
index 0000000..44b7652
--- /dev/null
+++ b/packages/landing/src/components/legal/LegalLayout.tsx
@@ -0,0 +1,172 @@
+'use client'
+
+import { useState, useEffect } from 'react'
+import Link from 'next/link'
+import { LogoWithText } from '@/components/ui'
+import { Footer } from '@/components/landing'
+
+interface TableOfContentsItem {
+  id: string
+  title: string
+}
+
+interface LegalLayoutProps {
+  title: string
+  lastUpdated: string
+  tableOfContents: TableOfContentsItem[]
+  children: React.ReactNode
+}
+
+export default function LegalLayout({ title, lastUpdated, tableOfContents, children }: LegalLayoutProps) {
+  const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false)
+  const [activeSection, setActiveSection] = useState<string>('')
+
+  useEffect(() => {
+    const handleEscape = (e: KeyboardEvent) => {
+      if (e.key === 'Escape') setIsMobileMenuOpen(false)
+    }
+    document.addEventListener('keydown', handleEscape)
+    return () => document.removeEventListener('keydown', handleEscape)
+  }, [])
+
+  useEffect(() => {
+    const observer = new IntersectionObserver(
+      (entries) => {
+        // When rapid scrolling causes multiple entries to intersect in one batch,
+        // pick the one closest to the top of the viewport.
+        const intersecting = entries.filter((e) => e.isIntersecting)
+        if (intersecting.length === 0) return
+
+        const closest = intersecting.reduce((a, b) => (a.boundingClientRect.top <= b.boundingClientRect.top ? a : b))
+        setActiveSection(closest.target.id)
+      },
+      { rootMargin: '-100px 0px -66% 0px' }
+    )
+
+    tableOfContents.forEach((item) => {
+      const element = document.getElementById(item.id)
+      if (element) observer.observe(element)
+    })
+
+    return () => observer.disconnect()
+  }, [tableOfContents])
+
+  const scrollToSection = (id: string) => {
+    const element = document.getElementById(id)
+    if (element) {
+      const offset = 100
+      const elementPosition = element.getBoundingClientRect().top
+      const offsetPosition = elementPosition + window.scrollY - offset
+      window.scrollTo({
+        top: offsetPosition,
+        behavior: 'smooth',
+      })
+    }
+    setIsMobileMenuOpen(false)
+  }
+
+  return (
+    <div className="min-h-screen bg-black">
+      <header className="fixed top-0 left-0 right-0 z-50 header-backdrop">
+        <nav className="container flex items-center justify-between h-16 sm:h-[72px]">
+          <Link href="/">
+            <LogoWithText height={26} />
+          </Link>
+
+          <Link
+            href="/"
+            className="inline-flex items-center gap-2 text-sm text-white/60 hover:text-white transition-colors"
+          >
+            <svg width="16" height="16" viewBox="0 0 16 16" fill="none">
+              <path
+                d="M10 12L6 8L10 4"
+                stroke="currentColor"
+                strokeWidth="1.5"
+                strokeLinecap="round"
+                strokeLinejoin="round"
+              />
+            </svg>
+            <span className="hidden sm:inline">Back to Home</span>
+            <span className="sm:hidden">Back</span>
+          </Link>
+        </nav>
+      </header>
+
+      <main className="pt-20 sm:pt-24">
+        <div className="container pt-12 sm:pt-16 lg:pt-20 pb-10 sm:pb-12 lg:pb-16 border-b border-white/[0.06]">
+          <p className="text-[13px] font-medium text-white/40 uppercase tracking-wider mb-4">Legal</p>
+          <h1 className="text-[32px] sm:text-[40px] lg:text-[48px] font-medium text-white tracking-tight leading-[1.1] mb-4">
+            {title}
+          </h1>
+          <p className="text-[15px] text-white/40">Last updated: {lastUpdated}</p>
+        </div>
+
+        <div className="container py-10 sm:py-12 lg:py-16">
+          {/* Mobile TOC */}
+          <div className="lg:hidden mb-8">
+            <button
+              onClick={() => setIsMobileMenuOpen(!isMobileMenuOpen)}
+              className="w-full flex items-center justify-between py-4 px-5 bg-white/[0.03] border border-white/[0.06] rounded-xl text-sm font-medium text-white"
+            >
+              <span>Table of Contents</span>
+              <svg
+                className={`w-4 h-4 text-white/40 transition-transform ${isMobileMenuOpen ? 'rotate-180' : ''}`}
+                fill="none"
+                viewBox="0 0 24 24"
+                stroke="currentColor"
+              >
+                <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M19 9l-7 7-7-7" />
+              </svg>
+            </button>
+
+            {isMobileMenuOpen && (
+              <div className="mt-2 py-2 bg-white/[0.03] border border-white/[0.06] rounded-xl">
+                {tableOfContents.map((item) => (
+                  <button
+                    key={item.id}
+                    onClick={() => scrollToSection(item.id)}
+                    className={`w-full text-left px-5 py-2.5 text-[15px] transition-colors ${
+                      activeSection === item.id
+                        ? 'text-white bg-white/[0.04]'
+                        : 'text-white/50 hover:text-white hover:bg-white/[0.02]'
+                    }`}
+                  >
+                    {item.title}
+                  </button>
+                ))}
+              </div>
+            )}
+          </div>
+
+          <div className="grid grid-cols-12 gap-8 lg:gap-16">
+            {/* Sidebar TOC - Desktop */}
+            <aside className="hidden lg:block lg:col-span-3">
+              <nav className="sticky top-28">
+                <p className="text-[13px] font-medium text-white/40 uppercase tracking-wider mb-6">On this page</p>
+                <div className="space-y-1">
+                  {tableOfContents.map((item) => (
+                    <button
+                      key={item.id}
+                      onClick={() => scrollToSection(item.id)}
+                      className={`block w-full text-left py-2 text-[15px] transition-colors ${
+                        activeSection === item.id ? 'text-white' : 'text-white/40 hover:text-white/70'
+                      }`}
+                    >
+                      {item.title}
+                    </button>
+                  ))}
+                </div>
+              </nav>
+            </aside>
+
+            <article className="col-span-12 lg:col-span-9 lg:max-w-[720px]">
+              <div className="legal-content">{children}</div>
+            </article>
+          </div>
+        </div>
+      </main>
+
+      <Footer />
+    </div>
+  )
+}
diff --git a/packages/landing/src/components/mobile/MobileCTA.tsx b/packages/landing/src/components/mobile/MobileCTA.tsx
new file mode 100644
index 0000000..a378764
--- /dev/null
+++ b/packages/landing/src/components/mobile/MobileCTA.tsx
@@ -0,0 +1,81 @@
+'use client'
+
+import { useRef } from 'react'
+import Link from 'next/link'
+import { m, useInView, useReducedMotion } from 'framer-motion'
+import { site } from '@/content/site'
+
+export default function MobileCTA() {
+  const cta = site.mobile.cta
+  const sectionRef = useRef(null)
+  const isInView = useInView(sectionRef, { once: true, margin: '-80px' })
+  const prefersReducedMotion = useReducedMotion()
+
+  const primary = cta.primaryCta
+  const secondary = cta.secondaryCta
+
+  return (
+    <section
+      ref={sectionRef}
+      id="request-access"
+      className="relative overflow-hidden py-20 sm:py-28 lg:py-32 bg-[var(--color-surface-elevated)]"
+    >
+      <div
+        className="absolute inset-0 opacity-30 pointer-events-none"
+        style={{ background: 'radial-gradient(ellipse at 50% 0%, var(--accent-bg) 0%, transparent 60%)' }}
+        aria-hidden="true"
+      />
+
+      <div className="container relative z-10">
+        <div className="max-w-2xl mx-auto text-center">
+          <m.h2
+            className="text-[28px] sm:text-3xl md:text-4xl lg:text-5xl font-semibold leading-[1.1] tracking-tight mb-4 sm:mb-5 text-white"
+            initial={prefersReducedMotion ? false : { opacity: 0 }}
+            animate={isInView || prefersReducedMotion ? { opacity: 1 } : { opacity: 0 }}
+            transition={{ duration: prefersReducedMotion ? 0 : 0.5, ease: 'easeOut' }}
+          >
+            {cta.title}
+          </m.h2>
+          {cta.subtitle ? (
+            <m.p
+              className="text-base sm:text-lg lg:text-xl leading-relaxed mb-8 sm:mb-10 text-white/50"
+              initial={prefersReducedMotion ? false : { opacity: 0 }}
+              animate={isInView || prefersReducedMotion ? { opacity: 1 } : { opacity: 0 }}
+              transition={{ duration: prefersReducedMotion ? 0 : 0.5, ease: 'easeOut' }}
+            >
+              {cta.subtitle}
+            </m.p>
+          ) : null}
+
+          <div className="flex flex-col sm:flex-row gap-3 justify-center max-w-md mx-auto">
+            {primary.external ? (
+              <a
+                href={primary.href}
+                target="_blank"
+                rel="noopener noreferrer"
+                className="px-6 py-3.5 text-base font-medium whitespace-nowrap transition-all hover:opacity-90 cursor-pointer bg-accent-teal text-foreground rounded-full"
+              >
+                {primary.label}
+              </a>
+            ) : (
+              <Link
+                href={primary.href}
+                className="px-6 py-3.5 text-base font-medium whitespace-nowrap transition-all hover:opacity-90 cursor-pointer bg-accent-teal text-foreground rounded-full text-center"
+              >
+                {primary.label}
+              </Link>
+            )}
+            {secondary ? (
+              <Link
+                href={secondary.href}
+                className="px-6 py-3.5 text-base font-medium whitespace-nowrap transition-colors text-white/70 hover:text-white border border-white/20 hover:border-white/40 rounded-full text-center"
+              >
+                {secondary.label}
+              </Link>
+            ) : null}
+          </div>
+        </div>
+      </div>
+    </section>
+  )
+}
diff --git a/packages/landing/src/components/mobile/MobileFAQ.tsx b/packages/landing/src/components/mobile/MobileFAQ.tsx
new file mode 100644
index 0000000..acaac35
--- /dev/null
+++ b/packages/landing/src/components/mobile/MobileFAQ.tsx
@@ -0,0 +1,36 @@
+'use client'
+
+import Accordion from '@/components/shared/Accordion'
+import type { AccordionItem } from '@/components/shared/Accordion'
+import { site } from '@/content/site'
+
+function getIconClassName(isOpen: boolean): string {
+  return isOpen ? 'border-white bg-white text-black' : 'border-white/20 bg-transparent text-white'
+}
+
+export default function MobileFAQ() {
+  const faq = site.mobile.faq
+  const items: AccordionItem[] = faq.items.map((item, i) => ({
+    id: `mobile-faq-${i}`,
+    question: item.question,
+    answer: item.answer,
+  }))
+
+  return (
+    <Accordion
+      items={items}
+      title={faq.title}
+      subtitle={faq.subtitle ?? faq.eyebrow ?? undefined}
+      classNames={{
+        section: 'bg-black',
+        subtitle: 'text-white/50',
+        title: 'text-white',
+        border: 'border-white/10',
+        button: 'focus-visible:ring-white/50',
+        question: 'text-white',
+        answer: 'text-white/50',
+      }}
+      iconClassName={getIconClassName}
+    />
+  )
+}
diff --git a/packages/landing/src/components/mobile/MobileFeatures.tsx b/packages/landing/src/components/mobile/MobileFeatures.tsx
new file mode 100644
index 0000000..18a0a2d
--- /dev/null
+++ b/packages/landing/src/components/mobile/MobileFeatures.tsx
@@ -0,0 +1,85 @@
+'use client'
+
+import { useRef } from 'react'
+import { m, useInView, useReducedMotion } from 'framer-motion'
+import ImagePlaceholder from '@/components/placeholders/ImagePlaceholder'
+import { getIcon } from '@/lib/icons'
+import { site } from '@/content/site'
+
+const OVERLAY_STYLE = {
+  background:
+    'linear-gradient(to top, rgba(0, 8, 8, 0.92) 0%, rgba(0, 8, 8, 0.55) 40%, rgba(0, 8, 8, 0.15) 70%, transparent 100%)',
+}
+
+const HOVER_OVERLAY_STYLE = {
+  background: 'linear-gradient(135deg, var(--accent-bg) 0%, transparent 60%)',
+}
+
+export default function MobileFeatures() {
+  const sectionRef = useRef(null)
+  const isInView = useInView(sectionRef, { once: true, margin: '-80px' })
+  const prefersReducedMotion = useReducedMotion()
+  const features = site.mobile.features
+
+  return (
+    <section ref={sectionRef} id="features" className="relative bg-[var(--background)] py-36">
+      <div className="container">
+        <m.div
+          className="text-center max-w-3xl mx-auto mb-14 sm:mb-16 lg:mb-20"
+          initial={prefersReducedMotion ? false : { opacity: 0 }}
+          animate={isInView || prefersReducedMotion ? { opacity: 1 } : { opacity: 0 }}
+          transition={{ duration: prefersReducedMotion ? 0 : 0.5, ease: 'easeOut' }}
+        >
+          {features.eyebrow ? (
+            <p className="text-sm sm:text-base font-semibold tracking-widest uppercase mb-3 sm:mb-4 text-[var(--accent-teal)]">
+              {features.eyebrow}
+            </p>
+          ) : null}
+          <h2 className="text-[28px] sm:text-3xl md:text-4xl lg:text-5xl font-semibold leading-[1.1] tracking-tight mb-4 sm:mb-5">
+            {features.title}
+          </h2>
+          {features.subtitle ? (
+            <p className="text-base sm:text-lg lg:text-xl leading-[1.6] max-w-2xl mx-auto text-[var(--text-muted)]">
+              {features.subtitle}
+            </p>
+          ) : null}
+        </m.div>
+
+        <div className="grid grid-cols-1 md:grid-cols-2 gap-5 sm:gap-6 lg:gap-7">
+          {features.items.map((feature, index) => {
+            const Icon = getIcon(feature.icon)
+            return (
+              <m.article
+                key={feature.id}
+                initial={prefersReducedMotion ? false : { opacity: 0 }}
+                animate={isInView || prefersReducedMotion ? { opacity: 1 } : { opacity: 0 }}
+                transition={{ duration: prefersReducedMotion ? 0 : 0.5, ease: 'easeOut' }}
+                className={`group relative p-8 sm:p-10 lg:p-12 transition-all duration-300 overflow-hidden flex flex-col justify-end rounded-2xl border border-[var(--border-dark)] ${
+                  index === 0 ? 'md:col-span-2 min-h-[280px] sm:min-h-[320px] lg:min-h-[400px]' : 'min-h-[240px] sm:min-h-[280px] lg:min-h-[320px]'
+                }`}
+              >
+                <div className="absolute inset-0" aria-hidden="true">
+                  <ImagePlaceholder description={feature.image?.description ?? feature.title} fill />
+                </div>
+                <div className="absolute inset-0 transition-opacity duration-300" style={OVERLAY_STYLE} aria-hidden="true" />
+                <div className="absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none" style={HOVER_OVERLAY_STYLE} aria-hidden="true" />
+
+                <div className="relative">
+                  <div className="w-10 h-10 sm:w-11 sm:h-11 flex items-center justify-center mb-4 rounded-lg transition-colors duration-300 text-white bg-white/10 group-hover:bg-white group-hover:text-black">
+                    <Icon size={20} weight="duotone" />
+                  </div>
+                  <h3 className="text-xl sm:text-2xl font-semibold mb-3 tracking-[-0.01em] transition-colors duration-300 group-hover:text-white">
+                    {feature.title}
+                  </h3>
+                  <p className="text-[15px] sm:text-base leading-[1.7] transition-colors duration-300 text-gray-300 group-hover:text-gray-200">
+                    {feature.description}
+                  </p>
+                </div>
+              </m.article>
+            )
+          })}
+        </div>
+      </div>
+    </section>
+  )
+}
diff --git a/packages/landing/src/components/mobile/MobileHero.tsx b/packages/landing/src/components/mobile/MobileHero.tsx
new file mode 100644
index 0000000..4946f36
--- /dev/null
+++ b/packages/landing/src/components/mobile/MobileHero.tsx
@@ -0,0 +1,102 @@
+'use client'
+
+import { useRef } from 'react'
+import Link from 'next/link'
+import Image from 'next/image'
+import { m, useInView, useReducedMotion } from 'framer-motion'
+import ImagePlaceholder from '@/components/placeholders/ImagePlaceholder'
+import { site } from '@/content/site'
+
+export default function MobileHero() {
+  const hero = site.mobile.hero
+  const prefersReducedMotion = useReducedMotion()
+  const sectionRef = useRef(null)
+  const isInView = useInView(sectionRef, { once: true, margin: '-100px' })
+
+  const primary = hero.primaryCta
+  const secondary = hero.secondaryCta
+
+  return (
+    <section ref={sectionRef} className="relative flex items-center overflow-hidden min-h-screen">
+      <div className="absolute inset-0 z-0" aria-hidden="true">
+        <ImagePlaceholder description="Mobile hero background" fill />
+      </div>
+      <div
+        className="absolute inset-0 z-[1]"
+        style={{ background: 'linear-gradient(180deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.45) 50%, rgba(0,0,0,0.65) 100%)' }}
+        aria-hidden="true"
+      />
+      <div
+        className="absolute bottom-0 left-0 right-0 h-40 z-[2]"
+        style={{ background: 'linear-gradient(to top, var(--background), transparent)' }}
+        aria-hidden="true"
+      />
+
+      <div className="container relative z-10 py-24 lg:py-32">
+        <div className="grid grid-cols-1 lg:grid-cols-2 gap-12 lg:gap-20 items-center">
+          <m.div
+            className="text-center lg:text-left order-2 lg:order-1"
+            initial={prefersReducedMotion ? false : { opacity: 0 }}
+            animate={isInView || prefersReducedMotion ? { opacity: 1 } : { opacity: 0 }}
+            transition={{ duration: prefersReducedMotion ? 0 : 0.5, ease: 'easeOut' }}
+          >
+            {hero.eyebrow ? (
+              <p className="text-sm font-semibold tracking-widest uppercase mb-3 text-[var(--accent-teal)]">
+                {hero.eyebrow}
+              </p>
+            ) : null}
+            <h1
+              className="text-[32px] sm:text-4xl md:text-5xl lg:text-[56px] font-semibold leading-[1.05] mb-6 text-white tracking-[-0.04em]"
+              style={{ textShadow: '0 2px 20px rgba(0,0,0,0.3)' }}
+            >
+              {hero.title}
+            </h1>
+            <p
+              className="text-base sm:text-lg lg:text-xl leading-[1.5] mb-10 max-w-lg mx-auto lg:mx-0 text-white/70"
+              style={{ textShadow: '0 1px 12px rgba(0,0,0,0.4)' }}
+            >
+              {hero.subtitle}
+            </p>
+            <div className="flex flex-col sm:flex-row gap-3 max-w-md mx-auto lg:mx-0">
+              {primary.external ? (
+                <a
+                  href={primary.href}
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  className="px-6 py-3.5 text-base font-medium whitespace-nowrap transition-all hover:opacity-90 cursor-pointer bg-accent-teal text-foreground rounded-full"
+                >
+                  {primary.label}
+                </a>
+              ) : (
+                <Link
+                  href={primary.href}
+                  className="px-6 py-3.5 text-base font-medium whitespace-nowrap transition-all hover:opacity-90 cursor-pointer bg-accent-teal text-foreground rounded-full text-center"
+                >
+                  {primary.label}
+                </Link>
+              )}
+              {secondary ? (
+                <Link
+                  href={secondary.href}
+                  className="px-6 py-3.5 text-base font-medium whitespace-nowrap transition-colors text-white/70 hover:text-white border border-white/20 hover:border-white/40 rounded-full text-center"
+                >
+                  {secondary.label}
+                </Link>
+              ) : null}
+            </div>
+          </m.div>
+
+          <div className="order-1 lg:order-2 flex justify-center items-center">
+            <div className="relative w-[min(280px,85vw)] h-[min(560px,170vw)] sm:w-[300px] sm:h-[600px] lg:w-[320px] lg:h-[640px] rounded-[44px] overflow-hidden border border-white/10">
+              {hero.image?.src ? (
+                <Image src={hero.image.src} alt={hero.image.alt} fill className="object-cover" sizes="320px" />
+              ) : (
+                <ImagePlaceholder description={hero.image?.description ?? 'Mobile app screenshot'} fill />
+              )}
+            </div>
+          </div>
+        </div>
+      </div>
+    </section>
+  )
+}
diff --git a/packages/landing/src/components/placeholders/ImagePlaceholder.tsx b/packages/landing/src/components/placeholders/ImagePlaceholder.tsx
new file mode 100644
index 0000000..031d4bb
--- /dev/null
+++ b/packages/landing/src/components/placeholders/ImagePlaceholder.tsx
@@ -0,0 +1,35 @@
+interface ImagePlaceholderProps {
+  description: string
+  width?: number
+  height?: number
+  className?: string
+  fill?: boolean
+}
+
+export default function ImagePlaceholder({ description, width, height, className, fill }: ImagePlaceholderProps) {
+  const style = fill
+    ? { position: 'absolute' as const, inset: 0 }
+    : width && height
+      ? { aspectRatio: `${width}/${height}` }
+      : undefined
+
+  return (
+    <div
+      className={`flex items-center justify-center text-center p-6 ${className ?? ''}`}
+      style={{
+        ...style,
+        background:
+          'repeating-linear-gradient(135deg, rgba(255,255,255,0.04), rgba(255,255,255,0.04) 12px, rgba(255,255,255,0.02) 12px, rgba(255,255,255,0.02) 24px)',
+        border: '1px dashed rgba(255,255,255,0.15)',
+        color: 'rgba(255,255,255,0.45)',
+        fontFamily: 'var(--font-mono)',
+        fontSize: '12px',
+        letterSpacing: '0.04em',
+      }}
+      role="img"
+      aria-label={description}
+    >
+      <span>[IMAGE: {description}{width && height ? ` — ${width}×${height}` : ''}]</span>
+    </div>
+  )
+}
diff --git a/packages/landing/src/components/pricing/PricingFAQ.tsx b/packages/landing/src/components/pricing/PricingFAQ.tsx
new file mode 100644
index 0000000..5c3448c
--- /dev/null
+++ b/packages/landing/src/components/pricing/PricingFAQ.tsx
@@ -0,0 +1,36 @@
+'use client'
+
+import Accordion from '@/components/shared/Accordion'
+import type { AccordionItem } from '@/components/shared/Accordion'
+import { site } from '@/content/site'
+
+function getIconClassName(isOpen: boolean): string {
+  return isOpen ? 'border-white bg-white text-black' : 'border-white/20 bg-transparent text-white'
+}
+
+export default function PricingFAQ() {
+  const faq = site.pricing.faq
+  const items: AccordionItem[] = faq.items.map((item, i) => ({
+    id: `pricing-faq-${i}`,
+    question: item.question,
+    answer: item.answer,
+  }))
+
+  return (
+    <Accordion
+      items={items}
+      title={faq.title}
+      subtitle={faq.subtitle ?? faq.eyebrow ?? undefined}
+      classNames={{
+        section: 'bg-black border-t',
+        subtitle: 'text-white/50',
+        title: 'text-white',
+        border: 'border-white/10',
+        button: 'focus-visible:ring-white/50',
+        question: 'text-white',
+        answer: 'text-white/50',
+      }}
+      iconClassName={getIconClassName}
+    />
+  )
+}
diff --git a/packages/landing/src/components/pricing/PricingFeatures.tsx b/packages/landing/src/components/pricing/PricingFeatures.tsx
new file mode 100644
index 0000000..3024eef
--- /dev/null
+++ b/packages/landing/src/components/pricing/PricingFeatures.tsx
@@ -0,0 +1,57 @@
+'use client'
+
+import { useRef } from 'react'
+import { m, useInView, useReducedMotion } from 'framer-motion'
+import { getIcon } from '@/lib/icons'
+import { site } from '@/content/site'
+
+export default function PricingFeatures() {
+  const sectionRef = useRef(null)
+  const isInView = useInView(sectionRef, { once: true, margin: '-80px' })
+  const prefersReducedMotion = useReducedMotion()
+  const block = site.pricing.features
+
+  return (
+    <section
+      ref={sectionRef}
+      className="py-20 sm:py-28 lg:py-36 bg-black border-t"
+      style={{ borderColor: 'var(--border-dark)' }}
+    >
+      <div className="container">
+        <div className="max-w-4xl mx-auto">
+          <m.div
+            className="text-center mb-14 sm:mb-16 lg:mb-20"
+            initial={{ opacity: prefersReducedMotion ? 1 : 0 }}
+            animate={isInView ? { opacity: 1 } : { opacity: 0 }}
+            transition={{ duration: 0.5, ease: 'easeOut' }}
+          >
+            {block.eyebrow ? (
+              <p className="text-sm font-semibold tracking-widest uppercase mb-4 text-[var(--accent-teal)]">{block.eyebrow}</p>
+            ) : null}
+            <h2 className="text-[32px] sm:text-[40px] lg:text-[48px] font-medium text-white leading-[1.1] tracking-[-0.03em] mb-5">
+              {block.title}
+            </h2>
+            {block.subtitle ? (
+              <p className="text-base sm:text-lg text-white/50 max-w-xl mx-auto">{block.subtitle}</p>
+            ) : null}
+          </m.div>
+
+          <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 lg:gap-5">
+            {block.items.map((item) => {
+              const Icon = getIcon(item.icon)
+              return (
+                <div key={item.title} className="p-6 bg-[var(--color-surface-card)] rounded-2xl border border-white/10">
+                  <div className="w-10 h-10 flex items-center justify-center rounded-lg mb-4 bg-white/5 text-white/70">
+                    <Icon size={18} weight="duotone" />
+                  </div>
+                  <h3 className="text-lg font-medium text-white leading-[1.25] mb-2">{item.title}</h3>
+                  <p className="text-[14px] leading-[1.65] text-white/60">{item.description}</p>
+                </div>
+              )
+            })}
+          </div>
+        </div>
+      </div>
+    </section>
+  )
+}
diff --git a/packages/landing/src/components/pricing/PricingHero.tsx b/packages/landing/src/components/pricing/PricingHero.tsx
new file mode 100644
index 0000000..b1881cf
--- /dev/null
+++ b/packages/landing/src/components/pricing/PricingHero.tsx
@@ -0,0 +1,35 @@
+'use client'
+
+import { useRef } from 'react'
+import { m, useInView, useReducedMotion } from 'framer-motion'
+import { site } from '@/content/site'
+
+export default function PricingHero() {
+  const sectionRef = useRef(null)
+  const isInView = useInView(sectionRef, { once: true, margin: '-80px' })
+  const prefersReducedMotion = useReducedMotion()
+  const hero = site.pricing.hero
+
+  return (
+    <section ref={sectionRef} className="pt-20 sm:pt-28 lg:pt-36 pb-12 sm:pb-16 bg-black">
+      <div className="container">
+        <m.div
+          className="max-w-3xl mx-auto text-center"
+          initial={{ opacity: prefersReducedMotion ? 1 : 0 }}
+          animate={isInView ? { opacity: 1 } : { opacity: 0 }}
+          transition={{ duration: 0.5, ease: 'easeOut' }}
+        >
+          {hero.eyebrow ? (
+            <p className="text-sm font-semibold tracking-widest uppercase mb-4 text-[var(--accent-teal)]">{hero.eyebrow}</p>
+          ) : null}
+          <h1 className="text-[36px] sm:text-[56px] md:text-[72px] font-semibold text-white leading-[1.12] sm:leading-[1.05] tracking-[-0.035em] mb-6 sm:mb-8">
+            {hero.title}
+          </h1>
+          <p className="text-[20px] sm:text-[22px] lg:text-[26px] text-white/60 leading-[1.5] max-w-xl mx-auto">
+            {hero.subtitle}
+          </p>
+        </m.div>
+      </div>
+    </section>
+  )
+}
diff --git a/packages/landing/src/components/pricing/PricingPlans.tsx b/packages/landing/src/components/pricing/PricingPlans.tsx
new file mode 100644
index 0000000..c04ce32
--- /dev/null
+++ b/packages/landing/src/components/pricing/PricingPlans.tsx
@@ -0,0 +1,113 @@
+'use client'
+
+import { useRef } from 'react'
+import { m, useInView, useReducedMotion } from 'framer-motion'
+import { Check } from '@phosphor-icons/react'
+import Link from 'next/link'
+import { site } from '@/content/site'
+
+export default function PricingPlans() {
+  const sectionRef = useRef(null)
+  const isInView = useInView(sectionRef, { once: true, margin: '-80px' })
+  const prefersReducedMotion = useReducedMotion()
+  const pricing = site.pricing.plans
+
+  return (
+    <section
+      ref={sectionRef}
+      className="py-24 sm:py-32 lg:py-36 bg-black border-t"
+      style={{ borderColor: 'var(--border-dark)' }}
+    >
+      <div className="container">
+        <m.div
+          className="text-center mb-12 sm:mb-16 lg:mb-20"
+          initial={{ opacity: prefersReducedMotion ? 1 : 0 }}
+          animate={isInView ? { opacity: 1 } : { opacity: 0 }}
+          transition={{ duration: 0.5, ease: 'easeOut' }}
+        >
+          {pricing.eyebrow ? (
+            <p className="text-sm font-semibold tracking-widest uppercase mb-4 text-[var(--accent-teal)]">{pricing.eyebrow}</p>
+          ) : null}
+          <h2 className="text-[32px] sm:text-[40px] lg:text-[48px] font-medium text-white leading-[1.1] tracking-[-0.03em] mb-5">
+            {pricing.title}
+          </h2>
+          {pricing.subtitle ? (
+            <p className="text-base sm:text-lg text-white/50 max-w-xl mx-auto">{pricing.subtitle}</p>
+          ) : null}
+        </m.div>
+
+        <div
+          className={`grid grid-cols-1 sm:grid-cols-2 ${
+            pricing.plans.length === 1 ? 'lg:grid-cols-1' :
+            pricing.plans.length === 2 ? 'lg:grid-cols-2' :
+            pricing.plans.length === 3 ? 'lg:grid-cols-3' :
+            pricing.plans.length === 4 ? 'lg:grid-cols-4' :
+            'lg:grid-cols-5'
+          } gap-4 lg:gap-0 max-w-5xl mx-auto lg:border lg:border-white/10 lg:rounded-2xl lg:overflow-hidden`}
+        >
+          {pricing.plans.map((plan, index) => (
+            <m.div
+              key={plan.name}
+              initial={{ opacity: prefersReducedMotion ? 1 : 0 }}
+              animate={isInView ? { opacity: 1 } : { opacity: 0 }}
+              transition={{ duration: 0.5, ease: 'easeOut' }}
+              className={`flex flex-col p-6 sm:p-8 ${
+                plan.featured
+                  ? 'border-2 border-[var(--accent-teal)] rounded-2xl lg:rounded-none relative bg-[var(--accent-bg)]'
+                  : `border border-white/10 rounded-2xl lg:rounded-none lg:border-0 ${
+                      index < pricing.plans.length - 1 ? 'lg:border-r lg:border-r-white/10' : ''
+                    }`
+              }`}
+            >
+              <div className="mb-6">
+                <h3 className="text-xl font-semibold text-white mb-4">{plan.name}</h3>
+                <div className="flex items-baseline gap-1.5 mb-1">
+                  <span className="text-[44px] font-semibold text-white leading-none tracking-tight">{plan.price}</span>
+                </div>
+                {plan.period ? <p className="text-sm text-white/40 mb-4">{plan.period}</p> : null}
+                {plan.description ? (
+                  <p className="text-[14px] text-white/50 leading-relaxed min-h-[40px]">{plan.description}</p>
+                ) : null}
+              </div>
+
+              {plan.cta.external ? (
+                <a
+                  href={plan.cta.href}
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  className={`flex items-center justify-center py-3.5 text-[15px] font-medium rounded-full transition-all cursor-pointer mb-6 ${
+                    plan.featured
+                      ? 'hover:opacity-90 bg-accent-teal text-foreground'
+                      : 'text-white/70 hover:text-white border border-white/20 hover:border-white/40'
+                  }`}
+                >
+                  {plan.cta.label}
+                </a>
+              ) : (
+                <Link
+                  href={plan.cta.href}
+                  className={`flex items-center justify-center py-3.5 text-[15px] font-medium rounded-full transition-all cursor-pointer mb-6 ${
+                    plan.featured
+                      ? 'hover:opacity-90 bg-accent-teal text-foreground'
+                      : 'text-white/70 hover:text-white border border-white/20 hover:border-white/40'
+                  }`}
+                >
+                  {plan.cta.label}
+                </Link>
+              )}
+
+              <ul className="space-y-3.5 flex-1 pt-6 border-t border-white/[0.06]">
+                {plan.features.map((feature) => (
+                  <li key={feature} className="flex items-start gap-3">
+                    <Check size={15} weight="bold" className="shrink-0 mt-0.5 text-accent-teal" />
+                    <span className="text-[14px] text-white/60 leading-snug">{feature}</span>
+                  </li>
+                ))}
+              </ul>
+            </m.div>
+          ))}
+        </div>
+      </div>
+    </section>
+  )
+}
diff --git a/packages/landing/src/components/shared/Accordion.tsx b/packages/landing/src/components/shared/Accordion.tsx
new file mode 100644
index 0000000..5c2ecb2
--- /dev/null
+++ b/packages/landing/src/components/shared/Accordion.tsx
@@ -0,0 +1,136 @@
+'use client'
+
+import { useState, type ReactNode } from 'react'
+import { m, AnimatePresence, useReducedMotion } from 'framer-motion'
+
+export interface AccordionItem {
+  id: string
+  question: string
+  answer: ReactNode
+}
+
+interface AccordionClassNames {
+  section?: string
+  subtitle?: string
+  title?: string
+  border?: string
+  button?: string
+  question?: string
+  answer?: string
+}
+
+interface AccordionStyles {
+  section?: React.CSSProperties
+  subtitle?: React.CSSProperties
+  border?: React.CSSProperties
+  button?: React.CSSProperties
+  answer?: React.CSSProperties
+  icon?: (isOpen: boolean) => React.CSSProperties
+}
+
+interface AccordionProps {
+  items: AccordionItem[]
+  title: string
+  subtitle?: string
+  classNames?: AccordionClassNames
+  styles?: AccordionStyles
+  iconClassName?: (isOpen: boolean) => string
+}
+
+export default function Accordion({ items, title, subtitle, classNames, styles, iconClassName }: AccordionProps) {
+  const [openId, setOpenId] = useState<string | null>(null)
+  const prefersReducedMotion = useReducedMotion()
+
+  const toggleItem = (id: string) => {
+    setOpenId(openId === id ? null : id)
+  }
+
+  return (
+    <section id="faq" className={`py-20 sm:py-28 lg:py-36 ${classNames?.section ?? ''}`} style={styles?.section}>
+      <div className="container">
+        <div className="max-w-4xl mx-auto">
+          <div className="text-center mb-14 sm:mb-16 lg:mb-20">
+            {subtitle ? (
+              <p
+                className={`text-base sm:text-lg font-medium mb-4 ${classNames?.subtitle ?? ''}`}
+                style={styles?.subtitle}
+              >
+                {subtitle}
+              </p>
+            ) : null}
+            <h2
+              className={`text-[32px] sm:text-4xl md:text-5xl lg:text-[56px] font-semibold leading-[1.05] tracking-tight ${classNames?.title ?? ''}`}
+            >
+              {title}
+            </h2>
+          </div>
+
+          <div className={`border-t ${classNames?.border ?? ''}`} style={styles?.border}>
+            {items.map((item) => {
+              const isOpen = openId === item.id
+
+              return (
+                <div key={item.id} className={`border-b ${classNames?.border ?? ''}`} style={styles?.border}>
+                  <button
+                    onClick={() => toggleItem(item.id)}
+                    className={`w-full flex items-center justify-between py-6 sm:py-7 text-left cursor-pointer group focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-black ${classNames?.button ?? ''}`}
+                    style={styles?.button}
+                    aria-expanded={isOpen}
+                    aria-controls={`faq-answer-${item.id}`}
+                  >
+                    <span
+                      className={`text-lg sm:text-xl lg:text-[22px] font-medium pr-6 transition-opacity duration-200 group-hover:opacity-60 ${classNames?.question ?? ''}`}
+                    >
+                      {item.question}
+                    </span>
+
+                    {/* Plus/Close icon */}
+                    <span
+                      className={`flex-shrink-0 w-11 h-11 flex items-center justify-center rounded-full border transition-all duration-300 ${iconClassName?.(isOpen) ?? ''}`}
+                      style={styles?.icon?.(isOpen)}
+                      aria-hidden="true"
+                    >
+                      <svg
+                        width="16"
+                        height="16"
+                        viewBox="0 0 24 24"
+                        fill="none"
+                        className="transition-transform duration-300"
+                        style={{ transform: isOpen ? 'rotate(45deg)' : 'rotate(0deg)' }}
+                      >
+                        <path d="M12 5V19M5 12H19" stroke="currentColor" strokeWidth="2" strokeLinecap="round" />
+                      </svg>
+                    </span>
+                  </button>
+
+                  <AnimatePresence initial={false}>
+                    {isOpen && (
+                      <m.div
+                        id={`faq-answer-${item.id}`}
+                        initial={{ height: 0, opacity: 0 }}
+                        animate={{ height: 'auto', opacity: 1 }}
+                        exit={{ height: 0, opacity: 0 }}
+                        transition={{
+                          height: { duration: prefersReducedMotion ? 0 : 0.3, ease: 'easeOut' },
+                          opacity: { duration: prefersReducedMotion ? 0 : 0.25, ease: 'easeOut' },
+                        }}
+                        className="overflow-hidden"
+                      >
+                        <div
+                          className={`pb-6 sm:pb-7 pr-14 sm:pr-16 text-base leading-relaxed ${classNames?.answer ?? ''}`}
+                          style={styles?.answer}
+                        >
+                          {item.answer}
+                        </div>
+                      </m.div>
+                    )}
+                  </AnimatePresence>
+                </div>
+              )
+            })}
+          </div>
+        </div>
+      </div>
+    </section>
+  )
+}
diff --git a/packages/landing/src/components/shared/BaseHeader.tsx b/packages/landing/src/components/shared/BaseHeader.tsx
new file mode 100644
index 0000000..ecba94c
--- /dev/null
+++ b/packages/landing/src/components/shared/BaseHeader.tsx
@@ -0,0 +1,198 @@
+'use client'
+
+import { useState, useCallback, useRef, useEffect, type ReactNode } from 'react'
+import Link from 'next/link'
+import { LogoWithText } from '@/components/ui'
+import { useScrolled } from '@/hooks/useScrolled'
+import { useScrollLock } from '@/hooks/useScrollLock'
+import { useEscapeKey } from '@/hooks/useEscapeKey'
+import { site } from '@/content/site'
+
+// Extracted style constants
+const HEADER_SCROLLED_STYLE = {
+  backgroundColor: 'rgba(0, 0, 0, 0.8)',
+  backdropFilter: 'blur(20px)',
+  WebkitBackdropFilter: 'blur(20px)',
+  borderBottom: '1px solid var(--border-dark)',
+}
+
+const HEADER_DEFAULT_STYLE = {
+  backgroundColor: 'transparent',
+  backdropFilter: 'blur(0px)',
+  WebkitBackdropFilter: 'blur(0px)',
+  borderBottom: '1px solid transparent',
+}
+
+export interface NavLink {
+  href: string
+  label: string
+}
+
+interface BaseHeaderProps {
+  navLinks: NavLink[]
+  desktopCTA: ReactNode
+  mobileCTA: ReactNode
+  ariaLabel: string
+  logoHref: string
+}
+
+export default function BaseHeader({ navLinks, desktopCTA, mobileCTA, ariaLabel, logoHref }: BaseHeaderProps) {
+  const [isMenuOpen, setIsMenuOpen] = useState(false)
+  const isScrolled = useScrolled(50)
+  const hamburgerRef = useRef<HTMLButtonElement>(null)
+  const menuRef = useRef<HTMLDivElement>(null)
+  const previousIsMenuOpenRef = useRef(false)
+
+  useScrollLock(isMenuOpen)
+  useEscapeKey(useCallback(() => setIsMenuOpen(false), []))
+
+  // Focus trap: move focus into menu on open, restore on close
+  useEffect(() => {
+    if (isMenuOpen) {
+      const menu = menuRef.current
+      if (menu) {
+        const focusable = menu.querySelectorAll<HTMLElement>(
+          'a[href], button, textarea, input, select, [tabindex]:not([tabindex="-1"])'
+        )
+        if (focusable.length > 0) {
+          focusable[0].focus()
+        }
+      }
+    } else if (previousIsMenuOpenRef.current) {
+      hamburgerRef.current?.focus()
+    }
+    previousIsMenuOpenRef.current = isMenuOpen
+  }, [isMenuOpen])
+
+  const handleMenuKeyDown = useCallback((e: React.KeyboardEvent) => {
+    if (e.key !== 'Tab') return
+    const menu = menuRef.current
+    if (!menu) return
+
+    const focusable = menu.querySelectorAll<HTMLElement>(
+      'a[href], button, textarea, input, select, [tabindex]:not([tabindex="-1"])'
+    )
+    if (focusable.length === 0) return
+
+    const first = focusable[0]
+    const last = focusable[focusable.length - 1]
+
+    if (e.shiftKey) {
+      if (document.activeElement === first) {
+        e.preventDefault()
+        last.focus()
+      }
+    } else {
+      if (document.activeElement === last) {
+        e.preventDefault()
+        first.focus()
+      }
+    }
+  }, [])
+
+  const handleLinkClick = () => {
+    setIsMenuOpen(false)
+  }
+
+  return (
+    <>
+      <header
+        className="sticky top-0 left-0 right-0 z-50 transition-[background-color,backdrop-filter,border-color] duration-300"
+        style={isScrolled ? HEADER_SCROLLED_STYLE : HEADER_DEFAULT_STYLE}
+      >
+        <nav className="container flex items-center justify-between h-[72px]" aria-label={ariaLabel}>
+          <Link href={logoHref} className="flex items-center" aria-label={`${site.meta.brandName} Home`}>
+            <LogoWithText height={26} />
+          </Link>
+
+          <div className="hidden lg:flex items-center gap-1">
+            {navLinks.map((link) => (
+              <Link
+                key={link.href}
+                href={link.href}
+                className="px-4 py-2 text-sm font-medium transition-colors rounded-lg hover:bg-white/5 text-text-muted"
+              >
+                {link.label}
+              </Link>
+            ))}
+          </div>
+
+          <div className="hidden lg:flex items-center gap-3">{desktopCTA}</div>
+
+          <button
+            ref={hamburgerRef}
+            className="lg:hidden flex items-center justify-center w-11 h-11 rounded-lg transition-colors hover:bg-white/5"
+            onClick={() => setIsMenuOpen(!isMenuOpen)}
+            aria-expanded={isMenuOpen}
+            aria-controls="mobile-menu"
+            aria-label={isMenuOpen ? 'Close menu' : 'Open menu'}
+          >
+            <div className="relative w-5 h-4">
+              <span
+                className={`absolute left-0 w-5 h-0.5 bg-white transition-all duration-300 ease-out ${
+                  isMenuOpen ? 'top-[7px] rotate-45' : 'top-0 rotate-0'
+                }`}
+              />
+              <span
+                className={`absolute left-0 top-[7px] w-5 h-0.5 bg-white transition-all duration-300 ease-out ${
+                  isMenuOpen ? 'opacity-0 scale-0' : 'opacity-100 scale-100'
+                }`}
+              />
+              <span
+                className={`absolute left-0 w-5 h-0.5 bg-white transition-all duration-300 ease-out ${
+                  isMenuOpen ? 'top-[7px] -rotate-45' : 'top-[14px] rotate-0'
+                }`}
+              />
+            </div>
+          </button>
+        </nav>
+      </header>
+
+      {/* Mobile Menu - Full Screen Drawer */}
+      <div
+        ref={menuRef}
+        id="mobile-menu"
+        className={`fixed inset-0 z-[60] lg:hidden transition-transform duration-300 ease-out bg-[var(--color-surface-elevated)] ${
+          isMenuOpen ? 'translate-x-0' : '-translate-x-full'
+        }`}
+        aria-hidden={!isMenuOpen}
+        onKeyDown={handleMenuKeyDown}
+      >
+        <div className="flex items-center justify-between px-5 sm:px-6 h-[72px] border-b border-white/[0.08]">
+          <Link href={logoHref} onClick={handleLinkClick} aria-label={`${site.meta.brandName} Home`}>
+            <LogoWithText height={24} />
+          </Link>
+          <button
+            onClick={() => setIsMenuOpen(false)}
+            className="flex items-center justify-center w-11 h-11 rounded-full transition-colors bg-white/[0.06]"
+            aria-label="Close menu"
+          >
+            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2">
+              <path d="M18 6L6 18M6 6l12 12" strokeLinecap="round" strokeLinejoin="round" />
+            </svg>
+          </button>
+        </div>
+
+        <nav className="px-5 sm:px-6 pt-8">
+          <ul className="space-y-2">
+            {navLinks.map((link) => (
+              <li key={link.href}>
+                <Link
+                  href={link.href}
+                  onClick={handleLinkClick}
+                  className="block py-3 text-[22px] font-medium text-white transition-opacity hover:opacity-70"
+                >
+                  {link.label}
+                </Link>
+              </li>
+            ))}
+          </ul>
+
+          <div className="mt-10 pt-8 space-y-3 border-t border-white/[0.08]" onClick={handleLinkClick}>
+            {mobileCTA}
+          </div>
+        </nav>
+      </div>
+    </>
+  )
+}
diff --git a/packages/landing/src/components/ui/Logo.tsx b/packages/landing/src/components/ui/Logo.tsx
new file mode 100644
index 0000000..ad290bc
--- /dev/null
+++ b/packages/landing/src/components/ui/Logo.tsx
@@ -0,0 +1,50 @@
+import { site } from '@/content/site'
+
+interface LogoProps {
+  size?: number
+  variant?: 'with-background' | 'icon-only'
+  className?: string
+}
+
+export default function Logo({ size = 40, variant = 'with-background', className = '' }: LogoProps) {
+  const initial = site.branding.faviconInitial ?? site.meta.brandName.charAt(0).toUpperCase()
+  const fontSize = Math.round(size * 0.48)
+
+  if (variant === 'icon-only') {
+    return (
+      <span
+        className={`inline-flex items-center justify-center font-semibold ${className}`}
+        style={{
+          width: size,
+          height: size,
+          fontSize,
+          color: 'currentColor',
+          letterSpacing: '-0.02em',
+        }}
+        role="img"
+        aria-label={`${site.meta.brandName} logo`}
+      >
+        {initial}
+      </span>
+    )
+  }
+
+  return (
+    <span
+      className={`inline-flex items-center justify-center font-semibold ${className}`}
+      style={{
+        width: size,
+        height: size,
+        fontSize,
+        borderRadius: '16%',
+        backgroundColor: 'var(--accent)',
+        color: '#fff',
+        letterSpacing: '-0.02em',
+      }}
+      role="img"
+      aria-label={`${site.meta.brandName} logo`}
+    >
+      {initial}
+    </span>
+  )
+}
diff --git a/packages/landing/src/components/ui/LogoWithText.tsx b/packages/landing/src/components/ui/LogoWithText.tsx
new file mode 100644
index 0000000..c030b8c
--- /dev/null
+++ b/packages/landing/src/components/ui/LogoWithText.tsx
@@ -0,0 +1,27 @@
+import { site } from '@/content/site'
+
+interface LogoWithTextProps {
+  height?: number
+  className?: string
+}
+
+export default function LogoWithText({ height = 32, className = '' }: LogoWithTextProps) {
+  const brandName = site.meta.brandName
+  const fontSize = Math.round(height * 0.72)
+
+  return (
+    <span
+      className={`inline-flex items-center font-semibold tracking-[-0.01em] ${className}`}
+      style={{
+        height,
+        fontSize,
+        color: 'var(--foreground)',
+        lineHeight: 1,
+        letterSpacing: '-0.015em',
+      }}
+      aria-label={brandName}
+    >
+      {brandName}
+    </span>
+  )
+}
diff --git a/packages/landing/src/components/ui/index.ts b/packages/landing/src/components/ui/index.ts
new file mode 100644
index 0000000..5f379d2
--- /dev/null
+++ b/packages/landing/src/components/ui/index.ts
@@ -0,0 +1,2 @@
+export { default as Logo } from './Logo'
+export { default as LogoWithText } from './LogoWithText'
diff --git a/packages/landing/src/content/design.ts b/packages/landing/src/content/design.ts
new file mode 100644
index 0000000..efb5952
--- /dev/null
+++ b/packages/landing/src/content/design.ts
@@ -0,0 +1,14 @@
+export interface DesignConfig {
+  rationale: string
+  overrides?: {
+    borderRadius?: { button?: string; block?: string; xl?: string }
+    borderWidth?: string
+    fontSans?: string
+    fontMono?: string
+  }
+}
+
+export const design: DesignConfig = {
+  rationale:
+    'Default template — canonical Privara UI clone. Token system (accent, fonts, borders) is the only design-level variable; text and images vary per venture; structure, component sequence, and block roles are identical across every site.',
+}
diff --git a/packages/landing/src/content/site.ts b/packages/landing/src/content/site.ts
new file mode 100644
index 0000000..5040058
--- /dev/null
+++ b/packages/landing/src/content/site.ts
@@ -0,0 +1,772 @@
+import { lorem, imagePlaceholder } from '@/lib/lorem'
+
+export interface ImageSlot {
+  src: string | null
+  alt: string
+  description: string
+  width?: number
+  height?: number
+}
+
+export interface CtaSlot {
+  label: string
+  href: string
+  external?: boolean
+}
+
+export interface NavItem {
+  label: string
+  href?: string
+  items?: Array<{ label: string; description?: string; href: string; icon?: string; external?: boolean }>
+}
+
+export interface FooterGroup {
+  title: string
+  links: Array<{ label: string; href: string; external?: boolean; badge?: string }>
+}
+
+export interface SocialLink {
+  label: string
+  href: string
+  icon: string
+}
+
+export interface HeroSlot {
+  eyebrow?: string | null
+  title: string
+  subtitle: string
+  primaryCta: CtaSlot
+  secondaryCta?: CtaSlot | null
+}
+
+export interface StatsSlot {
+  eyebrow?: string | null
+  title?: string | null
+  items: Array<{ value: string; label: string }>
+}
+
+export interface CardsSlot {
+  eyebrow?: string | null
+  title: string
+  subtitle?: string | null
+  items: Array<{
+    id: string
+    icon?: string
+    title: string
+    description: string
+    href?: string
+    image?: ImageSlot | null
+    badge?: string
+  }>
+}
+
+export interface LogoStripSlot {
+  title?: string | null
+  logos: Array<{ name: string; src?: string | null }>
+}
+
+export interface BulletsSlot {
+  eyebrow?: string | null
+  title: string
+  subtitle?: string | null
+  items: Array<{ icon?: string; title: string; description: string }>
+}
+
+export interface ProseSlot {
+  eyebrow?: string | null
+  title: string
+  subtitle?: string | null
+  paragraphs: string[]
+  image?: ImageSlot | null
+  bullets?: Array<{ title: string; description?: string }> | null
+}
+
+export interface FaqSlot {
+  eyebrow?: string | null
+  title: string
+  subtitle?: string | null
+  items: Array<{ question: string; answer: string }>
+}
+
+export interface CtaBlockSlot {
+  eyebrow?: string | null
+  title: string
+  subtitle?: string | null
+  primaryCta: CtaSlot
+  secondaryCta?: CtaSlot | null
+}
+
+export interface PricingPlanSlot {
+  name: string
+  price: string
+  period?: string | null
+  description?: string | null
+  features: string[]
+  cta: CtaSlot
+  featured?: boolean
+}
+
+export interface PricingSlot {
+  eyebrow?: string | null
+  title: string
+  subtitle?: string | null
+  plans: PricingPlanSlot[]
+}
+
+export interface StepsSlot {
+  eyebrow?: string | null
+  title: string
+  subtitle?: string | null
+  steps: Array<{ number: string; title: string; description: string }>
+}
+
+export interface PostCardSlot {
+  slug: string
+  category: string
+  title: string
+  description: string
+  date: string
+  readTime: string
+  author: string
+  image?: ImageSlot | null
+}
+
+export interface BlogGridSlot {
+  eyebrow?: string | null
+  title: string
+  subtitle?: string | null
+  posts: PostCardSlot[]
+}
+
+export interface DepartmentSlot {
+  label: string
+  email: string
+  description: string
+  icon: string
+}
+
+export interface LegalSlot {
+  eyebrow: string
+  title: string
+  effectiveDate?: string | null
+  markdown: string
+}
+
+export interface SiteConfig {
+  meta: {
+    brandName: string
+    tagline: string
+    description: string
+    siteUrl: string
+    email: {
+      support: string
+      sales: string
+      media: string
+      dev: string
+    }
+    social: SocialLink[]
+    appUrl: string
+    githubUrl?: string | null
+    docsUrl?: string | null
+    keywords: string[]
+    twitterHandle?: string | null
+  }
+  branding: {
+    accent: string
+    fontSans?: string | null
+    fontMono?: string | null
+    borderRadius?: { button?: string; block?: string; xl?: string } | null
+    borderWidth?: string | null
+    faviconInitial?: string | null
+  }
+  header: {
+    nav: NavItem[]
+    primaryCta: CtaSlot
+    secondaryCta?: CtaSlot | null
+  }
+  topBanner?: {
+    enabled: boolean
+    text: string
+    href?: string | null
+    linkLabel?: string | null
+  } | null
+  footer: {
+    tagline: string
+    groups: FooterGroup[]
+    legal: { copyright: string; links: Array<{ label: string; href: string }> }
+    social: SocialLink[]
+  }
+  home: {
+    hero: HeroSlot
+    trustStats: StatsSlot
+    products: CardsSlot
+    trustedBy: LogoStripSlot
+    features: CardsSlot
+    howItWorks: StepsSlot
+    modernTeams: BulletsSlot
+    privacyInfra: ProseSlot
+    compliance: BulletsSlot
+    blog: BlogGridSlot
+    pricing: PricingSlot
+    forWho: BulletsSlot
+    faq: FaqSlot
+    cta: CtaBlockSlot
+  }
+  mobile: {
+    hero: HeroSlot & { image?: ImageSlot | null }
+    features: CardsSlot
+    howItWorks: StepsSlot
+    faq: FaqSlot
+    cta: CtaBlockSlot
+  }
+  business: {
+    hero: HeroSlot
+    forWho: BulletsSlot
+    modernTeams: BulletsSlot
+    privacyInfra: ProseSlot
+    compliance: BulletsSlot
+    trustStats: StatsSlot
+    faq: FaqSlot
+    cta: CtaBlockSlot
+  }
+  pricing: {
+    hero: HeroSlot
+    plans: PricingSlot
+    features: BulletsSlot
+    faq: FaqSlot
+  }
+  blog: {
+    hero: HeroSlot
+    grid: BlogGridSlot
+  }
+  contact: {
+    hero: HeroSlot
+    departments: DepartmentSlot[]
+  }
+  privacy: LegalSlot
+  terms: LegalSlot
+}
+
+const BRAND = lorem('brand-name')
+
+export const site: SiteConfig = {
+  meta: {
+    brandName: BRAND,
+    tagline: lorem('subhead'),
+    description: lorem('subhead'),
+    siteUrl: 'https://example.com',
+    email: {
+      support: 'support@example.com',
+      sales: 'sales@example.com',
+      media: 'media@example.com',
+      dev: 'dev@example.com',
+    },
+    social: [],
+    appUrl: '#',
+    githubUrl: null,
+    docsUrl: null,
+    keywords: [],
+    twitterHandle: null,
+  },
+  branding: {
+    accent: '#168e8e',
+    fontSans: null,
+    fontMono: null,
+    borderRadius: null,
+    borderWidth: null,
+    faviconInitial: BRAND.charAt(0),
+  },
+  header: {
+    nav: [
+      {
+        label: 'Products',
+        items: [
+          { label: 'Platform', description: lorem('item-description'), href: '#', icon: 'Monitor', external: true },
+          { label: 'Mobile', description: lorem('item-description'), href: '/mobile', icon: 'DeviceMobile' },
+          { label: 'API & SDK', description: lorem('item-description'), href: '#', icon: 'Code' },
+        ],
+      },
+      {
+        label: 'Developers',
+        items: [
+          { label: 'Documentation', description: lorem('item-description'), href: '#', icon: 'BookOpen', external: true },
+          { label: 'GitHub', description: lorem('item-description'), href: '#', icon: 'GithubLogo', external: true },
+          { label: 'Web Demo', description: lorem('item-description'), href: '#', icon: 'Browser', external: true },
+        ],
+      },
+      {
+        label: 'Resources',
+        items: [
+          { label: 'Blog', description: lorem('item-description'), href: '/blog', icon: 'Article' },
+          { label: 'Contact', description: lorem('item-description'), href: '/contact', icon: 'EnvelopeSimple' },
+        ],
+      },
+      { label: 'Pricing', href: '/pricing' },
+    ],
+    primaryCta: { label: lorem('cta-label'), href: '#', external: true },
+    secondaryCta: { label: 'Sign in', href: '#', external: true },
+  },
+  topBanner: {
+    enabled: true,
+    text: lorem('subhead'),
+    href: '/contact',
+    linkLabel: 'Learn more',
+  },
+  footer: {
+    tagline: lorem('subhead'),
+    groups: [
+      {
+        title: 'Products',
+        links: [
+          { label: 'Mobile', href: '/mobile' },
+          { label: 'Pricing', href: '/pricing' },
+        ],
+      },
+      {
+        title: 'Resources',
+        links: [
+          { label: 'Blog', href: '/blog' },
+          { label: 'Contact', href: '/contact' },
+          { label: 'FAQ', href: '/#faq' },
+        ],
+      },
+      {
+        title: 'Legal',
+        links: [
+          { label: 'Privacy Policy', href: '/privacy' },
+          { label: 'Terms of Service', href: '/terms' },
+        ],
+      },
+    ],
+    legal: {
+      copyright: `© ${new Date().getFullYear()} ${BRAND}. All rights reserved.`,
+      links: [
+        { label: 'Terms', href: '/terms' },
+        { label: 'Privacy', href: '/privacy' },
+      ],
+    },
+    social: [],
+  },
+  home: {
+    hero: {
+      title: lorem('headline'),
+      subtitle: lorem('subhead'),
+      primaryCta: { label: lorem('cta-label'), href: '#', external: true },
+      secondaryCta: { label: 'Contact sales', href: '/contact' },
+    },
+    trustStats: {
+      eyebrow: lorem('eyebrow'),
+      items: [
+        { value: lorem('stat-value'), label: lorem('stat-label') },
+        { value: lorem('stat-value'), label: lorem('stat-label') },
+        { value: lorem('stat-value'), label: lorem('stat-label') },
+        { value: lorem('stat-value'), label: lorem('stat-label') },
+      ],
+    },
+    products: {
+      eyebrow: lorem('eyebrow'),
+      title: lorem('headline'),
+      subtitle: lorem('subhead'),
+      items: [
+        { id: 'p1', icon: 'Monitor', title: lorem('item-title'), description: lorem('item-description'), href: '#' },
+        { id: 'p2', icon: 'DeviceMobile', title: lorem('item-title'), description: lorem('item-description'), href: '/mobile' },
+        { id: 'p3', icon: 'Code', title: lorem('item-title'), description: lorem('item-description'), href: '#' },
+      ],
+    },
+    trustedBy: {
+      title: lorem('stat-label'),
+      logos: [
+        { name: 'Partner 1' },
+        { name: 'Partner 2' },
+        { name: 'Partner 3' },
+        { name: 'Partner 4' },
+        { name: 'Partner 5' },
+      ],
+    },
+    features: {
+      eyebrow: 'Features',
+      title: lorem('headline'),
+      subtitle: lorem('subhead'),
+      items: [
+        {
+          id: 'f1',
+          icon: 'ShieldCheck',
+          title: lorem('item-title'),
+          description: lorem('item-description'),
+          image: imagePlaceholder('Hero feature visual', 1920, 1080),
+        },
+        {
+          id: 'f2',
+          icon: 'Wallet',
+          title: lorem('item-title'),
+          description: lorem('item-description'),
+          image: imagePlaceholder('Feature 2 visual', 960, 720),
+        },
+        {
+          id: 'f3',
+          icon: 'CurrencyCircleDollar',
+          title: lorem('item-title'),
+          description: lorem('item-description'),
+          image: imagePlaceholder('Feature 3 visual', 960, 720),
+        },
+        {
+          id: 'f4',
+          icon: 'Lightning',
+          title: lorem('item-title'),
+          description: lorem('item-description'),
+          image: imagePlaceholder('Feature 4 visual', 960, 720),
+        },
+        {
+          id: 'f5',
+          icon: 'Code',
+          title: lorem('item-title'),
+          description: lorem('item-description'),
+          image: imagePlaceholder('Feature 5 visual', 960, 720),
+        },
+      ],
+    },
+    howItWorks: {
+      eyebrow: 'How it works',
+      title: lorem('headline'),
+      subtitle: lorem('subhead'),
+      steps: [
+        { number: '01', title: lorem('item-title'), description: lorem('item-description') },
+        { number: '02', title: lorem('item-title'), description: lorem('item-description') },
+        { number: '03', title: lorem('item-title'), description: lorem('item-description') },
+      ],
+    },
+    modernTeams: {
+      eyebrow: lorem('eyebrow'),
+      title: lorem('headline'),
+      subtitle: lorem('subhead'),
+      items: [
+        { icon: 'Users', title: lorem('item-title'), description: lorem('item-description') },
+        { icon: 'Buildings', title: lorem('item-title'), description: lorem('item-description') },
+        { icon: 'ChartLine', title: lorem('item-title'), description: lorem('item-description') },
+      ],
+    },
+    privacyInfra: {
+      eyebrow: lorem('eyebrow'),
+      title: lorem('headline'),
+      subtitle: lorem('subhead'),
+      paragraphs: [lorem('long-paragraph'), lorem('paragraph')],
+      image: imagePlaceholder('Infrastructure diagram', 1200, 800),
+      bullets: [
+        { title: lorem('item-title'), description: lorem('item-description') },
+        { title: lorem('item-title'), description: lorem('item-description') },
+        { title: lorem('item-title'), description: lorem('item-description') },
+      ],
+    },
+    compliance: {
+      eyebrow: 'Compliance',
+      title: lorem('headline'),
+      subtitle: lorem('subhead'),
+      items: [
+        { icon: 'ShieldCheck', title: lorem('item-title'), description: lorem('item-description') },
+        { icon: 'ClipboardText', title: lorem('item-title'), description: lorem('item-description') },
+        { icon: 'Scales', title: lorem('item-title'), description: lorem('item-description') },
+      ],
+    },
+    blog: {
+      eyebrow: 'Blog',
+      title: lorem('headline'),
+      subtitle: lorem('subhead'),
+      posts: [
+        {
+          slug: 'post-one',
+          category: 'Category',
+          title: lorem('item-title'),
+          description: lorem('item-description'),
+          date: 'Jan 2026',
+          readTime: '5 min read',
+          author: lorem('brand-name'),
+        },
+        {
+          slug: 'post-two',
+          category: 'Category',
+          title: lorem('item-title'),
+          description: lorem('item-description'),
+          date: 'Jan 2026',
+          readTime: '4 min read',
+          author: lorem('brand-name'),
+        },
+        {
+          slug: 'post-three',
+          category: 'Category',
+          title: lorem('item-title'),
+          description: lorem('item-description'),
+          date: 'Jan 2026',
+          readTime: '6 min read',
+          author: lorem('brand-name'),
+        },
+      ],
+    },
+    pricing: {
+      eyebrow: 'Pricing',
+      title: lorem('headline'),
+      subtitle: lorem('subhead'),
+      plans: [
+        {
+          name: 'Starter',
+          price: '$0',
+          description: lorem('item-description'),
+          features: [lorem('item-title'), lorem('item-title'), lorem('item-title')],
+          cta: { label: lorem('cta-label'), href: '#' },
+        },
+        {
+          name: 'Pro',
+          price: '$49',
+          period: '/month',
+          description: lorem('item-description'),
+          features: [lorem('item-title'), lorem('item-title'), lorem('item-title'), lorem('item-title')],
+          cta: { label: lorem('cta-label'), href: '#' },
+          featured: true,
+        },
+        {
+          name: 'Enterprise',
+          price: 'Custom',
+          description: lorem('item-description'),
+          features: [lorem('item-title'), lorem('item-title'), lorem('item-title'), lorem('item-title'), lorem('item-title')],
+          cta: { label: 'Contact sales', href: '/contact' },
+        },
+      ],
+    },
+    forWho: {
+      eyebrow: lorem('eyebrow'),
+      title: lorem('headline'),
+      subtitle: lorem('subhead'),
+      items: [
+        { icon: 'User', title: lorem('item-title'), description: lorem('item-description') },
+        { icon: 'Buildings', title: lorem('item-title'), description: lorem('item-description') },
+        { icon: 'Globe', title: lorem('item-title'), description: lorem('item-description') },
+      ],
+    },
+    faq: {
+      eyebrow: 'FAQ',
+      title: lorem('headline'),
+      subtitle: lorem('subhead'),
+      items: [
+        { question: lorem('faq-question'), answer: lorem('faq-answer') },
+        { question: lorem('faq-question'), answer: lorem('faq-answer') },
+        { question: lorem('faq-question'), answer: lorem('faq-answer') },
+        { question: lorem('faq-question'), answer: lorem('faq-answer') },
+      ],
+    },
+    cta: {
+      eyebrow: null,
+      title: lorem('headline'),
+      subtitle: lorem('subhead'),
+      primaryCta: { label: lorem('cta-label'), href: '#', external: true },
+      secondaryCta: { label: 'Contact sales', href: '/contact' },
+    },
+  },
+  mobile: {
+    hero: {
+      title: lorem('headline'),
+      subtitle: lorem('subhead'),
+      primaryCta: { label: lorem('cta-label'), href: '#' },
+      secondaryCta: null,
+      image: imagePlaceholder('Mobile app screenshot', 750, 1334),
+    },
+    features: {
+      eyebrow: 'Mobile',
+      title: lorem('headline'),
+      subtitle: lorem('subhead'),
+      items: [
+        { id: 'mf1', icon: 'DeviceMobile', title: lorem('item-title'), description: lorem('item-description') },
+        { id: 'mf2', icon: 'Fingerprint', title: lorem('item-title'), description: lorem('item-description') },
+        { id: 'mf3', icon: 'Lock', title: lorem('item-title'), description: lorem('item-description') },
+      ],
+    },
+    howItWorks: {
+      eyebrow: 'How it works',
+      title: lorem('headline'),
+      subtitle: lorem('subhead'),
+      steps: [
+        { number: '01', title: lorem('item-title'), description: lorem('item-description') },
+        { number: '02', title: lorem('item-title'), description: lorem('item-description') },
+        { number: '03', title: lorem('item-title'), description: lorem('item-description') },
+      ],
+    },
+    faq: {
+      eyebrow: 'FAQ',
+      title: lorem('headline'),
+      subtitle: null,
+      items: [
+        { question: lorem('faq-question'), answer: lorem('faq-answer') },
+        { question: lorem('faq-question'), answer: lorem('faq-answer') },
+      ],
+    },
+    cta: {
+      title: lorem('headline'),
+      subtitle: lorem('subhead'),
+      primaryCta: { label: lorem('cta-label'), href: '#' },
+    },
+  },
+  business: {
+    hero: {
+      eyebrow: 'For Business',
+      title: lorem('headline'),
+      subtitle: lorem('subhead'),
+      primaryCta: { label: 'Contact sales', href: '/contact' },
+      secondaryCta: { label: 'See pricing', href: '/pricing' },
+    },
+    forWho: {
+      eyebrow: lorem('eyebrow'),
+      title: lorem('headline'),
+      subtitle: lorem('subhead'),
+      items: [
+        { icon: 'Briefcase', title: lorem('item-title'), description: lorem('item-description') },
+        { icon: 'Buildings', title: lorem('item-title'), description: lorem('item-description') },
+        { icon: 'Globe', title: lorem('item-title'), description: lorem('item-description') },
+      ],
+    },
+    modernTeams: {
+      eyebrow: lorem('eyebrow'),
+      title: lorem('headline'),
+      subtitle: lorem('subhead'),
+      items: [
+        { icon: 'Users', title: lorem('item-title'), description: lorem('item-description') },
+        { icon: 'ChartLine', title: lorem('item-title'), description: lorem('item-description') },
+        { icon: 'Handshake', title: lorem('item-title'), description: lorem('item-description') },
+      ],
+    },
+    privacyInfra: {
+      eyebrow: lorem('eyebrow'),
+      title: lorem('headline'),
+      subtitle: lorem('subhead'),
+      paragraphs: [lorem('long-paragraph')],
+      image: imagePlaceholder('Infrastructure diagram', 1200, 800),
+      bullets: [
+        { title: lorem('item-title'), description: lorem('item-description') },
+        { title: lorem('item-title'), description: lorem('item-description') },
+      ],
+    },
+    compliance: {
+      eyebrow: 'Compliance',
+      title: lorem('headline'),
+      subtitle: lorem('subhead'),
+      items: [
+        { icon: 'ShieldCheck', title: lorem('item-title'), description: lorem('item-description') },
+        { icon: 'ClipboardText', title: lorem('item-title'), description: lorem('item-description') },
+      ],
+    },
+    trustStats: {
+      eyebrow: lorem('eyebrow'),
+      items: [
+        { value: lorem('stat-value'), label: lorem('stat-label') },
+        { value: lorem('stat-value'), label: lorem('stat-label') },
+        { value: lorem('stat-value'), label: lorem('stat-label') },
+      ],
+    },
+    faq: {
+      eyebrow: 'FAQ',
+      title: lorem('headline'),
+      items: [
+        { question: lorem('faq-question'), answer: lorem('faq-answer') },
+        { question: lorem('faq-question'), answer: lorem('faq-answer') },
+      ],
+    },
+    cta: {
+      title: lorem('headline'),
+      subtitle: lorem('subhead'),
+      primaryCta: { label: 'Contact sales', href: '/contact' },
+    },
+  },
+  pricing: {
+    hero: {
+      eyebrow: 'Pricing',
+      title: lorem('headline'),
+      subtitle: lorem('subhead'),
+      primaryCta: { label: lorem('cta-label'), href: '#' },
+      secondaryCta: { label: 'Contact sales', href: '/contact' },
+    },
+    plans: {
+      eyebrow: null,
+      title: lorem('headline'),
+      subtitle: null,
+      plans: [
+        {
+          name: 'Starter',
+          price: '$0',
+          description: lorem('item-description'),
+          features: [lorem('item-title'), lorem('item-title'), lorem('item-title')],
+          cta: { label: lorem('cta-label'), href: '#' },
+        },
+        {
+          name: 'Pro',
+          price: '$49',
+          period: '/month',
+          description: lorem('item-description'),
+          features: [lorem('item-title'), lorem('item-title'), lorem('item-title'), lorem('item-title')],
+          cta: { label: lorem('cta-label'), href: '#' },
+          featured: true,
+        },
+        {
+          name: 'Enterprise',
+          price: 'Custom',
+          description: lorem('item-description'),
+          features: [lorem('item-title'), lorem('item-title'), lorem('item-title'), lorem('item-title'), lorem('item-title')],
+          cta: { label: 'Contact sales', href: '/contact' },
+        },
+      ],
+    },
+    features: {
+      eyebrow: 'Features',
+      title: lorem('headline'),
+      subtitle: null,
+      items: [
+        { icon: 'Check', title: lorem('item-title'), description: lorem('item-description') },
+        { icon: 'Check', title: lorem('item-title'), description: lorem('item-description') },
+        { icon: 'Check', title: lorem('item-title'), description: lorem('item-description') },
+      ],
+    },
+    faq: {
+      eyebrow: 'FAQ',
+      title: lorem('headline'),
+      items: [
+        { question: lorem('faq-question'), answer: lorem('faq-answer') },
+        { question: lorem('faq-question'), answer: lorem('faq-answer') },
+      ],
+    },
+  },
+  blog: {
+    hero: {
+      eyebrow: 'Blog',
+      title: lorem('headline'),
+      subtitle: lorem('subhead'),
+      primaryCta: { label: lorem('cta-label'), href: '#' },
+    },
+    grid: {
+      eyebrow: null,
+      title: lorem('headline'),
+      posts: [],
+    },
+  },
+  contact: {
+    hero: {
+      eyebrow: 'Contact',
+      title: lorem('headline'),
+      subtitle: lorem('subhead'),
+      primaryCta: { label: 'Email us', href: 'mailto:hello@example.com' },
+    },
+    departments: [
+      { icon: 'Lifebuoy', label: 'General', email: 'support@example.com', description: lorem('item-description') },
+      { icon: 'Code', label: 'Technical', email: 'dev@example.com', description: lorem('item-description') },
+      { icon: 'Handshake', label: 'Media & Partnerships', email: 'media@example.com', description: lorem('item-description') },
+      { icon: 'Briefcase', label: 'Sales', email: 'sales@example.com', description: lorem('item-description') },
+    ],
+  },
+  privacy: {
+    eyebrow: 'Legal',
+    title: 'Privacy Policy',
+    effectiveDate: null,
+    markdown: '<section><h2>[LOREM: section heading]</h2><p>[LOREM: legal paragraph — replace with real privacy policy content]</p></section>',
+  },
+  terms: {
+    eyebrow: 'Legal',
+    title: 'Terms of Service',
+    effectiveDate: null,
+    markdown: '<section><h2>[LOREM: section heading]</h2><p>[LOREM: legal paragraph — replace with real terms of service content]</p></section>',
+  },
+}
diff --git a/packages/landing/src/hooks/useEscapeKey.ts b/packages/landing/src/hooks/useEscapeKey.ts
new file mode 100644
index 0000000..9bdca45
--- /dev/null
+++ b/packages/landing/src/hooks/useEscapeKey.ts
@@ -0,0 +1,16 @@
+'use client'
+
+import { useEffect } from 'react'
+
+export function useEscapeKey(callback: () => void): void {
+  useEffect(() => {
+    const onKeyDown = (e: KeyboardEvent) => {
+      if (e.key === 'Escape') {
+        callback()
+      }
+    }
+
+    document.addEventListener('keydown', onKeyDown)
+    return () => document.removeEventListener('keydown', onKeyDown)
+  }, [callback])
+}
diff --git a/packages/landing/src/hooks/useScrollLock.ts b/packages/landing/src/hooks/useScrollLock.ts
new file mode 100644
index 0000000..5aed327
--- /dev/null
+++ b/packages/landing/src/hooks/useScrollLock.ts
@@ -0,0 +1,27 @@
+'use client'
+
+import { useEffect } from 'react'
+
+export function useScrollLock(isLocked: boolean): void {
+  useEffect(() => {
+    if (!isLocked) return
+
+    const scrollY = window.scrollY
+    const { body } = document
+
+    body.style.position = 'fixed'
+    body.style.top = `-${scrollY}px`
+    body.style.left = '0'
+    body.style.right = '0'
+    body.style.overflow = 'hidden'
+
+    return () => {
+      body.style.position = ''
+      body.style.top = ''
+      body.style.left = ''
+      body.style.right = ''
+      body.style.overflow = ''
+      window.scrollTo(0, scrollY)
+    }
+  }, [isLocked])
+}
diff --git a/packages/landing/src/hooks/useScrolled.ts b/packages/landing/src/hooks/useScrolled.ts
new file mode 100644
index 0000000..1b27427
--- /dev/null
+++ b/packages/landing/src/hooks/useScrolled.ts
@@ -0,0 +1,30 @@
+'use client'
+
+import { useEffect, useRef, useState } from 'react'
+
+export function useScrolled(threshold = 50): boolean {
+  const [isScrolled, setIsScrolled] = useState(false)
+  const ticking = useRef(false)
+
+  useEffect(() => {
+    const update = () => {
+      setIsScrolled(window.scrollY > threshold)
+      ticking.current = false
+    }
+
+    const onScroll = () => {
+      if (!ticking.current) {
+        ticking.current = true
+        requestAnimationFrame(update)
+      }
+    }
+
+    // Check initial scroll position
+    update()
+
+    window.addEventListener('scroll', onScroll, { passive: true })
+    return () => window.removeEventListener('scroll', onScroll)
+  }, [threshold])
+
+  return isScrolled
+}
diff --git a/packages/landing/src/hooks/useWaitlistForm.ts b/packages/landing/src/hooks/useWaitlistForm.ts
new file mode 100644
index 0000000..292eec3
--- /dev/null
+++ b/packages/landing/src/hooks/useWaitlistForm.ts
@@ -0,0 +1,3 @@
+// Deprecated: template no longer ships a waitlist form by default.
+
+export {}
diff --git a/packages/landing/src/lib/accent-scale.ts b/packages/landing/src/lib/accent-scale.ts
new file mode 100644
index 0000000..6b94dcc
--- /dev/null
+++ b/packages/landing/src/lib/accent-scale.ts
@@ -0,0 +1,149 @@
+export type AccentScale = Record<'50' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900', string>
+
+function hexToRgb(hex: string): [number, number, number] {
+  const clean = hex.replace('#', '').trim()
+  const full = clean.length === 3 ? clean.split('').map((c) => c + c).join('') : clean
+  const n = parseInt(full.slice(0, 6), 16)
+  return [(n >> 16) & 255, (n >> 8) & 255, n & 255]
+}
+
+function rgbToHsl(r: number, g: number, b: number): [number, number, number] {
+  const rn = r / 255
+  const gn = g / 255
+  const bn = b / 255
+  const max = Math.max(rn, gn, bn)
+  const min = Math.min(rn, gn, bn)
+  const l = (max + min) / 2
+  let h = 0
+  let s = 0
+  if (max !== min) {
+    const d = max - min
+    s = l > 0.5 ? d / (2 - max - min) : d / (max + min)
+    switch (max) {
+      case rn:
+        h = (gn - bn) / d + (gn < bn ? 6 : 0)
+        break
+      case gn:
+        h = (bn - rn) / d + 2
+        break
+      case bn:
+        h = (rn - gn) / d + 4
+        break
+    }
+    h /= 6
+  }
+  return [h * 360, s * 100, l * 100]
+}
+
+function hslToHex(h: number, s: number, l: number): string {
+  const sn = s / 100
+  const ln = l / 100
+  const c = (1 - Math.abs(2 * ln - 1)) * sn
+  const hp = h / 60
+  const x = c * (1 - Math.abs((hp % 2) - 1))
+  let r = 0
+  let g = 0
+  let b = 0
+  if (hp >= 0 && hp < 1) [r, g, b] = [c, x, 0]
+  else if (hp < 2) [r, g, b] = [x, c, 0]
+  else if (hp < 3) [r, g, b] = [0, c, x]
+  else if (hp < 4) [r, g, b] = [0, x, c]
+  else if (hp < 5) [r, g, b] = [x, 0, c]
+  else [r, g, b] = [c, 0, x]
+  const m = ln - c / 2
+  const toHex = (v: number) =>
+    Math.round((v + m) * 255)
+      .toString(16)
+      .padStart(2, '0')
+  return `#${toHex(r)}${toHex(g)}${toHex(b)}`
+}
+
+const STEPS: Array<{ key: keyof AccentScale; l: number; satMul: number }> = [
+  { key: '50', l: 96, satMul: 0.45 },
+  { key: '100', l: 90, satMul: 0.55 },
+  { key: '200', l: 80, satMul: 0.7 },
+  { key: '300', l: 68, satMul: 0.82 },
+  { key: '400', l: 58, satMul: 0.92 },
+  { key: '500', l: 50, satMul: 1 },
+  { key: '600', l: 42, satMul: 0.96 },
+  { key: '700', l: 34, satMul: 0.9 },
+  { key: '800', l: 26, satMul: 0.8 },
+  { key: '900', l: 18, satMul: 0.7 },
+]
+
+export function buildAccentScale(hex: string): AccentScale {
+  const [r, g, b] = hexToRgb(hex)
+  const [h, s] = rgbToHsl(r, g, b)
+  const scale = {} as AccentScale
+  for (const { key, l, satMul } of STEPS) {
+    scale[key] = hslToHex(h, Math.min(100, s * satMul), l)
+  }
+  return scale
+}
+
+export function accentRgba(hex: string, alpha: number): string {
+  const [r, g, b] = hexToRgb(hex)
+  return `rgba(${r}, ${g}, ${b}, ${alpha})`
+}
+
+function lighten(hex: string, deltaL: number): string {
+  const [r, g, b] = hexToRgb(hex)
+  const [h, s, l] = rgbToHsl(r, g, b)
+  return hslToHex(h, s, Math.min(100, Math.max(0, l + deltaL)))
+}
+
+export interface AccentTokens {
+  accent: string
+  accentHover: string
+  accentBright: string
+  accentBg: string
+  accentBgHover: string
+  accentBorder: string
+  shadowGlow: string
+  shadowGlowStrong: string
+}
+
+export function buildAccentTokens(hex: string): AccentTokens {
+  return {
+    accent: hex,
+    accentHover: lighten(hex, 6),
+    accentBright: lighten(hex, 15),
+    accentBg: accentRgba(hex, 0.12),
+    accentBgHover: accentRgba(hex, 0.18),
+    accentBorder: accentRgba(hex, 0.2),
+    shadowGlow: `0 0 40px ${accentRgba(hex, 0.08)}`,
+    shadowGlowStrong: `0 0 20px ${accentRgba(hex, 0.15)}`,
+  }
+}
+
+/**
+ * Produces a CSS string (for inline <style>) that overrides every accent-related
+ * CSS variable so the whole template re-colors from a single hex.
+ *
+ * Uses the `--accent-teal*` variable names used by the upstream web-landing-app —
+ * component classes reference those names directly, and this keeps them working
+ * without edits to the components.
+ */
+export function accentCssOverrides(hex: string): string {
+  const t = buildAccentTokens(hex)
+  return `:root {
+  --accent: ${t.accent};
+  --accent-hover: ${t.accentHover};
+  --accent-bright: ${t.accentBright};
+  --accent-bg: ${t.accentBg};
+  --accent-bg-hover: ${t.accentBgHover};
+  --accent-border: ${t.accentBorder};
+  --accent-glow: ${t.shadowGlow};
+  --accent-teal: ${t.accent};
+  --accent-teal-hover: ${t.accentHover};
+  --accent-teal-bright: ${t.accentBright};
+  --accent-primary: ${t.accent};
+  --accent-secondary: ${t.accentHover};
+  --accent-warm: ${t.accentHover};
+  --accent-teal-bg: ${t.accentBg};
+  --accent-teal-bg-hover: ${t.accentBgHover};
+  --accent-teal-border: ${t.accentBorder};
+  --shadow-teal-glow: ${t.shadowGlow};
+  --shadow-teal-glow-strong: ${t.shadowGlowStrong};
+}`
+}
diff --git a/packages/landing/src/lib/blog.ts b/packages/landing/src/lib/blog.ts
new file mode 100644
index 0000000..8826d08
--- /dev/null
+++ b/packages/landing/src/lib/blog.ts
@@ -0,0 +1,3 @@
+// Deprecated: blog posts now live in site.blog.grid.posts / site.home.blog.posts in `@/content/site`.
+
+export {}
diff --git a/packages/landing/src/lib/icons.ts b/packages/landing/src/lib/icons.ts
new file mode 100644
index 0000000..ccfb889
--- /dev/null
+++ b/packages/landing/src/lib/icons.ts
@@ -0,0 +1,65 @@
+import type { Icon } from '@phosphor-icons/react'
+import {
+  ShieldCheck,
+  Wallet,
+  CurrencyCircleDollar,
+  Lightning,
+  Code,
+  Monitor,
+  DeviceMobile,
+  Article,
+  EnvelopeSimple,
+  BookOpen,
+  GithubLogo,
+  Browser,
+  Users,
+  Buildings,
+  ChartLine,
+  Handshake,
+  Briefcase,
+  Globe,
+  User,
+  Lifebuoy,
+  Check,
+  Scales,
+  ClipboardText,
+  Lock,
+  Fingerprint,
+  Info,
+  Circle,
+} from '@phosphor-icons/react'
+
+export const iconMap: Record<string, Icon> = {
+  ShieldCheck,
+  Wallet,
+  CurrencyCircleDollar,
+  Lightning,
+  Code,
+  Monitor,
+  DeviceMobile,
+  Article,
+  EnvelopeSimple,
+  BookOpen,
+  GithubLogo,
+  Browser,
+  Users,
+  Buildings,
+  ChartLine,
+  Handshake,
+  Briefcase,
+  Globe,
+  User,
+  Lifebuoy,
+  Check,
+  Scales,
+  ClipboardText,
+  Lock,
+  Fingerprint,
+  Info,
+  Circle,
+}
+
+export function getIcon(name?: string | null): Icon {
+  if (!name) return Circle
+  return iconMap[name] ?? Circle
+}
diff --git a/packages/landing/src/lib/lorem.ts b/packages/landing/src/lib/lorem.ts
new file mode 100644
index 0000000..258fbc6
--- /dev/null
+++ b/packages/landing/src/lib/lorem.ts
@@ -0,0 +1,58 @@
+export type LoremKind =
+  | 'headline'
+  | 'subhead'
+  | 'eyebrow'
+  | 'paragraph'
+  | 'long-paragraph'
+  | 'item-title'
+  | 'item-description'
+  | 'cta-label'
+  | 'stat-value'
+  | 'stat-label'
+  | 'faq-question'
+  | 'faq-answer'
+  | 'nav-label'
+  | 'brand-name'
+
+export function lorem(kind: LoremKind): string {
+  switch (kind) {
+    case 'headline':
+      return '[LOREM: 6–8 word headline]'
+    case 'subhead':
+      return '[LOREM: subhead — one sentence, 15–20 words]'
+    case 'eyebrow':
+      return '[LOREM: eyebrow]'
+    case 'paragraph':
+      return '[LOREM: paragraph — 2–3 sentences, 40–60 words]'
+    case 'long-paragraph':
+      return '[LOREM: long paragraph — 4–6 sentences, 80–120 words]'
+    case 'item-title':
+      return '[LOREM: item title]'
+    case 'item-description':
+      return '[LOREM: item description — 1–2 sentences]'
+    case 'cta-label':
+      return '[LOREM: CTA]'
+    case 'stat-value':
+      return '[NUM]'
+    case 'stat-label':
+      return '[LOREM: stat label]'
+    case 'faq-question':
+      return '[LOREM: FAQ question]'
+    case 'faq-answer':
+      return '[LOREM: FAQ answer — 2–3 sentences]'
+    case 'nav-label':
+      return '[LOREM: nav]'
+    case 'brand-name':
+      return 'Brand'
+    default:
+      return '[LOREM]'
+  }
+}
+
+export const imagePlaceholder = (description: string, width = 1200, height = 600) => ({
+  src: null,
+  alt: description,
+  description,
+  width,
+  height,
+})
diff --git a/packages/landing/src/lib/submitToWaitlist.ts b/packages/landing/src/lib/submitToWaitlist.ts
new file mode 100644
index 0000000..292eec3
--- /dev/null
+++ b/packages/landing/src/lib/submitToWaitlist.ts
@@ -0,0 +1,3 @@
+// Deprecated: template no longer ships a waitlist form by default.
+
+export {}
diff --git a/packages/landing/tsconfig.json b/packages/landing/tsconfig.json
new file mode 100644
index 0000000..61cb923
--- /dev/null
+++ b/packages/landing/tsconfig.json
@@ -0,0 +1,27 @@
+{
+  "compilerOptions": {
+    "target": "ES2017",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "react-jsx",
+    "incremental": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts", ".next/dev/types/**/*.ts", "**/*.mts"],
+  "exclude": ["node_modules", "vitest.config.ts"]
+}
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index e7d5d21..87b6730 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -200,6 +200,55 @@ importers:
         specifier: ^3
         version: 3.2.4(@edge-runtime/vm@3.2.0)(@types/node@22.19.15)(jiti@2.6.1)(jsdom@26.1.0)(lightningcss@1.32.0)(tsx@4.21.0)
 
+  packages/landing:
+    dependencies:
+      '@phosphor-icons/react':
+        specifier: ^2.1.10
+        version: 2.1.10(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      framer-motion:
+        specifier: ^12.26.2
+        version: 12.38.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      next:
+        specifier: 16.0.10
+        version: 16.0.10(@babel/core@7.29.0)(react-dom@19.2.1(react@19.2.1))(react@19.2.1)
+      react:
+        specifier: 19.2.1
+        version: 19.2.1
+      react-dom:
+        specifier: 19.2.1
+        version: 19.2.1(react@19.2.1)
+    devDependencies:
+      '@tailwindcss/postcss':
+        specifier: ^4
+        version: 4.2.4
+      '@types/node':
+        specifier: ^20
+        version: 20.11.0
+      '@types/react':
+        specifier: ^19
+        version: 19.2.14
+      '@types/react-dom':
+        specifier: ^19
+        version: 19.2.3(@types/react@19.2.14)
+      eslint:
+        specifier: ^9
+        version: 9.39.4(jiti@2.6.1)
+      eslint-config-next:
+        specifier: 16.0.10
+        version: 16.0.10(@typescript-eslint/parser@8.58.0(eslint@10.2.0(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3)
+      eslint-config-prettier:
+        specifier: ^10.1.8
+        version: 10.1.8(eslint@9.39.4(jiti@2.6.1))
+      prettier:
+        specifier: ^3.7.4
+        version: 3.8.1
+      tailwindcss:
+        specifier: ^4
+        version: 4.2.2
+      typescript:
+        specifier: ^5
+        version: 5.9.3
+
 packages:
 
   '@actions/core@3.0.0':
@@ -223,6 +272,10 @@ packages:
   '@adraffy/ens-normalize@1.11.1':
     resolution: {integrity: sha512-nhCBV3quEgesuf7c7KYfperqSS14T8bYuvJ8PcLJp6znkZpFc0AuW4qBtr8eKVyPPe/8RSr7sglCWPU5eaxwKQ==}
 
+  '@alloc/quick-lru@5.2.0':
+    resolution: {integrity: sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw==}
+    engines: {node: '>=10'}
+
   '@asamuzakjp/css-color@3.2.0':
     resolution: {integrity: sha512-K1A6z8tS3XsmCMM86xoWdn7Fkdn9m6RSVtocUrJYIwZnFVkng/PvkEoWtOWmP+Scc6saYWHWZYbndEEXxl24jw==}
 
@@ -389,6 +442,15 @@ packages:
     resolution: {integrity: sha512-0dEVyRLM/lG4gp1R/Ik5bfPl/1wX00xFwd5KcNH602tzBa09oF7pbTKETEhR1GjZ75K6OJnYFu8II2dyMhONMw==}
     engines: {node: '>=16'}
 
+  '@emnapi/core@1.10.0':
+    resolution: {integrity: sha512-yq6OkJ4p82CAfPl0u9mQebQHKPJkY7WrIuk205cTYnYe+k2Z8YBh11FrbRG/H6ihirqcacOgl2BIO8oyMQLeXw==}
+
+  '@emnapi/runtime@1.10.0':
+    resolution: {integrity: sha512-ewvYlk86xUoGI0zQRNq/mC+16R1QeDlKQy21Ki3oSYXNgLb45GV1P6A0M+/s6nyCuNDqe5VpaY84BzXGwVbwFA==}
+
+  '@emnapi/wasi-threads@1.2.1':
+    resolution: {integrity: sha512-uTII7OYF+/Mes/MrcIOYp5yOtSMLBWSIoLPpcgwipoiKbli6k322tcoFsxoIIxPDqW01SQGAgko4EzZi2BNv2w==}
+
   '@esbuild-kit/core-utils@3.3.2':
     resolution: {integrity: sha512-sPRAnw9CdSsRmEtnsl2WXWdyquogVpB3yZ3dgwJfe8zrOzTsV7cJvmwrKVa+0ma5BoiGJ+BoqkMvawbayKUsqQ==}
     deprecated: 'Merged into tsx: https://tsx.is'
@@ -1145,18 +1207,34 @@ packages:
     resolution: {integrity: sha512-EriSTlt5OC9/7SXkRSCAhfSxxoSUgBm33OH+IkwbdpgoqsSsUg7y3uh+IICI/Qg4BBWr3U2i39RpmycbxMq4ew==}
     engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
 
+  '@eslint/config-array@0.21.2':
+    resolution: {integrity: sha512-nJl2KGTlrf9GjLimgIru+V/mzgSK0ABCDQRvxw5BjURL7WfH5uoWmizbH7QB6MmnMBd8cIC9uceWnezL1VZWWw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
   '@eslint/config-array@0.23.4':
     resolution: {integrity: sha512-lf19F24LSMfF8weXvW5QEtnLqW70u7kgit5e9PSx0MsHAFclGd1T9ynvWEMDT1w5J4Qt54tomGeAhdoAku1Xow==}
     engines: {node: ^20.19.0 || ^22.13.0 || >=24}
 
+  '@eslint/config-helpers@0.4.2':
+    resolution: {integrity: sha512-gBrxN88gOIf3R7ja5K9slwNayVcZgK6SOUORm2uBzTeIEfeVaIhOpCtTox3P6R7o2jLFwLFTLnC7kU/RGcYEgw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
   '@eslint/config-helpers@0.5.4':
     resolution: {integrity: sha512-jJhqiY3wPMlWWO3370M86CPJ7pt8GmEwSLglMfQhjXal07RCvhmU0as4IuUEW5SJeunfItiEetHmSxCCe9lDBg==}
     engines: {node: ^20.19.0 || ^22.13.0 || >=24}
 
+  '@eslint/core@0.17.0':
+    resolution: {integrity: sha512-yL/sLrpmtDaFEiUj1osRP4TI2MDz1AddJL+jZ7KSqvBuliN4xqYY54IfdN8qD8Toa6g1iloph1fxQNkjOxrrpQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
   '@eslint/core@1.2.0':
     resolution: {integrity: sha512-8FTGbNzTvmSlc4cZBaShkC6YvFMG0riksYWRFKXztqVdXaQbcZLXlFbSpC05s70sGEsXAw0qwhx69JiW7hQS7A==}
     engines: {node: ^20.19.0 || ^22.13.0 || >=24}
 
+  '@eslint/eslintrc@3.3.5':
+    resolution: {integrity: sha512-4IlJx0X0qftVsN5E+/vGujTRIFtwuLbNsVUe7TO6zYPDR1O6nFwvwhIKEKSrl6dZchmYBITazxKoUYOjdtjlRg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
   '@eslint/js@10.0.1':
     resolution: {integrity: sha512-zeR9k5pd4gxjZ0abRoIaxdc7I3nDktoXZk2qOv9gCNWx3mVwEn32VRhyLaRsDiJjTs0xq/T8mfPtyuXu7GWBcA==}
     engines: {node: ^20.19.0 || ^22.13.0 || >=24}
@@ -1166,10 +1244,22 @@ packages:
       eslint:
         optional: true
 
+  '@eslint/js@9.39.4':
+    resolution: {integrity: sha512-nE7DEIchvtiFTwBw4Lfbu59PG+kCofhjsKaCWzxTpt4lfRjRMqG6uMBzKXuEcyXhOHoUp9riAm7/aWYGhXZ9cw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
+  '@eslint/object-schema@2.1.7':
+    resolution: {integrity: sha512-VtAOaymWVfZcmZbp6E2mympDIHvyjXs/12LqWYjVw6qjrfF+VK+fyG33kChz3nnK+SU5/NeHOqrTEHS8sXO3OA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
   '@eslint/object-schema@3.0.4':
     resolution: {integrity: sha512-55lO/7+Yp0ISKRP0PsPtNTeNGapXaO085aELZmWCVc5SH3jfrqpuU6YgOdIxMS99ZHkQN1cXKE+cdIqwww9ptw==}
     engines: {node: ^20.19.0 || ^22.13.0 || >=24}
 
+  '@eslint/plugin-kit@0.4.1':
+    resolution: {integrity: sha512-43/qtrDUokr7LJqoF2c3+RInu/t4zfrpYdoSDfYyhg52rwLV6TnOvdG4fXm7IkSB3wErkcmJS9iEhjVtOSEjjA==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
   '@eslint/plugin-kit@0.7.0':
     resolution: {integrity: sha512-ejvBr8MQCbVsWNZnCwDXjUKq40MDmHalq7cJ6e9s/qzTUFIIo/afzt1Vui9T97FM/V/pN4YsFVoed5NIa96RDg==}
     engines: {node: ^20.19.0 || ^22.13.0 || >=24}
@@ -1203,6 +1293,159 @@ packages:
     resolution: {integrity: sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ==}
     engines: {node: '>=18.18'}
 
+  '@img/colour@1.1.0':
+    resolution: {integrity: sha512-Td76q7j57o/tLVdgS746cYARfSyxk8iEfRxewL9h4OMzYhbW4TAcppl0mT4eyqXddh6L/jwoM75mo7ixa/pCeQ==}
+    engines: {node: '>=18'}
+
+  '@img/sharp-darwin-arm64@0.34.5':
+    resolution: {integrity: sha512-imtQ3WMJXbMY4fxb/Ndp6HBTNVtWCUI0WdobyheGf5+ad6xX8VIDO8u2xE4qc/fr08CKG/7dDseFtn6M6g/r3w==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@img/sharp-darwin-x64@0.34.5':
+    resolution: {integrity: sha512-YNEFAF/4KQ/PeW0N+r+aVVsoIY0/qxxikF2SWdp+NRkmMB7y9LBZAVqQ4yhGCm/H3H270OSykqmQMKLBhBJDEw==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [x64]
+    os: [darwin]
+
+  '@img/sharp-libvips-darwin-arm64@1.2.4':
+    resolution: {integrity: sha512-zqjjo7RatFfFoP0MkQ51jfuFZBnVE2pRiaydKJ1G/rHZvnsrHAOcQALIi9sA5co5xenQdTugCvtb1cuf78Vf4g==}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@img/sharp-libvips-darwin-x64@1.2.4':
+    resolution: {integrity: sha512-1IOd5xfVhlGwX+zXv2N93k0yMONvUlANylbJw1eTah8K/Jtpi15KC+WSiaX/nBmbm2HxRM1gZ0nSdjSsrZbGKg==}
+    cpu: [x64]
+    os: [darwin]
+
+  '@img/sharp-libvips-linux-arm64@1.2.4':
+    resolution: {integrity: sha512-excjX8DfsIcJ10x1Kzr4RcWe1edC9PquDRRPx3YVCvQv+U5p7Yin2s32ftzikXojb1PIFc/9Mt28/y+iRklkrw==}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  '@img/sharp-libvips-linux-arm@1.2.4':
+    resolution: {integrity: sha512-bFI7xcKFELdiNCVov8e44Ia4u2byA+l3XtsAj+Q8tfCwO6BQ8iDojYdvoPMqsKDkuoOo+X6HZA0s0q11ANMQ8A==}
+    cpu: [arm]
+    os: [linux]
+    libc: [glibc]
+
+  '@img/sharp-libvips-linux-ppc64@1.2.4':
+    resolution: {integrity: sha512-FMuvGijLDYG6lW+b/UvyilUWu5Ayu+3r2d1S8notiGCIyYU/76eig1UfMmkZ7vwgOrzKzlQbFSuQfgm7GYUPpA==}
+    cpu: [ppc64]
+    os: [linux]
+    libc: [glibc]
+
+  '@img/sharp-libvips-linux-riscv64@1.2.4':
+    resolution: {integrity: sha512-oVDbcR4zUC0ce82teubSm+x6ETixtKZBh/qbREIOcI3cULzDyb18Sr/Wcyx7NRQeQzOiHTNbZFF1UwPS2scyGA==}
+    cpu: [riscv64]
+    os: [linux]
+    libc: [glibc]
+
+  '@img/sharp-libvips-linux-s390x@1.2.4':
+    resolution: {integrity: sha512-qmp9VrzgPgMoGZyPvrQHqk02uyjA0/QrTO26Tqk6l4ZV0MPWIW6LTkqOIov+J1yEu7MbFQaDpwdwJKhbJvuRxQ==}
+    cpu: [s390x]
+    os: [linux]
+    libc: [glibc]
+
+  '@img/sharp-libvips-linux-x64@1.2.4':
+    resolution: {integrity: sha512-tJxiiLsmHc9Ax1bz3oaOYBURTXGIRDODBqhveVHonrHJ9/+k89qbLl0bcJns+e4t4rvaNBxaEZsFtSfAdquPrw==}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  '@img/sharp-libvips-linuxmusl-arm64@1.2.4':
+    resolution: {integrity: sha512-FVQHuwx1IIuNow9QAbYUzJ+En8KcVm9Lk5+uGUQJHaZmMECZmOlix9HnH7n1TRkXMS0pGxIJokIVB9SuqZGGXw==}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  '@img/sharp-libvips-linuxmusl-x64@1.2.4':
+    resolution: {integrity: sha512-+LpyBk7L44ZIXwz/VYfglaX/okxezESc6UxDSoyo2Ks6Jxc4Y7sGjpgU9s4PMgqgjj1gZCylTieNamqA1MF7Dg==}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  '@img/sharp-linux-arm64@0.34.5':
+    resolution: {integrity: sha512-bKQzaJRY/bkPOXyKx5EVup7qkaojECG6NLYswgktOZjaXecSAeCWiZwwiFf3/Y+O1HrauiE3FVsGxFg8c24rZg==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  '@img/sharp-linux-arm@0.34.5':
+    resolution: {integrity: sha512-9dLqsvwtg1uuXBGZKsxem9595+ujv0sJ6Vi8wcTANSFpwV/GONat5eCkzQo/1O6zRIkh0m/8+5BjrRr7jDUSZw==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [arm]
+    os: [linux]
+    libc: [glibc]
+
+  '@img/sharp-linux-ppc64@0.34.5':
+    resolution: {integrity: sha512-7zznwNaqW6YtsfrGGDA6BRkISKAAE1Jo0QdpNYXNMHu2+0dTrPflTLNkpc8l7MUP5M16ZJcUvysVWWrMefZquA==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [ppc64]
+    os: [linux]
+    libc: [glibc]
+
+  '@img/sharp-linux-riscv64@0.34.5':
+    resolution: {integrity: sha512-51gJuLPTKa7piYPaVs8GmByo7/U7/7TZOq+cnXJIHZKavIRHAP77e3N2HEl3dgiqdD/w0yUfiJnII77PuDDFdw==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [riscv64]
+    os: [linux]
+    libc: [glibc]
+
+  '@img/sharp-linux-s390x@0.34.5':
+    resolution: {integrity: sha512-nQtCk0PdKfho3eC5MrbQoigJ2gd1CgddUMkabUj+rBevs8tZ2cULOx46E7oyX+04WGfABgIwmMC0VqieTiR4jg==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [s390x]
+    os: [linux]
+    libc: [glibc]
+
+  '@img/sharp-linux-x64@0.34.5':
+    resolution: {integrity: sha512-MEzd8HPKxVxVenwAa+JRPwEC7QFjoPWuS5NZnBt6B3pu7EG2Ge0id1oLHZpPJdn3OQK+BQDiw9zStiHBTJQQQQ==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  '@img/sharp-linuxmusl-arm64@0.34.5':
+    resolution: {integrity: sha512-fprJR6GtRsMt6Kyfq44IsChVZeGN97gTD331weR1ex1c1rypDEABN6Tm2xa1wE6lYb5DdEnk03NZPqA7Id21yg==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  '@img/sharp-linuxmusl-x64@0.34.5':
+    resolution: {integrity: sha512-Jg8wNT1MUzIvhBFxViqrEhWDGzqymo3sV7z7ZsaWbZNDLXRJZoRGrjulp60YYtV4wfY8VIKcWidjojlLcWrd8Q==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  '@img/sharp-wasm32@0.34.5':
+    resolution: {integrity: sha512-OdWTEiVkY2PHwqkbBI8frFxQQFekHaSSkUIJkwzclWZe64O1X4UlUjqqqLaPbUpMOQk6FBu/HtlGXNblIs0huw==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [wasm32]
+
+  '@img/sharp-win32-arm64@0.34.5':
+    resolution: {integrity: sha512-WQ3AgWCWYSb2yt+IG8mnC6Jdk9Whs7O0gxphblsLvdhSpSTtmu69ZG1Gkb6NuvxsNACwiPV6cNSZNzt0KPsw7g==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [arm64]
+    os: [win32]
+
+  '@img/sharp-win32-ia32@0.34.5':
+    resolution: {integrity: sha512-FV9m/7NmeCmSHDD5j4+4pNI8Cp3aW+JvLoXcTUo0IqyjSfAZJ8dIUmijx1qaJsIiU+Hosw6xM5KijAWRJCSgNg==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [ia32]
+    os: [win32]
+
+  '@img/sharp-win32-x64@0.34.5':
+    resolution: {integrity: sha512-+29YMsqY2/9eFEiW93eqWnuLcWcufowXewwSNIT6UwZdUUCrM3oFjMWH/Z6/TMmb4hlFenmfAVbpWeup2jryCw==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [x64]
+    os: [win32]
+
   '@isaacs/balanced-match@4.0.1':
     resolution: {integrity: sha512-yzMTt9lEb8Gv7zRioUilSglI0c0smZ9k5D65677DLWLtWJaXIS3CqcGyUFByYKlnUj6TkjLVs54fBl6+TiGQDQ==}
     engines: {node: 20 || >=22}
@@ -1236,10 +1479,71 @@ packages:
     engines: {node: '>=18'}
     hasBin: true
 
+  '@napi-rs/wasm-runtime@0.2.12':
+    resolution: {integrity: sha512-ZVWUcfwY4E/yPitQJl481FjFo3K22D6qF0DuFH6Y/nbnE11GY5uguDxZMGXPQ8WQ0128MXQD7TnfHyK4oWoIJQ==}
+
   '@neondatabase/serverless@1.0.2':
     resolution: {integrity: sha512-I5sbpSIAHiB+b6UttofhrN/UJXII+4tZPAq1qugzwCwLIL8EZLV7F/JyHUrEIiGgQpEXzpnjlJ+zwcEhheGvCw==}
     engines: {node: '>=19.0.0'}
 
+  '@next/env@16.0.10':
+    resolution: {integrity: sha512-8tuaQkyDVgeONQ1MeT9Mkk8pQmZapMKFh5B+OrFUlG3rVmYTXcXlBetBgTurKXGaIZvkoqRT9JL5K3phXcgang==}
+
+  '@next/eslint-plugin-next@16.0.10':
+    resolution: {integrity: sha512-b2NlWN70bbPLmfyoLvvidPKWENBYYIe017ZGUpElvQjDytCWgxPJx7L9juxHt0xHvNVA08ZHJdOyhGzon/KJuw==}
+
+  '@next/swc-darwin-arm64@16.0.10':
+    resolution: {integrity: sha512-4XgdKtdVsaflErz+B5XeG0T5PeXKDdruDf3CRpnhN+8UebNa5N2H58+3GDgpn/9GBurrQ1uWW768FfscwYkJRg==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@next/swc-darwin-x64@16.0.10':
+    resolution: {integrity: sha512-spbEObMvRKkQ3CkYVOME+ocPDFo5UqHb8EMTS78/0mQ+O1nqE8toHJVioZo4TvebATxgA8XMTHHrScPrn68OGw==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@next/swc-linux-arm64-gnu@16.0.10':
+    resolution: {integrity: sha512-uQtWE3X0iGB8apTIskOMi2w/MKONrPOUCi5yLO+v3O8Mb5c7K4Q5KD1jvTpTF5gJKa3VH/ijKjKUq9O9UhwOYw==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  '@next/swc-linux-arm64-musl@16.0.10':
+    resolution: {integrity: sha512-llA+hiDTrYvyWI21Z0L1GiXwjQaanPVQQwru5peOgtooeJ8qx3tlqRV2P7uH2pKQaUfHxI/WVarvI5oYgGxaTw==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  '@next/swc-linux-x64-gnu@16.0.10':
+    resolution: {integrity: sha512-AK2q5H0+a9nsXbeZ3FZdMtbtu9jxW4R/NgzZ6+lrTm3d6Zb7jYrWcgjcpM1k8uuqlSy4xIyPR2YiuUr+wXsavA==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  '@next/swc-linux-x64-musl@16.0.10':
+    resolution: {integrity: sha512-1TDG9PDKivNw5550S111gsO4RGennLVl9cipPhtkXIFVwo31YZ73nEbLjNC8qG3SgTz/QZyYyaFYMeY4BKZR/g==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  '@next/swc-win32-arm64-msvc@16.0.10':
+    resolution: {integrity: sha512-aEZIS4Hh32xdJQbHz121pyuVZniSNoqDVx1yIr2hy+ZwJGipeqnMZBJHyMxv2tiuAXGx6/xpTcQJ6btIiBjgmg==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@next/swc-win32-x64-msvc@16.0.10':
+    resolution: {integrity: sha512-E+njfCoFLb01RAFEnGZn6ERoOqhK1Gl3Lfz1Kjnj0Ulfu7oJbuMyvBKNj/bw8XZnenHDASlygTjZICQW+rYW1Q==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [win32]
+
   '@noble/ciphers@1.3.0':
     resolution: {integrity: sha512-2I0gnIVPtfnMw9ee9h1dJG7tp81+8Ob3OJb3Mv37rx5L40/b0i7djjCVvGOVqc9AEIQyvyu1i6ypKdFw8R8gQw==}
     engines: {node: ^14.21.3 || >=16}
@@ -1278,6 +1582,10 @@ packages:
     resolution: {integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==}
     engines: {node: '>= 8'}
 
+  '@nolyfill/is-core-module@1.0.39':
+    resolution: {integrity: sha512-nn5ozdjYQpUCZlWGuxcJY/KpxkWQs4DcbMCmKojjyrYDEAGy4Ce19NN4v5MduafTwJlbKc99UA8YhSVqq9yPZA==}
+    engines: {node: '>=12.4.0'}
+
   '@octokit/auth-token@6.0.0':
     resolution: {integrity: sha512-P4YJBPdPSpWTQ1NU4XYdvHvXJJDxM6YwpS0FZHRgP7YFkdVxsWcpWGy/NVqlAA7PcPCnMacXlRm1y2PFZRWL/w==}
     engines: {node: '>= 20'}
@@ -1329,6 +1637,13 @@ packages:
   '@petamoriken/float16@3.9.3':
     resolution: {integrity: sha512-8awtpHXCx/bNpFt4mt2xdkgtgVvKqty8VbjHI/WWWQuEw+KLzFot3f4+LkQY9YmOtq7A5GdOnqoIC8Pdygjk2g==}
 
+  '@phosphor-icons/react@2.1.10':
+    resolution: {integrity: sha512-vt8Tvq8GLjheAZZYa+YG/pW7HDbov8El/MANW8pOAz4eGxrwhnbfrQZq0Cp4q8zBEu8NIhHdnr+r8thnfRSNYA==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      react: '>= 16.8'
+      react-dom: '>= 16.8'
+
   '@pinojs/redact@0.4.0':
     resolution: {integrity: sha512-k2ENnmBugE/rzQfEcdWHcCY+/FM3VLzH9cYEsbdsoqrvzAKRhUZeRNhAZvB8OitQJ1TBed3yqWtdjzS6wJKBwg==}
 
@@ -1697,6 +2012,9 @@ packages:
     cpu: [x64]
     os: [win32]
 
+  '@rtsao/scc@1.1.0':
+    resolution: {integrity: sha512-zt6OdqaDoOnJ1ZYsCYGt9YmWzDXl4vQdKTyJev62gFhRGKdx7mcT54V9KIjg+d2wi9EXsPvAPKe7i7WjfVWB8g==}
+
   '@scure/base@1.1.9':
     resolution: {integrity: sha512-8YKhl8GHiNI/pU2VMaofa2Tor7PJRAjwQLBBuilkJ9L5+13yVbC7JO/wS7piioAvPSwR3JKM1IJ/u4xQzbcXKg==}
 
@@ -1807,39 +2125,75 @@ packages:
   '@stablelib/wipe@1.0.1':
     resolution: {integrity: sha512-WfqfX/eXGiAd3RJe4VU2snh/ZPwtSjLG4ynQ/vYzvghTh7dHFcI1wl+nrkWG6lGhukOxOsUHfv8dUXr58D0ayg==}
 
+  '@swc/helpers@0.5.15':
+    resolution: {integrity: sha512-JQ5TuMi45Owi4/BIMAJBoSQoOJu12oOk/gADqlcUL9JEdHB8vyjUSsxqeNXnmXHjYKMi2WcYtezGEEhqUI/E2g==}
+
   '@tailwindcss/node@4.2.2':
     resolution: {integrity: sha512-pXS+wJ2gZpVXqFaUEjojq7jzMpTGf8rU6ipJz5ovJV6PUGmlJ+jvIwGrzdHdQ80Sg+wmQxUFuoW1UAAwHNEdFA==}
 
+  '@tailwindcss/node@4.2.4':
+    resolution: {integrity: sha512-Ai7+yQPxz3ddrDQzFfBKdHEVBg0w3Zl83jnjuwxnZOsnH9pGn93QHQtpU0p/8rYWxvbFZHneni6p1BSLK4DkGA==}
+
   '@tailwindcss/oxide-android-arm64@4.2.2':
     resolution: {integrity: sha512-dXGR1n+P3B6748jZO/SvHZq7qBOqqzQ+yFrXpoOWWALWndF9MoSKAT3Q0fYgAzYzGhxNYOoysRvYlpixRBBoDg==}
     engines: {node: '>= 20'}
     cpu: [arm64]
     os: [android]
 
+  '@tailwindcss/oxide-android-arm64@4.2.4':
+    resolution: {integrity: sha512-e7MOr1SAn9U8KlZzPi1ZXGZHeC5anY36qjNwmZv9pOJ8E4Q6jmD1vyEHkQFmNOIN7twGPEMXRHmitN4zCMN03g==}
+    engines: {node: '>= 20'}
+    cpu: [arm64]
+    os: [android]
+
   '@tailwindcss/oxide-darwin-arm64@4.2.2':
     resolution: {integrity: sha512-iq9Qjr6knfMpZHj55/37ouZeykwbDqF21gPFtfnhCCKGDcPI/21FKC9XdMO/XyBM7qKORx6UIhGgg6jLl7BZlg==}
     engines: {node: '>= 20'}
     cpu: [arm64]
     os: [darwin]
 
+  '@tailwindcss/oxide-darwin-arm64@4.2.4':
+    resolution: {integrity: sha512-tSC/Kbqpz/5/o/C2sG7QvOxAKqyd10bq+ypZNf+9Fi2TvbVbv1zNpcEptcsU7DPROaSbVgUXmrzKhurFvo5eDg==}
+    engines: {node: '>= 20'}
+    cpu: [arm64]
+    os: [darwin]
+
   '@tailwindcss/oxide-darwin-x64@4.2.2':
     resolution: {integrity: sha512-BlR+2c3nzc8f2G639LpL89YY4bdcIdUmiOOkv2GQv4/4M0vJlpXEa0JXNHhCHU7VWOKWT/CjqHdTP8aUuDJkuw==}
     engines: {node: '>= 20'}
     cpu: [x64]
     os: [darwin]
 
+  '@tailwindcss/oxide-darwin-x64@4.2.4':
+    resolution: {integrity: sha512-yPyUXn3yO/ufR6+Kzv0t4fCg2qNr90jxXc5QqBpjlPNd0NqyDXcmQb/6weunH/MEDXW5dhyEi+agTDiqa3WsGg==}
+    engines: {node: '>= 20'}
+    cpu: [x64]
+    os: [darwin]
+
   '@tailwindcss/oxide-freebsd-x64@4.2.2':
     resolution: {integrity: sha512-YUqUgrGMSu2CDO82hzlQ5qSb5xmx3RUrke/QgnoEx7KvmRJHQuZHZmZTLSuuHwFf0DJPybFMXMYf+WJdxHy/nQ==}
     engines: {node: '>= 20'}
     cpu: [x64]
     os: [freebsd]
 
+  '@tailwindcss/oxide-freebsd-x64@4.2.4':
+    resolution: {integrity: sha512-BoMIB4vMQtZsXdGLVc2z+P9DbETkiopogfWZKbWwM8b/1Vinbs4YcUwo+kM/KeLkX3Ygrf4/PsRndKaYhS8Eiw==}
+    engines: {node: '>= 20'}
+    cpu: [x64]
+    os: [freebsd]
+
   '@tailwindcss/oxide-linux-arm-gnueabihf@4.2.2':
     resolution: {integrity: sha512-FPdhvsW6g06T9BWT0qTwiVZYE2WIFo2dY5aCSpjG/S/u1tby+wXoslXS0kl3/KXnULlLr1E3NPRRw0g7t2kgaQ==}
     engines: {node: '>= 20'}
     cpu: [arm]
     os: [linux]
 
+  '@tailwindcss/oxide-linux-arm-gnueabihf@4.2.4':
+    resolution: {integrity: sha512-7pIHBLTHYRAlS7V22JNuTh33yLH4VElwKtB3bwchK/UaKUPpQ0lPQiOWcbm4V3WP2I6fNIJ23vABIvoy2izdwA==}
+    engines: {node: '>= 20'}
+    cpu: [arm]
+    os: [linux]
+
   '@tailwindcss/oxide-linux-arm64-gnu@4.2.2':
     resolution: {integrity: sha512-4og1V+ftEPXGttOO7eCmW7VICmzzJWgMx+QXAJRAhjrSjumCwWqMfkDrNu1LXEQzNAwz28NCUpucgQPrR4S2yw==}
     engines: {node: '>= 20'}
@@ -1847,6 +2201,13 @@ packages:
     os: [linux]
     libc: [glibc]
 
+  '@tailwindcss/oxide-linux-arm64-gnu@4.2.4':
+    resolution: {integrity: sha512-+E4wxJ0ZGOzSH325reXTWB48l42i93kQqMvDyz5gqfRzRZ7faNhnmvlV4EPGJU3QJM/3Ab5jhJ5pCRUsKn6OQw==}
+    engines: {node: '>= 20'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
   '@tailwindcss/oxide-linux-arm64-musl@4.2.2':
     resolution: {integrity: sha512-oCfG/mS+/+XRlwNjnsNLVwnMWYH7tn/kYPsNPh+JSOMlnt93mYNCKHYzylRhI51X+TbR+ufNhhKKzm6QkqX8ag==}
     engines: {node: '>= 20'}
@@ -1854,6 +2215,13 @@ packages:
     os: [linux]
     libc: [musl]
 
+  '@tailwindcss/oxide-linux-arm64-musl@4.2.4':
+    resolution: {integrity: sha512-bBADEGAbo4ASnppIziaQJelekCxdMaxisrk+fB7Thit72IBnALp9K6ffA2G4ruj90G9XRS2VQ6q2bCKbfFV82g==}
+    engines: {node: '>= 20'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
   '@tailwindcss/oxide-linux-x64-gnu@4.2.2':
     resolution: {integrity: sha512-rTAGAkDgqbXHNp/xW0iugLVmX62wOp2PoE39BTCGKjv3Iocf6AFbRP/wZT/kuCxC9QBh9Pu8XPkv/zCZB2mcMg==}
     engines: {node: '>= 20'}
@@ -1861,6 +2229,13 @@ packages:
     os: [linux]
     libc: [glibc]
 
+  '@tailwindcss/oxide-linux-x64-gnu@4.2.4':
+    resolution: {integrity: sha512-7Mx25E4WTfnht0TVRTyC00j3i0M+EeFe7wguMDTlX4mRxafznw0CA8WJkFjWYH5BlgELd1kSjuU2JiPnNZbJDA==}
+    engines: {node: '>= 20'}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
   '@tailwindcss/oxide-linux-x64-musl@4.2.2':
     resolution: {integrity: sha512-XW3t3qwbIwiSyRCggeO2zxe3KWaEbM0/kW9e8+0XpBgyKU4ATYzcVSMKteZJ1iukJ3HgHBjbg9P5YPRCVUxlnQ==}
     engines: {node: '>= 20'}
@@ -1868,6 +2243,13 @@ packages:
     os: [linux]
     libc: [musl]
 
+  '@tailwindcss/oxide-linux-x64-musl@4.2.4':
+    resolution: {integrity: sha512-2wwJRF7nyhOR0hhHoChc04xngV3iS+akccHTGtz965FwF0up4b2lOdo6kI1EbDaEXKgvcrFBYcYQQ/rrnWFVfA==}
+    engines: {node: '>= 20'}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
   '@tailwindcss/oxide-wasm32-wasi@4.2.2':
     resolution: {integrity: sha512-eKSztKsmEsn1O5lJ4ZAfyn41NfG7vzCg496YiGtMDV86jz1q/irhms5O0VrY6ZwTUkFy/EKG3RfWgxSI3VbZ8Q==}
     engines: {node: '>=14.0.0'}
@@ -1880,22 +2262,53 @@ packages:
       - '@emnapi/wasi-threads'
       - tslib
 
+  '@tailwindcss/oxide-wasm32-wasi@4.2.4':
+    resolution: {integrity: sha512-FQsqApeor8Fo6gUEklzmaa9994orJZZDBAlQpK2Mq+DslRKFJeD6AjHpBQ0kZFQohVr8o85PPh8eOy86VlSCmw==}
+    engines: {node: '>=14.0.0'}
+    cpu: [wasm32]
+    bundledDependencies:
+      - '@napi-rs/wasm-runtime'
+      - '@emnapi/core'
+      - '@emnapi/runtime'
+      - '@tybys/wasm-util'
+      - '@emnapi/wasi-threads'
+      - tslib
+
   '@tailwindcss/oxide-win32-arm64-msvc@4.2.2':
     resolution: {integrity: sha512-qPmaQM4iKu5mxpsrWZMOZRgZv1tOZpUm+zdhhQP0VhJfyGGO3aUKdbh3gDZc/dPLQwW4eSqWGrrcWNBZWUWaXQ==}
     engines: {node: '>= 20'}
     cpu: [arm64]
     os: [win32]
 
+  '@tailwindcss/oxide-win32-arm64-msvc@4.2.4':
+    resolution: {integrity: sha512-L9BXqxC4ToVgwMFqj3pmZRqyHEztulpUJzCxUtLjobMCzTPsGt1Fa9enKbOpY2iIyVtaHNeNvAK8ERP/64sqGQ==}
+    engines: {node: '>= 20'}
+    cpu: [arm64]
+    os: [win32]
+
   '@tailwindcss/oxide-win32-x64-msvc@4.2.2':
     resolution: {integrity: sha512-1T/37VvI7WyH66b+vqHj/cLwnCxt7Qt3WFu5Q8hk65aOvlwAhs7rAp1VkulBJw/N4tMirXjVnylTR72uI0HGcA==}
     engines: {node: '>= 20'}
     cpu: [x64]
     os: [win32]
 
+  '@tailwindcss/oxide-win32-x64-msvc@4.2.4':
+    resolution: {integrity: sha512-ESlKG0EpVJQwRjXDDa9rLvhEAh0mhP1sF7sap9dNZT0yyl9SAG6T7gdP09EH0vIv0UNTlo6jPWyujD6559fZvw==}
+    engines: {node: '>= 20'}
+    cpu: [x64]
+    os: [win32]
+
   '@tailwindcss/oxide@4.2.2':
     resolution: {integrity: sha512-qEUA07+E5kehxYp9BVMpq9E8vnJuBHfJEC0vPC5e7iL/hw7HR61aDKoVoKzrG+QKp56vhNZe4qwkRmMC0zDLvg==}
     engines: {node: '>= 20'}
 
+  '@tailwindcss/oxide@4.2.4':
+    resolution: {integrity: sha512-9El/iI069DKDSXwTvB9J4BwdO5JhRrOweGaK25taBAvBXyXqJAX+Jqdvs8r8gKpsI/1m0LeJLyQYTf/WLrBT1Q==}
+    engines: {node: '>= 20'}
+
+  '@tailwindcss/postcss@4.2.4':
+    resolution: {integrity: sha512-wgAVj6nUWAolAu8YFvzT2cTBIElWHkjZwFYovF+xsqKsW2ADxM/X2opxj5NsF/qVccAOjRNe8X2IdPzMsWyHTg==}
+
   '@tailwindcss/vite@4.2.2':
     resolution: {integrity: sha512-mEiF5HO1QqCLXoNEfXVA1Tzo+cYsrqV7w9Juj2wdUFyW07JRenqMG225MvPwr3ZD9N1bFQj46X7r33iHxLUW0w==}
     peerDependencies:
@@ -1960,6 +2373,9 @@ packages:
   '@ts-morph/common@0.11.1':
     resolution: {integrity: sha512-7hWZS0NRpEsNV8vWJzg7FEz6V8MaLNeJOmwmghqUXTpzk16V1LLZhdo+4QvE/+zv4cVci0OviuJFnqhEfoV3+g==}
 
+  '@tybys/wasm-util@0.10.1':
+    resolution: {integrity: sha512-9tTaPJLSiejZKx+Bmog4uSubteqTvFrVrURwkmHixBo0G4seD0zUxp98E1DzUBJxLQ3NPwXrGKDiVjwx/DpPsg==}
+
   '@types/aria-query@5.0.4':
     resolution: {integrity: sha512-rfT93uj5s0PRL7EzccGMs3brplhcrghnDoV26NqKhCAS1hVo+WdNsPvE/yb6ilfr5hi2MEk6d5EWJTKdxg8jVw==}
 
@@ -1990,6 +2406,9 @@ packages:
   '@types/json-schema@7.0.15':
     resolution: {integrity: sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==}
 
+  '@types/json5@0.0.29':
+    resolution: {integrity: sha512-dRLjCWHYg4oaA77cxO64oO+7JwCwnIzkZPdrrC71jQmQtlhM556pwKo5bUzqvZndkVbeFLIIi+9TC40JNF5hNQ==}
+
   '@types/node@20.11.0':
     resolution: {integrity: sha512-o9bjXmDNcF7GbM4CNQpmi+TutCgap/K3w1JyKgxAjqx41zp9qlIAVFi0IhCNsJcXolEqLWhbFbEeL0PvYm4pcQ==}
 
@@ -2072,25 +2491,128 @@ packages:
     resolution: {integrity: sha512-XJ9UD9+bbDo4a4epraTwG3TsNPeiB9aShrUneAVXy8q4LuwowN+qu89/6ByLMINqvIMeI9H9hOHQtg/ijrYXzQ==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
-  '@vercel/build-utils@13.12.0':
-    resolution: {integrity: sha512-GnavaJQPt1tm9qxFdghMsN1Sf2P+Bo3fIG3iEKJBuYTLahWm17AZrH+/Hh1A+R3nRgS3De5BJ2/fDgh0VV2QZA==}
-
-  '@vercel/error-utils@2.0.3':
-    resolution: {integrity: sha512-CqC01WZxbLUxoiVdh9B/poPbNpY9U+tO1N9oWHwTl5YAZxcqXmmWJ8KNMFItJCUUWdY3J3xv8LvAuQv2KZ5YdQ==}
+  '@unrs/resolver-binding-android-arm-eabi@1.11.1':
+    resolution: {integrity: sha512-ppLRUgHVaGRWUx0R0Ut06Mjo9gBaBkg3v/8AxusGLhsIotbBLuRk51rAzqLC8gq6NyyAojEXglNjzf6R948DNw==}
+    cpu: [arm]
+    os: [android]
 
-  '@vercel/nft@1.5.0':
-    resolution: {integrity: sha512-IWTDeIoWhQ7ZtRO/JRKH+jhmeQvZYhtGPmzw/QGDY+wDCQqfm25P9yIdoAFagu4fWsK4IwZXDFIjrmp5rRm/sA==}
-    engines: {node: '>=20'}
-    hasBin: true
+  '@unrs/resolver-binding-android-arm64@1.11.1':
+    resolution: {integrity: sha512-lCxkVtb4wp1v+EoN+HjIG9cIIzPkX5OtM03pQYkG+U5O/wL53LC4QbIeazgiKqluGeVEeBlZahHalCaBvU1a2g==}
+    cpu: [arm64]
+    os: [android]
 
-  '@vercel/node@5.6.22':
-    resolution: {integrity: sha512-Lu6ToUYz8oMdYwN+6OR9KCh2MbkAloBu5YFKlEmIc51Je9Q21W/kqBneA3ZuWlMMpYHstz1E19GL+tqHb7yFdw==}
+  '@unrs/resolver-binding-darwin-arm64@1.11.1':
+    resolution: {integrity: sha512-gPVA1UjRu1Y/IsB/dQEsp2V1pm44Of6+LWvbLc9SDk1c2KhhDRDBUkQCYVWe6f26uJb3fOK8saWMgtX8IrMk3g==}
+    cpu: [arm64]
+    os: [darwin]
 
-  '@vercel/python-analysis@0.11.0':
-    resolution: {integrity: sha512-gsoj+nscmNm0xDh+tRhECRhit2VlAVaD7jc9h93sN6rDEBDxPo7eLEgIJFzVDaAItxERZ9Od2IK/04fB9vFy+g==}
+  '@unrs/resolver-binding-darwin-x64@1.11.1':
+    resolution: {integrity: sha512-cFzP7rWKd3lZaCsDze07QX1SC24lO8mPty9vdP+YVa3MGdVgPmFc59317b2ioXtgCMKGiCLxJ4HQs62oz6GfRQ==}
+    cpu: [x64]
+    os: [darwin]
 
-  '@vercel/static-config@3.2.0':
-    resolution: {integrity: sha512-UpOEIgWxWx0M+mDe1IMdHS6JuWM/L5nNIJ4ixX8v9JgBAejymo88OkgnmfLCNMem0Wd+b5vcQPWLdZybCndlsA==}
+  '@unrs/resolver-binding-freebsd-x64@1.11.1':
+    resolution: {integrity: sha512-fqtGgak3zX4DCB6PFpsH5+Kmt/8CIi4Bry4rb1ho6Av2QHTREM+47y282Uqiu3ZRF5IQioJQ5qWRV6jduA+iGw==}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@unrs/resolver-binding-linux-arm-gnueabihf@1.11.1':
+    resolution: {integrity: sha512-u92mvlcYtp9MRKmP+ZvMmtPN34+/3lMHlyMj7wXJDeXxuM0Vgzz0+PPJNsro1m3IZPYChIkn944wW8TYgGKFHw==}
+    cpu: [arm]
+    os: [linux]
+
+  '@unrs/resolver-binding-linux-arm-musleabihf@1.11.1':
+    resolution: {integrity: sha512-cINaoY2z7LVCrfHkIcmvj7osTOtm6VVT16b5oQdS4beibX2SYBwgYLmqhBjA1t51CarSaBuX5YNsWLjsqfW5Cw==}
+    cpu: [arm]
+    os: [linux]
+
+  '@unrs/resolver-binding-linux-arm64-gnu@1.11.1':
+    resolution: {integrity: sha512-34gw7PjDGB9JgePJEmhEqBhWvCiiWCuXsL9hYphDF7crW7UgI05gyBAi6MF58uGcMOiOqSJ2ybEeCvHcq0BCmQ==}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  '@unrs/resolver-binding-linux-arm64-musl@1.11.1':
+    resolution: {integrity: sha512-RyMIx6Uf53hhOtJDIamSbTskA99sPHS96wxVE/bJtePJJtpdKGXO1wY90oRdXuYOGOTuqjT8ACccMc4K6QmT3w==}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  '@unrs/resolver-binding-linux-ppc64-gnu@1.11.1':
+    resolution: {integrity: sha512-D8Vae74A4/a+mZH0FbOkFJL9DSK2R6TFPC9M+jCWYia/q2einCubX10pecpDiTmkJVUH+y8K3BZClycD8nCShA==}
+    cpu: [ppc64]
+    os: [linux]
+    libc: [glibc]
+
+  '@unrs/resolver-binding-linux-riscv64-gnu@1.11.1':
+    resolution: {integrity: sha512-frxL4OrzOWVVsOc96+V3aqTIQl1O2TjgExV4EKgRY09AJ9leZpEg8Ak9phadbuX0BA4k8U5qtvMSQQGGmaJqcQ==}
+    cpu: [riscv64]
+    os: [linux]
+    libc: [glibc]
+
+  '@unrs/resolver-binding-linux-riscv64-musl@1.11.1':
+    resolution: {integrity: sha512-mJ5vuDaIZ+l/acv01sHoXfpnyrNKOk/3aDoEdLO/Xtn9HuZlDD6jKxHlkN8ZhWyLJsRBxfv9GYM2utQ1SChKew==}
+    cpu: [riscv64]
+    os: [linux]
+    libc: [musl]
+
+  '@unrs/resolver-binding-linux-s390x-gnu@1.11.1':
+    resolution: {integrity: sha512-kELo8ebBVtb9sA7rMe1Cph4QHreByhaZ2QEADd9NzIQsYNQpt9UkM9iqr2lhGr5afh885d/cB5QeTXSbZHTYPg==}
+    cpu: [s390x]
+    os: [linux]
+    libc: [glibc]
+
+  '@unrs/resolver-binding-linux-x64-gnu@1.11.1':
+    resolution: {integrity: sha512-C3ZAHugKgovV5YvAMsxhq0gtXuwESUKc5MhEtjBpLoHPLYM+iuwSj3lflFwK3DPm68660rZ7G8BMcwSro7hD5w==}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  '@unrs/resolver-binding-linux-x64-musl@1.11.1':
+    resolution: {integrity: sha512-rV0YSoyhK2nZ4vEswT/QwqzqQXw5I6CjoaYMOX0TqBlWhojUf8P94mvI7nuJTeaCkkds3QE4+zS8Ko+GdXuZtA==}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  '@unrs/resolver-binding-wasm32-wasi@1.11.1':
+    resolution: {integrity: sha512-5u4RkfxJm+Ng7IWgkzi3qrFOvLvQYnPBmjmZQ8+szTK/b31fQCnleNl1GgEt7nIsZRIf5PLhPwT0WM+q45x/UQ==}
+    engines: {node: '>=14.0.0'}
+    cpu: [wasm32]
+
+  '@unrs/resolver-binding-win32-arm64-msvc@1.11.1':
+    resolution: {integrity: sha512-nRcz5Il4ln0kMhfL8S3hLkxI85BXs3o8EYoattsJNdsX4YUU89iOkVn7g0VHSRxFuVMdM4Q1jEpIId1Ihim/Uw==}
+    cpu: [arm64]
+    os: [win32]
+
+  '@unrs/resolver-binding-win32-ia32-msvc@1.11.1':
+    resolution: {integrity: sha512-DCEI6t5i1NmAZp6pFonpD5m7i6aFrpofcp4LA2i8IIq60Jyo28hamKBxNrZcyOwVOZkgsRp9O2sXWBWP8MnvIQ==}
+    cpu: [ia32]
+    os: [win32]
+
+  '@unrs/resolver-binding-win32-x64-msvc@1.11.1':
+    resolution: {integrity: sha512-lrW200hZdbfRtztbygyaq/6jP6AKE8qQN2KvPcJ+x7wiD038YtnYtZ82IMNJ69GJibV7bwL3y9FgK+5w/pYt6g==}
+    cpu: [x64]
+    os: [win32]
+
+  '@vercel/build-utils@13.12.0':
+    resolution: {integrity: sha512-GnavaJQPt1tm9qxFdghMsN1Sf2P+Bo3fIG3iEKJBuYTLahWm17AZrH+/Hh1A+R3nRgS3De5BJ2/fDgh0VV2QZA==}
+
+  '@vercel/error-utils@2.0.3':
+    resolution: {integrity: sha512-CqC01WZxbLUxoiVdh9B/poPbNpY9U+tO1N9oWHwTl5YAZxcqXmmWJ8KNMFItJCUUWdY3J3xv8LvAuQv2KZ5YdQ==}
+
+  '@vercel/nft@1.5.0':
+    resolution: {integrity: sha512-IWTDeIoWhQ7ZtRO/JRKH+jhmeQvZYhtGPmzw/QGDY+wDCQqfm25P9yIdoAFagu4fWsK4IwZXDFIjrmp5rRm/sA==}
+    engines: {node: '>=20'}
+    hasBin: true
+
+  '@vercel/node@5.6.22':
+    resolution: {integrity: sha512-Lu6ToUYz8oMdYwN+6OR9KCh2MbkAloBu5YFKlEmIc51Je9Q21W/kqBneA3ZuWlMMpYHstz1E19GL+tqHb7yFdw==}
+
+  '@vercel/python-analysis@0.11.0':
+    resolution: {integrity: sha512-gsoj+nscmNm0xDh+tRhECRhit2VlAVaD7jc9h93sN6rDEBDxPo7eLEgIJFzVDaAItxERZ9Od2IK/04fB9vFy+g==}
+
+  '@vercel/static-config@3.2.0':
+    resolution: {integrity: sha512-UpOEIgWxWx0M+mDe1IMdHS6JuWM/L5nNIJ4ixX8v9JgBAejymo88OkgnmfLCNMem0Wd+b5vcQPWLdZybCndlsA==}
 
   '@vitejs/plugin-react@4.7.0':
     resolution: {integrity: sha512-gUu9hwfWvvEDBBmgtAowQCojwZmJ5mcLn3aufeCsitijs3+f2NsrPtlAWIR6OPiqljl96GVCUbLe0HyqIpVaoA==}
@@ -2263,9 +2785,41 @@ packages:
     resolution: {integrity: sha512-COROpnaoap1E2F000S62r6A60uHZnmlvomhfyT2DlTcrY1OrBKn2UhH7qn5wTC9zMvD0AY7csdPSNwKP+7WiQw==}
     engines: {node: '>= 0.4'}
 
+  array-buffer-byte-length@1.0.2:
+    resolution: {integrity: sha512-LHE+8BuR7RYGDKvnrmcuSq3tDcKv9OFEXQt/HpbZhY7V6h0zlUXutnAD82GiFx9rdieCMjkvtcsPqBwgUl1Iiw==}
+    engines: {node: '>= 0.4'}
+
   array-ify@1.0.0:
     resolution: {integrity: sha512-c5AMf34bKdvPhQ7tBGhqkgKNUzMr4WUs+WDtC2ZUGOUncbxKMTvqxYctiseW3+L4bA8ec+GcZ6/A/FW4m8ukng==}
 
+  array-includes@3.1.9:
+    resolution: {integrity: sha512-FmeCCAenzH0KH381SPT5FZmiA/TmpndpcaShhfgEN9eCVjnFBqq3l1xrI42y8+PPLI6hypzou4GXw00WHmPBLQ==}
+    engines: {node: '>= 0.4'}
+
+  array.prototype.findlast@1.2.5:
+    resolution: {integrity: sha512-CVvd6FHg1Z3POpBLxO6E6zr+rSKEQ9L6rZHAaY7lLfhKsWYUBBOuMs0e9o24oopj6H+geRCX0YJ+TJLBK2eHyQ==}
+    engines: {node: '>= 0.4'}
+
+  array.prototype.findlastindex@1.2.6:
+    resolution: {integrity: sha512-F/TKATkzseUExPlfvmwQKGITM3DGTK+vkAsCZoDc5daVygbJBnjEUCbgkAvVFsgfXfX4YIqZ/27G3k3tdXrTxQ==}
+    engines: {node: '>= 0.4'}
+
+  array.prototype.flat@1.3.3:
+    resolution: {integrity: sha512-rwG/ja1neyLqCuGZ5YYrznA62D4mZXg0i1cIskIUKSiqF3Cje9/wXAls9B9s1Wa2fomMsIv8czB8jZcPmxCXFg==}
+    engines: {node: '>= 0.4'}
+
+  array.prototype.flatmap@1.3.3:
+    resolution: {integrity: sha512-Y7Wt51eKJSyi80hFrJCePGGNo5ktJCslFuboqJsbf57CCPcm5zztluPlc4/aD8sWsKvlwatezpV4U1efk8kpjg==}
+    engines: {node: '>= 0.4'}
+
+  array.prototype.tosorted@1.1.4:
+    resolution: {integrity: sha512-p6Fx8B7b7ZhL/gmUsAy0D15WhvDccw3mnGNbZpi3pmeJdxtWsj2jEaI4Y6oo3XiHfzuSgPwKc04MYt6KgvC/wA==}
+    engines: {node: '>= 0.4'}
+
+  arraybuffer.prototype.slice@1.0.4:
+    resolution: {integrity: sha512-BNoCY6SXXPQ7gF2opIP4GBE+Xw7U+pHMYKuzjgCN3GwiaIR09UUeKfheyIry77QtrCBlC0KK0q5/TER/tYh3PQ==}
+    engines: {node: '>= 0.4'}
+
   asn1.js@4.10.1:
     resolution: {integrity: sha512-p32cOF5q0Zqs9uBiONKYLm6BClCoBCM5O9JfeUSlnQLBTxYdTK+pW+nXflm8UkKd2UYlEbYz5qEi0JuZR9ckSw==}
 
@@ -2276,6 +2830,13 @@ packages:
     resolution: {integrity: sha512-Izi8RQcffqCeNVgFigKli1ssklIbpHnCYc6AknXGYoB6grJqyeby7jv12JUQgmTAnIDnbck1uxksT4dzN3PWBA==}
     engines: {node: '>=12'}
 
+  ast-types-flow@0.0.8:
+    resolution: {integrity: sha512-OH/2E5Fg20h2aPrbe+QL8JZQFko0YZaF+j4mnQ7BGhfavO7OpSLa8a0y9sBwomHdSbkhTS8TQNayBfnW5DwbvQ==}
+
+  async-function@1.0.0:
+    resolution: {integrity: sha512-hsU18Ae8CDTR6Kgu9DYf0EbCr/a5iGL0rytQDobUcdpYOKokk8LEjVphnXkDkgpi0wYVsqrXuP0bZxJaTqdgoA==}
+    engines: {node: '>= 0.4'}
+
   async-listen@3.0.0:
     resolution: {integrity: sha512-V+SsTpDqkrWTimiotsyl33ePSjA5/KrithwupuvJ6ztsqPvGv6ge4OredFhPffVXiLN/QUWvE0XcqJaYgt6fOg==}
     engines: {node: '>= 14'}
@@ -2298,9 +2859,17 @@ packages:
     resolution: {integrity: sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ==}
     engines: {node: '>= 0.4'}
 
+  axe-core@4.11.3:
+    resolution: {integrity: sha512-zBQouZixDTbo3jMGqHKyePxYxr1e5W8UdTmBQ7sNtaA9M2bE32daxxPLS/jojhKOHxQ7LWwPjfiwf/fhaJWzlg==}
+    engines: {node: '>=4'}
+
   axios@1.14.0:
     resolution: {integrity: sha512-3Y8yrqLSwjuzpXuZ0oIYZ/XGgLwUIBU3uLvbcpb0pidD9ctpShJd43KSlEEkVQg6DS0G9NKyzOvBfUtDKEyHvQ==}
 
+  axobject-query@4.1.0:
+    resolution: {integrity: sha512-qIj0G9wZbMGNLjLmg1PT6v2mE9AH2zlnADJD/2tC6E00hgmhUOfEB6greHPAfLRSufHqROIUTkw6E+M3lH0PTQ==}
+    engines: {node: '>= 0.4'}
+
   balanced-match@1.0.2:
     resolution: {integrity: sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==}
 
@@ -2415,6 +2984,10 @@ packages:
     resolution: {integrity: sha512-oKlSFMcMwpUg2ednkhQ454wfWiU/ul3CkJe/PEHcTKuiX6RpbehUiFMXu13HalGZxfUwCQzZG747YXBn1im9ww==}
     engines: {node: '>= 0.4'}
 
+  call-bind@1.0.9:
+    resolution: {integrity: sha512-a/hy+pNsFUTR+Iz8TCJvXudKVLAnz/DyeSUo10I5yvFDQJBFU2s9uqQpoSrJlroHUKoKqzg+epxyP9lqFdzfBQ==}
+    engines: {node: '>= 0.4'}
+
   call-bound@1.0.4:
     resolution: {integrity: sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==}
     engines: {node: '>= 0.4'}
@@ -2488,6 +3061,9 @@ packages:
     resolution: {integrity: sha512-+W/5efTR7y5HRD7gACw9yQjqMVvEMLBHmboM/kPWam+H+Hmyrgjh6YncVKK122YZkXrLudzTuAukUw9FnMf7IQ==}
     engines: {node: 10.* || >= 12.*}
 
+  client-only@0.0.1:
+    resolution: {integrity: sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==}
+
   cliui@7.0.4:
     resolution: {integrity: sha512-OcRE68cOsVMXp1Yvonl/fzkQOyjLSu/8bhPDfQt0e0/Eb283TKP20Fs2MqoPsr9SwA595rRCA+QMzYc9nBP+JQ==}
 
@@ -2633,10 +3209,33 @@ packages:
   csstype@3.2.3:
     resolution: {integrity: sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==}
 
+  damerau-levenshtein@1.0.8:
+    resolution: {integrity: sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==}
+
   data-urls@5.0.0:
     resolution: {integrity: sha512-ZYP5VBHshaDAiVZxjbRVcFJpc+4xGgT0bK3vzy1HLN8jTO975HEbuYzZJcHoQEY5K1a0z8YayJkyVETa08eNTg==}
     engines: {node: '>=18'}
 
+  data-view-buffer@1.0.2:
+    resolution: {integrity: sha512-EmKO5V3OLXh1rtK2wgXRansaK1/mtVdTUEiEI0W8RkvgT05kfxaH29PliLnpLP73yYO6142Q72QNa8Wx/A5CqQ==}
+    engines: {node: '>= 0.4'}
+
+  data-view-byte-length@1.0.2:
+    resolution: {integrity: sha512-tuhGbE6CfTM9+5ANGf+oQb72Ky/0+s3xKUpHvShfiz2RxMFgFPjsXuRLBVMtvMs15awe45SRb83D6wH4ew6wlQ==}
+    engines: {node: '>= 0.4'}
+
+  data-view-byte-offset@1.0.1:
+    resolution: {integrity: sha512-BS8PfmtDGnrgYdOonGZQdLZslWIeCGFP9tpan0hi1Co2Zr2NKADsvGYA8XxuG/4UWgJ6Cjtv+YJnB6MM69QGlQ==}
+    engines: {node: '>= 0.4'}
+
+  debug@3.2.7:
+    resolution: {integrity: sha512-CFjzYYAi4ThfiQvizrFQevTTXHtnCqWfe7x1AhgEscTz6ZbLbfoLRLPugTQyBth6f8ZERVUSyWHFD/7Wu4t1XQ==}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
+
   debug@4.4.3:
     resolution: {integrity: sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==}
     engines: {node: '>=6.0'}
@@ -2693,6 +3292,10 @@ packages:
     resolution: {integrity: sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==}
     engines: {node: '>=8'}
 
+  doctrine@2.1.0:
+    resolution: {integrity: sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw==}
+    engines: {node: '>=0.10.0'}
+
   dom-accessibility-api@0.5.16:
     resolution: {integrity: sha512-X7BJ2yElsnOJ30pZF4uIIDfBEVgF4XEBxL9Bxhy6dnrm5hkzqmsWHGTiHqRiITNhMyFLyAiWndIJP7Z1NTteDg==}
 
@@ -2824,6 +3427,9 @@ packages:
   emoji-regex@8.0.0:
     resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
 
+  emoji-regex@9.2.2:
+    resolution: {integrity: sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==}
+
   emojilib@2.4.0:
     resolution: {integrity: sha512-5U0rVMU5Y2n2+ykNLQqMoqklN9ICBT/KsvC1Gz6vqHbz2AXXGkG+Pm5rMWk/8Vjrr/mY9985Hi8DYzn1F09Nyw==}
 
@@ -2854,6 +3460,10 @@ packages:
   error-ex@1.3.4:
     resolution: {integrity: sha512-sqQamAnR14VgCr1A618A3sGrygcpK+HEbenA/HiEAkkUwcZIIB/tgWqHFxWgOyDh4nB4JCRimh79dR5Ywc9MDQ==}
 
+  es-abstract@1.24.2:
+    resolution: {integrity: sha512-2FpH9Q5i2RRwyEP1AylXe6nYLR5OhaJTZwmlcP0dL/+JCbgg7yyEo/sEK6HeGZRf3dFpWwThaRHVApXSkW3xeg==}
+    engines: {node: '>= 0.4'}
+
   es-define-property@1.0.1:
     resolution: {integrity: sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==}
     engines: {node: '>= 0.4'}
@@ -2862,6 +3472,10 @@ packages:
     resolution: {integrity: sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==}
     engines: {node: '>= 0.4'}
 
+  es-iterator-helpers@1.3.2:
+    resolution: {integrity: sha512-HVLACW1TppGYjJ8H6/jqH/pqOtKRw6wMlrB23xfExmFWxFquAIWCmwoLsOyN96K4a5KbmOf5At9ZUO3GZbetAw==}
+    engines: {node: '>= 0.4'}
+
   es-module-lexer@1.4.1:
     resolution: {integrity: sha512-cXLGjP0c4T3flZJKQSuziYoq7MlT+rnvfZjfp7h+I7K9BNX54kP9nyWvdbwjQ4u1iWbOL4u96fgeZLToQlZC7w==}
 
@@ -2879,6 +3493,14 @@ packages:
     resolution: {integrity: sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==}
     engines: {node: '>= 0.4'}
 
+  es-shim-unscopables@1.1.0:
+    resolution: {integrity: sha512-d9T8ucsEhh8Bi1woXCf+TIKDIROLG5WCkxg8geBCbvk22kzwC5G2OnXVMO6FUsvQlgUUXQ2itephWDLqDzbeCw==}
+    engines: {node: '>= 0.4'}
+
+  es-to-primitive@1.3.0:
+    resolution: {integrity: sha512-w+5mJ3GuFL+NjVtJlvydShqE1eN3h3PbI7/5LAsYJP/2qtuMXjfL2LpHSRqo4b4eSF5K/DH1JXKUAHSB2UW50g==}
+    engines: {node: '>= 0.4'}
+
   esbuild-register@3.6.0:
     resolution: {integrity: sha512-H2/S7Pm8a9CL1uhp9OvjwrBh5Pvx0H8qVOxNu8Wed9Y7qv56MPtq+GGM8RJpq6glYJn9Wspr8uw7l55uyinNeg==}
     peerDependencies:
@@ -2925,6 +3547,74 @@ packages:
     resolution: {integrity: sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==}
     engines: {node: '>=12'}
 
+  eslint-config-next@16.0.10:
+    resolution: {integrity: sha512-BxouZUm0I45K4yjOOIzj24nTi0H2cGo0y7xUmk+Po/PYtJXFBYVDS1BguE7t28efXjKdcN0tmiLivxQy//SsZg==}
+    peerDependencies:
+      eslint: '>=9.0.0'
+      typescript: '>=3.3.1'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  eslint-config-prettier@10.1.8:
+    resolution: {integrity: sha512-82GZUjRS0p/jganf6q1rEO25VSoHH0hKPCTrgillPjdI/3bgBhAE1QzHrHTizjpRvy6pGAvKjDJtk2pF9NDq8w==}
+    hasBin: true
+    peerDependencies:
+      eslint: '>=7.0.0'
+
+  eslint-import-resolver-node@0.3.10:
+    resolution: {integrity: sha512-tRrKqFyCaKict5hOd244sL6EQFNycnMQnBe+j8uqGNXYzsImGbGUU4ibtoaBmv5FLwJwcFJNeg1GeVjQfbMrDQ==}
+
+  eslint-import-resolver-typescript@3.10.1:
+    resolution: {integrity: sha512-A1rHYb06zjMGAxdLSkN2fXPBwuSaQ0iO5M/hdyS0Ajj1VBaRp0sPD3dn1FhME3c/JluGFbwSxyCfqdSbtQLAHQ==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+    peerDependencies:
+      eslint: '*'
+      eslint-plugin-import: '*'
+      eslint-plugin-import-x: '*'
+    peerDependenciesMeta:
+      eslint-plugin-import:
+        optional: true
+      eslint-plugin-import-x:
+        optional: true
+
+  eslint-module-utils@2.12.1:
+    resolution: {integrity: sha512-L8jSWTze7K2mTg0vos/RuLRS5soomksDPoJLXIslC7c8Wmut3bx7CPpJijDcBZtxQ5lrbUdM+s0OlNbz0DCDNw==}
+    engines: {node: '>=4'}
+    peerDependencies:
+      '@typescript-eslint/parser': '*'
+      eslint: '*'
+      eslint-import-resolver-node: '*'
+      eslint-import-resolver-typescript: '*'
+      eslint-import-resolver-webpack: '*'
+    peerDependenciesMeta:
+      '@typescript-eslint/parser':
+        optional: true
+      eslint:
+        optional: true
+      eslint-import-resolver-node:
+        optional: true
+      eslint-import-resolver-typescript:
+        optional: true
+      eslint-import-resolver-webpack:
+        optional: true
+
+  eslint-plugin-import@2.32.0:
+    resolution: {integrity: sha512-whOE1HFo/qJDyX4SnXzP4N6zOWn79WhnCUY/iDR0mPfQZO8wcYE4JClzI2oZrhBnnMUCBCHZhO6VQyoBU95mZA==}
+    engines: {node: '>=4'}
+    peerDependencies:
+      '@typescript-eslint/parser': '*'
+      eslint: ^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8 || ^9
+    peerDependenciesMeta:
+      '@typescript-eslint/parser':
+        optional: true
+
+  eslint-plugin-jsx-a11y@6.10.2:
+    resolution: {integrity: sha512-scB3nz4WmG75pV8+3eRUQOHZlNSUhFNq37xnpgRkCCELU3XMvXAxLk1eqWWyE22Ki4Q01Fnsw9BA3cJHDPgn2Q==}
+    engines: {node: '>=4.0'}
+    peerDependencies:
+      eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9
+
   eslint-plugin-react-hooks@7.0.1:
     resolution: {integrity: sha512-O0d0m04evaNzEPoSW+59Mezf8Qt0InfgGIBJnpC0h3NH/WjUAR7BIKUfysC6todmtiZ/A0oUVS8Gce0WhBrHsA==}
     engines: {node: '>=18'}
@@ -2936,6 +3626,16 @@ packages:
     peerDependencies:
       eslint: ^9 || ^10
 
+  eslint-plugin-react@7.37.5:
+    resolution: {integrity: sha512-Qteup0SqU15kdocexFNAJMvCJEfa2xUKNV4CC1xsVMrIIqEy3SQ/rqyxCWNzfrd3/ldy6HMlD2e0JDVpDg2qIA==}
+    engines: {node: '>=4'}
+    peerDependencies:
+      eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9.7
+
+  eslint-scope@8.4.0:
+    resolution: {integrity: sha512-sNXOfKCn74rt8RICKMvJS7XKV/Xk9kA7DyJr8mJik3S7Cwgy3qlkkmyS2uQB3jiJg6VNdZd/pDBJu0nvG2NlTg==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
   eslint-scope@9.1.2:
     resolution: {integrity: sha512-xS90H51cKw0jltxmvmHy2Iai1LIqrfbw57b79w/J7MfvDfkIkFZ+kj6zC3BjtUwh150HsSSdxXZcsuv72miDFQ==}
     engines: {node: ^20.19.0 || ^22.13.0 || >=24}
@@ -2944,6 +3644,10 @@ packages:
     resolution: {integrity: sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
 
+  eslint-visitor-keys@4.2.1:
+    resolution: {integrity: sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
   eslint-visitor-keys@5.0.1:
     resolution: {integrity: sha512-tD40eHxA35h0PEIZNeIjkHoDR4YjjJp34biM0mDvplBe//mB+IHCqHDGV7pxF+7MklTvighcCPPZC7ynWyjdTA==}
     engines: {node: ^20.19.0 || ^22.13.0 || >=24}
@@ -2958,6 +3662,20 @@ packages:
       jiti:
         optional: true
 
+  eslint@9.39.4:
+    resolution: {integrity: sha512-XoMjdBOwe/esVgEvLmNsD3IRHkm7fbKIUGvrleloJXUZgDHig2IPWNniv+GwjyJXzuNqVjlr5+4yVUZjycJwfQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+    hasBin: true
+    peerDependencies:
+      jiti: '*'
+    peerDependenciesMeta:
+      jiti:
+        optional: true
+
+  espree@10.4.0:
+    resolution: {integrity: sha512-j6PAQ2uUr79PZhBjP5C5fhl8e39FmRnOjsD5lGnWrFU8i2G776tBK7+nP8KuQUTTyAZUwfQqXAgrVH5MbH9CYQ==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
   espree@11.2.0:
     resolution: {integrity: sha512-7p3DrVEIopW1B1avAGLuCSh1jubc01H2JHc8B4qqGblmg5gI9yumBgACjWo4JlIc04ufug4xJ3SQI8HkS/Rgzw==}
     engines: {node: ^20.19.0 || ^22.13.0 || >=24}
@@ -3034,6 +3752,10 @@ packages:
   fast-deep-equal@3.1.3:
     resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
 
+  fast-glob@3.3.1:
+    resolution: {integrity: sha512-kNFPyjhh5cKjrUltxs+wFx+ZkbRaxxmZ+X0ZU31SOsxCEtP9VPgtq2teZw1DebupL5GmDaNQ6yKMMVcM41iqDg==}
+    engines: {node: '>=8.6.0'}
+
   fast-glob@3.3.3:
     resolution: {integrity: sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==}
     engines: {node: '>=8.6.0'}
@@ -3118,6 +3840,20 @@ packages:
     resolution: {integrity: sha512-8RipRLol37bNs2bhoV67fiTEvdTrbMUYcFTiy3+wuuOnUog2QBHCZWXDRijWQfAkhBj2Uf5UnVaiWwA5vdd82w==}
     engines: {node: '>= 6'}
 
+  framer-motion@12.38.0:
+    resolution: {integrity: sha512-rFYkY/pigbcswl1XQSb7q424kSTQ8q6eAC+YUsSKooHQYuLdzdHjrt6uxUC+PRAO++q5IS7+TamgIw1AphxR+g==}
+    peerDependencies:
+      '@emotion/is-prop-valid': '*'
+      react: ^18.0.0 || ^19.0.0
+      react-dom: ^18.0.0 || ^19.0.0
+    peerDependenciesMeta:
+      '@emotion/is-prop-valid':
+        optional: true
+      react:
+        optional: true
+      react-dom:
+        optional: true
+
   from2@2.3.0:
     resolution: {integrity: sha512-OMcX/4IC/uqEPVgGeyfN22LJk6AZrMkRZHxcHBMBvHScDGgwTm2GT2Wkgtocyd3JfZffjj2kYUDXXII0Fk9W0g==}
 
@@ -3141,6 +3877,13 @@ packages:
     resolution: {integrity: sha512-939eZS4gJ3htTHAldmyyuzlrD58P03fHG49v2JfFXbV6OhvZKRC9j2yAtdHw/zrp2zXHuv05zMIy40F0ge7spA==}
     engines: {node: '>=18'}
 
+  function.prototype.name@1.1.8:
+    resolution: {integrity: sha512-e5iwyodOHhbMr/yNrc7fDYG4qlbIvI5gajyzPnb5TCwyhjApznQh1BMFou9b30SevY43gCJKXycoCBjMbsuW0Q==}
+    engines: {node: '>= 0.4'}
+
+  functions-have-names@1.2.3:
+    resolution: {integrity: sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ==}
+
   gel@2.2.0:
     resolution: {integrity: sha512-q0ma7z2swmoamHQusey8ayo8+ilVdzDt4WTxSPzq/yRqvucWRfymRVMvNgmSC0XK7eNjjEZEcplxpgaNojKdmQ==}
     engines: {node: '>= 18.0.0'}
@@ -3190,6 +3933,10 @@ packages:
     resolution: {integrity: sha512-kVCxPF3vQM/N0B1PmoqVUqgHP+EeVjmZSQn+1oCRPxd2P21P2F19lIgbR3HBosbB1PUhOAoctJnfEn2GbN2eZA==}
     engines: {node: '>=18'}
 
+  get-symbol-description@1.1.0:
+    resolution: {integrity: sha512-w9UMqWwJxHNOvoNzSJ2oPF5wvYcvP7jUvYzhp67yEhTi17ZDBBC1z9pTdGuzjD+EFIqLSYRweZjqfiPzQ06Ebg==}
+    engines: {node: '>= 0.4'}
+
   get-tsconfig@4.13.7:
     resolution: {integrity: sha512-7tN6rFgBlMgpBML5j8typ92BKFi2sFQvIdpAqLA2beia5avZDrMs0FLZiM5etShWq5irVyGcGMEA1jcDaK7A/Q==}
 
@@ -3208,10 +3955,22 @@ packages:
     resolution: {integrity: sha512-Wjlyrolmm8uDpm/ogGyXZXb1Z+Ca2B8NbJwqBVg0axK9GbBeoS7yGV6vjXnYdGm6X53iehEuxxbyiKp8QmN4Vw==}
     engines: {node: 18 || 20 || >=22}
 
+  globals@14.0.0:
+    resolution: {integrity: sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==}
+    engines: {node: '>=18'}
+
+  globals@16.4.0:
+    resolution: {integrity: sha512-ob/2LcVVaVGCYN+r14cnwnoDPUufjiYgSqRhiFD0Q1iI4Odora5RE8Iv1D24hAz5oMophRGkGz+yuvQmmUMnMw==}
+    engines: {node: '>=18'}
+
   globals@17.4.0:
     resolution: {integrity: sha512-hjrNztw/VajQwOLsMNT1cbJiH2muO3OROCHnbehc8eY5JyD2gqz4AcMHPqgaOR59DjgUjYAYLeH699g/eWi2jw==}
     engines: {node: '>=18'}
 
+  globalthis@1.0.4:
+    resolution: {integrity: sha512-DpLKbNU4WylpxJykQujfCcwYWiV/Jhm50Goo0wrVILAv5jOr9d+H+UR3PhSCD2rCCEIg0uc+G+muBTwD54JhDQ==}
+    engines: {node: '>= 0.4'}
+
   gopd@1.2.0:
     resolution: {integrity: sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==}
     engines: {node: '>= 0.4'}
@@ -3227,6 +3986,10 @@ packages:
     engines: {node: '>=0.4.7'}
     hasBin: true
 
+  has-bigints@1.1.0:
+    resolution: {integrity: sha512-R3pbpkcIqv2Pm3dUwgjclDRVmWpTJW2DcMzcIhEXEx1oh/CEMObMm3KLmRJOdvhM7o4uQBnwr8pzRK2sJWIqfg==}
+    engines: {node: '>= 0.4'}
+
   has-flag@3.0.0:
     resolution: {integrity: sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==}
     engines: {node: '>=4'}
@@ -3238,6 +4001,10 @@ packages:
   has-property-descriptors@1.0.2:
     resolution: {integrity: sha512-55JNKuIW+vq4Ke1BjOTjM2YctQIvCT7GFzHwmfZPGo5wnrgkid0YQtnAleFSqumZm4az3n2BS+erby5ipJdgrg==}
 
+  has-proto@1.2.0:
+    resolution: {integrity: sha512-KIL7eQPfHQRC8+XluaIw7BHUwwqL19bQn4hzNgdr+1wXoU0KKj6rufu47lhY7KbJR2C6T6+PfyN0Ea7wkSS+qQ==}
+    engines: {node: '>= 0.4'}
+
   has-symbols@1.1.0:
     resolution: {integrity: sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==}
     engines: {node: '>= 0.4'}
@@ -3369,6 +4136,10 @@ packages:
   ini@1.3.8:
     resolution: {integrity: sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==}
 
+  internal-slot@1.1.0:
+    resolution: {integrity: sha512-4gd7VpWNQNB4UKKCFFVcp1AVv+FMOgs9NKzjHKusc8jTMhd5eL1NqQqOpE0KzMds804/yHlglp3uxgluOqAPLw==}
+    engines: {node: '>= 0.4'}
+
   into-stream@7.0.0:
     resolution: {integrity: sha512-2dYz766i9HprMBasCMvHMuazJ7u4WzhJwo5kb3iPSiW/iRYV6uPari3zHoqZlnuaR7V1bEiNMxikhp37rdBXbw==}
     engines: {node: '>=12'}
@@ -3377,9 +4148,28 @@ packages:
     resolution: {integrity: sha512-7bVbi0huj/wrIAOzb8U1aszg9kdi3KN/CyU19CTI7tAoZYEZoL9yCDXpbXN+uPsuWnP02cyug1gleqq+TU+YCA==}
     engines: {node: '>= 0.4'}
 
+  is-array-buffer@3.0.5:
+    resolution: {integrity: sha512-DDfANUiiG2wC1qawP66qlTugJeL5HyzMpfr8lLK+jMQirGzNod0B12cFB/9q838Ru27sBwfw78/rdoU7RERz6A==}
+    engines: {node: '>= 0.4'}
+
   is-arrayish@0.2.1:
     resolution: {integrity: sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==}
 
+  is-async-function@2.1.1:
+    resolution: {integrity: sha512-9dgM/cZBnNvjzaMYHVoxxfPj2QXt22Ev7SuuPrs+xav0ukGB0S6d4ydZdEiM48kLx5kDV+QBPrpVnFyefL8kkQ==}
+    engines: {node: '>= 0.4'}
+
+  is-bigint@1.1.0:
+    resolution: {integrity: sha512-n4ZT37wG78iz03xPRKJrHTdZbe3IicyucEtdRsV5yglwc3GyUfbAfpSeD0FJ41NbUNSt5wbhqfp1fS+BgnvDFQ==}
+    engines: {node: '>= 0.4'}
+
+  is-boolean-object@1.2.2:
+    resolution: {integrity: sha512-wa56o2/ElJMYqjCjGkXri7it5FbebW5usLw/nPmCMs5DeZ7eziSYZhSmPRn0txqeW4LnAmQQU7FgqLpsEFKM4A==}
+    engines: {node: '>= 0.4'}
+
+  is-bun-module@2.0.0:
+    resolution: {integrity: sha512-gNCGbnnnnFAUGKeZ9PdbyeGYJqewpmc2aKHUEMO5nQPWU9lOmv7jcmQIv+qHD8fXW6W7qfuCwX4rY9LNRjXrkQ==}
+
   is-callable@1.2.7:
     resolution: {integrity: sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA==}
     engines: {node: '>= 0.4'}
@@ -3388,10 +4178,22 @@ packages:
     resolution: {integrity: sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==}
     engines: {node: '>= 0.4'}
 
+  is-data-view@1.0.2:
+    resolution: {integrity: sha512-RKtWF8pGmS87i2D6gqQu/l7EYRlVdfzemCJN/P3UOs//x1QE7mfhvzHIApBTRf7axvT6DMGwSwBXYCT0nfB9xw==}
+    engines: {node: '>= 0.4'}
+
+  is-date-object@1.1.0:
+    resolution: {integrity: sha512-PwwhEakHVKTdRNVOw+/Gyh0+MzlCl4R6qKvkhuvLtPMggI1WAHt9sOwZxQLSGpUaDnrdyDsomoRgNnCfKNSXXg==}
+    engines: {node: '>= 0.4'}
+
   is-extglob@2.1.1:
     resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
     engines: {node: '>=0.10.0'}
 
+  is-finalizationregistry@1.1.1:
+    resolution: {integrity: sha512-1pC6N8qWJbWoPtEjgcL2xyhQOP491EQjeUo3qTKcmV8YSDDJrOepfG8pcC7h/QgnQHYSv0mJ3Z/ZWxmatVrysg==}
+    engines: {node: '>= 0.4'}
+
   is-fullwidth-code-point@3.0.0:
     resolution: {integrity: sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==}
     engines: {node: '>=8'}
@@ -3408,10 +4210,22 @@ packages:
     resolution: {integrity: sha512-WvtOiug1VFrE9v1Cydwm+FnXd3+w9GaeVUss5W4v/SLy3UW00vP+6iNF2SdnfiBoLy4bTqVdkftNGTUeOFVsbA==}
     engines: {node: '>=6.5.0', npm: '>=3'}
 
+  is-map@2.0.3:
+    resolution: {integrity: sha512-1Qed0/Hr2m+YqxnM09CjA2d/i6YZNfF6R2oRAOj36eUdS6qIV/huPJNSEpKbupewFs+ZsJlxsjjPbc0/afW6Lw==}
+    engines: {node: '>= 0.4'}
+
   is-nan@1.3.2:
     resolution: {integrity: sha512-E+zBKpQ2t6MEo1VsonYmluk9NxGrbzpeeLC2xIViuO2EjU2xsXsBPwTr3Ykv9l08UYEVEdWeRZNouaZqF6RN0w==}
     engines: {node: '>= 0.4'}
 
+  is-negative-zero@2.0.3:
+    resolution: {integrity: sha512-5KoIu2Ngpyek75jXodFvnafB6DJgr3u8uuK0LEZJjrU19DrMD3EVERaR8sjz8CCGgpZvxPl9SuE1GMVPFHx1mw==}
+    engines: {node: '>= 0.4'}
+
+  is-number-object@1.1.1:
+    resolution: {integrity: sha512-lZhclumE1G6VYD8VHe35wFaIif+CTy5SJIi5+3y4psDgWu4wPDoBhF8NxUOinEc7pHgiTsT6MaBb92rKhhD+Xw==}
+    engines: {node: '>= 0.4'}
+
   is-number@7.0.0:
     resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
     engines: {node: '>=0.12.0'}
@@ -3431,6 +4245,14 @@ packages:
     resolution: {integrity: sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g==}
     engines: {node: '>= 0.4'}
 
+  is-set@2.0.3:
+    resolution: {integrity: sha512-iPAjerrse27/ygGLxw+EBR9agv9Y6uLeYVJMu+QNCoouJ1/1ri0mGrcWpfCqFZuzzx3WjtwxG098X+n4OuRkPg==}
+    engines: {node: '>= 0.4'}
+
+  is-shared-array-buffer@1.0.4:
+    resolution: {integrity: sha512-ISWac8drv4ZGfwKl5slpHG9OwPNty4jOWPRIhBpxOoD+hqITiwuipOQ2bNthAzwA3B4fIjO4Nln74N0S9byq8A==}
+    engines: {node: '>= 0.4'}
+
   is-stream@2.0.1:
     resolution: {integrity: sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg==}
     engines: {node: '>=8'}
@@ -3443,6 +4265,14 @@ packages:
     resolution: {integrity: sha512-Dnz92NInDqYckGEUJv689RbRiTSEHCQ7wOVeALbkOz999YpqT46yMRIGtSNl2iCL1waAZSx40+h59NV/EwzV/A==}
     engines: {node: '>=18'}
 
+  is-string@1.1.1:
+    resolution: {integrity: sha512-BtEeSsoaQjlSPBemMQIrY1MY0uM6vnS1g5fmufYOtnxLGUZM2178PKbhsk7Ffv58IX+ZtcvoGwccYsh0PglkAA==}
+    engines: {node: '>= 0.4'}
+
+  is-symbol@1.1.1:
+    resolution: {integrity: sha512-9gGx6GTtCQM73BgmHQXfDmLtfjjTUDSyoxTCbp5WtoixAhfgsDirWIcVQ/IHpvI5Vgd5i/J5F7B9cN/WlVbC/w==}
+    engines: {node: '>= 0.4'}
+
   is-typed-array@1.1.15:
     resolution: {integrity: sha512-p3EcsicXjit7SaskXHs1hA91QxgTw46Fv6EFKKGS5DRFLD8yKnohjF3hxoju94b/OcMZoQukzpPpBE9uLVKzgQ==}
     engines: {node: '>= 0.4'}
@@ -3451,6 +4281,18 @@ packages:
     resolution: {integrity: sha512-mE00Gnza5EEB3Ds0HfMyllZzbBrmLOX3vfWoj9A9PEnTfratQ/BcaJOuMhnkhjXvb2+FkY3VuHqtAGpTPmglFQ==}
     engines: {node: '>=18'}
 
+  is-weakmap@2.0.2:
+    resolution: {integrity: sha512-K5pXYOm9wqY1RgjpL3YTkF39tni1XajUIkawTLUo9EZEVUFga5gSQJF8nNS7ZwJQ02y+1YCNYcMh+HIf1ZqE+w==}
+    engines: {node: '>= 0.4'}
+
+  is-weakref@1.1.1:
+    resolution: {integrity: sha512-6i9mGWSlqzNMEqpCp93KwRS1uUOodk2OJ6b+sq7ZPDSy2WuI5NFIxp/254TytR8ftefexkWn5xNiHUNpPOfSew==}
+    engines: {node: '>= 0.4'}
+
+  is-weakset@2.0.4:
+    resolution: {integrity: sha512-mfcwb6IzQyOKTs84CQMrOwW4gQcaTOAWJ0zzJCl2WSPDrWk/OzDaImWFH3djXhb24g4eudZfLRozAvPGw4d9hQ==}
+    engines: {node: '>= 0.4'}
+
   isarray@1.0.0:
     resolution: {integrity: sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==}
 
@@ -3481,6 +4323,10 @@ packages:
     resolution: {integrity: sha512-3YZcUUR2Wt1WsapF+S/WiA2WmlW0cWAoPccMqne7AxEBhCdFeTPjfv/Axb8V2gyCgY3nRw+ksZ3xSUX+R47iAg==}
     engines: {node: ^18.17 || >=20.6.1}
 
+  iterator.prototype@1.1.5:
+    resolution: {integrity: sha512-H0dkQoCa3b2VEeKQBOxFph+JAbcrQdE7KC0UkqwpLmv2EC4P41QXP+rqo9wYodACiG5/WM5s9oDApTU8utwj9g==}
+    engines: {node: '>= 0.4'}
+
   java-properties@1.0.2:
     resolution: {integrity: sha512-qjdpeo2yKlYTH7nFdK0vbZWuTCesk4o63v5iVOlhMQPfuIZQfW/HI35SjfhA+4qpg36rnFSvUK5b1m+ckIblQQ==}
     engines: {node: '>= 0.6.0'}
@@ -3548,6 +4394,10 @@ packages:
   json-with-bigint@3.5.8:
     resolution: {integrity: sha512-eq/4KP6K34kwa7TcFdtvnftvHCD9KvHOGGICWwMFc4dOOKF5t4iYqnfLK8otCRCRv06FXOzGGyqE8h8ElMvvdw==}
 
+  json5@1.0.2:
+    resolution: {integrity: sha512-g1MWMLBiz8FKi1e4w0UyVL3w+iJceWAFBAaBnnGKOpNa5f8TLktkbre1+s6oICydWAm+HRUGTmI+//xv2hvXYA==}
+    hasBin: true
+
   json5@2.2.3:
     resolution: {integrity: sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==}
     engines: {node: '>=6'}
@@ -3556,9 +4406,20 @@ packages:
   jsonfile@6.2.0:
     resolution: {integrity: sha512-FGuPw30AdOIUTRMC2OMRtQV+jkVj2cfPqSeWXv1NEAJ1qZ5zb1X6z1mFhbfOB/iy3ssJCD+3KuZ8r8C3uVFlAg==}
 
+  jsx-ast-utils@3.3.5:
+    resolution: {integrity: sha512-ZZow9HBI5O6EPgSJLUb8n2NKgmVWTwCvHGwFuJlMjvLFqlGG6pjirPhtdsseaLZjSibD8eegzmYpUZwoIlj2cQ==}
+    engines: {node: '>=4.0'}
+
   keyv@4.5.4:
     resolution: {integrity: sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==}
 
+  language-subtag-registry@0.3.23:
+    resolution: {integrity: sha512-0K65Lea881pHotoGEa5gDlMxt3pctLi2RplBb7Ezh4rRdLEOtgi7n4EwK9lamnUCkKBqaeKRVebTq6BAxSkpXQ==}
+
+  language-tags@1.0.9:
+    resolution: {integrity: sha512-MbjN408fEndfiQXbFQ1vnd+1NoLDsnQW41410oQBXiyXDMYH5z505juWa4KUE1LqxRC7DgOgZDbKLxHIwm27hA==}
+    engines: {node: '>=0.10'}
+
   levn@0.4.1:
     resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==}
     engines: {node: '>= 0.8.0'}
@@ -3675,12 +4536,19 @@ packages:
   lodash.isstring@4.0.1:
     resolution: {integrity: sha512-0wJxfxH1wgO3GrbuP+dTTk7op+6L41QCXbGINEmD+ny/G/eCqGzxyCsh7159S+mgDDcoarnBw6PC1PS5+wUGgw==}
 
+  lodash.merge@4.6.2:
+    resolution: {integrity: sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==}
+
   lodash.uniqby@4.7.0:
     resolution: {integrity: sha512-e/zcLx6CSbmaEgFHCA7BnoQKyCtKMxnuWrJygbwPs/AIn+IMKl66L8/s+wBUn5LRw2pZx3bUHibiV1b6aTWIww==}
 
   lodash@4.17.23:
     resolution: {integrity: sha512-LgVTMpQtIopCi79SJeDiP0TfWi5CNEc/L/aRdTh3yIvmZXTnheWpKjSZhnvMl8iXbC1tFg9gdHHDMLoV7CnG+w==}
 
+  loose-envify@1.4.0:
+    resolution: {integrity: sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==}
+    hasBin: true
+
   loupe@3.2.1:
     resolution: {integrity: sha512-CdzqowRJCeLU72bHvWqwRBBlLcMEtIvGrlvef74kMnV2AolS9Y8xUv1I0U/MNAWMhBlKIoyuEgoJ0t/bbwHbLQ==}
 
@@ -3814,6 +4682,12 @@ packages:
   mlly@1.8.2:
     resolution: {integrity: sha512-d+ObxMQFmbt10sretNDytwt85VrbkhhUA/JBGm1MPaWJ65Cl4wOgLaB1NYvJSZ0Ef03MMEU/0xpPMXUIQ29UfA==}
 
+  motion-dom@12.38.0:
+    resolution: {integrity: sha512-pdkHLD8QYRp8VfiNLb8xIBJis1byQ9gPT3Jnh2jqfFtAsWUA3dEepDlsWe/xMpO8McV+VdpKVcp+E+TGJEtOoA==}
+
+  motion-utils@12.36.0:
+    resolution: {integrity: sha512-eHWisygbiwVvf6PZ1vhaHCLamvkSbPIeAYxWUuL3a2PD/TROgE7FvfHWTIH4vMl798QLfMw15nRqIaRDXTlYRg==}
+
   mri@1.2.0:
     resolution: {integrity: sha512-tzzskb3bG8LvYGFF/mDTpq3jpI6Q9wc3LEmBaghu+DdCssd1FakN7Bc0hVNmEyGq1bq3RgfkCb3cmQLpNPOroA==}
     engines: {node: '>=4'}
@@ -3829,6 +4703,11 @@ packages:
     engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
     hasBin: true
 
+  napi-postinstall@0.3.4:
+    resolution: {integrity: sha512-PHI5f1O0EP5xJ9gQmFGMS6IZcrVvTjpXjz7Na41gTE7eE2hK11lg04CECCYEEjdc17EV4DO+fkGEtt7TpTaTiQ==}
+    engines: {node: ^12.20.0 || ^14.18.0 || >=16.0.0}
+    hasBin: true
+
   natural-compare@1.4.0:
     resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
 
@@ -3838,12 +4717,37 @@ packages:
   nerf-dart@1.0.0:
     resolution: {integrity: sha512-EZSPZB70jiVsivaBLYDCyntd5eH8NTSMOn3rB+HxwdmKThGELLdYv8qVIMWvZEFy9w8ZZpW9h9OB32l1rGtj7g==}
 
-  node-emoji@2.2.0:
-    resolution: {integrity: sha512-Z3lTE9pLaJF47NyMhd4ww1yFTAP8YhYI8SleJiHzM46Fgpm5cnNzSl9XfzFNqbaz+VlJrIj3fXQ4DeN1Rjm6cw==}
-    engines: {node: '>=18'}
-
-  node-fetch@2.6.9:
-    resolution: {integrity: sha512-DJm/CJkZkRjKKj4Zi4BsKVZh3ValV5IR5s7LVZnW+6YMh0W1BfNA8XSs6DLMGYlId5F3KnA70uu2qepcR08Qqg==}
+  next@16.0.10:
+    resolution: {integrity: sha512-RtWh5PUgI+vxlV3HdR+IfWA1UUHu0+Ram/JBO4vWB54cVPentCD0e+lxyAYEsDTqGGMg7qpjhKh6dc6aW7W/sA==}
+    engines: {node: '>=20.9.0'}
+    hasBin: true
+    peerDependencies:
+      '@opentelemetry/api': ^1.1.0
+      '@playwright/test': ^1.51.1
+      babel-plugin-react-compiler: '*'
+      react: ^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0
+      react-dom: ^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0
+      sass: ^1.3.0
+    peerDependenciesMeta:
+      '@opentelemetry/api':
+        optional: true
+      '@playwright/test':
+        optional: true
+      babel-plugin-react-compiler:
+        optional: true
+      sass:
+        optional: true
+
+  node-emoji@2.2.0:
+    resolution: {integrity: sha512-Z3lTE9pLaJF47NyMhd4ww1yFTAP8YhYI8SleJiHzM46Fgpm5cnNzSl9XfzFNqbaz+VlJrIj3fXQ4DeN1Rjm6cw==}
+    engines: {node: '>=18'}
+
+  node-exports-info@1.6.0:
+    resolution: {integrity: sha512-pyFS63ptit/P5WqUkt+UUfe+4oevH+bFeIiPPdfb0pFeYEu/1ELnJu5l+5EcTKYL5M7zaAa7S8ddywgXypqKCw==}
+    engines: {node: '>= 0.4'}
+
+  node-fetch@2.6.9:
+    resolution: {integrity: sha512-DJm/CJkZkRjKKj4Zi4BsKVZh3ValV5IR5s7LVZnW+6YMh0W1BfNA8XSs6DLMGYlId5F3KnA70uu2qepcR08Qqg==}
     engines: {node: 4.x || >=6.0.0}
     peerDependencies:
       encoding: ^0.1.0
@@ -3992,6 +4896,22 @@ packages:
     resolution: {integrity: sha512-nK28WOo+QIjBkDduTINE4JkF/UJJKyf2EJxvJKfblDpyg0Q+pkOHNTL0Qwy6NP6FhE/EnzV73BxxqcJaXY9anw==}
     engines: {node: '>= 0.4'}
 
+  object.entries@1.1.9:
+    resolution: {integrity: sha512-8u/hfXFRBD1O0hPUjioLhoWFHRmt6tKA4/vZPyckBr18l1KE9uHrFaFaUi8MDRTpi4uak2goyPTSNJLXX2k2Hw==}
+    engines: {node: '>= 0.4'}
+
+  object.fromentries@2.0.8:
+    resolution: {integrity: sha512-k6E21FzySsSK5a21KRADBd/NGneRegFO5pLHfdQLpRDETUNJueLXs3WCzyQ3tFRDYgbq3KHGXfTbi2bs8WQ6rQ==}
+    engines: {node: '>= 0.4'}
+
+  object.groupby@1.0.3:
+    resolution: {integrity: sha512-+Lhy3TQTuzXI5hevh8sBGqbmurHbbIjAi0Z4S63nthVLmLxfbj4T54a4CfZrXIrt9iP4mVAPYMo/v99taj3wjQ==}
+    engines: {node: '>= 0.4'}
+
+  object.values@1.2.1:
+    resolution: {integrity: sha512-gXah6aZrcUxjWg2zR2MwouP2eHlCBzdV4pygudehaKXSGW4v2AsRQUK+lwwXhii6KFZcunEnmSUoYp5CXibxtA==}
+    engines: {node: '>= 0.4'}
+
   on-exit-leak-free@2.1.2:
     resolution: {integrity: sha512-0eJJY6hXLGf1udHwfNftBqH+g73EU4B504nZeKpz1sYRKafAghwxEJunB2O7rDZkL4PGfsMVnTXZ2EjibbqcsA==}
     engines: {node: '>=14.0.0'}
@@ -4017,6 +4937,10 @@ packages:
   os-browserify@0.3.0:
     resolution: {integrity: sha512-gjcpUc3clBf9+210TRaDWbf+rZZZEshZ+DlXMRCeAjp0xhTrnQsKHypIy1J3d5hKdUzj69t708EHtU8P6bUn0A==}
 
+  own-keys@1.0.1:
+    resolution: {integrity: sha512-qFOyK5PjiWZd+QQIh+1jhdb9LpxTF0qs7Pm8o5QHYZ0M3vKqSqzsZaEB6oWlxZ+q2sJBMI/Ktgd2N5ZwQoRHfg==}
+    engines: {node: '>= 0.4'}
+
   ox@0.14.7:
     resolution: {integrity: sha512-zSQ/cfBdolj7U4++NAvH7sI+VG0T3pEohITCgcQj8KlawvTDY4vGVhDT64Atsm0d6adWfIYHDpu88iUBMMp+AQ==}
     peerDependencies:
@@ -4247,6 +5171,10 @@ packages:
       yaml:
         optional: true
 
+  postcss@8.4.31:
+    resolution: {integrity: sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ==}
+    engines: {node: ^10 || ^12 || >=14}
+
   postcss@8.5.8:
     resolution: {integrity: sha512-OW/rX8O/jXnm82Ey1k44pObPtdblfiuWnrd8X7GJ7emImCOstunGbXUpp7HdBrFQX6rJzn3sPT397Wp5aCwCHg==}
     engines: {node: ^10 || ^12 || >=14}
@@ -4301,6 +5229,9 @@ packages:
     resolution: {integrity: sha512-cdGef/drWFoydD1JsMzuFf8100nZl+GT+yacc2bEced5f9Rjk4z+WtFUTBu9PhOi9j/jfmBPu0mMEY4wIdAF8A==}
     engines: {node: '>= 0.6.0'}
 
+  prop-types@15.8.1:
+    resolution: {integrity: sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==}
+
   proto-list@1.2.4:
     resolution: {integrity: sha512-vtK/94akxsTMhe0/cbfpR+syPuszcuwhqVjJq26CuNDgFGj682oRBXOP5MJpv2r7JtE8MsiepGIqvvOTBwn2vA==}
 
@@ -4342,11 +5273,19 @@ packages:
     resolution: {integrity: sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==}
     hasBin: true
 
+  react-dom@19.2.1:
+    resolution: {integrity: sha512-ibrK8llX2a4eOskq1mXKu/TGZj9qzomO+sNfO98M6d9zIPOEhlBkMkBUBLd1vgS0gQsLDBzA+8jJBVXDnfHmJg==}
+    peerDependencies:
+      react: ^19.2.1
+
   react-dom@19.2.4:
     resolution: {integrity: sha512-AXJdLo8kgMbimY95O2aKQqsz2iWi9jMgKJhRBAxECE4IFxfcazB2LmzloIoibJI3C12IlY20+KFaLv+71bUJeQ==}
     peerDependencies:
       react: ^19.2.4
 
+  react-is@16.13.1:
+    resolution: {integrity: sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==}
+
   react-is@17.0.2:
     resolution: {integrity: sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==}
 
@@ -4384,6 +5323,10 @@ packages:
       '@types/react':
         optional: true
 
+  react@19.2.1:
+    resolution: {integrity: sha512-DGrYcCWK7tvYMnWh79yrPHt+vdx9tY+1gPZa7nJQtO/p8bLTDaHp4dzwEhQB7pZ4Xe3ok4XKuEPrVuc+wlpkmw==}
+    engines: {node: '>=0.10.0'}
+
   react@19.2.4:
     resolution: {integrity: sha512-9nfp2hYpCwOjAN+8TZFGhtWEwgvWHXqESH8qT89AT/lWklpLON22Lc8pEtnpsZz7VmawabSU0gCjnj8aC0euHQ==}
     engines: {node: '>=0.10.0'}
@@ -4423,6 +5366,14 @@ packages:
     resolution: {integrity: sha512-6tDA8g98We0zd0GvVeMT9arEOnTw9qM03L9cJXaCjrip1OO764RDBLBfrB4cwzNGDj5OA5ioymC9GkizgWJDUg==}
     engines: {node: '>=8'}
 
+  reflect.getprototypeof@1.0.10:
+    resolution: {integrity: sha512-00o4I+DVrefhv+nX0ulyi3biSHCPDe+yLv5o/p6d/UVlirijB8E16FtfwSAi4g3tcqrQ4lRAqQSoFEZJehYEcw==}
+    engines: {node: '>= 0.4'}
+
+  regexp.prototype.flags@1.5.4:
+    resolution: {integrity: sha512-dYqgNSZbDwkaJ2ceRd9ojCGjBq+mOm9LmtXnAnEGyHhN/5R7iDW2TRw3h+o/jCFxus3P2LfWIIiwowAjANm7IA==}
+    engines: {node: '>= 0.4'}
+
   registry-auth-token@5.1.1:
     resolution: {integrity: sha512-P7B4+jq8DeD2nMsAcdfaqHbssgHtZ7Z5+++a5ask90fvmJ8p5je4mOa+wzu+DB4vQ5tdJV/xywY+UnVFeQLV5Q==}
     engines: {node: '>=14'}
@@ -4451,6 +5402,11 @@ packages:
     engines: {node: '>= 0.4'}
     hasBin: true
 
+  resolve@2.0.0-next.6:
+    resolution: {integrity: sha512-3JmVl5hMGtJ3kMmB3zi3DL25KfkCEyy3Tw7Gmw7z5w8M9WlwoPFnIvwChzu1+cF3iaK3sp18hhPz8ANeimdJfA==}
+    engines: {node: '>= 0.4'}
+    hasBin: true
+
   reusify@1.1.0:
     resolution: {integrity: sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==}
     engines: {iojs: '>=1.0.0', node: '>=0.10.0'}
@@ -4470,12 +5426,20 @@ packages:
   run-parallel@1.2.0:
     resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
 
+  safe-array-concat@1.1.4:
+    resolution: {integrity: sha512-wtZlHyOje6OZTGqAoaDKxFkgRtkF9CnHAVnCHKfuj200wAgL+bSJhdsCD2l0Qx/2ekEXjPWcyKkfGb5CPboslg==}
+    engines: {node: '>=0.4'}
+
   safe-buffer@5.1.2:
     resolution: {integrity: sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==}
 
   safe-buffer@5.2.1:
     resolution: {integrity: sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==}
 
+  safe-push-apply@1.0.0:
+    resolution: {integrity: sha512-iKE9w/Z7xCzUMIZqdBsp6pEQvwuEebH4vdpjcDWnyzaI6yl6O9FHvVpmGelvEHNsoY6wGblkxR6Zty/h00WiSA==}
+    engines: {node: '>= 0.4'}
+
   safe-regex-test@1.1.0:
     resolution: {integrity: sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw==}
     engines: {node: '>= 0.4'}
@@ -4526,6 +5490,14 @@ packages:
     resolution: {integrity: sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg==}
     engines: {node: '>= 0.4'}
 
+  set-function-name@2.0.2:
+    resolution: {integrity: sha512-7PGFlmtwsEADb0WYyvCMa1t+yke6daIG4Wirafur5kcf+MhUnPms1UeR0CKQdTZD81yESwMHbtn+TR+dMviakQ==}
+    engines: {node: '>= 0.4'}
+
+  set-proto@1.0.0:
+    resolution: {integrity: sha512-RJRdvCo6IAnPdsvP/7m6bsQqNnn1FCBX5ZNtFL98MmFF/4xAIJTIg1YbHW5DC2W5SKZanrC6i4HsJqlajw/dZw==}
+    engines: {node: '>= 0.4'}
+
   setimmediate@1.0.5:
     resolution: {integrity: sha512-MATJdZp8sLqDl/68LfQmbP8zKPLQNV6BIZoIgrscFDQ+RsvK/BxeDQOgyxKKoh0y/8h3BqVFnCqQ/gd+reiIXA==}
 
@@ -4534,6 +5506,10 @@ packages:
     engines: {node: '>= 0.10'}
     hasBin: true
 
+  sharp@0.34.5:
+    resolution: {integrity: sha512-Ou9I5Ft9WNcCbXrU9cMgPBcCK8LiwLqcbywW3t4oDV37n1pzpuNLsYiAV8eODnjbtQlSDwZ2cUEeQz4E54Hltg==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+
   shebang-command@2.0.0:
     resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==}
     engines: {node: '>=8'}
@@ -4636,12 +5612,19 @@ packages:
     resolution: {integrity: sha512-UcjcJOWknrNkF6PLX83qcHM6KHgVKNkV62Y8a5uYDVv9ydGQVwAHMKqHdJje1VTWpljG0WYpCDhrCdAOYH4TWg==}
     engines: {node: '>= 10.x'}
 
+  stable-hash@0.0.5:
+    resolution: {integrity: sha512-+L3ccpzibovGXFK+Ap/f8LOS0ahMrHTf3xu7mMLSpEGU0EO9ucaysSylKo9eRDFNhWve/y275iPmIZ4z39a9iA==}
+
   stackback@0.0.2:
     resolution: {integrity: sha512-1XMJE5fQo1jGH6Y/7ebnwPOBEkIEnT4QF32d5R1+VXdXveM0IBMJt8zfaxX1P3QhVwrYe+576+jkANtSS2mBbw==}
 
   std-env@3.10.0:
     resolution: {integrity: sha512-5GS12FdOZNliM5mAOxFRg7Ir0pWz8MdpYm6AY6VPkGpbA7ZzmbzNcBJQ0GPvvyWgcY7QAhCgf9Uy89I03faLkg==}
 
+  stop-iteration-iterator@1.1.0:
+    resolution: {integrity: sha512-eLoXW/DHyl62zxY4SCaIgnRhuMr6ri4juEYARS8E6sCEqzKpOiE521Ucofdx+KnDZl5xmvGYaaKCk5FEOxJCoQ==}
+    engines: {node: '>= 0.4'}
+
   stream-browserify@3.0.0:
     resolution: {integrity: sha512-H73RAHsVBapbim0tU2JwwOiXUj+fikfiaoYAKHF3VJfA0pe2BCzkhAHBlLG6REzE+2WNZcxOXjK7lkso+9euLA==}
 
@@ -4659,6 +5642,29 @@ packages:
     resolution: {integrity: sha512-tsaTIkKW9b4N+AEj+SVA+WhJzV7/zMhcSu78mLKWSk7cXMOSHsBKFWUs0fWwq8QyK3MgJBQRX6Gbi4kYbdvGkQ==}
     engines: {node: '>=18'}
 
+  string.prototype.includes@2.0.1:
+    resolution: {integrity: sha512-o7+c9bW6zpAdJHTtujeePODAhkuicdAryFsfVKwA+wGw89wJ4GTY484WTucM9hLtDEOpOvI+aHnzqnC5lHp4Rg==}
+    engines: {node: '>= 0.4'}
+
+  string.prototype.matchall@4.0.12:
+    resolution: {integrity: sha512-6CC9uyBL+/48dYizRf7H7VAYCMCNTBeM78x/VTUe9bFEaxBepPJDa1Ow99LqI/1yF7kuy7Q3cQsYMrcjGUcskA==}
+    engines: {node: '>= 0.4'}
+
+  string.prototype.repeat@1.0.0:
+    resolution: {integrity: sha512-0u/TldDbKD8bFCQ/4f5+mNRrXwZ8hg2w7ZR8wa16e8z9XpePWl3eGEcUD0OXpEH/VJH/2G3gjUtR3ZOiBe2S/w==}
+
+  string.prototype.trim@1.2.10:
+    resolution: {integrity: sha512-Rs66F0P/1kedk5lyYyH9uBzuiI/kNRmwJAR9quK6VOtIpZ2G+hMZd+HQbbv25MgCA6gEffoMZYxlTod4WcdrKA==}
+    engines: {node: '>= 0.4'}
+
+  string.prototype.trimend@1.0.9:
+    resolution: {integrity: sha512-G7Ok5C6E/j4SGfyLCloXTrngQIQU3PWtXGst3yM7Bea9FRURf1S42ZHlZZtsNque2FN2PoUhfZXYLNWwEr4dLQ==}
+    engines: {node: '>= 0.4'}
+
+  string.prototype.trimstart@1.0.8:
+    resolution: {integrity: sha512-UXSH262CSZY1tfu3G3Secr6uGLCFVPMhIqHjlgCUtCCcgihYc/xKs9djMTMUOb2j1mVSeU8EU6NWc/iQKU6Gfg==}
+    engines: {node: '>= 0.4'}
+
   string_decoder@1.1.1:
     resolution: {integrity: sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==}
 
@@ -4698,9 +5704,26 @@ packages:
     resolution: {integrity: sha512-4gB8na07fecVVkOI6Rs4e7T6NOTki5EmL7TUduTs6bu3EdnSycntVJ4re8kgZA+wx9IueI2Y11bfbgwtzuE0KQ==}
     engines: {node: '>=0.10.0'}
 
+  strip-json-comments@3.1.1:
+    resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==}
+    engines: {node: '>=8'}
+
   strip-literal@3.1.0:
     resolution: {integrity: sha512-8r3mkIM/2+PpjHoOtiAW8Rg3jJLHaV7xPwG+YRGrv6FP0wwk/toTpATxWYOW0BKdWwl82VT2tFYi5DlROa0Mxg==}
 
+  styled-jsx@5.1.6:
+    resolution: {integrity: sha512-qSVyDTeMotdvQYoHWLNGwRFJHC+i+ZvdBRYosOFgC+Wg1vx4frN2/RG/NA7SYqqvKNLf39P2LSRA2pu6n0XYZA==}
+    engines: {node: '>= 12.0.0'}
+    peerDependencies:
+      '@babel/core': '*'
+      babel-plugin-macros: '*'
+      react: '>= 16.8.0 || 17.x.x || ^18.0.0-0 || ^19.0.0-0'
+    peerDependenciesMeta:
+      '@babel/core':
+        optional: true
+      babel-plugin-macros:
+        optional: true
+
   sucrase@3.35.1:
     resolution: {integrity: sha512-DhuTmvZWux4H1UOnWMB3sk0sbaCVOoQZjv8u1rDoTV0HTdGem9hkAZtl4JZy8P2z4Bg0nT+YMeOFyVr4zcG5Tw==}
     engines: {node: '>=16 || 14 >=14.17'}
@@ -4743,6 +5766,9 @@ packages:
   tailwindcss@4.2.2:
     resolution: {integrity: sha512-KWBIxs1Xb6NoLdMVqhbhgwZf2PGBpPEiwOqgI4pFIYbNTfBXiKYyWoTsXgBQ9WFg/OlhnvHaY+AEpW7wSmFo2Q==}
 
+  tailwindcss@4.2.4:
+    resolution: {integrity: sha512-HhKppgO81FQof5m6TEnuBWCZGgfRAWbaeOaGT00KOy/Pf/j6oUihdvBpA7ltCeAvZpFhW3j0PTclkxsd4IXYDA==}
+
   tapable@2.3.2:
     resolution: {integrity: sha512-1MOpMXuhGzGL5TTCZFItxCc0AARf1EZFQkGqMm7ERKj8+Hgr5oLvJOVFcC+lRmR8hCe2S3jC4T5D7Vg/d7/fhA==}
     engines: {node: '>=6'}
@@ -4862,9 +5888,15 @@ packages:
   ts-toolbelt@6.15.5:
     resolution: {integrity: sha512-FZIXf1ksVyLcfr7M317jbB67XFJhOO1YqdTcuGaq9q5jLUoTikukZ+98TPjKiP2jC5CgmYdWWYs0s2nLSU0/1A==}
 
+  tsconfig-paths@3.15.0:
+    resolution: {integrity: sha512-2Ac2RgzDe/cn48GvOe3M+o82pEFewD3UPbyoUHHdKasHwJKjds4fLXWf/Ux5kATBKN20oaFGu+jbElp1pos0mg==}
+
   tslib@2.7.0:
     resolution: {integrity: sha512-gLXCKdN1/j47AiHiOkJN69hJmcbGTHI0ImLmbYLHykhgeN0jVGola9yVjFgzCUklsZQMW55o+dW7IXv3RCXDzA==}
 
+  tslib@2.8.1:
+    resolution: {integrity: sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==}
+
   tsup@8.5.1:
     resolution: {integrity: sha512-xtgkqwdhpKWr3tKPmCkvYmS9xnQK3m3XgxZHwSUjvfTjp7YfXe5tT3GgWi0F2N+ZSMsOeWeZFh7ZZFg5iPhing==}
     engines: {node: '>=18'}
@@ -4923,6 +5955,18 @@ packages:
     resolution: {integrity: sha512-nAYYwfY3qnzX30IkA6AQZjVbtK6duGontcQm1WSG1MD94YLqK0515GNApXkoxKOWMusVssAHWLh9SeaoefYFGw==}
     engines: {node: '>= 0.4'}
 
+  typed-array-byte-length@1.0.3:
+    resolution: {integrity: sha512-BaXgOuIxz8n8pIq3e7Atg/7s+DpiYrxn4vdot3w9KbnBhcRQq6o3xemQdIfynqSeXeDrF32x+WvfzmOjPiY9lg==}
+    engines: {node: '>= 0.4'}
+
+  typed-array-byte-offset@1.0.4:
+    resolution: {integrity: sha512-bTlAFB/FBYMcuX81gbL4OcpH5PmlFHqlCCpAl8AlEzMz5k53oNDvN8p1PNOWLEmI2x4orp3raOFB51tv9X+MFQ==}
+    engines: {node: '>= 0.4'}
+
+  typed-array-length@1.0.7:
+    resolution: {integrity: sha512-3KS2b+kL7fsuk/eJZ7EQdnEmQoaho/r6KUef7hxvltNA5DR8NAUM+8wJMbJyZ4G9/7i3v5zPBIMN5aybAh2/Jg==}
+    engines: {node: '>= 0.4'}
+
   typescript-eslint@8.58.0:
     resolution: {integrity: sha512-e2TQzKfaI85fO+F3QywtX+tCTsu/D3WW5LVU6nz8hTFKFZ8yBJ6mSYRpXqdR3mFjPWmO0eWsTa5f+UpAOe/FMA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
@@ -4943,6 +5987,10 @@ packages:
     engines: {node: '>=0.8.0'}
     hasBin: true
 
+  unbox-primitive@1.1.0:
+    resolution: {integrity: sha512-nWJ91DjeOkej/TA8pXQ3myruKpKEYgqvpw9lz4OPHj/NWFNluYrjbz9j01CJ8yKQd2g4jFoOkINCTW2I5LEEyw==}
+    engines: {node: '>= 0.4'}
+
   undici-types@5.26.5:
     resolution: {integrity: sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==}
 
@@ -4991,6 +6039,9 @@ packages:
     resolution: {integrity: sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==}
     engines: {node: '>= 10.0.0'}
 
+  unrs-resolver@1.11.1:
+    resolution: {integrity: sha512-bSjt9pjaEBnNiGgc9rUiHGKv5l4/TGzDmYw3RhnkJGtLhbnnA/5qJj7x3dNDCRx/PJxu774LlH8lCOlB4hEfKg==}
+
   update-browserslist-db@1.2.3:
     resolution: {integrity: sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w==}
     hasBin: true
@@ -5174,6 +6225,18 @@ packages:
   whatwg-url@5.0.0:
     resolution: {integrity: sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==}
 
+  which-boxed-primitive@1.1.1:
+    resolution: {integrity: sha512-TbX3mj8n0odCBFVlY8AxkqcHASw3L60jIuF8jFP78az3C2YhmGvqbHBpAjTRH2/xqYunrJ9g1jSyjCjpoWzIAA==}
+    engines: {node: '>= 0.4'}
+
+  which-builtin-type@1.2.1:
+    resolution: {integrity: sha512-6iBczoX+kDQ7a3+YJBnh3T+KZRxM/iYNPXicqk66/Qfm1b93iu+yOImkg0zHbj5LNOcNv1TEADiZ0xa34B4q6Q==}
+    engines: {node: '>= 0.4'}
+
+  which-collection@1.0.2:
+    resolution: {integrity: sha512-K4jVyjnBdgvc86Y6BkaLZEN933SwYOuBFkdmBu9ZfkcAbdVbpITnDmjvZ/aQjRXQrv5EPkTnD1s39GiiqbngCw==}
+    engines: {node: '>= 0.4'}
+
   which-typed-array@1.1.20:
     resolution: {integrity: sha512-LYfpUkmqwl0h9A2HL09Mms427Q1RZWuOHsukfVcKRq9q95iQxdw0ix1JQrqbcDR9PH1QDwf5Qo8OZb5lksZ8Xg==}
     engines: {node: '>= 0.4'}
@@ -5348,6 +6411,8 @@ snapshots:
 
   '@adraffy/ens-normalize@1.11.1': {}
 
+  '@alloc/quick-lru@5.2.0': {}
+
   '@asamuzakjp/css-color@3.2.0':
     dependencies:
       '@csstools/css-calc': 2.1.4(@csstools/css-parser-algorithms@3.0.5(@csstools/css-tokenizer@3.0.4))(@csstools/css-tokenizer@3.0.4)
@@ -5526,6 +6591,22 @@ snapshots:
     dependencies:
       '@edge-runtime/primitives': 4.1.0
 
+  '@emnapi/core@1.10.0':
+    dependencies:
+      '@emnapi/wasi-threads': 1.2.1
+      tslib: 2.7.0
+    optional: true
+
+  '@emnapi/runtime@1.10.0':
+    dependencies:
+      tslib: 2.7.0
+    optional: true
+
+  '@emnapi/wasi-threads@1.2.1':
+    dependencies:
+      tslib: 2.7.0
+    optional: true
+
   '@esbuild-kit/core-utils@3.3.2':
     dependencies:
       esbuild: 0.18.20
@@ -5910,8 +6991,21 @@ snapshots:
       eslint: 10.2.0(jiti@2.6.1)
       eslint-visitor-keys: 3.4.3
 
+  '@eslint-community/eslint-utils@4.9.1(eslint@9.39.4(jiti@2.6.1))':
+    dependencies:
+      eslint: 9.39.4(jiti@2.6.1)
+      eslint-visitor-keys: 3.4.3
+
   '@eslint-community/regexpp@4.12.2': {}
 
+  '@eslint/config-array@0.21.2':
+    dependencies:
+      '@eslint/object-schema': 2.1.7
+      debug: 4.4.3(supports-color@10.2.2)
+      minimatch: 3.1.5
+    transitivePeerDependencies:
+      - supports-color
+
   '@eslint/config-array@0.23.4':
     dependencies:
       '@eslint/object-schema': 3.0.4
@@ -5920,20 +7014,51 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  '@eslint/config-helpers@0.4.2':
+    dependencies:
+      '@eslint/core': 0.17.0
+
   '@eslint/config-helpers@0.5.4':
     dependencies:
       '@eslint/core': 1.2.0
 
+  '@eslint/core@0.17.0':
+    dependencies:
+      '@types/json-schema': 7.0.15
+
   '@eslint/core@1.2.0':
     dependencies:
       '@types/json-schema': 7.0.15
 
+  '@eslint/eslintrc@3.3.5':
+    dependencies:
+      ajv: 6.14.0
+      debug: 4.4.3(supports-color@10.2.2)
+      espree: 10.4.0
+      globals: 14.0.0
+      ignore: 5.3.2
+      import-fresh: 3.3.1
+      js-yaml: 4.1.1
+      minimatch: 3.1.5
+      strip-json-comments: 3.1.1
+    transitivePeerDependencies:
+      - supports-color
+
   '@eslint/js@10.0.1(eslint@10.2.0(jiti@2.6.1))':
     optionalDependencies:
       eslint: 10.2.0(jiti@2.6.1)
 
+  '@eslint/js@9.39.4': {}
+
+  '@eslint/object-schema@2.1.7': {}
+
   '@eslint/object-schema@3.0.4': {}
 
+  '@eslint/plugin-kit@0.4.1':
+    dependencies:
+      '@eslint/core': 0.17.0
+      levn: 0.4.1
+
   '@eslint/plugin-kit@0.7.0':
     dependencies:
       '@eslint/core': 1.2.0
@@ -5960,6 +7085,103 @@ snapshots:
 
   '@humanwhocodes/retry@0.4.3': {}
 
+  '@img/colour@1.1.0':
+    optional: true
+
+  '@img/sharp-darwin-arm64@0.34.5':
+    optionalDependencies:
+      '@img/sharp-libvips-darwin-arm64': 1.2.4
+    optional: true
+
+  '@img/sharp-darwin-x64@0.34.5':
+    optionalDependencies:
+      '@img/sharp-libvips-darwin-x64': 1.2.4
+    optional: true
+
+  '@img/sharp-libvips-darwin-arm64@1.2.4':
+    optional: true
+
+  '@img/sharp-libvips-darwin-x64@1.2.4':
+    optional: true
+
+  '@img/sharp-libvips-linux-arm64@1.2.4':
+    optional: true
+
+  '@img/sharp-libvips-linux-arm@1.2.4':
+    optional: true
+
+  '@img/sharp-libvips-linux-ppc64@1.2.4':
+    optional: true
+
+  '@img/sharp-libvips-linux-riscv64@1.2.4':
+    optional: true
+
+  '@img/sharp-libvips-linux-s390x@1.2.4':
+    optional: true
+
+  '@img/sharp-libvips-linux-x64@1.2.4':
+    optional: true
+
+  '@img/sharp-libvips-linuxmusl-arm64@1.2.4':
+    optional: true
+
+  '@img/sharp-libvips-linuxmusl-x64@1.2.4':
+    optional: true
+
+  '@img/sharp-linux-arm64@0.34.5':
+    optionalDependencies:
+      '@img/sharp-libvips-linux-arm64': 1.2.4
+    optional: true
+
+  '@img/sharp-linux-arm@0.34.5':
+    optionalDependencies:
+      '@img/sharp-libvips-linux-arm': 1.2.4
+    optional: true
+
+  '@img/sharp-linux-ppc64@0.34.5':
+    optionalDependencies:
+      '@img/sharp-libvips-linux-ppc64': 1.2.4
+    optional: true
+
+  '@img/sharp-linux-riscv64@0.34.5':
+    optionalDependencies:
+      '@img/sharp-libvips-linux-riscv64': 1.2.4
+    optional: true
+
+  '@img/sharp-linux-s390x@0.34.5':
+    optionalDependencies:
+      '@img/sharp-libvips-linux-s390x': 1.2.4
+    optional: true
+
+  '@img/sharp-linux-x64@0.34.5':
+    optionalDependencies:
+      '@img/sharp-libvips-linux-x64': 1.2.4
+    optional: true
+
+  '@img/sharp-linuxmusl-arm64@0.34.5':
+    optionalDependencies:
+      '@img/sharp-libvips-linuxmusl-arm64': 1.2.4
+    optional: true
+
+  '@img/sharp-linuxmusl-x64@0.34.5':
+    optionalDependencies:
+      '@img/sharp-libvips-linuxmusl-x64': 1.2.4
+    optional: true
+
+  '@img/sharp-wasm32@0.34.5':
+    dependencies:
+      '@emnapi/runtime': 1.10.0
+    optional: true
+
+  '@img/sharp-win32-arm64@0.34.5':
+    optional: true
+
+  '@img/sharp-win32-ia32@0.34.5':
+    optional: true
+
+  '@img/sharp-win32-x64@0.34.5':
+    optional: true
+
   '@isaacs/balanced-match@4.0.1': {}
 
   '@isaacs/brace-expansion@5.0.1':
@@ -6002,11 +7224,48 @@ snapshots:
       - encoding
       - supports-color
 
+  '@napi-rs/wasm-runtime@0.2.12':
+    dependencies:
+      '@emnapi/core': 1.10.0
+      '@emnapi/runtime': 1.10.0
+      '@tybys/wasm-util': 0.10.1
+    optional: true
+
   '@neondatabase/serverless@1.0.2':
     dependencies:
       '@types/node': 22.19.15
       '@types/pg': 8.20.0
 
+  '@next/env@16.0.10': {}
+
+  '@next/eslint-plugin-next@16.0.10':
+    dependencies:
+      fast-glob: 3.3.1
+
+  '@next/swc-darwin-arm64@16.0.10':
+    optional: true
+
+  '@next/swc-darwin-x64@16.0.10':
+    optional: true
+
+  '@next/swc-linux-arm64-gnu@16.0.10':
+    optional: true
+
+  '@next/swc-linux-arm64-musl@16.0.10':
+    optional: true
+
+  '@next/swc-linux-x64-gnu@16.0.10':
+    optional: true
+
+  '@next/swc-linux-x64-musl@16.0.10':
+    optional: true
+
+  '@next/swc-win32-arm64-msvc@16.0.10':
+    optional: true
+
+  '@next/swc-win32-x64-msvc@16.0.10':
+    optional: true
+
   '@noble/ciphers@1.3.0': {}
 
   '@noble/curves@1.2.0':
@@ -6039,6 +7298,8 @@ snapshots:
       '@nodelib/fs.scandir': 2.1.5
       fastq: 1.20.1
 
+  '@nolyfill/is-core-module@1.0.39': {}
+
   '@octokit/auth-token@6.0.0': {}
 
   '@octokit/core@7.0.6':
@@ -6101,6 +7362,11 @@ snapshots:
 
   '@petamoriken/float16@3.9.3': {}
 
+  '@phosphor-icons/react@2.1.10(react-dom@19.2.1(react@19.2.1))(react@19.2.1)':
+    dependencies:
+      react: 19.2.1
+      react-dom: 19.2.1(react@19.2.1)
+
   '@pinojs/redact@0.4.0': {}
 
   '@pnpm/config.env-replace@1.1.0': {}
@@ -6383,6 +7649,8 @@ snapshots:
   '@rollup/rollup-win32-x64-msvc@4.60.1':
     optional: true
 
+  '@rtsao/scc@1.1.0': {}
+
   '@scure/base@1.1.9': {}
 
   '@scure/base@1.2.6': {}
@@ -6549,6 +7817,10 @@ snapshots:
 
   '@stablelib/wipe@1.0.1': {}
 
+  '@swc/helpers@0.5.15':
+    dependencies:
+      tslib: 2.8.1
+
   '@tailwindcss/node@4.2.2':
     dependencies:
       '@jridgewell/remapping': 2.3.5
@@ -6559,42 +7831,88 @@ snapshots:
       source-map-js: 1.2.1
       tailwindcss: 4.2.2
 
+  '@tailwindcss/node@4.2.4':
+    dependencies:
+      '@jridgewell/remapping': 2.3.5
+      enhanced-resolve: 5.20.1
+      jiti: 2.6.1
+      lightningcss: 1.32.0
+      magic-string: 0.30.21
+      source-map-js: 1.2.1
+      tailwindcss: 4.2.4
+
   '@tailwindcss/oxide-android-arm64@4.2.2':
     optional: true
 
+  '@tailwindcss/oxide-android-arm64@4.2.4':
+    optional: true
+
   '@tailwindcss/oxide-darwin-arm64@4.2.2':
     optional: true
 
+  '@tailwindcss/oxide-darwin-arm64@4.2.4':
+    optional: true
+
   '@tailwindcss/oxide-darwin-x64@4.2.2':
     optional: true
 
+  '@tailwindcss/oxide-darwin-x64@4.2.4':
+    optional: true
+
   '@tailwindcss/oxide-freebsd-x64@4.2.2':
     optional: true
 
+  '@tailwindcss/oxide-freebsd-x64@4.2.4':
+    optional: true
+
   '@tailwindcss/oxide-linux-arm-gnueabihf@4.2.2':
     optional: true
 
+  '@tailwindcss/oxide-linux-arm-gnueabihf@4.2.4':
+    optional: true
+
   '@tailwindcss/oxide-linux-arm64-gnu@4.2.2':
     optional: true
 
+  '@tailwindcss/oxide-linux-arm64-gnu@4.2.4':
+    optional: true
+
   '@tailwindcss/oxide-linux-arm64-musl@4.2.2':
     optional: true
 
+  '@tailwindcss/oxide-linux-arm64-musl@4.2.4':
+    optional: true
+
   '@tailwindcss/oxide-linux-x64-gnu@4.2.2':
     optional: true
 
+  '@tailwindcss/oxide-linux-x64-gnu@4.2.4':
+    optional: true
+
   '@tailwindcss/oxide-linux-x64-musl@4.2.2':
     optional: true
 
+  '@tailwindcss/oxide-linux-x64-musl@4.2.4':
+    optional: true
+
   '@tailwindcss/oxide-wasm32-wasi@4.2.2':
     optional: true
 
+  '@tailwindcss/oxide-wasm32-wasi@4.2.4':
+    optional: true
+
   '@tailwindcss/oxide-win32-arm64-msvc@4.2.2':
     optional: true
 
+  '@tailwindcss/oxide-win32-arm64-msvc@4.2.4':
+    optional: true
+
   '@tailwindcss/oxide-win32-x64-msvc@4.2.2':
     optional: true
 
+  '@tailwindcss/oxide-win32-x64-msvc@4.2.4':
+    optional: true
+
   '@tailwindcss/oxide@4.2.2':
     optionalDependencies:
       '@tailwindcss/oxide-android-arm64': 4.2.2
@@ -6610,7 +7928,30 @@ snapshots:
       '@tailwindcss/oxide-win32-arm64-msvc': 4.2.2
       '@tailwindcss/oxide-win32-x64-msvc': 4.2.2
 
-  '@tailwindcss/vite@4.2.2(vite@6.4.1(@types/node@22.19.15)(jiti@2.6.1)(lightningcss@1.32.0)(tsx@4.21.0))':
+  '@tailwindcss/oxide@4.2.4':
+    optionalDependencies:
+      '@tailwindcss/oxide-android-arm64': 4.2.4
+      '@tailwindcss/oxide-darwin-arm64': 4.2.4
+      '@tailwindcss/oxide-darwin-x64': 4.2.4
+      '@tailwindcss/oxide-freebsd-x64': 4.2.4
+      '@tailwindcss/oxide-linux-arm-gnueabihf': 4.2.4
+      '@tailwindcss/oxide-linux-arm64-gnu': 4.2.4
+      '@tailwindcss/oxide-linux-arm64-musl': 4.2.4
+      '@tailwindcss/oxide-linux-x64-gnu': 4.2.4
+      '@tailwindcss/oxide-linux-x64-musl': 4.2.4
+      '@tailwindcss/oxide-wasm32-wasi': 4.2.4
+      '@tailwindcss/oxide-win32-arm64-msvc': 4.2.4
+      '@tailwindcss/oxide-win32-x64-msvc': 4.2.4
+
+  '@tailwindcss/postcss@4.2.4':
+    dependencies:
+      '@alloc/quick-lru': 5.2.0
+      '@tailwindcss/node': 4.2.4
+      '@tailwindcss/oxide': 4.2.4
+      postcss: 8.5.8
+      tailwindcss: 4.2.4
+
+  '@tailwindcss/vite@4.2.2(vite@6.4.1(@types/node@22.19.15)(jiti@2.6.1)(lightningcss@1.32.0)(tsx@4.21.0))':
     dependencies:
       '@tailwindcss/node': 4.2.2
       '@tailwindcss/oxide': 4.2.2
@@ -6688,6 +8029,11 @@ snapshots:
       mkdirp: 1.0.4
       path-browserify: 1.0.1
 
+  '@tybys/wasm-util@0.10.1':
+    dependencies:
+      tslib: 2.7.0
+    optional: true
+
   '@types/aria-query@5.0.4': {}
 
   '@types/babel__core@7.20.5':
@@ -6724,6 +8070,8 @@ snapshots:
 
   '@types/json-schema@7.0.15': {}
 
+  '@types/json5@0.0.29': {}
+
   '@types/node@20.11.0':
     dependencies:
       undici-types: 5.26.5
@@ -6768,6 +8116,22 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  '@typescript-eslint/eslint-plugin@8.58.0(@typescript-eslint/parser@8.58.0(eslint@10.2.0(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3)':
+    dependencies:
+      '@eslint-community/regexpp': 4.12.2
+      '@typescript-eslint/parser': 8.58.0(eslint@10.2.0(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/scope-manager': 8.58.0
+      '@typescript-eslint/type-utils': 8.58.0(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.58.0(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/visitor-keys': 8.58.0
+      eslint: 9.39.4(jiti@2.6.1)
+      ignore: 7.0.5
+      natural-compare: 1.4.0
+      ts-api-utils: 2.5.0(typescript@5.9.3)
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
+
   '@typescript-eslint/parser@8.58.0(eslint@10.2.0(jiti@2.6.1))(typescript@5.9.3)':
     dependencies:
       '@typescript-eslint/scope-manager': 8.58.0
@@ -6780,6 +8144,18 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  '@typescript-eslint/parser@8.58.0(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3)':
+    dependencies:
+      '@typescript-eslint/scope-manager': 8.58.0
+      '@typescript-eslint/types': 8.58.0
+      '@typescript-eslint/typescript-estree': 8.58.0(typescript@5.9.3)
+      '@typescript-eslint/visitor-keys': 8.58.0
+      debug: 4.4.3(supports-color@10.2.2)
+      eslint: 9.39.4(jiti@2.6.1)
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
+
   '@typescript-eslint/project-service@8.58.0(typescript@5.9.3)':
     dependencies:
       '@typescript-eslint/tsconfig-utils': 8.58.0(typescript@5.9.3)
@@ -6810,6 +8186,18 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  '@typescript-eslint/type-utils@8.58.0(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3)':
+    dependencies:
+      '@typescript-eslint/types': 8.58.0
+      '@typescript-eslint/typescript-estree': 8.58.0(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.58.0(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3)
+      debug: 4.4.3(supports-color@10.2.2)
+      eslint: 9.39.4(jiti@2.6.1)
+      ts-api-utils: 2.5.0(typescript@5.9.3)
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
+
   '@typescript-eslint/types@8.58.0': {}
 
   '@typescript-eslint/typescript-estree@8.58.0(typescript@5.9.3)':
@@ -6838,11 +8226,81 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  '@typescript-eslint/utils@8.58.0(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3)':
+    dependencies:
+      '@eslint-community/eslint-utils': 4.9.1(eslint@9.39.4(jiti@2.6.1))
+      '@typescript-eslint/scope-manager': 8.58.0
+      '@typescript-eslint/types': 8.58.0
+      '@typescript-eslint/typescript-estree': 8.58.0(typescript@5.9.3)
+      eslint: 9.39.4(jiti@2.6.1)
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
+
   '@typescript-eslint/visitor-keys@8.58.0':
     dependencies:
       '@typescript-eslint/types': 8.58.0
       eslint-visitor-keys: 5.0.1
 
+  '@unrs/resolver-binding-android-arm-eabi@1.11.1':
+    optional: true
+
+  '@unrs/resolver-binding-android-arm64@1.11.1':
+    optional: true
+
+  '@unrs/resolver-binding-darwin-arm64@1.11.1':
+    optional: true
+
+  '@unrs/resolver-binding-darwin-x64@1.11.1':
+    optional: true
+
+  '@unrs/resolver-binding-freebsd-x64@1.11.1':
+    optional: true
+
+  '@unrs/resolver-binding-linux-arm-gnueabihf@1.11.1':
+    optional: true
+
+  '@unrs/resolver-binding-linux-arm-musleabihf@1.11.1':
+    optional: true
+
+  '@unrs/resolver-binding-linux-arm64-gnu@1.11.1':
+    optional: true
+
+  '@unrs/resolver-binding-linux-arm64-musl@1.11.1':
+    optional: true
+
+  '@unrs/resolver-binding-linux-ppc64-gnu@1.11.1':
+    optional: true
+
+  '@unrs/resolver-binding-linux-riscv64-gnu@1.11.1':
+    optional: true
+
+  '@unrs/resolver-binding-linux-riscv64-musl@1.11.1':
+    optional: true
+
+  '@unrs/resolver-binding-linux-s390x-gnu@1.11.1':
+    optional: true
+
+  '@unrs/resolver-binding-linux-x64-gnu@1.11.1':
+    optional: true
+
+  '@unrs/resolver-binding-linux-x64-musl@1.11.1':
+    optional: true
+
+  '@unrs/resolver-binding-wasm32-wasi@1.11.1':
+    dependencies:
+      '@napi-rs/wasm-runtime': 0.2.12
+    optional: true
+
+  '@unrs/resolver-binding-win32-arm64-msvc@1.11.1':
+    optional: true
+
+  '@unrs/resolver-binding-win32-ia32-msvc@1.11.1':
+    optional: true
+
+  '@unrs/resolver-binding-win32-x64-msvc@1.11.1':
+    optional: true
+
   '@vercel/build-utils@13.12.0':
     dependencies:
       '@vercel/python-analysis': 0.11.0
@@ -7092,8 +8550,75 @@ snapshots:
 
   aria-query@5.3.2: {}
 
+  array-buffer-byte-length@1.0.2:
+    dependencies:
+      call-bound: 1.0.4
+      is-array-buffer: 3.0.5
+
   array-ify@1.0.0: {}
 
+  array-includes@3.1.9:
+    dependencies:
+      call-bind: 1.0.8
+      call-bound: 1.0.4
+      define-properties: 1.2.1
+      es-abstract: 1.24.2
+      es-object-atoms: 1.1.1
+      get-intrinsic: 1.3.0
+      is-string: 1.1.1
+      math-intrinsics: 1.1.0
+
+  array.prototype.findlast@1.2.5:
+    dependencies:
+      call-bind: 1.0.8
+      define-properties: 1.2.1
+      es-abstract: 1.24.2
+      es-errors: 1.3.0
+      es-object-atoms: 1.1.1
+      es-shim-unscopables: 1.1.0
+
+  array.prototype.findlastindex@1.2.6:
+    dependencies:
+      call-bind: 1.0.8
+      call-bound: 1.0.4
+      define-properties: 1.2.1
+      es-abstract: 1.24.2
+      es-errors: 1.3.0
+      es-object-atoms: 1.1.1
+      es-shim-unscopables: 1.1.0
+
+  array.prototype.flat@1.3.3:
+    dependencies:
+      call-bind: 1.0.8
+      define-properties: 1.2.1
+      es-abstract: 1.24.2
+      es-shim-unscopables: 1.1.0
+
+  array.prototype.flatmap@1.3.3:
+    dependencies:
+      call-bind: 1.0.8
+      define-properties: 1.2.1
+      es-abstract: 1.24.2
+      es-shim-unscopables: 1.1.0
+
+  array.prototype.tosorted@1.1.4:
+    dependencies:
+      call-bind: 1.0.8
+      define-properties: 1.2.1
+      es-abstract: 1.24.2
+      es-errors: 1.3.0
+      es-shim-unscopables: 1.1.0
+
+  arraybuffer.prototype.slice@1.0.4:
+    dependencies:
+      array-buffer-byte-length: 1.0.2
+      call-bind: 1.0.8
+      define-properties: 1.2.1
+      es-abstract: 1.24.2
+      es-errors: 1.3.0
+      get-intrinsic: 1.3.0
+      is-array-buffer: 3.0.5
+
   asn1.js@4.10.1:
     dependencies:
       bn.js: 4.11.6
@@ -7110,6 +8635,10 @@ snapshots:
 
   assertion-error@2.0.1: {}
 
+  ast-types-flow@0.0.8: {}
+
+  async-function@1.0.0: {}
+
   async-listen@3.0.0: {}
 
   async-listen@3.0.1: {}
@@ -7124,6 +8653,8 @@ snapshots:
     dependencies:
       possible-typed-array-names: 1.1.0
 
+  axe-core@4.11.3: {}
+
   axios@1.14.0:
     dependencies:
       follow-redirects: 1.15.11
@@ -7132,6 +8663,8 @@ snapshots:
     transitivePeerDependencies:
       - debug
 
+  axobject-query@4.1.0: {}
+
   balanced-match@1.0.2: {}
 
   balanced-match@4.0.4: {}
@@ -7263,6 +8796,13 @@ snapshots:
       get-intrinsic: 1.3.0
       set-function-length: 1.2.2
 
+  call-bind@1.0.9:
+    dependencies:
+      call-bind-apply-helpers: 1.0.2
+      es-define-property: 1.0.1
+      get-intrinsic: 1.3.0
+      set-function-length: 1.2.2
+
   call-bound@1.0.4:
     dependencies:
       call-bind-apply-helpers: 1.0.2
@@ -7338,6 +8878,8 @@ snapshots:
     optionalDependencies:
       '@colors/colors': 1.5.0
 
+  client-only@0.0.1: {}
+
   cliui@7.0.4:
     dependencies:
       string-width: 4.2.3
@@ -7496,11 +9038,35 @@ snapshots:
 
   csstype@3.2.3: {}
 
+  damerau-levenshtein@1.0.8: {}
+
   data-urls@5.0.0:
     dependencies:
       whatwg-mimetype: 4.0.0
       whatwg-url: 14.2.0
 
+  data-view-buffer@1.0.2:
+    dependencies:
+      call-bound: 1.0.4
+      es-errors: 1.3.0
+      is-data-view: 1.0.2
+
+  data-view-byte-length@1.0.2:
+    dependencies:
+      call-bound: 1.0.4
+      es-errors: 1.3.0
+      is-data-view: 1.0.2
+
+  data-view-byte-offset@1.0.1:
+    dependencies:
+      call-bound: 1.0.4
+      es-errors: 1.3.0
+      is-data-view: 1.0.2
+
+  debug@3.2.7:
+    dependencies:
+      ms: 2.1.3
+
   debug@4.4.3(supports-color@10.2.2):
     dependencies:
       ms: 2.1.3
@@ -7550,6 +9116,10 @@ snapshots:
     dependencies:
       path-type: 4.0.0
 
+  doctrine@2.1.0:
+    dependencies:
+      esutils: 2.0.3
+
   dom-accessibility-api@0.5.16: {}
 
   dom-accessibility-api@0.6.3: {}
@@ -7614,6 +9184,8 @@ snapshots:
 
   emoji-regex@8.0.0: {}
 
+  emoji-regex@9.2.2: {}
+
   emojilib@2.4.0: {}
 
   enhanced-resolve@5.20.1:
@@ -7638,10 +9210,86 @@ snapshots:
     dependencies:
       is-arrayish: 0.2.1
 
+  es-abstract@1.24.2:
+    dependencies:
+      array-buffer-byte-length: 1.0.2
+      arraybuffer.prototype.slice: 1.0.4
+      available-typed-arrays: 1.0.7
+      call-bind: 1.0.8
+      call-bound: 1.0.4
+      data-view-buffer: 1.0.2
+      data-view-byte-length: 1.0.2
+      data-view-byte-offset: 1.0.1
+      es-define-property: 1.0.1
+      es-errors: 1.3.0
+      es-object-atoms: 1.1.1
+      es-set-tostringtag: 2.1.0
+      es-to-primitive: 1.3.0
+      function.prototype.name: 1.1.8
+      get-intrinsic: 1.3.0
+      get-proto: 1.0.1
+      get-symbol-description: 1.1.0
+      globalthis: 1.0.4
+      gopd: 1.2.0
+      has-property-descriptors: 1.0.2
+      has-proto: 1.2.0
+      has-symbols: 1.1.0
+      hasown: 2.0.2
+      internal-slot: 1.1.0
+      is-array-buffer: 3.0.5
+      is-callable: 1.2.7
+      is-data-view: 1.0.2
+      is-negative-zero: 2.0.3
+      is-regex: 1.2.1
+      is-set: 2.0.3
+      is-shared-array-buffer: 1.0.4
+      is-string: 1.1.1
+      is-typed-array: 1.1.15
+      is-weakref: 1.1.1
+      math-intrinsics: 1.1.0
+      object-inspect: 1.13.4
+      object-keys: 1.1.1
+      object.assign: 4.1.7
+      own-keys: 1.0.1
+      regexp.prototype.flags: 1.5.4
+      safe-array-concat: 1.1.4
+      safe-push-apply: 1.0.0
+      safe-regex-test: 1.1.0
+      set-proto: 1.0.0
+      stop-iteration-iterator: 1.1.0
+      string.prototype.trim: 1.2.10
+      string.prototype.trimend: 1.0.9
+      string.prototype.trimstart: 1.0.8
+      typed-array-buffer: 1.0.3
+      typed-array-byte-length: 1.0.3
+      typed-array-byte-offset: 1.0.4
+      typed-array-length: 1.0.7
+      unbox-primitive: 1.1.0
+      which-typed-array: 1.1.20
+
   es-define-property@1.0.1: {}
 
   es-errors@1.3.0: {}
 
+  es-iterator-helpers@1.3.2:
+    dependencies:
+      call-bind: 1.0.9
+      call-bound: 1.0.4
+      define-properties: 1.2.1
+      es-abstract: 1.24.2
+      es-errors: 1.3.0
+      es-set-tostringtag: 2.1.0
+      function-bind: 1.1.2
+      get-intrinsic: 1.3.0
+      globalthis: 1.0.4
+      gopd: 1.2.0
+      has-property-descriptors: 1.0.2
+      has-proto: 1.2.0
+      has-symbols: 1.1.0
+      internal-slot: 1.1.0
+      iterator.prototype: 1.1.5
+      math-intrinsics: 1.1.0
+
   es-module-lexer@1.4.1: {}
 
   es-module-lexer@1.5.0: {}
@@ -7659,6 +9307,16 @@ snapshots:
       has-tostringtag: 1.0.2
       hasown: 2.0.2
 
+  es-shim-unscopables@1.1.0:
+    dependencies:
+      hasown: 2.0.2
+
+  es-to-primitive@1.3.0:
+    dependencies:
+      is-callable: 1.2.7
+      is-date-object: 1.1.0
+      is-symbol: 1.1.1
+
   esbuild-register@3.6.0(esbuild@0.19.12):
     dependencies:
       debug: 4.4.3(supports-color@10.2.2)
@@ -7812,6 +9470,112 @@ snapshots:
 
   escape-string-regexp@5.0.0: {}
 
+  eslint-config-next@16.0.10(@typescript-eslint/parser@8.58.0(eslint@10.2.0(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3):
+    dependencies:
+      '@next/eslint-plugin-next': 16.0.10
+      eslint: 9.39.4(jiti@2.6.1)
+      eslint-import-resolver-node: 0.3.10
+      eslint-import-resolver-typescript: 3.10.1(eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.58.0(eslint@10.2.0(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.4(jiti@2.6.1)))(eslint@9.39.4(jiti@2.6.1))
+      eslint-plugin-import: 2.32.0(@typescript-eslint/parser@8.58.0(eslint@10.2.0(jiti@2.6.1))(typescript@5.9.3))(eslint-import-resolver-typescript@3.10.1(eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.58.0(eslint@10.2.0(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.4(jiti@2.6.1)))(eslint@9.39.4(jiti@2.6.1)))(eslint@9.39.4(jiti@2.6.1))
+      eslint-plugin-jsx-a11y: 6.10.2(eslint@9.39.4(jiti@2.6.1))
+      eslint-plugin-react: 7.37.5(eslint@9.39.4(jiti@2.6.1))
+      eslint-plugin-react-hooks: 7.0.1(eslint@9.39.4(jiti@2.6.1))
+      globals: 16.4.0
+      typescript-eslint: 8.58.0(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3)
+    optionalDependencies:
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - '@typescript-eslint/parser'
+      - eslint-import-resolver-webpack
+      - eslint-plugin-import-x
+      - supports-color
+
+  eslint-config-prettier@10.1.8(eslint@9.39.4(jiti@2.6.1)):
+    dependencies:
+      eslint: 9.39.4(jiti@2.6.1)
+
+  eslint-import-resolver-node@0.3.10:
+    dependencies:
+      debug: 3.2.7
+      is-core-module: 2.16.1
+      resolve: 2.0.0-next.6
+    transitivePeerDependencies:
+      - supports-color
+
+  eslint-import-resolver-typescript@3.10.1(eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.58.0(eslint@10.2.0(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.4(jiti@2.6.1)))(eslint@9.39.4(jiti@2.6.1)):
+    dependencies:
+      '@nolyfill/is-core-module': 1.0.39
+      debug: 4.4.3(supports-color@10.2.2)
+      eslint: 9.39.4(jiti@2.6.1)
+      get-tsconfig: 4.13.7
+      is-bun-module: 2.0.0
+      stable-hash: 0.0.5
+      tinyglobby: 0.2.15
+      unrs-resolver: 1.11.1
+    optionalDependencies:
+      eslint-plugin-import: 2.32.0(@typescript-eslint/parser@8.58.0(eslint@10.2.0(jiti@2.6.1))(typescript@5.9.3))(eslint-import-resolver-typescript@3.10.1(eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.58.0(eslint@10.2.0(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.4(jiti@2.6.1)))(eslint@9.39.4(jiti@2.6.1)))(eslint@9.39.4(jiti@2.6.1))
+    transitivePeerDependencies:
+      - supports-color
+
+  eslint-module-utils@2.12.1(@typescript-eslint/parser@8.58.0(eslint@10.2.0(jiti@2.6.1))(typescript@5.9.3))(eslint-import-resolver-node@0.3.10)(eslint-import-resolver-typescript@3.10.1(eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.58.0(eslint@10.2.0(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.4(jiti@2.6.1)))(eslint@9.39.4(jiti@2.6.1)))(eslint@9.39.4(jiti@2.6.1)):
+    dependencies:
+      debug: 3.2.7
+    optionalDependencies:
+      '@typescript-eslint/parser': 8.58.0(eslint@10.2.0(jiti@2.6.1))(typescript@5.9.3)
+      eslint: 9.39.4(jiti@2.6.1)
+      eslint-import-resolver-node: 0.3.10
+      eslint-import-resolver-typescript: 3.10.1(eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.58.0(eslint@10.2.0(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.4(jiti@2.6.1)))(eslint@9.39.4(jiti@2.6.1))
+    transitivePeerDependencies:
+      - supports-color
+
+  eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.58.0(eslint@10.2.0(jiti@2.6.1))(typescript@5.9.3))(eslint-import-resolver-typescript@3.10.1(eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.58.0(eslint@10.2.0(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.4(jiti@2.6.1)))(eslint@9.39.4(jiti@2.6.1)))(eslint@9.39.4(jiti@2.6.1)):
+    dependencies:
+      '@rtsao/scc': 1.1.0
+      array-includes: 3.1.9
+      array.prototype.findlastindex: 1.2.6
+      array.prototype.flat: 1.3.3
+      array.prototype.flatmap: 1.3.3
+      debug: 3.2.7
+      doctrine: 2.1.0
+      eslint: 9.39.4(jiti@2.6.1)
+      eslint-import-resolver-node: 0.3.10
+      eslint-module-utils: 2.12.1(@typescript-eslint/parser@8.58.0(eslint@10.2.0(jiti@2.6.1))(typescript@5.9.3))(eslint-import-resolver-node@0.3.10)(eslint-import-resolver-typescript@3.10.1(eslint-plugin-import@2.32.0(@typescript-eslint/parser@8.58.0(eslint@10.2.0(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.4(jiti@2.6.1)))(eslint@9.39.4(jiti@2.6.1)))(eslint@9.39.4(jiti@2.6.1))
+      hasown: 2.0.2
+      is-core-module: 2.16.1
+      is-glob: 4.0.3
+      minimatch: 3.1.5
+      object.fromentries: 2.0.8
+      object.groupby: 1.0.3
+      object.values: 1.2.1
+      semver: 6.3.1
+      string.prototype.trimend: 1.0.9
+      tsconfig-paths: 3.15.0
+    optionalDependencies:
+      '@typescript-eslint/parser': 8.58.0(eslint@10.2.0(jiti@2.6.1))(typescript@5.9.3)
+    transitivePeerDependencies:
+      - eslint-import-resolver-typescript
+      - eslint-import-resolver-webpack
+      - supports-color
+
+  eslint-plugin-jsx-a11y@6.10.2(eslint@9.39.4(jiti@2.6.1)):
+    dependencies:
+      aria-query: 5.3.2
+      array-includes: 3.1.9
+      array.prototype.flatmap: 1.3.3
+      ast-types-flow: 0.0.8
+      axe-core: 4.11.3
+      axobject-query: 4.1.0
+      damerau-levenshtein: 1.0.8
+      emoji-regex: 9.2.2
+      eslint: 9.39.4(jiti@2.6.1)
+      hasown: 2.0.2
+      jsx-ast-utils: 3.3.5
+      language-tags: 1.0.9
+      minimatch: 3.1.5
+      object.fromentries: 2.0.8
+      safe-regex-test: 1.1.0
+      string.prototype.includes: 2.0.1
+
   eslint-plugin-react-hooks@7.0.1(eslint@10.2.0(jiti@2.6.1)):
     dependencies:
       '@babel/core': 7.29.0
@@ -7823,10 +9587,48 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  eslint-plugin-react-hooks@7.0.1(eslint@9.39.4(jiti@2.6.1)):
+    dependencies:
+      '@babel/core': 7.29.0
+      '@babel/parser': 7.29.2
+      eslint: 9.39.4(jiti@2.6.1)
+      hermes-parser: 0.25.1
+      zod: 3.25.76
+      zod-validation-error: 4.0.2(zod@3.25.76)
+    transitivePeerDependencies:
+      - supports-color
+
   eslint-plugin-react-refresh@0.5.2(eslint@10.2.0(jiti@2.6.1)):
     dependencies:
       eslint: 10.2.0(jiti@2.6.1)
 
+  eslint-plugin-react@7.37.5(eslint@9.39.4(jiti@2.6.1)):
+    dependencies:
+      array-includes: 3.1.9
+      array.prototype.findlast: 1.2.5
+      array.prototype.flatmap: 1.3.3
+      array.prototype.tosorted: 1.1.4
+      doctrine: 2.1.0
+      es-iterator-helpers: 1.3.2
+      eslint: 9.39.4(jiti@2.6.1)
+      estraverse: 5.3.0
+      hasown: 2.0.2
+      jsx-ast-utils: 3.3.5
+      minimatch: 3.1.5
+      object.entries: 1.1.9
+      object.fromentries: 2.0.8
+      object.values: 1.2.1
+      prop-types: 15.8.1
+      resolve: 2.0.0-next.6
+      semver: 6.3.1
+      string.prototype.matchall: 4.0.12
+      string.prototype.repeat: 1.0.0
+
+  eslint-scope@8.4.0:
+    dependencies:
+      esrecurse: 4.3.0
+      estraverse: 5.3.0
+
   eslint-scope@9.1.2:
     dependencies:
       '@types/esrecurse': 4.3.1
@@ -7836,6 +9638,8 @@ snapshots:
 
   eslint-visitor-keys@3.4.3: {}
 
+  eslint-visitor-keys@4.2.1: {}
+
   eslint-visitor-keys@5.0.1: {}
 
   eslint@10.2.0(jiti@2.6.1):
@@ -7875,6 +9679,53 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  eslint@9.39.4(jiti@2.6.1):
+    dependencies:
+      '@eslint-community/eslint-utils': 4.9.1(eslint@9.39.4(jiti@2.6.1))
+      '@eslint-community/regexpp': 4.12.2
+      '@eslint/config-array': 0.21.2
+      '@eslint/config-helpers': 0.4.2
+      '@eslint/core': 0.17.0
+      '@eslint/eslintrc': 3.3.5
+      '@eslint/js': 9.39.4
+      '@eslint/plugin-kit': 0.4.1
+      '@humanfs/node': 0.16.7
+      '@humanwhocodes/module-importer': 1.0.1
+      '@humanwhocodes/retry': 0.4.3
+      '@types/estree': 1.0.8
+      ajv: 6.14.0
+      chalk: 4.1.2
+      cross-spawn: 7.0.6
+      debug: 4.4.3(supports-color@10.2.2)
+      escape-string-regexp: 4.0.0
+      eslint-scope: 8.4.0
+      eslint-visitor-keys: 4.2.1
+      espree: 10.4.0
+      esquery: 1.7.0
+      esutils: 2.0.3
+      fast-deep-equal: 3.1.3
+      file-entry-cache: 8.0.0
+      find-up: 5.0.0
+      glob-parent: 6.0.2
+      ignore: 5.3.2
+      imurmurhash: 0.1.4
+      is-glob: 4.0.3
+      json-stable-stringify-without-jsonify: 1.0.1
+      lodash.merge: 4.6.2
+      minimatch: 3.1.5
+      natural-compare: 1.4.0
+      optionator: 0.9.4
+    optionalDependencies:
+      jiti: 2.6.1
+    transitivePeerDependencies:
+      - supports-color
+
+  espree@10.4.0:
+    dependencies:
+      acorn: 8.16.0
+      acorn-jsx: 5.3.2(acorn@8.16.0)
+      eslint-visitor-keys: 4.2.1
+
   espree@11.2.0:
     dependencies:
       acorn: 8.16.0
@@ -7984,6 +9835,14 @@ snapshots:
 
   fast-deep-equal@3.1.3: {}
 
+  fast-glob@3.3.1:
+    dependencies:
+      '@nodelib/fs.stat': 2.0.5
+      '@nodelib/fs.walk': 1.2.8
+      glob-parent: 5.1.2
+      merge2: 1.4.1
+      micromatch: 4.0.8
+
   fast-glob@3.3.3:
     dependencies:
       '@nodelib/fs.stat': 2.0.5
@@ -8065,6 +9924,15 @@ snapshots:
       hasown: 2.0.2
       mime-types: 2.1.35
 
+  framer-motion@12.38.0(react-dom@19.2.1(react@19.2.1))(react@19.2.1):
+    dependencies:
+      motion-dom: 12.38.0
+      motion-utils: 12.36.0
+      tslib: 2.7.0
+    optionalDependencies:
+      react: 19.2.1
+      react-dom: 19.2.1(react@19.2.1)
+
   from2@2.3.0:
     dependencies:
       inherits: 2.0.4
@@ -8089,6 +9957,17 @@ snapshots:
 
   function-timeout@1.0.2: {}
 
+  function.prototype.name@1.1.8:
+    dependencies:
+      call-bind: 1.0.8
+      call-bound: 1.0.4
+      define-properties: 1.2.1
+      functions-have-names: 1.2.3
+      hasown: 2.0.2
+      is-callable: 1.2.7
+
+  functions-have-names@1.2.3: {}
+
   gel@2.2.0:
     dependencies:
       '@petamoriken/float16': 3.9.3
@@ -8139,6 +10018,12 @@ snapshots:
       '@sec-ant/readable-stream': 0.4.1
       is-stream: 4.0.1
 
+  get-symbol-description@1.1.0:
+    dependencies:
+      call-bound: 1.0.4
+      es-errors: 1.3.0
+      get-intrinsic: 1.3.0
+
   get-tsconfig@4.13.7:
     dependencies:
       resolve-pkg-maps: 1.0.0
@@ -8166,8 +10051,17 @@ snapshots:
       minipass: 7.1.3
       path-scurry: 2.0.2
 
+  globals@14.0.0: {}
+
+  globals@16.4.0: {}
+
   globals@17.4.0: {}
 
+  globalthis@1.0.4:
+    dependencies:
+      define-properties: 1.2.1
+      gopd: 1.2.0
+
   gopd@1.2.0: {}
 
   graceful-fs@4.2.10: {}
@@ -8183,6 +10077,8 @@ snapshots:
     optionalDependencies:
       uglify-js: 3.19.3
 
+  has-bigints@1.1.0: {}
+
   has-flag@3.0.0: {}
 
   has-flag@4.0.0: {}
@@ -8191,6 +10087,10 @@ snapshots:
     dependencies:
       es-define-property: 1.0.1
 
+  has-proto@1.2.0:
+    dependencies:
+      dunder-proto: 1.0.1
+
   has-symbols@1.1.0: {}
 
   has-tostringtag@1.0.2:
@@ -8313,6 +10213,12 @@ snapshots:
 
   ini@1.3.8: {}
 
+  internal-slot@1.1.0:
+    dependencies:
+      es-errors: 1.3.0
+      hasown: 2.0.2
+      side-channel: 1.1.0
+
   into-stream@7.0.0:
     dependencies:
       from2: 2.3.0
@@ -8323,16 +10229,58 @@ snapshots:
       call-bound: 1.0.4
       has-tostringtag: 1.0.2
 
+  is-array-buffer@3.0.5:
+    dependencies:
+      call-bind: 1.0.8
+      call-bound: 1.0.4
+      get-intrinsic: 1.3.0
+
   is-arrayish@0.2.1: {}
 
+  is-async-function@2.1.1:
+    dependencies:
+      async-function: 1.0.0
+      call-bound: 1.0.4
+      get-proto: 1.0.1
+      has-tostringtag: 1.0.2
+      safe-regex-test: 1.1.0
+
+  is-bigint@1.1.0:
+    dependencies:
+      has-bigints: 1.1.0
+
+  is-boolean-object@1.2.2:
+    dependencies:
+      call-bound: 1.0.4
+      has-tostringtag: 1.0.2
+
+  is-bun-module@2.0.0:
+    dependencies:
+      semver: 7.7.4
+
   is-callable@1.2.7: {}
 
   is-core-module@2.16.1:
     dependencies:
       hasown: 2.0.2
 
+  is-data-view@1.0.2:
+    dependencies:
+      call-bound: 1.0.4
+      get-intrinsic: 1.3.0
+      is-typed-array: 1.1.15
+
+  is-date-object@1.1.0:
+    dependencies:
+      call-bound: 1.0.4
+      has-tostringtag: 1.0.2
+
   is-extglob@2.1.1: {}
 
+  is-finalizationregistry@1.1.1:
+    dependencies:
+      call-bound: 1.0.4
+
   is-fullwidth-code-point@3.0.0: {}
 
   is-generator-function@1.1.2:
@@ -8349,11 +10297,20 @@ snapshots:
 
   is-hex-prefixed@1.0.0: {}
 
+  is-map@2.0.3: {}
+
   is-nan@1.3.2:
     dependencies:
       call-bind: 1.0.8
       define-properties: 1.2.1
 
+  is-negative-zero@2.0.3: {}
+
+  is-number-object@1.1.1:
+    dependencies:
+      call-bound: 1.0.4
+      has-tostringtag: 1.0.2
+
   is-number@7.0.0: {}
 
   is-obj@2.0.0: {}
@@ -8369,18 +10326,46 @@ snapshots:
       has-tostringtag: 1.0.2
       hasown: 2.0.2
 
+  is-set@2.0.3: {}
+
+  is-shared-array-buffer@1.0.4:
+    dependencies:
+      call-bound: 1.0.4
+
   is-stream@2.0.1: {}
 
   is-stream@3.0.0: {}
 
   is-stream@4.0.1: {}
 
+  is-string@1.1.1:
+    dependencies:
+      call-bound: 1.0.4
+      has-tostringtag: 1.0.2
+
+  is-symbol@1.1.1:
+    dependencies:
+      call-bound: 1.0.4
+      has-symbols: 1.1.0
+      safe-regex-test: 1.1.0
+
   is-typed-array@1.1.15:
     dependencies:
       which-typed-array: 1.1.20
 
   is-unicode-supported@2.1.0: {}
 
+  is-weakmap@2.0.2: {}
+
+  is-weakref@1.1.1:
+    dependencies:
+      call-bound: 1.0.4
+
+  is-weakset@2.0.4:
+    dependencies:
+      call-bound: 1.0.4
+      get-intrinsic: 1.3.0
+
   isarray@1.0.0: {}
 
   isarray@2.0.5: {}
@@ -8405,6 +10390,15 @@ snapshots:
       lodash.isstring: 4.0.1
       lodash.uniqby: 4.7.0
 
+  iterator.prototype@1.1.5:
+    dependencies:
+      define-data-property: 1.1.4
+      es-object-atoms: 1.1.1
+      get-intrinsic: 1.3.0
+      get-proto: 1.0.1
+      has-symbols: 1.1.0
+      set-function-name: 2.0.2
+
   java-properties@1.0.2: {}
 
   jiti@2.6.1: {}
@@ -8471,6 +10465,10 @@ snapshots:
 
   json-with-bigint@3.5.8: {}
 
+  json5@1.0.2:
+    dependencies:
+      minimist: 1.2.8
+
   json5@2.2.3: {}
 
   jsonfile@6.2.0:
@@ -8479,10 +10477,23 @@ snapshots:
     optionalDependencies:
       graceful-fs: 4.2.11
 
+  jsx-ast-utils@3.3.5:
+    dependencies:
+      array-includes: 3.1.9
+      array.prototype.flat: 1.3.3
+      object.assign: 4.1.7
+      object.values: 1.2.1
+
   keyv@4.5.4:
     dependencies:
       json-buffer: 3.0.1
 
+  language-subtag-registry@0.3.23: {}
+
+  language-tags@1.0.9:
+    dependencies:
+      language-subtag-registry: 0.3.23
+
   levn@0.4.1:
     dependencies:
       prelude-ls: 1.2.1
@@ -8569,10 +10580,16 @@ snapshots:
 
   lodash.isstring@4.0.1: {}
 
+  lodash.merge@4.6.2: {}
+
   lodash.uniqby@4.7.0: {}
 
   lodash@4.17.23: {}
 
+  loose-envify@1.4.0:
+    dependencies:
+      js-tokens: 4.0.0
+
   loupe@3.2.1: {}
 
   lru-cache@10.4.3: {}
@@ -8693,6 +10710,12 @@ snapshots:
       pkg-types: 1.3.1
       ufo: 1.6.3
 
+  motion-dom@12.38.0:
+    dependencies:
+      motion-utils: 12.36.0
+
+  motion-utils@12.36.0: {}
+
   mri@1.2.0: {}
 
   ms@2.1.3: {}
@@ -8705,12 +10728,37 @@ snapshots:
 
   nanoid@3.3.11: {}
 
+  napi-postinstall@0.3.4: {}
+
   natural-compare@1.4.0: {}
 
   neo-async@2.6.2: {}
 
   nerf-dart@1.0.0: {}
 
+  next@16.0.10(@babel/core@7.29.0)(react-dom@19.2.1(react@19.2.1))(react@19.2.1):
+    dependencies:
+      '@next/env': 16.0.10
+      '@swc/helpers': 0.5.15
+      caniuse-lite: 1.0.30001784
+      postcss: 8.4.31
+      react: 19.2.1
+      react-dom: 19.2.1(react@19.2.1)
+      styled-jsx: 5.1.6(@babel/core@7.29.0)(react@19.2.1)
+    optionalDependencies:
+      '@next/swc-darwin-arm64': 16.0.10
+      '@next/swc-darwin-x64': 16.0.10
+      '@next/swc-linux-arm64-gnu': 16.0.10
+      '@next/swc-linux-arm64-musl': 16.0.10
+      '@next/swc-linux-x64-gnu': 16.0.10
+      '@next/swc-linux-x64-musl': 16.0.10
+      '@next/swc-win32-arm64-msvc': 16.0.10
+      '@next/swc-win32-x64-msvc': 16.0.10
+      sharp: 0.34.5
+    transitivePeerDependencies:
+      - '@babel/core'
+      - babel-plugin-macros
+
   node-emoji@2.2.0:
     dependencies:
       '@sindresorhus/is': 4.6.0
@@ -8718,6 +10766,13 @@ snapshots:
       emojilib: 2.4.0
       skin-tone: 2.0.0
 
+  node-exports-info@1.6.0:
+    dependencies:
+      array.prototype.flatmap: 1.3.3
+      es-errors: 1.3.0
+      object.entries: 1.1.9
+      semver: 6.3.1
+
   node-fetch@2.6.9:
     dependencies:
       whatwg-url: 5.0.0
@@ -8818,6 +10873,33 @@ snapshots:
       has-symbols: 1.1.0
       object-keys: 1.1.1
 
+  object.entries@1.1.9:
+    dependencies:
+      call-bind: 1.0.8
+      call-bound: 1.0.4
+      define-properties: 1.2.1
+      es-object-atoms: 1.1.1
+
+  object.fromentries@2.0.8:
+    dependencies:
+      call-bind: 1.0.8
+      define-properties: 1.2.1
+      es-abstract: 1.24.2
+      es-object-atoms: 1.1.1
+
+  object.groupby@1.0.3:
+    dependencies:
+      call-bind: 1.0.8
+      define-properties: 1.2.1
+      es-abstract: 1.24.2
+
+  object.values@1.2.1:
+    dependencies:
+      call-bind: 1.0.8
+      call-bound: 1.0.4
+      define-properties: 1.2.1
+      es-object-atoms: 1.1.1
+
   on-exit-leak-free@2.1.2: {}
 
   onetime@5.1.2:
@@ -8849,6 +10931,12 @@ snapshots:
 
   os-browserify@0.3.0: {}
 
+  own-keys@1.0.1:
+    dependencies:
+      get-intrinsic: 1.3.0
+      object-keys: 1.1.1
+      safe-push-apply: 1.0.0
+
   ox@0.14.7(typescript@5.9.3)(zod@3.25.76):
     dependencies:
       '@adraffy/ens-normalize': 1.11.1
@@ -9072,6 +11160,12 @@ snapshots:
       postcss: 8.5.8
       tsx: 4.21.0
 
+  postcss@8.4.31:
+    dependencies:
+      nanoid: 3.3.11
+      picocolors: 1.1.1
+      source-map-js: 1.2.1
+
   postcss@8.5.8:
     dependencies:
       nanoid: 3.3.11
@@ -9116,6 +11210,12 @@ snapshots:
 
   process@0.11.10: {}
 
+  prop-types@15.8.1:
+    dependencies:
+      loose-envify: 1.4.0
+      object-assign: 4.1.1
+      react-is: 16.13.1
+
   proto-list@1.2.4: {}
 
   proxy-from-env@2.1.0: {}
@@ -9159,11 +11259,18 @@ snapshots:
       minimist: 1.2.8
       strip-json-comments: 2.0.1
 
+  react-dom@19.2.1(react@19.2.1):
+    dependencies:
+      react: 19.2.1
+      scheduler: 0.27.0
+
   react-dom@19.2.4(react@19.2.4):
     dependencies:
       react: 19.2.4
       scheduler: 0.27.0
 
+  react-is@16.13.1: {}
+
   react-is@17.0.2: {}
 
   react-refresh@0.17.0: {}
@@ -9195,6 +11302,8 @@ snapshots:
     optionalDependencies:
       '@types/react': 19.2.14
 
+  react@19.2.1: {}
+
   react@19.2.4: {}
 
   read-package-up@11.0.0:
@@ -9250,6 +11359,26 @@ snapshots:
       indent-string: 4.0.0
       strip-indent: 3.0.0
 
+  reflect.getprototypeof@1.0.10:
+    dependencies:
+      call-bind: 1.0.8
+      define-properties: 1.2.1
+      es-abstract: 1.24.2
+      es-errors: 1.3.0
+      es-object-atoms: 1.1.1
+      get-intrinsic: 1.3.0
+      get-proto: 1.0.1
+      which-builtin-type: 1.2.1
+
+  regexp.prototype.flags@1.5.4:
+    dependencies:
+      call-bind: 1.0.8
+      define-properties: 1.2.1
+      es-errors: 1.3.0
+      get-proto: 1.0.1
+      gopd: 1.2.0
+      set-function-name: 2.0.2
+
   registry-auth-token@5.1.1:
     dependencies:
       '@pnpm/npm-conf': 3.0.2
@@ -9270,6 +11399,15 @@ snapshots:
       path-parse: 1.0.7
       supports-preserve-symlinks-flag: 1.0.0
 
+  resolve@2.0.0-next.6:
+    dependencies:
+      es-errors: 1.3.0
+      is-core-module: 2.16.1
+      node-exports-info: 1.6.0
+      object-keys: 1.1.1
+      path-parse: 1.0.7
+      supports-preserve-symlinks-flag: 1.0.0
+
   reusify@1.1.0: {}
 
   ripemd160@2.0.3:
@@ -9314,10 +11452,23 @@ snapshots:
     dependencies:
       queue-microtask: 1.2.3
 
+  safe-array-concat@1.1.4:
+    dependencies:
+      call-bind: 1.0.9
+      call-bound: 1.0.4
+      get-intrinsic: 1.3.0
+      has-symbols: 1.1.0
+      isarray: 2.0.5
+
   safe-buffer@5.1.2: {}
 
   safe-buffer@5.2.1: {}
 
+  safe-push-apply@1.0.0:
+    dependencies:
+      es-errors: 1.3.0
+      isarray: 2.0.5
+
   safe-regex-test@1.1.0:
     dependencies:
       call-bound: 1.0.4
@@ -9389,6 +11540,19 @@ snapshots:
       gopd: 1.2.0
       has-property-descriptors: 1.0.2
 
+  set-function-name@2.0.2:
+    dependencies:
+      define-data-property: 1.1.4
+      es-errors: 1.3.0
+      functions-have-names: 1.2.3
+      has-property-descriptors: 1.0.2
+
+  set-proto@1.0.0:
+    dependencies:
+      dunder-proto: 1.0.1
+      es-errors: 1.3.0
+      es-object-atoms: 1.1.1
+
   setimmediate@1.0.5: {}
 
   sha.js@2.4.12:
@@ -9397,6 +11561,38 @@ snapshots:
       safe-buffer: 5.2.1
       to-buffer: 1.2.2
 
+  sharp@0.34.5:
+    dependencies:
+      '@img/colour': 1.1.0
+      detect-libc: 2.1.2
+      semver: 7.7.4
+    optionalDependencies:
+      '@img/sharp-darwin-arm64': 0.34.5
+      '@img/sharp-darwin-x64': 0.34.5
+      '@img/sharp-libvips-darwin-arm64': 1.2.4
+      '@img/sharp-libvips-darwin-x64': 1.2.4
+      '@img/sharp-libvips-linux-arm': 1.2.4
+      '@img/sharp-libvips-linux-arm64': 1.2.4
+      '@img/sharp-libvips-linux-ppc64': 1.2.4
+      '@img/sharp-libvips-linux-riscv64': 1.2.4
+      '@img/sharp-libvips-linux-s390x': 1.2.4
+      '@img/sharp-libvips-linux-x64': 1.2.4
+      '@img/sharp-libvips-linuxmusl-arm64': 1.2.4
+      '@img/sharp-libvips-linuxmusl-x64': 1.2.4
+      '@img/sharp-linux-arm': 0.34.5
+      '@img/sharp-linux-arm64': 0.34.5
+      '@img/sharp-linux-ppc64': 0.34.5
+      '@img/sharp-linux-riscv64': 0.34.5
+      '@img/sharp-linux-s390x': 0.34.5
+      '@img/sharp-linux-x64': 0.34.5
+      '@img/sharp-linuxmusl-arm64': 0.34.5
+      '@img/sharp-linuxmusl-x64': 0.34.5
+      '@img/sharp-wasm32': 0.34.5
+      '@img/sharp-win32-arm64': 0.34.5
+      '@img/sharp-win32-ia32': 0.34.5
+      '@img/sharp-win32-x64': 0.34.5
+    optional: true
+
   shebang-command@2.0.0:
     dependencies:
       shebang-regex: 3.0.0
@@ -9502,10 +11698,17 @@ snapshots:
 
   split2@4.2.0: {}
 
+  stable-hash@0.0.5: {}
+
   stackback@0.0.2: {}
 
   std-env@3.10.0: {}
 
+  stop-iteration-iterator@1.1.0:
+    dependencies:
+      es-errors: 1.3.0
+      internal-slot: 1.1.0
+
   stream-browserify@3.0.0:
     dependencies:
       inherits: 2.0.4
@@ -9535,6 +11738,56 @@ snapshots:
       get-east-asian-width: 1.5.0
       strip-ansi: 7.2.0
 
+  string.prototype.includes@2.0.1:
+    dependencies:
+      call-bind: 1.0.8
+      define-properties: 1.2.1
+      es-abstract: 1.24.2
+
+  string.prototype.matchall@4.0.12:
+    dependencies:
+      call-bind: 1.0.8
+      call-bound: 1.0.4
+      define-properties: 1.2.1
+      es-abstract: 1.24.2
+      es-errors: 1.3.0
+      es-object-atoms: 1.1.1
+      get-intrinsic: 1.3.0
+      gopd: 1.2.0
+      has-symbols: 1.1.0
+      internal-slot: 1.1.0
+      regexp.prototype.flags: 1.5.4
+      set-function-name: 2.0.2
+      side-channel: 1.1.0
+
+  string.prototype.repeat@1.0.0:
+    dependencies:
+      define-properties: 1.2.1
+      es-abstract: 1.24.2
+
+  string.prototype.trim@1.2.10:
+    dependencies:
+      call-bind: 1.0.8
+      call-bound: 1.0.4
+      define-data-property: 1.1.4
+      define-properties: 1.2.1
+      es-abstract: 1.24.2
+      es-object-atoms: 1.1.1
+      has-property-descriptors: 1.0.2
+
+  string.prototype.trimend@1.0.9:
+    dependencies:
+      call-bind: 1.0.8
+      call-bound: 1.0.4
+      define-properties: 1.2.1
+      es-object-atoms: 1.1.1
+
+  string.prototype.trimstart@1.0.8:
+    dependencies:
+      call-bind: 1.0.8
+      define-properties: 1.2.1
+      es-object-atoms: 1.1.1
+
   string_decoder@1.1.1:
     dependencies:
       safe-buffer: 5.1.2
@@ -9565,10 +11818,19 @@ snapshots:
 
   strip-json-comments@2.0.1: {}
 
+  strip-json-comments@3.1.1: {}
+
   strip-literal@3.1.0:
     dependencies:
       js-tokens: 9.0.1
 
+  styled-jsx@5.1.6(@babel/core@7.29.0)(react@19.2.1):
+    dependencies:
+      client-only: 0.0.1
+      react: 19.2.1
+    optionalDependencies:
+      '@babel/core': 7.29.0
+
   sucrase@3.35.1:
     dependencies:
       '@jridgewell/gen-mapping': 0.3.13
@@ -9610,6 +11872,8 @@ snapshots:
 
   tailwindcss@4.2.2: {}
 
+  tailwindcss@4.2.4: {}
+
   tapable@2.3.2: {}
 
   tar@7.5.13:
@@ -9720,8 +11984,17 @@ snapshots:
 
   ts-toolbelt@6.15.5: {}
 
+  tsconfig-paths@3.15.0:
+    dependencies:
+      '@types/json5': 0.0.29
+      json5: 1.0.2
+      minimist: 1.2.8
+      strip-bom: 3.0.0
+
   tslib@2.7.0: {}
 
+  tslib@2.8.1: {}
+
   tsup@8.5.1(jiti@2.6.1)(postcss@8.5.8)(tsx@4.21.0)(typescript@5.9.3):
     dependencies:
       bundle-require: 5.1.0(esbuild@0.27.4)
@@ -9783,6 +12056,33 @@ snapshots:
       es-errors: 1.3.0
       is-typed-array: 1.1.15
 
+  typed-array-byte-length@1.0.3:
+    dependencies:
+      call-bind: 1.0.8
+      for-each: 0.3.5
+      gopd: 1.2.0
+      has-proto: 1.2.0
+      is-typed-array: 1.1.15
+
+  typed-array-byte-offset@1.0.4:
+    dependencies:
+      available-typed-arrays: 1.0.7
+      call-bind: 1.0.8
+      for-each: 0.3.5
+      gopd: 1.2.0
+      has-proto: 1.2.0
+      is-typed-array: 1.1.15
+      reflect.getprototypeof: 1.0.10
+
+  typed-array-length@1.0.7:
+    dependencies:
+      call-bind: 1.0.8
+      for-each: 0.3.5
+      gopd: 1.2.0
+      is-typed-array: 1.1.15
+      possible-typed-array-names: 1.1.0
+      reflect.getprototypeof: 1.0.10
+
   typescript-eslint@8.58.0(eslint@10.2.0(jiti@2.6.1))(typescript@5.9.3):
     dependencies:
       '@typescript-eslint/eslint-plugin': 8.58.0(@typescript-eslint/parser@8.58.0(eslint@10.2.0(jiti@2.6.1))(typescript@5.9.3))(eslint@10.2.0(jiti@2.6.1))(typescript@5.9.3)
@@ -9794,6 +12094,17 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  typescript-eslint@8.58.0(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3):
+    dependencies:
+      '@typescript-eslint/eslint-plugin': 8.58.0(@typescript-eslint/parser@8.58.0(eslint@10.2.0(jiti@2.6.1))(typescript@5.9.3))(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/parser': 8.58.0(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3)
+      '@typescript-eslint/typescript-estree': 8.58.0(typescript@5.9.3)
+      '@typescript-eslint/utils': 8.58.0(eslint@9.39.4(jiti@2.6.1))(typescript@5.9.3)
+      eslint: 9.39.4(jiti@2.6.1)
+      typescript: 5.9.3
+    transitivePeerDependencies:
+      - supports-color
+
   typescript@5.9.3: {}
 
   ufo@1.6.3: {}
@@ -9801,6 +12112,13 @@ snapshots:
   uglify-js@3.19.3:
     optional: true
 
+  unbox-primitive@1.1.0:
+    dependencies:
+      call-bound: 1.0.4
+      has-bigints: 1.1.0
+      has-symbols: 1.1.0
+      which-boxed-primitive: 1.1.1
+
   undici-types@5.26.5: {}
 
   undici-types@6.19.8: {}
@@ -9831,6 +12149,30 @@ snapshots:
 
   universalify@2.0.1: {}
 
+  unrs-resolver@1.11.1:
+    dependencies:
+      napi-postinstall: 0.3.4
+    optionalDependencies:
+      '@unrs/resolver-binding-android-arm-eabi': 1.11.1
+      '@unrs/resolver-binding-android-arm64': 1.11.1
+      '@unrs/resolver-binding-darwin-arm64': 1.11.1
+      '@unrs/resolver-binding-darwin-x64': 1.11.1
+      '@unrs/resolver-binding-freebsd-x64': 1.11.1
+      '@unrs/resolver-binding-linux-arm-gnueabihf': 1.11.1
+      '@unrs/resolver-binding-linux-arm-musleabihf': 1.11.1
+      '@unrs/resolver-binding-linux-arm64-gnu': 1.11.1
+      '@unrs/resolver-binding-linux-arm64-musl': 1.11.1
+      '@unrs/resolver-binding-linux-ppc64-gnu': 1.11.1
+      '@unrs/resolver-binding-linux-riscv64-gnu': 1.11.1
+      '@unrs/resolver-binding-linux-riscv64-musl': 1.11.1
+      '@unrs/resolver-binding-linux-s390x-gnu': 1.11.1
+      '@unrs/resolver-binding-linux-x64-gnu': 1.11.1
+      '@unrs/resolver-binding-linux-x64-musl': 1.11.1
+      '@unrs/resolver-binding-wasm32-wasi': 1.11.1
+      '@unrs/resolver-binding-win32-arm64-msvc': 1.11.1
+      '@unrs/resolver-binding-win32-ia32-msvc': 1.11.1
+      '@unrs/resolver-binding-win32-x64-msvc': 1.11.1
+
   update-browserslist-db@1.2.3(browserslist@4.28.2):
     dependencies:
       browserslist: 4.28.2
@@ -10048,6 +12390,37 @@ snapshots:
       tr46: 0.0.3
       webidl-conversions: 3.0.1
 
+  which-boxed-primitive@1.1.1:
+    dependencies:
+      is-bigint: 1.1.0
+      is-boolean-object: 1.2.2
+      is-number-object: 1.1.1
+      is-string: 1.1.1
+      is-symbol: 1.1.1
+
+  which-builtin-type@1.2.1:
+    dependencies:
+      call-bound: 1.0.4
+      function.prototype.name: 1.1.8
+      has-tostringtag: 1.0.2
+      is-async-function: 2.1.1
+      is-date-object: 1.1.0
+      is-finalizationregistry: 1.1.1
+      is-generator-function: 1.1.2
+      is-regex: 1.2.1
+      is-weakref: 1.1.1
+      isarray: 2.0.5
+      which-boxed-primitive: 1.1.1
+      which-collection: 1.0.2
+      which-typed-array: 1.1.20
+
+  which-collection@1.0.2:
+    dependencies:
+      is-map: 2.0.3
+      is-set: 2.0.3
+      is-weakmap: 2.0.2
+      is-weakset: 2.0.4
+
   which-typed-array@1.1.20:
     dependencies:
       available-typed-arrays: 1.0.7

From 86908263bc4742ea69bf237af82592988382b12d Mon Sep 17 00:00:00 2001
From: "v.snigerev" <snigerev.vladimir.e@gmail.com>
Date: Fri, 24 Apr 2026 22:16:01 +0300
Subject: [PATCH 2/3] style(landing): apply prettier formatting per package
 config

CI format:check failed because landing files were authored without
running prettier. Applied pnpm format locally. No semantic changes.
---
 packages/landing/CLAUDE.md                    | 36 ++++++++-------
 packages/landing/next-env.d.ts                |  2 +-
 packages/landing/src/app/blog/[slug]/page.tsx |  3 +-
 packages/landing/src/app/layout.tsx           |  5 +--
 .../landing/src/components/blog/BlogGrid.tsx  |  4 +-
 .../landing/src/components/blog/BlogHero.tsx  |  4 +-
 .../src/components/business/BusinessCTA.tsx   |  4 +-
 .../components/business/BusinessHeader.tsx    |  6 ++-
 .../src/components/business/BusinessHero.tsx  |  4 +-
 .../business/PrivacyInfraSection.tsx          |  8 +++-
 .../src/components/business/TrustStats.tsx    | 17 ++++---
 .../landing/src/components/landing/CTA.tsx    |  9 +++-
 .../src/components/landing/Features.tsx       | 11 ++---
 .../landing/src/components/landing/Footer.tsx | 14 +++---
 .../landing/src/components/landing/Header.tsx | 24 +++++++---
 .../landing/src/components/landing/Hero.tsx   |  2 +-
 .../src/components/landing/HowItWorks.tsx     | 12 ++++-
 .../src/components/landing/Products.tsx       | 17 ++++---
 .../src/components/landing/TopBanner.tsx      | 14 +++++-
 .../src/components/mobile/MobileFeatures.tsx  | 16 +++++--
 .../src/components/mobile/MobileHero.tsx      |  4 +-
 .../placeholders/ImagePlaceholder.tsx         |  5 ++-
 .../components/pricing/PricingFeatures.tsx    |  4 +-
 .../src/components/pricing/PricingHero.tsx    |  4 +-
 .../src/components/pricing/PricingPlans.tsx   | 18 +++++---
 packages/landing/src/content/site.ts          | 45 ++++++++++++++++---
 packages/landing/src/lib/accent-scale.ts      |  8 +++-
 27 files changed, 214 insertions(+), 86 deletions(-)

diff --git a/packages/landing/CLAUDE.md b/packages/landing/CLAUDE.md
index debffaf..fa37049 100644
--- a/packages/landing/CLAUDE.md
+++ b/packages/landing/CLAUDE.md
@@ -8,12 +8,14 @@ This template is a **1:1 clone** of the reference landing (`web-landing-app`). T
 component sequence, block roles, markup, and animations are **fixed across every venture**.
 
 **What varies per venture:**
+
 - Token system (`branding.accent` → 9-step scale + hover/bg/border variants; `branding.fontSans`
   / `fontMono`; `branding.borderRadius`; `branding.borderWidth`).
 - Text content (every string in every slot of `src/content/site.ts`).
 - Image URLs (replace `src: null` → real asset, or keep `null` for `[IMAGE PLACEHOLDER]`).
 
 **What never varies:**
+
 - Set of pages (`/`, `/mobile`, `/business`, `/pricing`, `/blog`, `/contact`, `/privacy`,
   `/terms`).
 - Order of components on each page.
@@ -60,22 +62,22 @@ pnpm dev             # runtime check — curl localhost:3000/{,mobile,business,p
 Every UI slot has fixed visual proportions. If source text is too long, **rewrite it shorter and
 sharper** — never paste paragraph-length copy from a brief directly into a UI slot.
 
-| Slot | Visual role | Writing rule |
-|---|---|---|
-| `hero.title` | `<h1>` ~64 px, centered, 1–2 lines | 4–7 punchy words. Rewrite long headlines to a single bold claim. |
-| `hero.subtitle` | Lead text ~22 px, max-w-2xl | One sentence. Two short sentences max. Distil to the strongest idea. |
-| CTA labels | Pill button | Verb-first, ≤ 4 words: "Start for free", "See pricing". |
-| `eyebrow` | Small uppercase badge | One noun phrase, no verb. |
-| Section `title` | `<h2>` ~36–42 px | Tight claim or question, not a description. Rewrite if verbose. |
-| Section `subtitle` | Sub-copy below h2 | One sentence. If you have two ideas, pick the stronger one. |
-| `items[].title` | Card / feature heading | 2–4 words — a label, not a sentence. |
-| `items[].description` | Card body, fixed-height grid | One sentence written as a benefit. All cards in a grid must be visually even — trim the longest to match the others. |
-| `steps[].description` | Step body | One sentence. |
-| `trustStats items[].value` | Large stat | Compact symbol: `"$1B+"`, `"99.9%"`, `"< 2 s"`. Never prose. |
-| `trustStats items[].label` | Stat caption | Short noun phrase, no verb. |
-| `faq[].answer` | Accordion body | 2–3 sentences max. Lead with the direct answer. |
-| `pricing plan.description` | Plan sub-copy | One sentence, outcome-focused. |
-| `pricing plan.features[]` | Checklist line | One short phrase per line. |
-| `prose paragraphs[]` | Prose section, each paragraph | One idea per paragraph. Split or trim rather than run on. |
+| Slot                       | Visual role                        | Writing rule                                                                                                         |
+| -------------------------- | ---------------------------------- | -------------------------------------------------------------------------------------------------------------------- |
+| `hero.title`               | `<h1>` ~64 px, centered, 1–2 lines | 4–7 punchy words. Rewrite long headlines to a single bold claim.                                                     |
+| `hero.subtitle`            | Lead text ~22 px, max-w-2xl        | One sentence. Two short sentences max. Distil to the strongest idea.                                                 |
+| CTA labels                 | Pill button                        | Verb-first, ≤ 4 words: "Start for free", "See pricing".                                                              |
+| `eyebrow`                  | Small uppercase badge              | One noun phrase, no verb.                                                                                            |
+| Section `title`            | `<h2>` ~36–42 px                   | Tight claim or question, not a description. Rewrite if verbose.                                                      |
+| Section `subtitle`         | Sub-copy below h2                  | One sentence. If you have two ideas, pick the stronger one.                                                          |
+| `items[].title`            | Card / feature heading             | 2–4 words — a label, not a sentence.                                                                                 |
+| `items[].description`      | Card body, fixed-height grid       | One sentence written as a benefit. All cards in a grid must be visually even — trim the longest to match the others. |
+| `steps[].description`      | Step body                          | One sentence.                                                                                                        |
+| `trustStats items[].value` | Large stat                         | Compact symbol: `"$1B+"`, `"99.9%"`, `"< 2 s"`. Never prose.                                                         |
+| `trustStats items[].label` | Stat caption                       | Short noun phrase, no verb.                                                                                          |
+| `faq[].answer`             | Accordion body                     | 2–3 sentences max. Lead with the direct answer.                                                                      |
+| `pricing plan.description` | Plan sub-copy                      | One sentence, outcome-focused.                                                                                       |
+| `pricing plan.features[]`  | Checklist line                     | One short phrase per line.                                                                                           |
+| `prose paragraphs[]`       | Prose section, each paragraph      | One idea per paragraph. Split or trim rather than run on.                                                            |
 
 **Test:** read any string you wrote aloud. If it sounds like a document or a README, rewrite it as a UI label.
diff --git a/packages/landing/next-env.d.ts b/packages/landing/next-env.d.ts
index c4b7818..9edff1c 100644
--- a/packages/landing/next-env.d.ts
+++ b/packages/landing/next-env.d.ts
@@ -1,6 +1,6 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
-import "./.next/dev/types/routes.d.ts";
+import "./.next/types/routes.d.ts";
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/app/api-reference/config/typescript for more information.
diff --git a/packages/landing/src/app/blog/[slug]/page.tsx b/packages/landing/src/app/blog/[slug]/page.tsx
index 782c397..fb999c9 100644
--- a/packages/landing/src/app/blog/[slug]/page.tsx
+++ b/packages/landing/src/app/blog/[slug]/page.tsx
@@ -11,8 +11,7 @@ interface Props {
   params: Promise<{ slug: string }>
 }
 
-const allPosts = () =>
-  site.blog.grid.posts.length > 0 ? site.blog.grid.posts : site.home.blog.posts
+const allPosts = () => (site.blog.grid.posts.length > 0 ? site.blog.grid.posts : site.home.blog.posts)
 
 export async function generateStaticParams() {
   const posts = allPosts()
diff --git a/packages/landing/src/app/layout.tsx b/packages/landing/src/app/layout.tsx
index c1e4264..7ab8368 100644
--- a/packages/landing/src/app/layout.tsx
+++ b/packages/landing/src/app/layout.tsx
@@ -132,10 +132,7 @@ export default function RootLayout({ children }: Readonly<{ children: React.Reac
   return (
     <html lang="en" style={style}>
       <head>
-        <script
-          type="application/ld+json"
-          dangerouslySetInnerHTML={{ __html: JSON.stringify(structuredData) }}
-        />
+        <script type="application/ld+json" dangerouslySetInnerHTML={{ __html: JSON.stringify(structuredData) }} />
       </head>
       <body className="antialiased">
         <MotionProvider>{children}</MotionProvider>
diff --git a/packages/landing/src/components/blog/BlogGrid.tsx b/packages/landing/src/components/blog/BlogGrid.tsx
index e9acc1f..fa6851d 100644
--- a/packages/landing/src/components/blog/BlogGrid.tsx
+++ b/packages/landing/src/components/blog/BlogGrid.tsx
@@ -15,7 +15,9 @@ export default function BlogGrid() {
   if (posts.length === 0) {
     return (
       <section ref={sectionRef} className="pb-24 sm:pb-32 lg:pb-36 bg-black">
-        <div className="container text-center text-white/40 text-sm">[LOREM: no blog posts yet — populate site.blog.grid.posts]</div>
+        <div className="container text-center text-white/40 text-sm">
+          [LOREM: no blog posts yet — populate site.blog.grid.posts]
+        </div>
       </section>
     )
   }
diff --git a/packages/landing/src/components/blog/BlogHero.tsx b/packages/landing/src/components/blog/BlogHero.tsx
index 8deca09..82bd28d 100644
--- a/packages/landing/src/components/blog/BlogHero.tsx
+++ b/packages/landing/src/components/blog/BlogHero.tsx
@@ -20,7 +20,9 @@ export default function BlogHero() {
           transition={{ duration: 0.5, ease: 'easeOut' }}
         >
           {hero.eyebrow ? (
-            <p className="text-sm font-semibold tracking-widest uppercase mb-4 text-[var(--accent-teal)]">{hero.eyebrow}</p>
+            <p className="text-sm font-semibold tracking-widest uppercase mb-4 text-[var(--accent-teal)]">
+              {hero.eyebrow}
+            </p>
           ) : null}
           <h1 className="text-[36px] sm:text-[56px] md:text-[72px] font-semibold text-white leading-[1.12] sm:leading-[1.05] tracking-[-0.035em] mb-6 sm:mb-8">
             {hero.title}
diff --git a/packages/landing/src/components/business/BusinessCTA.tsx b/packages/landing/src/components/business/BusinessCTA.tsx
index 79948de..3b6b176 100644
--- a/packages/landing/src/components/business/BusinessCTA.tsx
+++ b/packages/landing/src/components/business/BusinessCTA.tsx
@@ -27,7 +27,9 @@ export default function BusinessCTA() {
             {cta.title}
           </h2>
           {cta.subtitle ? (
-            <p className="text-base sm:text-lg lg:text-xl leading-relaxed mb-8 sm:mb-10 text-white/50">{cta.subtitle}</p>
+            <p className="text-base sm:text-lg lg:text-xl leading-relaxed mb-8 sm:mb-10 text-white/50">
+              {cta.subtitle}
+            </p>
           ) : null}
 
           <div className="flex flex-col sm:flex-row gap-3 justify-center max-w-md mx-auto">
diff --git a/packages/landing/src/components/business/BusinessHeader.tsx b/packages/landing/src/components/business/BusinessHeader.tsx
index 500d939..c71c829 100644
--- a/packages/landing/src/components/business/BusinessHeader.tsx
+++ b/packages/landing/src/components/business/BusinessHeader.tsx
@@ -19,7 +19,11 @@ export default function BusinessHeader() {
   return (
     <header
       className="sticky top-0 left-0 right-0 z-50 h-[72px]"
-      style={{ backgroundColor: 'rgba(0, 0, 0, 0.85)', backdropFilter: 'blur(20px)', borderBottom: '1px solid var(--border-dark)' }}
+      style={{
+        backgroundColor: 'rgba(0, 0, 0, 0.85)',
+        backdropFilter: 'blur(20px)',
+        borderBottom: '1px solid var(--border-dark)',
+      }}
     >
       <nav className="container flex items-center h-full" aria-label="Business navigation">
         <Link href="/" className="flex items-center shrink-0" aria-label={`${brandName} Home`}>
diff --git a/packages/landing/src/components/business/BusinessHero.tsx b/packages/landing/src/components/business/BusinessHero.tsx
index 00534a4..c8e4bb7 100644
--- a/packages/landing/src/components/business/BusinessHero.tsx
+++ b/packages/landing/src/components/business/BusinessHero.tsx
@@ -44,7 +44,9 @@ export default function BusinessHero() {
           <div className="lg:min-h-[calc(100vh-72px)] flex-1 flex items-center pt-10 sm:pt-16 lg:pt-0 pb-6 sm:pb-12 lg:pb-0">
             <div className="max-w-2xl w-full">
               {hero.eyebrow ? (
-                <p className="text-sm font-semibold tracking-widest uppercase mb-4 text-[var(--accent-teal)]">{hero.eyebrow}</p>
+                <p className="text-sm font-semibold tracking-widest uppercase mb-4 text-[var(--accent-teal)]">
+                  {hero.eyebrow}
+                </p>
               ) : null}
               <h1 className="text-[28px] sm:text-[36px] lg:text-[44px] xl:text-[52px] font-medium text-white leading-[1.15] tracking-[-0.02em] mb-4 sm:mb-6">
                 {hero.title}
diff --git a/packages/landing/src/components/business/PrivacyInfraSection.tsx b/packages/landing/src/components/business/PrivacyInfraSection.tsx
index 655b42b..39237c9 100644
--- a/packages/landing/src/components/business/PrivacyInfraSection.tsx
+++ b/packages/landing/src/components/business/PrivacyInfraSection.tsx
@@ -16,7 +16,13 @@ export default function PrivacyInfraSection() {
           <div className="relative aspect-[4/3] lg:aspect-[3/4] w-full max-w-md mx-auto lg:mx-0 rounded-2xl overflow-hidden">
             {block.image?.src ? (
               <>
-                <Image src={block.image.src} alt={block.image.alt} fill className="object-cover" sizes="(max-width: 1024px) 100vw, 50vw" />
+                <Image
+                  src={block.image.src}
+                  alt={block.image.alt}
+                  fill
+                  className="object-cover"
+                  sizes="(max-width: 1024px) 100vw, 50vw"
+                />
                 <div className="absolute inset-0 bg-gradient-to-t from-black/40 via-transparent to-transparent" />
               </>
             ) : (
diff --git a/packages/landing/src/components/business/TrustStats.tsx b/packages/landing/src/components/business/TrustStats.tsx
index ca717a1..632ea76 100644
--- a/packages/landing/src/components/business/TrustStats.tsx
+++ b/packages/landing/src/components/business/TrustStats.tsx
@@ -19,12 +19,17 @@ export default function TrustStats() {
       <div className="container">
         <m.div
           className={`grid grid-cols-2 gap-6 lg:gap-0 max-w-5xl mx-auto ${
-            stats.length === 1 ? 'lg:grid-cols-1' :
-            stats.length === 2 ? 'lg:grid-cols-2' :
-            stats.length === 3 ? 'lg:grid-cols-3' :
-            stats.length === 4 ? 'lg:grid-cols-4' :
-            stats.length === 5 ? 'lg:grid-cols-5' :
-            'lg:grid-cols-6'
+            stats.length === 1
+              ? 'lg:grid-cols-1'
+              : stats.length === 2
+                ? 'lg:grid-cols-2'
+                : stats.length === 3
+                  ? 'lg:grid-cols-3'
+                  : stats.length === 4
+                    ? 'lg:grid-cols-4'
+                    : stats.length === 5
+                      ? 'lg:grid-cols-5'
+                      : 'lg:grid-cols-6'
           }`}
           initial={prefersReducedMotion ? false : { opacity: 0 }}
           animate={isInView || prefersReducedMotion ? { opacity: 1 } : { opacity: 0 }}
diff --git a/packages/landing/src/components/landing/CTA.tsx b/packages/landing/src/components/landing/CTA.tsx
index f7e5d76..399d0df 100644
--- a/packages/landing/src/components/landing/CTA.tsx
+++ b/packages/landing/src/components/landing/CTA.tsx
@@ -22,12 +22,17 @@ export default function CTA() {
 
       <div
         className="absolute inset-0 z-[2] pointer-events-none"
-        style={{ background: 'linear-gradient(180deg, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.15) 50%, rgba(0,0,0,0.25) 100%)' }}
+        style={{
+          background: 'linear-gradient(180deg, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.15) 50%, rgba(0,0,0,0.25) 100%)',
+        }}
         aria-hidden="true"
       />
       <div
         className="absolute top-0 left-0 right-0 h-16 sm:h-24 lg:h-32 z-[3] pointer-events-none"
-        style={{ background: 'linear-gradient(to bottom, var(--color-surface-elevated) 0%, var(--color-surface-elevated) 20%, transparent 100%)' }}
+        style={{
+          background:
+            'linear-gradient(to bottom, var(--color-surface-elevated) 0%, var(--color-surface-elevated) 20%, transparent 100%)',
+        }}
         aria-hidden="true"
       />
       <div
diff --git a/packages/landing/src/components/landing/Features.tsx b/packages/landing/src/components/landing/Features.tsx
index 9d0be51..a416ceb 100644
--- a/packages/landing/src/components/landing/Features.tsx
+++ b/packages/landing/src/components/landing/Features.tsx
@@ -57,14 +57,15 @@ export default function Features() {
                       priority={index === 0}
                     />
                   ) : (
-                    <ImagePlaceholder
-                      description={feature.image?.description ?? feature.title}
-                      fill
-                    />
+                    <ImagePlaceholder description={feature.image?.description ?? feature.title} fill />
                   )}
                 </div>
 
-                <div className="absolute inset-0 transition-opacity duration-300" style={OVERLAY_STYLE} aria-hidden="true" />
+                <div
+                  className="absolute inset-0 transition-opacity duration-300"
+                  style={OVERLAY_STYLE}
+                  aria-hidden="true"
+                />
                 <div
                   className="absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none"
                   style={HOVER_OVERLAY_STYLE}
diff --git a/packages/landing/src/components/landing/Footer.tsx b/packages/landing/src/components/landing/Footer.tsx
index c46776f..a66e43f 100644
--- a/packages/landing/src/components/landing/Footer.tsx
+++ b/packages/landing/src/components/landing/Footer.tsx
@@ -54,11 +54,15 @@ export default function Footer() {
 
             <div
               className={`grid grid-cols-2 gap-x-8 lg:gap-x-12 gap-y-10 flex-1 ${
-                footer.groups.length === 1 ? 'sm:grid-cols-1' :
-                footer.groups.length === 2 ? 'sm:grid-cols-2' :
-                footer.groups.length === 3 ? 'sm:grid-cols-3' :
-                footer.groups.length === 4 ? 'sm:grid-cols-4' :
-                'sm:grid-cols-5'
+                footer.groups.length === 1
+                  ? 'sm:grid-cols-1'
+                  : footer.groups.length === 2
+                    ? 'sm:grid-cols-2'
+                    : footer.groups.length === 3
+                      ? 'sm:grid-cols-3'
+                      : footer.groups.length === 4
+                        ? 'sm:grid-cols-4'
+                        : 'sm:grid-cols-5'
               }`}
             >
               {footer.groups.map((group) => (
diff --git a/packages/landing/src/components/landing/Header.tsx b/packages/landing/src/components/landing/Header.tsx
index b112104..0c576dd 100644
--- a/packages/landing/src/components/landing/Header.tsx
+++ b/packages/landing/src/components/landing/Header.tsx
@@ -60,7 +60,13 @@ function DropdownMenu({ items, isOpen }: { items: DropdownItem[]; isOpen: boolea
                   {item.label}
                   {item.external ? (
                     <svg width="10" height="10" viewBox="0 0 12 12" fill="none" className="text-white/30">
-                      <path d="M3 9L9 3M9 3H4.5M9 3V7.5" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+                      <path
+                        d="M3 9L9 3M9 3H4.5M9 3V7.5"
+                        stroke="currentColor"
+                        strokeWidth="1.5"
+                        strokeLinecap="round"
+                        strokeLinejoin="round"
+                      />
                     </svg>
                   ) : null}
                 </p>
@@ -246,9 +252,15 @@ export default function Header() {
             aria-label={isMenuOpen ? 'Close menu' : 'Open menu'}
           >
             <div className="relative w-5 h-4">
-              <span className={`absolute left-0 w-5 h-0.5 bg-white transition-all duration-300 ease-out ${isMenuOpen ? 'top-[7px] rotate-45' : 'top-0 rotate-0'}`} />
-              <span className={`absolute left-0 top-[7px] w-5 h-0.5 bg-white transition-all duration-300 ease-out ${isMenuOpen ? 'opacity-0 scale-0' : 'opacity-100 scale-100'}`} />
-              <span className={`absolute left-0 w-5 h-0.5 bg-white transition-all duration-300 ease-out ${isMenuOpen ? 'top-[7px] -rotate-45' : 'top-[14px] rotate-0'}`} />
+              <span
+                className={`absolute left-0 w-5 h-0.5 bg-white transition-all duration-300 ease-out ${isMenuOpen ? 'top-[7px] rotate-45' : 'top-0 rotate-0'}`}
+              />
+              <span
+                className={`absolute left-0 top-[7px] w-5 h-0.5 bg-white transition-all duration-300 ease-out ${isMenuOpen ? 'opacity-0 scale-0' : 'opacity-100 scale-100'}`}
+              />
+              <span
+                className={`absolute left-0 w-5 h-0.5 bg-white transition-all duration-300 ease-out ${isMenuOpen ? 'top-[7px] -rotate-45' : 'top-[14px] rotate-0'}`}
+              />
             </div>
           </button>
         </nav>
@@ -313,7 +325,9 @@ export default function Header() {
                           </div>
                           <div>
                             <p className="text-[15px] font-medium text-white/80">{subItem.label}</p>
-                            {subItem.description ? <p className="text-xs text-white/50">{subItem.description}</p> : null}
+                            {subItem.description ? (
+                              <p className="text-xs text-white/50">{subItem.description}</p>
+                            ) : null}
                           </div>
                         </div>
                       )
diff --git a/packages/landing/src/components/landing/Hero.tsx b/packages/landing/src/components/landing/Hero.tsx
index fc768c0..6400a6a 100644
--- a/packages/landing/src/components/landing/Hero.tsx
+++ b/packages/landing/src/components/landing/Hero.tsx
@@ -13,7 +13,7 @@ export default function Hero() {
 
   const renderCta = (
     cta: { label: string; href: string; external?: boolean } | null | undefined,
-    variant: 'primary' | 'secondary',
+    variant: 'primary' | 'secondary'
   ) => {
     if (!cta) return null
     const className =
diff --git a/packages/landing/src/components/landing/HowItWorks.tsx b/packages/landing/src/components/landing/HowItWorks.tsx
index b215ef0..a127608 100644
--- a/packages/landing/src/components/landing/HowItWorks.tsx
+++ b/packages/landing/src/components/landing/HowItWorks.tsx
@@ -75,12 +75,20 @@ export default function HowItWorks() {
 
   return (
     <section id="how-it-works" className="relative overflow-hidden" style={{ padding: 0 }}>
-      <div className="absolute top-0 left-0 right-0 h-16 sm:h-20 z-[3] pointer-events-none" style={TOP_GRADIENT_STYLE} aria-hidden="true" />
+      <div
+        className="absolute top-0 left-0 right-0 h-16 sm:h-20 z-[3] pointer-events-none"
+        style={TOP_GRADIENT_STYLE}
+        aria-hidden="true"
+      />
       <div className="absolute inset-0 z-[1]" aria-hidden="true">
         <div className="absolute inset-0" style={BG_GRADIENT_STYLE} />
       </div>
       <div className="absolute inset-0 z-[2]" style={OVERLAY_STYLE} aria-hidden="true" />
-      <div className="absolute bottom-0 left-0 right-0 h-16 sm:h-20 z-[3] pointer-events-none" style={BOTTOM_GRADIENT_STYLE} aria-hidden="true" />
+      <div
+        className="absolute bottom-0 left-0 right-0 h-16 sm:h-20 z-[3] pointer-events-none"
+        style={BOTTOM_GRADIENT_STYLE}
+        aria-hidden="true"
+      />
 
       <div className="container relative z-10 py-20 sm:py-28 lg:py-36">
         <div ref={headerRef} className="text-center max-w-2xl mx-auto mb-10 sm:mb-14 lg:mb-16">
diff --git a/packages/landing/src/components/landing/Products.tsx b/packages/landing/src/components/landing/Products.tsx
index cb1b049..6b91566 100644
--- a/packages/landing/src/components/landing/Products.tsx
+++ b/packages/landing/src/components/landing/Products.tsx
@@ -42,18 +42,18 @@ export default function Products() {
 
         <div
           className={`grid grid-cols-1 gap-5 lg:gap-6 ${
-            products.items.length === 1 ? 'lg:grid-cols-1' :
-            products.items.length === 2 ? 'lg:grid-cols-2' :
-            'lg:grid-cols-3'
+            products.items.length === 1
+              ? 'lg:grid-cols-1'
+              : products.items.length === 2
+                ? 'lg:grid-cols-2'
+                : 'lg:grid-cols-3'
           }`}
         >
           {products.items.map((product) => {
             const Icon = getIcon(product.icon)
             const href = product.href ?? '#'
             const isExternal = href.startsWith('http')
-            const linkProps = isExternal
-              ? { href, target: '_blank' as const, rel: 'noopener noreferrer' }
-              : { href }
+            const linkProps = isExternal ? { href, target: '_blank' as const, rel: 'noopener noreferrer' } : { href }
 
             return (
               <m.article
@@ -68,7 +68,10 @@ export default function Products() {
                     <ImagePlaceholder description={product.image?.description ?? product.title} fill />
                   )}
                 </div>
-                <div className="absolute inset-0 bg-gradient-to-t from-black/90 via-black/40 to-transparent" aria-hidden="true" />
+                <div
+                  className="absolute inset-0 bg-gradient-to-t from-black/90 via-black/40 to-transparent"
+                  aria-hidden="true"
+                />
 
                 <div className="relative p-6 sm:p-8 lg:p-10">
                   <div className="flex items-center gap-3 mb-4">
diff --git a/packages/landing/src/components/landing/TopBanner.tsx b/packages/landing/src/components/landing/TopBanner.tsx
index edbdc3c..ff7f815 100644
--- a/packages/landing/src/components/landing/TopBanner.tsx
+++ b/packages/landing/src/components/landing/TopBanner.tsx
@@ -36,7 +36,13 @@ export default function TopBanner() {
       {banner.text}
       {banner.href ? (
         <svg width="14" height="14" viewBox="0 0 16 16" fill="none" className="inline-block ml-0.5">
-          <path d="M5 8H11M11 8L8.5 5.5M11 8L8.5 10.5" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+          <path
+            d="M5 8H11M11 8L8.5 5.5M11 8L8.5 10.5"
+            stroke="currentColor"
+            strokeWidth="1.5"
+            strokeLinecap="round"
+            strokeLinejoin="round"
+          />
         </svg>
       ) : null}
     </span>
@@ -46,7 +52,11 @@ export default function TopBanner() {
     <div className="sticky top-0 z-[60] bg-[#1a1a1a] text-white border-b border-white/[0.06]">
       <div className="container flex items-center justify-center h-10">
         {banner.href ? (
-          <a href={banner.href} target={banner.href.startsWith('http') ? '_blank' : undefined} rel="noopener noreferrer">
+          <a
+            href={banner.href}
+            target={banner.href.startsWith('http') ? '_blank' : undefined}
+            rel="noopener noreferrer"
+          >
             {content}
           </a>
         ) : (
diff --git a/packages/landing/src/components/mobile/MobileFeatures.tsx b/packages/landing/src/components/mobile/MobileFeatures.tsx
index 18a0a2d..31a9b04 100644
--- a/packages/landing/src/components/mobile/MobileFeatures.tsx
+++ b/packages/landing/src/components/mobile/MobileFeatures.tsx
@@ -55,14 +55,24 @@ export default function MobileFeatures() {
                 animate={isInView || prefersReducedMotion ? { opacity: 1 } : { opacity: 0 }}
                 transition={{ duration: prefersReducedMotion ? 0 : 0.5, ease: 'easeOut' }}
                 className={`group relative p-8 sm:p-10 lg:p-12 transition-all duration-300 overflow-hidden flex flex-col justify-end rounded-2xl border border-[var(--border-dark)] ${
-                  index === 0 ? 'md:col-span-2 min-h-[280px] sm:min-h-[320px] lg:min-h-[400px]' : 'min-h-[240px] sm:min-h-[280px] lg:min-h-[320px]'
+                  index === 0
+                    ? 'md:col-span-2 min-h-[280px] sm:min-h-[320px] lg:min-h-[400px]'
+                    : 'min-h-[240px] sm:min-h-[280px] lg:min-h-[320px]'
                 }`}
               >
                 <div className="absolute inset-0" aria-hidden="true">
                   <ImagePlaceholder description={feature.image?.description ?? feature.title} fill />
                 </div>
-                <div className="absolute inset-0 transition-opacity duration-300" style={OVERLAY_STYLE} aria-hidden="true" />
-                <div className="absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none" style={HOVER_OVERLAY_STYLE} aria-hidden="true" />
+                <div
+                  className="absolute inset-0 transition-opacity duration-300"
+                  style={OVERLAY_STYLE}
+                  aria-hidden="true"
+                />
+                <div
+                  className="absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-300 pointer-events-none"
+                  style={HOVER_OVERLAY_STYLE}
+                  aria-hidden="true"
+                />
 
                 <div className="relative">
                   <div className="w-10 h-10 sm:w-11 sm:h-11 flex items-center justify-center mb-4 rounded-lg transition-colors duration-300 text-white bg-white/10 group-hover:bg-white group-hover:text-black">
diff --git a/packages/landing/src/components/mobile/MobileHero.tsx b/packages/landing/src/components/mobile/MobileHero.tsx
index 4946f36..cc9fc23 100644
--- a/packages/landing/src/components/mobile/MobileHero.tsx
+++ b/packages/landing/src/components/mobile/MobileHero.tsx
@@ -23,7 +23,9 @@ export default function MobileHero() {
       </div>
       <div
         className="absolute inset-0 z-[1]"
-        style={{ background: 'linear-gradient(180deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.45) 50%, rgba(0,0,0,0.65) 100%)' }}
+        style={{
+          background: 'linear-gradient(180deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.45) 50%, rgba(0,0,0,0.65) 100%)',
+        }}
         aria-hidden="true"
       />
       <div
diff --git a/packages/landing/src/components/placeholders/ImagePlaceholder.tsx b/packages/landing/src/components/placeholders/ImagePlaceholder.tsx
index 031d4bb..44c28cd 100644
--- a/packages/landing/src/components/placeholders/ImagePlaceholder.tsx
+++ b/packages/landing/src/components/placeholders/ImagePlaceholder.tsx
@@ -29,7 +29,10 @@ export default function ImagePlaceholder({ description, width, height, className
       role="img"
       aria-label={description}
     >
-      <span>[IMAGE: {description}{width && height ? ` — ${width}×${height}` : ''}]</span>
+      <span>
+        [IMAGE: {description}
+        {width && height ? ` — ${width}×${height}` : ''}]
+      </span>
     </div>
   )
 }
diff --git a/packages/landing/src/components/pricing/PricingFeatures.tsx b/packages/landing/src/components/pricing/PricingFeatures.tsx
index 3024eef..016b52f 100644
--- a/packages/landing/src/components/pricing/PricingFeatures.tsx
+++ b/packages/landing/src/components/pricing/PricingFeatures.tsx
@@ -26,7 +26,9 @@ export default function PricingFeatures() {
             transition={{ duration: 0.5, ease: 'easeOut' }}
           >
             {block.eyebrow ? (
-              <p className="text-sm font-semibold tracking-widest uppercase mb-4 text-[var(--accent-teal)]">{block.eyebrow}</p>
+              <p className="text-sm font-semibold tracking-widest uppercase mb-4 text-[var(--accent-teal)]">
+                {block.eyebrow}
+              </p>
             ) : null}
             <h2 className="text-[32px] sm:text-[40px] lg:text-[48px] font-medium text-white leading-[1.1] tracking-[-0.03em] mb-5">
               {block.title}
diff --git a/packages/landing/src/components/pricing/PricingHero.tsx b/packages/landing/src/components/pricing/PricingHero.tsx
index b1881cf..1d0512c 100644
--- a/packages/landing/src/components/pricing/PricingHero.tsx
+++ b/packages/landing/src/components/pricing/PricingHero.tsx
@@ -20,7 +20,9 @@ export default function PricingHero() {
           transition={{ duration: 0.5, ease: 'easeOut' }}
         >
           {hero.eyebrow ? (
-            <p className="text-sm font-semibold tracking-widest uppercase mb-4 text-[var(--accent-teal)]">{hero.eyebrow}</p>
+            <p className="text-sm font-semibold tracking-widest uppercase mb-4 text-[var(--accent-teal)]">
+              {hero.eyebrow}
+            </p>
           ) : null}
           <h1 className="text-[36px] sm:text-[56px] md:text-[72px] font-semibold text-white leading-[1.12] sm:leading-[1.05] tracking-[-0.035em] mb-6 sm:mb-8">
             {hero.title}
diff --git a/packages/landing/src/components/pricing/PricingPlans.tsx b/packages/landing/src/components/pricing/PricingPlans.tsx
index c04ce32..6944ac6 100644
--- a/packages/landing/src/components/pricing/PricingPlans.tsx
+++ b/packages/landing/src/components/pricing/PricingPlans.tsx
@@ -26,7 +26,9 @@ export default function PricingPlans() {
           transition={{ duration: 0.5, ease: 'easeOut' }}
         >
           {pricing.eyebrow ? (
-            <p className="text-sm font-semibold tracking-widest uppercase mb-4 text-[var(--accent-teal)]">{pricing.eyebrow}</p>
+            <p className="text-sm font-semibold tracking-widest uppercase mb-4 text-[var(--accent-teal)]">
+              {pricing.eyebrow}
+            </p>
           ) : null}
           <h2 className="text-[32px] sm:text-[40px] lg:text-[48px] font-medium text-white leading-[1.1] tracking-[-0.03em] mb-5">
             {pricing.title}
@@ -38,11 +40,15 @@ export default function PricingPlans() {
 
         <div
           className={`grid grid-cols-1 sm:grid-cols-2 ${
-            pricing.plans.length === 1 ? 'lg:grid-cols-1' :
-            pricing.plans.length === 2 ? 'lg:grid-cols-2' :
-            pricing.plans.length === 3 ? 'lg:grid-cols-3' :
-            pricing.plans.length === 4 ? 'lg:grid-cols-4' :
-            'lg:grid-cols-5'
+            pricing.plans.length === 1
+              ? 'lg:grid-cols-1'
+              : pricing.plans.length === 2
+                ? 'lg:grid-cols-2'
+                : pricing.plans.length === 3
+                  ? 'lg:grid-cols-3'
+                  : pricing.plans.length === 4
+                    ? 'lg:grid-cols-4'
+                    : 'lg:grid-cols-5'
           } gap-4 lg:gap-0 max-w-5xl mx-auto lg:border lg:border-white/10 lg:rounded-2xl lg:overflow-hidden`}
         >
           {pricing.plans.map((plan, index) => (
diff --git a/packages/landing/src/content/site.ts b/packages/landing/src/content/site.ts
index 5040058..cb248f5 100644
--- a/packages/landing/src/content/site.ts
+++ b/packages/landing/src/content/site.ts
@@ -289,7 +289,13 @@ export const site: SiteConfig = {
       {
         label: 'Developers',
         items: [
-          { label: 'Documentation', description: lorem('item-description'), href: '#', icon: 'BookOpen', external: true },
+          {
+            label: 'Documentation',
+            description: lorem('item-description'),
+            href: '#',
+            icon: 'BookOpen',
+            external: true,
+          },
           { label: 'GitHub', description: lorem('item-description'), href: '#', icon: 'GithubLogo', external: true },
           { label: 'Web Demo', description: lorem('item-description'), href: '#', icon: 'Browser', external: true },
         ],
@@ -369,7 +375,13 @@ export const site: SiteConfig = {
       subtitle: lorem('subhead'),
       items: [
         { id: 'p1', icon: 'Monitor', title: lorem('item-title'), description: lorem('item-description'), href: '#' },
-        { id: 'p2', icon: 'DeviceMobile', title: lorem('item-title'), description: lorem('item-description'), href: '/mobile' },
+        {
+          id: 'p2',
+          icon: 'DeviceMobile',
+          title: lorem('item-title'),
+          description: lorem('item-description'),
+          href: '/mobile',
+        },
         { id: 'p3', icon: 'Code', title: lorem('item-title'), description: lorem('item-description'), href: '#' },
       ],
     },
@@ -526,7 +538,13 @@ export const site: SiteConfig = {
           name: 'Enterprise',
           price: 'Custom',
           description: lorem('item-description'),
-          features: [lorem('item-title'), lorem('item-title'), lorem('item-title'), lorem('item-title'), lorem('item-title')],
+          features: [
+            lorem('item-title'),
+            lorem('item-title'),
+            lorem('item-title'),
+            lorem('item-title'),
+            lorem('item-title'),
+          ],
           cta: { label: 'Contact sales', href: '/contact' },
         },
       ],
@@ -706,7 +724,13 @@ export const site: SiteConfig = {
           name: 'Enterprise',
           price: 'Custom',
           description: lorem('item-description'),
-          features: [lorem('item-title'), lorem('item-title'), lorem('item-title'), lorem('item-title'), lorem('item-title')],
+          features: [
+            lorem('item-title'),
+            lorem('item-title'),
+            lorem('item-title'),
+            lorem('item-title'),
+            lorem('item-title'),
+          ],
           cta: { label: 'Contact sales', href: '/contact' },
         },
       ],
@@ -753,7 +777,12 @@ export const site: SiteConfig = {
     departments: [
       { icon: 'Lifebuoy', label: 'General', email: 'support@example.com', description: lorem('item-description') },
       { icon: 'Code', label: 'Technical', email: 'dev@example.com', description: lorem('item-description') },
-      { icon: 'Handshake', label: 'Media & Partnerships', email: 'media@example.com', description: lorem('item-description') },
+      {
+        icon: 'Handshake',
+        label: 'Media & Partnerships',
+        email: 'media@example.com',
+        description: lorem('item-description'),
+      },
       { icon: 'Briefcase', label: 'Sales', email: 'sales@example.com', description: lorem('item-description') },
     ],
   },
@@ -761,12 +790,14 @@ export const site: SiteConfig = {
     eyebrow: 'Legal',
     title: 'Privacy Policy',
     effectiveDate: null,
-    markdown: '<section><h2>[LOREM: section heading]</h2><p>[LOREM: legal paragraph — replace with real privacy policy content]</p></section>',
+    markdown:
+      '<section><h2>[LOREM: section heading]</h2><p>[LOREM: legal paragraph — replace with real privacy policy content]</p></section>',
   },
   terms: {
     eyebrow: 'Legal',
     title: 'Terms of Service',
     effectiveDate: null,
-    markdown: '<section><h2>[LOREM: section heading]</h2><p>[LOREM: legal paragraph — replace with real terms of service content]</p></section>',
+    markdown:
+      '<section><h2>[LOREM: section heading]</h2><p>[LOREM: legal paragraph — replace with real terms of service content]</p></section>',
   },
 }
diff --git a/packages/landing/src/lib/accent-scale.ts b/packages/landing/src/lib/accent-scale.ts
index 6b94dcc..c6a97c5 100644
--- a/packages/landing/src/lib/accent-scale.ts
+++ b/packages/landing/src/lib/accent-scale.ts
@@ -2,7 +2,13 @@ export type AccentScale = Record<'50' | '100' | '200' | '300' | '400' | '500' |
 
 function hexToRgb(hex: string): [number, number, number] {
   const clean = hex.replace('#', '').trim()
-  const full = clean.length === 3 ? clean.split('').map((c) => c + c).join('') : clean
+  const full =
+    clean.length === 3
+      ? clean
+          .split('')
+          .map((c) => c + c)
+          .join('')
+      : clean
   const n = parseInt(full.slice(0, 6), 16)
   return [(n >> 16) & 255, (n >> 8) & 255, n & 255]
 }

From 84fcf3591c625932e95ac463d7ef006d7491ab54 Mon Sep 17 00:00:00 2001
From: "v.snigerev" <snigerev.vladimir.e@gmail.com>
Date: Fri, 24 Apr 2026 22:21:18 +0300
Subject: [PATCH 3/3] chore: ignore autogenerated files in prettier, add
 landing to CI lint

- .prettierignore: skip CHANGELOG.md (semantic-release-generated) and
  **/next-env.d.ts (next-generated) to unblock format:check
- ci.yml: add "Lint landing" step mirroring backend/app lint steps
---
 .github/workflows/ci.yml | 3 +++
 .prettierignore          | 8 ++++++++
 2 files changed, 11 insertions(+)
 create mode 100644 .prettierignore

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 0950084..5e52805 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -50,6 +50,9 @@ jobs:
       - name: Lint app
         run: pnpm --filter @reineira-os/modules-app run lint
 
+      - name: Lint landing
+        run: pnpm --filter @reineira-os/modules-landing run lint
+
   build:
     name: Build
     runs-on: ubuntu-latest
diff --git a/.prettierignore b/.prettierignore
new file mode 100644
index 0000000..3c25dad
--- /dev/null
+++ b/.prettierignore
@@ -0,0 +1,8 @@
+node_modules/
+dist/
+.next/
+out/
+coverage/
+pnpm-lock.yaml
+CHANGELOG.md
+**/next-env.d.ts