feat: add static HTML content for GEO

- merits.html: Passkey vs Password security comparison table
- passkey.html: How Passkeys Work steps and business benefits
- fido2_top.html: Why Choose amiPro Passkey Hub section
- contextwizard_top.html: What is ContextWizard section
- contextwizard_install.html: What You Get After Installation section

contextwizard_install.html

@@ -11,6 +11,44 @@
 			content="Step-by-step instructions to install the ContextWizard browser extension in Chrome, Edge, and other Chromium-based browsers."
 		/>
 
+		<link rel="canonical" href="https://amipro.me/contextwizard_install.html" />
+		<link rel="alternate" hreflang="en" href="https://amipro.me/contextwizard_install.html" />
+		<link rel="alternate" hreflang="ja" href="https://amipro.me/contextwizard_install.html" />
+		<link rel="alternate" hreflang="x-default" href="https://amipro.me/contextwizard_install.html" />
+
+		<meta property="og:type" content="website" />
+		<meta property="og:title" content="Install ContextWizard - amiPro, LLC" />
+		<meta property="og:description" content="Step-by-step instructions to install the ContextWizard browser extension in Chrome, Edge, and other Chromium-based browsers." />
+		<meta property="og:url" content="https://amipro.me/contextwizard_install.html" />
+		<meta property="og:site_name" content="amiPro, LLC" />
+		<meta property="og:image" content="https://amipro.me/files/og-contextwizard.png" />
+
+		<meta name="twitter:card" content="summary_large_image" />
+		<meta name="twitter:title" content="Install ContextWizard - amiPro, LLC" />
+		<meta name="twitter:description" content="Step-by-step instructions to install the ContextWizard browser extension in Chrome, Edge, and other Chromium-based browsers." />
+		<meta name="twitter:image" content="https://amipro.me/files/og-contextwizard.png" />
+
+		<script type="application/ld+json">
+		{
+			"@context": "https://schema.org",
+			"@type": "Article",
+			"headline": "Install ContextWizard - amiPro, LLC",
+			"description": "Step-by-step instructions to install the ContextWizard browser extension in Chrome, Edge, and other Chromium-based browsers.",
+			"url": "https://amipro.me/contextwizard_install.html",
+			"author": {
+				"@type": "Person",
+				"name": "amiPro Team"
+			},
+			"publisher": {
+				"@type": "Organization",
+				"name": "amiPro, LLC",
+				"url": "https://amipro.me"
+			},
+			"datePublished": "2025-01-15",
+			"dateModified": "2025-06-21"
+		}
+		</script>
+
 		<link rel="icon" type="image/x-icon" href="files/favicon.ico" />
 		<link rel="preconnect" href="https://fonts.googleapis.com" />
 		<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
@@ -113,8 +151,250 @@
 			}
 		</style>
 
+		<script>
+			const i18n_messages = new Map();
+			let lang_map;
+
+			lang_map = new Map();
+			lang_map.set('en', 'amiPro, LLC');
+			lang_map.set('ja', 'amiPro, LLC');
+			i18n_messages.set('nav_brand', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'Privacy-first identity &amp; AI products');
+			lang_map.set('ja', 'プライバシーを重視したID・AIプロダクト');
+			i18n_messages.set('nav_tagline', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'Back to ContextWizard');
+			lang_map.set('ja', 'ContextWizard に戻る');
+			i18n_messages.set('nav_back', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'Contact support');
+			lang_map.set('ja', 'サポートに問い合わせ');
+			i18n_messages.set('nav_contact', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'ContextWizard');
+			lang_map.set('ja', 'ContextWizard');
+			i18n_messages.set('hero_eyebrow', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'Install ContextWizard in your browser');
+			lang_map.set('ja', 'ブラウザに ContextWizard をインストール');
+			i18n_messages.set('hero_title', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'Follow this guide to install the unpackaged ContextWizard extension in Chrome, Microsoft Edge, Brave, or any Chromium-based browser that supports developer mode extensions.');
+			lang_map.set('ja', 'このガイドに従って、Chrome、Microsoft Edge、Brave、または開発者モード拡張機能をサポートする Chromium ベースのブラウザに、パッケージ未処理の ContextWizard 拡張機能をインストールします。');
+			i18n_messages.set('hero_lead', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'Works offline on your machine');
+			lang_map.set('ja', 'オフラインで動作');
+			i18n_messages.set('chip_offline', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'No account required');
+			lang_map.set('ja', 'アカウント不要');
+			i18n_messages.set('chip_no_account', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'Download ContextWizard ZIP');
+			lang_map.set('ja', 'ContextWizard ZIP をダウンロード');
+			i18n_messages.set('btn_download', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'Read privacy policy');
+			lang_map.set('ja', 'プライバシーポリシーを読む');
+			i18n_messages.set('btn_privacy', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'Step-by-step installation');
+			lang_map.set('ja', 'ステップバイステップのインストール');
+			i18n_messages.set('steps_title', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'Download the ZIP file');
+			lang_map.set('ja', 'ZIP ファイルをダウンロード');
+			i18n_messages.set('step1_title', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'Click <strong>Download ContextWizard ZIP</strong> above and save the file to a location you can find, such as your <em>Downloads</em> folder.');
+			lang_map.set('ja', '上の<strong>「ContextWizard ZIP をダウンロード」</strong>をクリックし、<em>ダウンロード</em>フォルダなど、見つけやすい場所にファイルを保存します。');
+			i18n_messages.set('step1_desc', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'The ZIP contains the full extension source so your browser can run it in developer mode.');
+			lang_map.set('ja', 'ZIP には完全な拡張機能ソースが含まれており、ブラウザの開発者モードで実行できます。');
+			i18n_messages.set('step1_note', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'Unzip the archive');
+			lang_map.set('ja', 'アーカイブを展開');
+			i18n_messages.set('step2_title', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'Locate the downloaded ZIP file, then unzip it:');
+			lang_map.set('ja', 'ダウンロードした ZIP ファイルを見つけて展開します：');
+			i18n_messages.set('step2_desc', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'On macOS: double-click the ZIP file in Finder.');
+			lang_map.set('ja', 'macOS：Finder で ZIP ファイルをダブルクリックします。');
+			i18n_messages.set('step2_mac', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'On Windows: right-click the ZIP and choose <em>Extract All…</em>.');
+			lang_map.set('ja', 'Windows：ZIP を右クリックし、<em>すべて展開...</em> を選択します。');
+			i18n_messages.set('step2_win', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'You should end up with a folder named something like <code>ContextWizard-crx-latest</code>. Keep this folder in a permanent location (not inside your browser cache or trash).');
+			lang_map.set('ja', '<code>ContextWizard-crx-latest</code> という名前のフォルダが作成されます。このフォルダをブラウザのキャッシュやゴミ箱ではなく、永続的な場所に保管してください。');
+			i18n_messages.set('step2_note', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'Open the extensions page');
+			lang_map.set('ja', '拡張機能ページを開く');
+			i18n_messages.set('step3_title', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'In Chrome, open <code>chrome://extensions</code> in the address bar. In Edge, use <code>edge://extensions</code>. You will see the extensions management screen.');
+			lang_map.set('ja', 'Chrome では、アドレスバーに <code>chrome://extensions</code> を入力します。Edge では <code>edge://extensions</code> を使用します。拡張機能の管理画面が表示されます。');
+			i18n_messages.set('step3_desc', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'This is where you manage, enable, and remove extensions in your browser.');
+			lang_map.set('ja', 'ここでブラウザの拡張機能の管理、有効化、削除を行います。');
+			i18n_messages.set('step3_note', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'Enable developer mode');
+			lang_map.set('ja', '開発者モードを有効にする');
+			i18n_messages.set('step4_title', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'Turn on <strong>Developer mode</strong> using the toggle in the top-right corner of the extensions page.');
+			lang_map.set('ja', '拡張機能ページの右上にあるトグルで<strong>「開発者モード」</strong>をオンにします。');
+			i18n_messages.set('step4_desc', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'When Developer mode is on, you should see a <strong>Load unpacked</strong> button near the top of the page.');
+			lang_map.set('ja', '開発者モードがオンになると、ページ上部に<strong>「パッケージを展開して読み込む」</strong>ボタンが表示されます。');
+			i18n_messages.set('step4_note', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'Load the unpacked extension');
+			lang_map.set('ja', 'パッケージ未処理の拡張機能を読み込む');
+			i18n_messages.set('step5_title', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'Click <strong>Load unpacked</strong> and choose the folder you unzipped in Step 2.');
+			lang_map.set('ja', '<strong>「パッケージを展開して読み込む」</strong>をクリックし、ステップ 2 で展開したフォルダを選択します。');
+			i18n_messages.set('step5_desc', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'In the file picker, select the <strong>folder</strong> (for example, <code>ContextWizard-crx-latest</code>), not the ZIP file.');
+			lang_map.set('ja', 'ファイル選択で ZIP ファイルではなく<strong>フォルダ</strong>（例：<code>ContextWizard-crx-latest</code>）を選択してください。');
+			i18n_messages.set('step5_note1', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'After loading, your browser will add ContextWizard to the list of installed extensions.');
+			lang_map.set('ja', '読み込み後、ブラウザのインストール済み拡張機能一覧に ContextWizard が追加されます。');
+			i18n_messages.set('step5_note2', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'Pin and open ContextWizard');
+			lang_map.set('ja', 'ContextWizard をピン留めして開く');
+			i18n_messages.set('step6_title', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'Pin the extension so it is easy to reach, then open it in a new tab.');
+			lang_map.set('ja', '拡張機能をピン留めしてアクセスしやすくし、新しいタブで開きます。');
+			i18n_messages.set('step6_desc', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'Click the puzzle icon (Chrome/Edge), then pin <strong>ContextWizard</strong>.');
+			lang_map.set('ja', 'パズルアイコン（Chrome/Edge）をクリックし、<strong>ContextWizard</strong> をピン留めします。');
+			i18n_messages.set('step6_li1', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'Click the ContextWizard icon or open the extension\'s page to start using it.');
+			lang_map.set('ja', 'ContextWizard アイコンをクリックするか、拡張機能のページを開いて使用を開始します。');
+			i18n_messages.set('step6_li2', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'Your conversations stay local on your machine. You can remove the unpacked extension at any time from the extensions page.');
+			lang_map.set('ja', '会話はすべてローカルのマシンに保存されます。拡張機能ページからいつでもパッケージ未処理の拡張機能を削除できます。');
+			i18n_messages.set('step6_note', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'Supported browsers');
+			lang_map.set('ja', 'サポート対応ブラウザ');
+			i18n_messages.set('browsers_title', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'ContextWizard works in most Chromium-based desktop browsers that support loading unpacked extensions:');
+			lang_map.set('ja', 'ContextWizard は、パッケージ未処理の拡張機能の読み込みをサポートするほとんどの Chromium ベースのデスクトップブラウザで動作します：');
+			i18n_messages.set('browsers_desc', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'Mobile browsers and Safari do not support this unpacked extension flow.');
+			lang_map.set('ja', 'モバイルブラウザと Safari はこのパッケージ未処理拡張機能のフローをサポートしていません。');
+			i18n_messages.set('browsers_limit', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'If something doesn\'t work');
+			lang_map.set('ja', '問題が発生した場合');
+			i18n_messages.set('troubleshoot_title', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'Make sure <strong>Developer mode</strong> is enabled on the extensions page.');
+			lang_map.set('ja', '拡張機能ページで<strong>「開発者モード」</strong>が有効になっていることを確認してください。');
+			i18n_messages.set('troubleshoot_1', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'Confirm you selected the <strong>uncompressed folder</strong>, not the ZIP file.');
+			lang_map.set('ja', '<strong>解凍済みフォルダ</strong>を選択していることを確認してください（ZIP ファイルではありません）。');
+			i18n_messages.set('troubleshoot_2', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'Try restarting the browser after loading the extension.');
+			lang_map.set('ja', '拡張機能を読み込んだ後、ブラウザを再起動してみてください。');
+			i18n_messages.set('troubleshoot_3', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'If you are still stuck, reach out and we\'ll help you get set up.');
+			lang_map.set('ja', 'まだ解決しない場合は、お問い合わせください。セットアップをお手伝いします。');
+			i18n_messages.set('troubleshoot_help', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'Email support');
+			lang_map.set('ja', 'メールでサポート');
+			i18n_messages.set('btn_email_support', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'ContextWizard overview');
+			lang_map.set('ja', 'ContextWizard 概要');
+			i18n_messages.set('footer_overview', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'Privacy policy');
+			lang_map.set('ja', 'プライバシーポリシー');
+			i18n_messages.set('footer_privacy', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'What You Get After Installation');
+			lang_map.set('ja', 'インストール後に利用できる機能');
+			lang_map.set('zh-CN', '安装后你将获得');
+			i18n_messages.set('static_get_title', lang_map);
+		</script>
+
 		<script>
 			window.onload = function () {
+				setI18NText(i18n_messages);
 				if (typeof initRevealAnimations === 'function') {
 					initRevealAnimations();
 				} else {
@@ -124,6 +404,10 @@
 						el.style.transform = 'none';
 					});
 				}
+			var nav = document.getElementById('navbar-collapse');
+			if (typeof createLanguageSelector === 'function') {
+				document.body.appendChild(createLanguageSelector());
+			}
 			};
 		</script>
 	</head>
@@ -148,13 +432,13 @@
 										style="margin-right: 16px;"
 									/>
 									<div>
-										<div style="font-weight: 700; font-size: 1.25rem; color: #0f172a;">amiPro, LLC</div>
+										<div id="nav_brand" style="font-weight: 700; font-size: 1.25rem; color: #0f172a;">amiPro, LLC</div>
-										<small style="color: #64748b;">Privacy-first identity &amp; AI products</small>
+										<small id="nav_tagline" style="color: #64748b;">Privacy-first identity &amp; AI products</small>
 									</div>
 								</div>
 							</div>
-							<a href="contextwizard_top.html" class="btn btn-link ms-auto me-3">Back to ContextWizard</a>
+							<a id="nav_back" href="contextwizard_top.html" class="btn btn-link ms-auto me-3">Back to ContextWizard</a>
-							<a
+							<a id="nav_contact"
 								href="mailto:sales@amipro.me?subject=ContextWizard%20support"
 								class="btn btn-outline-primary"
 							>Contact support</a>
@@ -165,26 +449,28 @@
 						<div class="container-xxl" style="padding: 32px 24px 72px;">
 							<section class="hero reveal">
 								<div class="hero__text" data-animate>
-									<span class="hero__eyebrow">ContextWizard</span>
+									<span id="hero_eyebrow" class="hero__eyebrow">ContextWizard</span>
-									<h1 class="hero__title">Install ContextWizard in your browser</h1>
+									<h1 id="hero_title" class="hero__title">Install ContextWizard in your browser</h1>
-									<p class="hero__lead">
+									<p id="hero_lead" class="hero__lead">
 										Follow this guide to install the unpackaged ContextWizard extension in Chrome, Microsoft Edge,
 										Brave, or any Chromium-based browser that supports developer mode extensions.
 									</p>
 									<div style="margin-top: 1.5rem;" class="hero__chips">
-										<span class="hero-chip">Works offline on your machine</span>
+										<span id="chip_offline" class="hero-chip">Works offline on your machine</span>
-										<span class="hero-chip">No account required</span>
+										<span id="chip_no_account" class="hero-chip">No account required</span>
 									</div>
 									<div
 										class="hero__actions"
 										style="margin-top: 2rem; display: flex; flex-wrap: wrap; gap: 1rem;"
 									>
 									<a
+										id="btn_download"
 										href="https://amipro.me/contextwizard-files/ContextWizard-crx-latest.zip"
 										class="btn btn-primary"
 										style="flex: 1 0 220px;"
 									>Download ContextWizard ZIP</a>
 									<a
+										id="btn_privacy"
 										href="contextwizard_privacy_policy.html"
 										class="btn btn-outline-secondary"
 										style="flex: 1 0 220px;"
@@ -193,12 +479,23 @@
 								</div>
 							</section>
 
+							<section style="margin-top: 2rem; padding: 1.5rem; background: #f0f9ff; border-radius: 12px; border-left: 4px solid #2563eb;">
+							  <h2 id="static_get_title" style="font-size: 1.25rem; font-weight: 600; color: #0f172a; margin-bottom: 0.75rem;">What You Get After Installation</h2>
+							  <ul style="color: #475569; line-height: 1.8; margin: 0; padding-left: 1.25rem;">
+								<li><strong>Automatic AI chat capture:</strong> ContextWizard detects when you visit a supported AI platform and starts recording conversations in real-time.</li>
+								<li><strong>Full-text search:</strong> Search across all your AI conversations by title, summary, or message body with instant results.</li>
+								<li><strong>Cross-platform bookmarks:</strong> Save key moments from ChatGPT, Claude, and Gemini in one unified list.</li>
+								<li><strong>Local-first privacy:</strong> All data is encrypted and stored in your browser local storage. Nothing leaves your machine.</li>
+								<li><strong>12-language UI:</strong> Automatically detects your browser language and supports manual switching.</li>
+							  </ul>
+							</section>
+
 							<section class="reveal" data-animate style="margin-top: 48px;">
 								<div class="row g-4 align-items-start">
 									<div class="col-lg-7">
 										<article class="card step-card">
 											<div class="card-body">
-												<h2 style="font-weight: 600; color: #0f172a; margin-bottom: 1rem;">
+												<h2 id="steps_title" style="font-weight: 600; color: #0f172a; margin-bottom: 1rem;">
 													Step-by-step installation
 												</h2>
 
@@ -207,12 +504,12 @@
 														<div style="display: flex; align-items: flex-start;">
 															<div class="step-number">1</div>
 															<div>
-																<h3 style="font-size: 1.05rem; margin-bottom: 0.35rem;">Download the ZIP file</h3>
+															<h3 id="step1_title" style="font-size: 1.05rem; margin-bottom: 0.35rem;">Download the ZIP file</h3>
-																<p style="margin-bottom: 0.5rem; color: #475569;">
+															<p id="step1_desc" style="margin-bottom: 0.5rem; color: #475569;">
 																	Click <strong>Download ContextWizard ZIP</strong> above and save the file to a
 																	location you can find, such as your <em>Downloads</em> folder.
 																</p>
-																<p style="margin-bottom: 0; color: #64748b; font-size: 0.9rem;">
+															<p id="step1_note" style="margin-bottom: 0; color: #64748b; font-size: 0.9rem;">
 																The ZIP contains the full extension source so your browser can run it in
 																developer mode.
 															</p>
@@ -224,15 +521,15 @@
 														<div style="display: flex; align-items: flex-start;">
 															<div class="step-number">2</div>
 															<div>
-																<h3 style="font-size: 1.05rem; margin-bottom: 0.35rem;">Unzip the archive</h3>
+															<h3 id="step2_title" style="font-size: 1.05rem; margin-bottom: 0.35rem;">Unzip the archive</h3>
-																<p style="margin-bottom: 0.5rem; color: #475569;">
+															<p id="step2_desc" style="margin-bottom: 0.5rem; color: #475569;">
 																	Locate the downloaded ZIP file, then unzip it:
 																</p>
 																<ul style="padding-left: 1.1rem; margin-bottom: 0.5rem; color: #475569;">
-																	<li>On macOS: double-click the ZIP file in Finder.</li>
+																	<li id="step2_mac">On macOS: double-click the ZIP file in Finder.</li>
-																	<li>On Windows: right-click the ZIP and choose <em>Extract All…</em>.</li>
+																	<li id="step2_win">On Windows: right-click the ZIP and choose <em>Extract All…</em>.</li>
 																</ul>
-																<p style="margin-bottom: 0; color: #64748b; font-size: 0.9rem;">
+																<p id="step2_note" style="margin-bottom: 0; color: #64748b; font-size: 0.9rem;">
 																	You should end up with a folder named something like
 																	<code>ContextWizard-crx-latest</code>. Keep this folder in a permanent location
 																	(not inside your browser cache or trash).
@@ -245,8 +542,8 @@
 														<div style="display: flex; align-items: flex-start;">
 															<div class="step-number">3</div>
 															<div style="width: 100%;">
-															<h3 style="font-size: 1.05rem; margin-bottom: 0.35rem;">Open the extensions page</h3>
+														<h3 id="step3_title" style="font-size: 1.05rem; margin-bottom: 0.35rem;">Open the extensions page</h3>
-															<p style="margin-bottom: 0.5rem; color: #475569;">
+														<p id="step3_desc" style="margin-bottom: 0.5rem; color: #475569;">
 																In Chrome, open <code>chrome://extensions</code> in the address bar. In Edge, use
 																<code>edge://extensions</code>. You will see the extensions management screen.
 															</p>
@@ -257,7 +554,7 @@
 																		style="max-width: 100%; border-radius: 0.75rem; box-shadow: 0 10px 30px rgba(15, 23, 42, 0.12);"
 																	/>
 																</div>
-																<p style="margin-bottom: 0; color: #64748b; font-size: 0.9rem;">
+															<p id="step3_note" style="margin-bottom: 0; color: #64748b; font-size: 0.9rem;">
 																This is where you manage, enable, and remove extensions in your browser.
 															</p>
 															</div>
@@ -268,8 +565,8 @@
 														<div style="display: flex; align-items: flex-start;">
 															<div class="step-number">4</div>
 															<div style="width: 100%;">
-																<h3 style="font-size: 1.05rem; margin-bottom: 0.35rem;">Enable developer mode</h3>
+																<h3 id="step4_title" style="font-size: 1.05rem; margin-bottom: 0.35rem;">Enable developer mode</h3>
-															<p style="margin-bottom: 0.5rem; color: #475569;">
+																<p id="step4_desc" style="margin-bottom: 0.5rem; color: #475569;">
 																Turn on <strong>Developer mode</strong> using the toggle in the top-right corner of
 																the extensions page.
 															</p>
@@ -280,7 +577,7 @@
 																		style="max-width: 100%; border-radius: 0.75rem; box-shadow: 0 10px 30px rgba(15, 23, 42, 0.12);"
 																	/>
 																</div>
-																<p style="margin-bottom: 0; color: #64748b; font-size: 0.9rem;">
+																<p id="step4_note" style="margin-bottom: 0; color: #64748b; font-size: 0.9rem;">
 																	When Developer mode is on, you should see a <strong>Load unpacked</strong> button
 																	near the top of the page.
 																</p>
@@ -292,8 +589,8 @@
 														<div style="display: flex; align-items: flex-start;">
 															<div class="step-number">5</div>
 															<div style="width: 100%;">
-																<h3 style="font-size: 1.05rem; margin-bottom: 0.35rem;">Load the unpacked extension</h3>
+																<h3 id="step5_title" style="font-size: 1.05rem; margin-bottom: 0.35rem;">Load the unpacked extension</h3>
-															<p style="margin-bottom: 0.5rem; color: #475569;">
+																<p id="step5_desc" style="margin-bottom: 0.5rem; color: #475569;">
 																Click <strong>Load unpacked</strong> and choose the folder you unzipped in Step 2.
 															</p>
 															<div style="margin: 0.5rem 0 0.75rem;">
@@ -303,11 +600,11 @@
 																		style="max-width: 100%; border-radius: 0.75rem; box-shadow: 0 10px 30px rgba(15, 23, 42, 0.12);"
 																	/>
 																</div>
-																<p style="margin-bottom: 0.25rem; color: #475569; font-size: 0.9rem;">
+																<p id="step5_note1" style="margin-bottom: 0.25rem; color: #475569; font-size: 0.9rem;">
 																	In the file picker, select the <strong>folder</strong> (for example,
 																	<code>ContextWizard-crx-latest</code>), not the ZIP file.
 																</p>
-																<p style="margin-bottom: 0; color: #64748b; font-size: 0.9rem;">
+																<p id="step5_note2" style="margin-bottom: 0; color: #64748b; font-size: 0.9rem;">
 																	After loading, your browser will add ContextWizard to the list of installed
 																	extensions.
 																</p>
@@ -319,8 +616,8 @@
 														<div style="display: flex; align-items: flex-start;">
 															<div class="step-number">6</div>
 															<div>
-																<h3 style="font-size: 1.05rem; margin-bottom: 0.35rem;">Pin and open ContextWizard</h3>
+																<h3 id="step6_title" style="font-size: 1.05rem; margin-bottom: 0.35rem;">Pin and open ContextWizard</h3>
-															<p style="margin-bottom: 0.5rem; color: #475569;">
+																<p id="step6_desc" style="margin-bottom: 0.5rem; color: #475569;">
 																Pin the extension so it is easy to reach, then open it in a new tab.
 															</p>
 															<div style="margin: 0.5rem 0 0.75rem;">
@@ -331,10 +628,10 @@
 																	/>
 																</div>
 															<ul style="padding-left: 1.1rem; margin-bottom: 0.5rem; color: #475569;">
-																<li>Click the puzzle icon (Chrome/Edge), then pin <strong>ContextWizard</strong>.</li>
+																<li id="step6_li1">Click the puzzle icon (Chrome/Edge), then pin <strong>ContextWizard</strong>.</li>
-																<li>Click the ContextWizard icon or open the extension's page to start using it.</li>
+																<li id="step6_li2">Click the ContextWizard icon or open the extension's page to start using it.</li>
 															</ul>
-																<p style="margin-bottom: 0; color: #64748b; font-size: 0.9rem;">
+																<p id="step6_note" style="margin-bottom: 0; color: #64748b; font-size: 0.9rem;">
 																	Your conversations stay local on your machine. You can remove the unpacked
 																	extension at any time from the extensions page.
 																</p>
@@ -352,8 +649,8 @@
 											style="border-radius: 1.25rem; box-shadow: 0 16px 50px rgba(15, 23, 42, 0.08);"
 										>
 											<div class="card-body">
-												<h3 style="font-size: 1.15rem; margin-bottom: 0.75rem;">Supported browsers</h3>
+											<h3 id="browsers_title" style="font-size: 1.15rem; margin-bottom: 0.75rem;">Supported browsers</h3>
-												<p style="color: #475569;">
+											<p id="browsers_desc" style="color: #475569;">
 													ContextWizard works in most Chromium-based desktop browsers that support loading
 													unpacked extensions:
 												</p>
@@ -362,22 +659,22 @@
 													<span class="browser-pill"><i class="bx bxl-microsoft"></i>Microsoft Edge</span>
 													<span class="browser-pill"><i class="bx bxs-ship"></i>Brave / Vivaldi / Opera</span>
 												</div>
-												<p style="color: #64748b; font-size: 0.9rem;">
+											<p id="browsers_limit" style="color: #64748b; font-size: 0.9rem;">
 												Mobile browsers and Safari do not support this unpacked extension flow.
 											</p>
 
 												<hr />
 
-												<h3 style="font-size: 1.05rem; margin-bottom: 0.5rem;">If something doesnt work</h3>
+												<h3 id="troubleshoot_title" style="font-size: 1.05rem; margin-bottom: 0.5rem;">If something doesnt work</h3>
 												<ul style="padding-left: 1.1rem; color: #475569;">
-													<li>Make sure <strong>Developer mode</strong> is enabled on the extensions page.</li>
+												<li id="troubleshoot_1">Make sure <strong>Developer mode</strong> is enabled on the extensions page.</li>
-													<li>Confirm you selected the <strong>uncompressed folder</strong>, not the ZIP file.</li>
+												<li id="troubleshoot_2">Confirm you selected the <strong>uncompressed folder</strong>, not the ZIP file.</li>
-													<li>Try restarting the browser after loading the extension.</li>
+												<li id="troubleshoot_3">Try restarting the browser after loading the extension.</li>
 												</ul>
-												<p style="color: #64748b; font-size: 0.9rem; margin-bottom: 0.75rem;">
+											<p id="troubleshoot_help" style="color: #64748b; font-size: 0.9rem; margin-bottom: 0.75rem;">
-													If you are still stuck, reach out and well help you get set up.
+												If you are still stuck, reach out and we'll help you get set up.
 											</p>
-												<a href="mailto:support@amipro.me?subject=ContextWizard%20installation%20help" class="btn btn-sm btn-outline-primary">
+												<a id="btn_email_support" href="mailto:support@amipro.me?subject=ContextWizard%20installation%20help" class="btn btn-sm btn-outline-primary">
 													Email support
 												</a>
 											</div>
@@ -397,8 +694,8 @@
 									<a href="https://www.amipro.me" target="_blank" class="footer-link fw-bolder">amiPro, LLC</a>
 								</div>
 								<div>
-									<a href="contextwizard_top.html" class="footer-link me-4">ContextWizard overview</a>
+								<a id="footer_overview" href="contextwizard_top.html" class="footer-link me-4">ContextWizard overview</a>
-									<a href="contextwizard_privacy_policy.html" class="footer-link">Privacy policy</a>
+								<a id="footer_privacy" href="contextwizard_privacy_policy.html" class="footer-link">Privacy policy</a>
 								</div>
 							</div>
 						</footer>

contextwizard_top.html

@@ -456,9 +456,406 @@
 			lang_map.set('ja', 'YouTubeで5秒ワークフローデモを見る →');
 			i18n_messages.set('video_act_link', lang_map);
 
+			lang_map = new Map();
+			lang_map.set('en', 'The universal context layer for your AI chats. Automatically capture, search, and transfer knowledge across platforms.');
+			lang_map.set('ja', 'AIチャットのための汎用コンテキストレイヤー。プラットフォーム全体で知識を自動的にキャプチャ、検索、転送します。');
+			i18n_messages.set('hero_subtitle', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', "Harness each assistant's strengths, one-click backup or migrate every thread, and start immediately with zero configuration.");
+			lang_map.set('ja', '各アシスタントの強みを活用し、ワンクリックで全スレッドをバックアップまたは移行、ゼロコンフィグレーションで即座にスタート。');
+			i18n_messages.set('hero_lead', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'All your data never leaves your PC');
+			lang_map.set('ja', 'すべてのデータはPCから外に出ません');
+			i18n_messages.set('check_1', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'No API keys required');
+			lang_map.set('ja', 'APIキーは不要です');
+			i18n_messages.set('check_2', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'Automatic capture across your favorite AI chat platforms');
+			lang_map.set('ja', 'お気に入りのAIチャットプラットフォーム全体を自動キャプチャ');
+			i18n_messages.set('check_3', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'Search, filter, and relaunch chats instantly');
+			lang_map.set('ja', 'チャットを即座に検索、フィルター、再起動');
+			i18n_messages.set('check_4', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'Install from Chrome Store');
+			lang_map.set('ja', 'Chromeストアからインストール');
+			i18n_messages.set('btn_chrome_text', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'Install from Edge store');
+			lang_map.set('ja', 'Edgeストアからインストール');
+			i18n_messages.set('btn_edge_text', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'Watch Video');
+			lang_map.set('ja', '動画を見る');
+			i18n_messages.set('btn_video_text', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'Local-First & Privacy-Centric Architecture');
+			lang_map.set('ja', 'ローカルファースト＆プライバシー重視のアーキテクチャ');
+			i18n_messages.set('callout_title', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', '<strong>Zero Cloud Uploads:</strong> All captured AI chat logs, transcripts, and custom prompt templates are fully encrypted and saved strictly inside your browser\'s local storage (<code>chrome.storage.local</code>).');
+			lang_map.set('ja', '<strong>クラウドアップロードゼロ:</strong> キャプチャされたすべてのAIチャットログ、文字起こし、カスタムプロンプトテンプレートは完全に暗号化され、ブラウザのローカルストレージ（<code>chrome.storage.local</code>）内に厳密に保存されます。');
+			i18n_messages.set('callout_1', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', '<strong>No Cloud Account &amp; No API Keys Required:</strong> ContextWizard runs entirely out of the box via native DOM observation. It does not require any third-party registration or OpenAI/Anthropic/DeepSeek API keys.');
+			lang_map.set('ja', '<strong>クラウドアカウント不要＆APIキー不要:</strong> ContextWizardはネイティブDOM監視によりそのまま動作します。第三者登録やOpenAI/Anthropic/DeepSeekのAPIキーは一切不要です。');
+			i18n_messages.set('callout_2', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', '<strong>100% GDPR &amp; Privacy Compliant:</strong> Your confidential prompts, proprietary source code, and business context remain completely offline and never touch external synchronization servers.');
+			lang_map.set('ja', '<strong>100% GDPR＆プライバシー準拠:</strong> 機密プロンプト、自社ソースコード、ビジネスコンテキストは完全にオフラインで保持され、外部同期サーバーに一切送信されません。');
+			i18n_messages.set('callout_3', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'Why ContextWizard?');
+			lang_map.set('ja', 'なぜ ContextWizard？');
+			i18n_messages.set('why_title', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'ContextWizard automatically captures and organizes your conversations across multiple AI assistants, making every insight searchable, portable, and ready to revisit.');
+			lang_map.set('ja', 'ContextWizardは複数のAIアシスタント全体の会話を自動的にキャプチャし整理し、すべてのインサイトを検索可能、ポータブル、再訪可能な状態にします。');
+			i18n_messages.set('why_lead', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'Multi-Platform Support');
+			lang_map.set('ja', 'マルチプラットフォーム対応');
+			i18n_messages.set('mp_title', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', '<strong>10 built-in platforms</strong>: ChatGPT, Claude, Gemini, Copilot, Perplexity, HuggingChat, Poe, Grok, DeepSeek, Qwen.');
+			lang_map.set('ja', '<strong>10の内蔵プラットフォーム</strong>: ChatGPT、Claude、Gemini、Copilot、Perplexity、HuggingChat、Poe、Grok、DeepSeek、Qwen。');
+			i18n_messages.set('mp_1', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', '<strong>Custom platforms</strong>: Add any AI chat site via URL patterns.');
+			lang_map.set('ja', '<strong>カスタムプラットフォーム</strong>: URLパターンで任意のAIチャットサイトを追加可能。');
+			i18n_messages.set('mp_2', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', '<strong>Automatic detection</strong> as soon as you land on supported hosts.');
+			lang_map.set('ja', '<strong>自動検出</strong> - サポートされているホストにアクセスするとすぐに検出。');
+			i18n_messages.set('mp_3', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'Smart Recording');
+			lang_map.set('ja', 'スマート録画');
+			i18n_messages.set('sr_title', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'Real-time capture using MutationObserver.');
+			lang_map.set('ja', 'MutationObserverを使用したリアルタイムキャプチャ。');
+			i18n_messages.set('sr_1', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'Platform-specific selectors for accurate transcripts.');
+			lang_map.set('ja', '正確な文字起こしのためのプラットフォーム固有セレクタ。');
+			i18n_messages.set('sr_2', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'Debounced saves, visual indicator, and URL-aware logic for clean history.');
+			lang_map.set('ja', 'デバウンス保存、ビジュアルインジケーター、URL認識ロジックによるクリーンな履歴。');
+			i18n_messages.set('sr_3', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'Powerful Search');
+			lang_map.set('ja', '強力な検索');
+			i18n_messages.set('ps_title', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'Full-text search across titles, summaries, and message bodies.');
+			lang_map.set('ja', 'タイトル、要約、メッセージ本文を横断する全文検索。');
+			i18n_messages.set('ps_1', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'Platform filters plus smart ranking by recency and relevance.');
+			lang_map.set('ja', 'プラットフォームフィルターと最新性・関連性によるスマートランキング。');
+			i18n_messages.set('ps_2', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'Jump back into any conversation with one click.');
+			lang_map.set('ja', 'ワンクリックで任意の会話にジャンプ。');
+			i18n_messages.set('ps_3', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'Conversation Management');
+			lang_map.set('ja', '会話管理');
+			i18n_messages.set('cm_title', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'Unified list for every assistant you use.');
+			lang_map.set('ja', '使用するすべてのアシスタントの統一リスト。');
+			i18n_messages.set('cm_1', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'Quick access, deletion, export, and import workflows.');
+			lang_map.set('ja', 'クイックアクセス、削除、エクスポート、インポートのワークフロー。');
+			i18n_messages.set('cm_2', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'Local storage ensures nothing syncs beyond your machine.');
+			lang_map.set('ja', 'ローカルストレージにより、マシン外への同期は一切行われません。');
+			i18n_messages.set('cm_3', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'Internationalization');
+			lang_map.set('ja', '多言語対応');
+			i18n_messages.set('i18n_title', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'Localized UI across 12 languages.');
+			lang_map.set('ja', '12言語にローカライズされたUI。');
+			i18n_messages.set('i18n_1', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'Automatic browser-language detection.');
+			lang_map.set('ja', 'ブラウザ言語の自動検出。');
+			i18n_messages.set('i18n_2', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'Fast language switching with persistent preferences.');
+			lang_map.set('ja', '永続化された設定による高速な言語切替。');
+			i18n_messages.set('i18n_3', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'Customization');
+			lang_map.set('ja', 'カスタマイズ');
+			i18n_messages.set('cust_title', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'Enable/disable platforms individually.');
+			lang_map.set('ja', 'プラットフォームごとに個別に有効/無効化。');
+			i18n_messages.set('cust_1', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'Add custom URL patterns for new AI sites.');
+			lang_map.set('ja', '新しいAIサイトのカスタムURLパターンを追加。');
+			i18n_messages.set('cust_2', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'Manage data with stats, exports, imports, and clears.');
+			lang_map.set('ja', '統計、エクスポート、インポート、クリアでデータを管理。');
+			i18n_messages.set('cust_3', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'Stay coordinated across assistants');
+			lang_map.set('ja', 'アシスタント全体で連携を維持');
+			i18n_messages.set('stay_title', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'Bring order to the chaos of juggling multiple AI assistants. ContextWizard keeps a unified list, lets you filter by platform, and opens any saved thread in-place with a single click.');
+			lang_map.set('ja', '複数のAIアシスタントの使い分けに秩序をもたらします。ContextWizardは統一リストを維持し、プラットフォームでフィルタリングし、ワンクリックで保存されたスレッドを開きます。');
+			i18n_messages.set('stay_lead', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'Tag and color-code platforms for quick scanning.');
+			lang_map.set('ja', 'プラットフォームにタグと色分けを設定してクイックスキャンニング。');
+			i18n_messages.set('stay_1', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'Use summaries to remember why a chat mattered.');
+			lang_map.set('ja', '要約を使用してチャットの重要性を記憶。');
+			i18n_messages.set('stay_2', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'Export/import archives for backups or new machines.');
+			lang_map.set('ja', 'バックアップや新しいマシン用にアーカイブをエクスポート/インポート。');
+			i18n_messages.set('stay_3', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', '<strong>Pay attention:</strong> Do <em>not</em> delete your conversations on AI platforms if you still need them. ContextWizard stores the main content, not attachments or full raw data.');
+			lang_map.set('ja', '<strong>注意:</strong> まだ必要な会話をAIプラットフォーム上で<em>削除しない</em>でください。ContextWizardはメインコンテンツのみを保存し、添付ファイルや完全な生データは保存しません。');
+			i18n_messages.set('pay_attention_text', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'Ready in minutes');
+			lang_map.set('ja', '数分で準備完了');
+			i18n_messages.set('ready_title', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'Install the extension, pick which platforms to observe, and ContextWizard starts capturing right away—no API keys, no cloud accounts, zero configuration beyond toggling the platforms you care about.');
+			lang_map.set('ja', '拡張機能をインストールし、監視するプラットフォームを選ぶだけで、ContextWizardはすぐにキャプチャを開始します。APIキー不要、クラウドアカウント不要、関心のあるプラットフォームのトグル以外のコンフィグレーションはゼロ。');
+			i18n_messages.set('ready_lead', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'Enable/disable per platform anytime.');
+			lang_map.set('ja', 'プラットフォームごとにいつでも有効/無効化可能。');
+			i18n_messages.set('ready_1', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'Toggle recording indicator visibility.');
+			lang_map.set('ja', '録画インジケーターの表示切替。');
+			i18n_messages.set('ready_2', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'Switch languages instantly.');
+			lang_map.set('ja', '即座に言語を切替。');
+			i18n_messages.set('ready_3', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'Export JSON snapshots for backups.');
+			lang_map.set('ja', 'バックアップ用にJSONスナップショットをエクスポート。');
+			i18n_messages.set('ready_4', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'Import archives when moving machines.');
+			lang_map.set('ja', 'マシン移行時にアーカイブをインポート。');
+			i18n_messages.set('ready_5', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'Clear everything with one tap if needed.');
+			lang_map.set('ja', '必要に応じてワンタップですべてクリア。');
+			i18n_messages.set('ready_6', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'Frequently Asked Questions');
+			lang_map.set('ja', 'よくある質問');
+			i18n_messages.set('faq_title', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'How to copy a long ChatGPT thread into Claude without formatting issues?');
+			lang_map.set('ja', 'フォーマットの問題なしに長いChatGPTスレッドをClaudeにコピーするには？');
+			i18n_messages.set('faq_1_q', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', '<strong>To copy a long ChatGPT thread into Claude without markdown or UI formatting clutter, use ContextWizard\'s context copy feature.</strong> It automatically strips out platform-specific UI artifacts, extracts clean raw text transcripts from ChatGPT, and allows one-step copying, exporting, or transferring of full conversation contexts into Claude, Manus, Gemini, or other assistants. <a href="#thread-transfer-demo" style="color: #2563eb; text-decoration: underline;">&#8593; Watch the demo</a>');
+			lang_map.set('ja', '<strong>markdownやUIフォーマットの雑踏なしに長いChatGPTスレッドをClaudeにコピーするには、ContextWizardのコンテキストコピー機能を使用してください。</strong> プラットフォーム固有のUIアーティファクトを自動的に除去し、ChatGPTからクリーンな生テキスト文字起こしを抽出し、Claude、Manus、Gemini、その他のアシスタントへの完全な会話コンテキストのワンステップコピー、エクスポート、転送が可能です。 <a href="#thread-transfer-demo" style="color: #2563eb; text-decoration: underline;">&#8593; デモを見る</a>');
+			i18n_messages.set('faq_1_a', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'How do I copy page context and use it across AI platforms?');
+			lang_map.set('ja', 'ページコンテキストをコピーしてAIプラットフォーム全体で使用するには？');
+			i18n_messages.set('faq_2_q', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', '<strong>ContextWizard\'s page context copy feature lets you capture content from any webpage and seamlessly paste it into ChatGPT, Claude, Gemini, or other AI assistants.</strong> It strips out unnecessary UI clutter, preserves the meaningful text structure, and lets you transfer context in one click — no more manual copy-paste or formatting cleanup. <a href="#page-context-demo" style="color: #2563eb; text-decoration: underline;">&#8593; Watch the demo</a>');
+			lang_map.set('ja', '<strong>ContextWizardのページコンテキストコピー機能により、任意のWebページからコンテンツをキャプチャし、ChatGPT、Claude、Gemini、その他のAIアシスタントにシームレスに貼り付けることができます。</strong> 不要なUIの雑踏を除去し、意味のあるテキスト構造を保持し、ワンクリックでコンテキストを転送。手動のコピペやフォーマット整理は不要に。 <a href="#page-context-demo" style="color: #2563eb; text-decoration: underline;">&#8593; デモを見る</a>');
+			i18n_messages.set('faq_2_a', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'What is the best way to search through multiple AI platform histories at once?');
+			lang_map.set('ja', '複数のAIプラットフォームの履歴を一度に検索する最良の方法は？');
+			i18n_messages.set('faq_3_q', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', '<strong>The most efficient way to search through multiple AI platform histories at once is by using a local-first browser tool like ContextWizard.</strong> It builds a unified local index that allows full-text search across titles, summaries, and message bodies across 10+ major platforms (including ChatGPT, Claude, Gemini, Grok, DeepSeek, and Perplexity) simultaneously with granular platform filters.');
+			lang_map.set('ja', '<strong>複数のAIプラットフォームの履歴を一度に検索する最も効率的な方法は、ContextWizardのようなローカルファーストのブラウザツールを使用することです。</strong> 統一されたローカルインデックスを構築し、10以上の主要プラットフォーム（ChatGPT、Claude、Gemini、Grok、DeepSeek、Perplexityを含む）のタイトル、要約、メッセージ本文を粒度の細かいプラットフォームフィルターで同時全文検索が可能です。');
+			i18n_messages.set('faq_3_a', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'How to build a local knowledge base from AI chats safely?');
+			lang_map.set('ja', 'AIチャットから安全にローカルナレッジベースを構築するには？');
+			i18n_messages.set('faq_4_q', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', '<strong>ContextWizard turns your daily browsing history into a secure, searchable local text database.</strong> By capturing real-time conversations using platform-specific selectors, it aggregates scattered insights into a unified workspace on your PC, enabling power users to build an offline second brain from their AI interactions.');
+			lang_map.set('ja', '<strong>ContextWizardは、毎日のブラウジング履歴を安全で検索可能なローカルテキストデータベースに変換します。</strong> プラットフォーム固有のセレクタを使用してリアルタイムの会話をキャプチャし、散在するインサイトをPC上の統一されたワークスペースに集約し、パワーユーザーがAIインタラクションからオフラインのセカンドブレインを構築できるようにします。');
+			i18n_messages.set('faq_4_a', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'How do I keep track of important conversations across different AI models?');
+			lang_map.set('ja', '異なるAIモデル全体の重要な会話を追跡するには？');
+			i18n_messages.set('faq_5_q', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', '<strong>ContextWizard\'s cross-platform bookmark feature lets you save key moments across ChatGPT, Claude, and Gemini in a single place.</strong> It supports organizing bookmarks into custom groups with full instant-undo support, making it easy to jump back to any bookmarked conversation in its original web context with one click. <a href="#bookmark-demo" style="color: #2563eb; text-decoration: underline;">&#8593; Watch the demo</a>');
+			lang_map.set('ja', '<strong>ContextWizardのクロスプラットフォームブックマーク機能により、ChatGPT、Claude、Gemini全体の重要な会話を一箇所に保存できます。</strong> カスタムグループへの整理とフルインスタントアンドゥをサポートし、ワンクリックでブックマークした会話の元のWebコンテキストに戻るのが簡単に。 <a href="#bookmark-demo" style="color: #2563eb; text-decoration: underline;">&#8593; デモを見る</a>');
+			i18n_messages.set('faq_5_a', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'How can I safely reuse prompts without exposing sensitive data?');
+			lang_map.set('ja', '機密情報を露出せずに安全にプロンプトを再利用するには？');
+			i18n_messages.set('faq_6_q', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', '<strong>The built-in Prompt Editor in ContextWizard allows you to manage reusable prompt templates while safeguarding your privacy through auto-redaction.</strong> You can define custom redaction rules that automatically replace sensitive information—such as API keys, passwords, and private tokens—with placeholders before sending the prompt to any AI platform.');
+			lang_map.set('ja', '<strong>ContextWizardの内蔵プロンプトエディターにより、自動秘匿化でプライバシーを保護しながら再利用可能なプロンプトテンプレートを管理できます。</strong> APIキーやパスワード、プライベートトークンなどの機密情報をプロンプトをAIプラットフォームに送信する前にプレースホルダーに自動的に置き換えるカスタム秘匿化ルールを定義できます。');
+			i18n_messages.set('faq_6_a', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'Privacy Policy');
+			lang_map.set('ja', 'プライバシーポリシー');
+			i18n_messages.set('footer_privacy', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'Contact');
+			lang_map.set('ja', 'お問い合わせ');
+			i18n_messages.set('footer_contact', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', '© 2026 amiPro, LLC. All rights reserved.');
+			lang_map.set('ja', '© 2026 amiPro, LLC. All rights reserved.');
+			i18n_messages.set('footer_copy', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'What is ContextWizard?');
+			lang_map.set('ja', 'ContextWizardとは？');
+			lang_map.set('zh-CN', '什么是 ContextWizard？');
+			i18n_messages.set('static_what_title', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'ContextWizard is a free, local-first browser extension that automatically captures and organizes your AI conversations across 10+ platforms including ChatGPT, Claude, Gemini, Perplexity, Grok, DeepSeek, and Qwen. All data stays encrypted on your local machine — nothing is uploaded to any cloud server.');
+			lang_map.set('ja', 'ContextWizardは、ChatGPT、Claude、Gemini、Perplexity、Grok、DeepSeek、Qwenなど10以上のプラットフォームのAI会話を自動的にキャプチャ・整理する、無料のローカルファーストブラウザ拡張機能です。すべてのデータはローカルマシンに暗号化されたまま保持され、クラウドサーバーにアップロードされることはありません。');
+			lang_map.set('zh-CN', 'ContextWizard 是一款免费的本地优先浏览器扩展，可自动捕获和整理你在 ChatGPT、Claude、Gemini、Perplexity、Grok、DeepSeek、Qwen 等 10+ 平台上的 AI 对话。所有数据加密存储在本地，不会上传到任何云服务器。');
+			i18n_messages.set('static_what_desc', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', '10+ Platforms');
+			lang_map.set('ja', '10以上のプラットフォーム');
+			lang_map.set('zh-CN', '10+ 平台');
+			i18n_messages.set('static_feat1_title', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'ChatGPT, Claude, Gemini, Copilot, Perplexity, HuggingChat, Poe, Grok, DeepSeek, Qwen — plus custom platforms.');
+			lang_map.set('ja', 'ChatGPT、Claude、Gemini、Copilot、Perplexity、HuggingChat、Poe、Grok、DeepSeek、Qwen — さらにカスタムプラットフォーム対応。');
+			lang_map.set('zh-CN', 'ChatGPT、Claude、Gemini、Copilot、Perplexity、HuggingChat、Poe、Grok、DeepSeek、Qwen — 还支持自定义平台。');
+			i18n_messages.set('static_feat1_desc', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'Zero Configuration');
+			lang_map.set('ja', 'ゼロコンフィグレーション');
+			lang_map.set('zh-CN', '零配置');
+			i18n_messages.set('static_feat2_title', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'Install the extension, toggle the platforms you want, and ContextWizard starts capturing automatically. No API keys or accounts needed.');
+			lang_map.set('ja', '拡張機能をインストールし、有効にしたいプラットフォームを切り替えるだけで、ContextWizardが自動的にキャプチャを開始します。APIキーやアカウントは不要です。');
+			lang_map.set('zh-CN', '安装扩展，切换你想启用的平台，ContextWizard 即自动开始捕获。无需 API 密钥或账户。');
+			i18n_messages.set('static_feat2_desc', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', '100% Private');
+			lang_map.set('ja', '100%プライベート');
+			lang_map.set('zh-CN', '100% 私密');
+			i18n_messages.set('static_feat3_title', lang_map);
+
+			lang_map = new Map();
+			lang_map.set('en', 'All conversations are encrypted and stored locally in your browser. GDPR compliant. No cloud uploads, no external servers.');
+			lang_map.set('ja', 'すべての会話は暗号化され、ブラウザ内にローカル保存されます。GDPR準拠。クラウドアップロードなし、外部サーバーなし。');
+			lang_map.set('zh-CN', '所有对话加密存储在浏览器本地。符合 GDPR，无云上传，无外部服务器。');
+			i18n_messages.set('static_feat3_desc', lang_map);
+
 			window.onload = async function() {
 				setI18NText(i18n_messages);
 				initRevealAnimations();
+				if (typeof createLanguageSelector === 'function') {
+					document.body.appendChild(createLanguageSelector());
+				}
+				updateImages(getCurrentLanguage());
 			}
 		</script>
 	</head>
@@ -471,10 +868,6 @@
 			<div class="layout-page">
 			<!-- Navbar -->
 
-					
-
-					<!-- / Navbar -->
-
 					<!-- Content wrapper -->
 					<div class="content-wrapper">
 						<!-- Content -->
@@ -483,15 +876,15 @@
 								<div class="hero__text" data-animate>
 									<span class="hero__badge"><i class="bx bx-bot"></i> ContextWizard</span>
 									<h1 class="hero__title">ContextWizard</h1>
-									<p style="font-size: 1.15rem; font-weight: 500; color: var(--text-bright, #f8fafc); line-height: 1.5; margin-bottom: 0.75rem;">The universal context layer for your AI chats. Automatically capture, search, and transfer knowledge across platforms.</p>
+									<p id="hero_subtitle" style="font-size: 1.15rem; font-weight: 500; color: var(--text-bright, #f8fafc); line-height: 1.5; margin-bottom: 0.75rem;">The universal context layer for your AI chats. Automatically capture, search, and transfer knowledge across platforms.</p>
-									<p class="hero__lead">
+								<p id="hero_lead" class="hero__lead">
 									Harness each assistant's strengths, one-click backup or migrate every thread, and start immediately with zero configuration.
 								</p>
 									<ul class="checklist" style="margin-top: 1.25rem;">
-										<li><i class="bx bx-check-circle"></i>All your data never leaves your PC</li>
+										<li id="check_1"><i class="bx bx-check-circle"></i>All your data never leaves your PC</li>
-										<li><i class="bx bx-check-circle"></i>No API keys required</li>
+										<li id="check_2"><i class="bx bx-check-circle"></i>No API keys required</li>
-										<li><i class="bx bx-check-circle"></i>Automatic capture across your favorite AI chat platforms</li>
+										<li id="check_3"><i class="bx bx-check-circle"></i>Automatic capture across your favorite AI chat platforms</li>
-										<li><i class="bx bx-check-circle"></i>Search, filter, and relaunch chats instantly</li>
+										<li id="check_4"><i class="bx bx-check-circle"></i>Search, filter, and relaunch chats instantly</li>
 									</ul>
 									<div style="margin-top: 2rem; display: flex; flex-wrap: wrap; gap: 1rem;">
 										<a
@@ -501,7 +894,7 @@
 											target="_blank"
 											rel="noopener"
 										>
-											<i class="bx bxl-chrome me-1"></i>Install from Chrome Store
+											<i class="bx bxl-chrome me-1"></i><span id="btn_chrome_text">Install from Chrome Store</span>
 										</a>
 										<a
 											href="https://microsoftedge.microsoft.com/addons/detail/contextwizard/nknoacgaapoeboehlgelolgbifgcimli"
@@ -510,16 +903,35 @@
 											target="_blank"
 											rel="noopener"
 										>
-											<i class="bx bx-download me-1"></i>Install from Edge store
+											<i class="bx bx-download me-1"></i><span id="btn_edge_text">Install from Edge store</span>
 										</a>
 										<a href="https://www.youtube.com/watch?v=UDKbb1h-NMA" class="btn btn-outline-primary" style="min-width: 200px;" target="_blank">
-											<i class="bx bx-play-circle me-1"></i>Watch Video
+											<i class="bx bx-play-circle me-1"></i><span id="btn_video_text">Watch Video</span>
 										</a>
 									</div>
 								</div>
 								<div class="hero__media" data-animate>
 									<div class="hero__orb"></div>
-									<img src="contextwizard-files/screen-platforms-640-400.jpg" alt="ContextWizard platform overview screenshot" loading="lazy" />
+									<img id="hero-image" src="contextwizard-files/screen-platforms-640-400.jpg" alt="ContextWizard platform overview screenshot" loading="lazy" />
+								</div>
+							</section>
+
+							<section style="margin-top: 2rem; padding: 2rem; background: rgba(255,255,255,0.08); border-radius: 12px; border: 1px solid rgba(255,255,255,0.15);">
+  <h2 id="static_what_title" style="font-size: 1.5rem; font-weight: 600; color: #f8fafc; margin-bottom: 1rem;">What is ContextWizard?</h2>
+  <p id="static_what_desc" style="color: #cbd5e1; line-height: 1.7; margin-bottom: 1rem;">ContextWizard is a free, local-first browser extension that automatically captures and organizes your AI conversations across 10+ platforms including ChatGPT, Claude, Gemini, Perplexity, Grok, DeepSeek, and Qwen. All data stays encrypted on your local machine — nothing is uploaded to any cloud server.</p>
+  <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1rem; margin-top: 1.5rem;">
+    <div style="padding: 1rem; background: rgba(255,255,255,0.06); border-radius: 8px;">
+      <strong id="static_feat1_title" style="color: #f8fafc;">10+ Platforms</strong>
+      <p id="static_feat1_desc" style="color: #94a3b8; margin: 0.25rem 0 0; font-size: 0.9rem;">ChatGPT, Claude, Gemini, Copilot, Perplexity, HuggingChat, Poe, Grok, DeepSeek, Qwen — plus custom platforms.</p>
+    </div>
+    <div style="padding: 1rem; background: rgba(255,255,255,0.06); border-radius: 8px;">
+      <strong id="static_feat2_title" style="color: #f8fafc;">Zero Configuration</strong>
+      <p id="static_feat2_desc" style="color: #94a3b8; margin: 0.25rem 0 0; font-size: 0.9rem;">Install the extension, toggle the platforms you want, and ContextWizard starts capturing automatically. No API keys or accounts needed.</p>
+    </div>
+    <div style="padding: 1rem; background: rgba(255,255,255,0.06); border-radius: 8px;">
+      <strong id="static_feat3_title" style="color: #f8fafc;">100% Private</strong>
+      <p id="static_feat3_desc" style="color: #94a3b8; margin: 0.25rem 0 0; font-size: 0.9rem;">All conversations are encrypted and stored locally in your browser. GDPR compliant. No cloud uploads, no external servers.</p>
+    </div>
   </div>
 </section>
 
@@ -527,19 +939,19 @@
 								<div style="display: flex; gap: 0.75rem; align-items: flex-start;">
 									<i class="bx bx-lock-alt bx-sm me-2" style="flex-shrink: 0; margin-top: 0.15rem;"></i>
 									<div>
-										<strong>Local-First &amp; Privacy-Centric Architecture</strong>
+									<strong id="callout_title">Local-First &amp; Privacy-Centric Architecture</strong>
 									<ul style="margin: 0.5rem 0 0; padding-left: 1.25rem;">
-											<li><strong>Zero Cloud Uploads:</strong> All captured AI chat logs, transcripts, and custom prompt templates are fully encrypted and saved strictly inside your browser's local storage (<code>chrome.storage.local</code>).</li>
+										<li id="callout_1"><strong>Zero Cloud Uploads:</strong> All captured AI chat logs, transcripts, and custom prompt templates are fully encrypted and saved strictly inside your browser's local storage (<code>chrome.storage.local</code>).</li>
-											<li><strong>No Cloud Account &amp; No API Keys Required:</strong> ContextWizard runs entirely out of the box via native DOM observation. It does not require any third-party registration or OpenAI/Anthropic/DeepSeek API keys.</li>
+										<li id="callout_2"><strong>No Cloud Account &amp; No API Keys Required:</strong> ContextWizard runs entirely out of the box via native DOM observation. It does not require any third-party registration or OpenAI/Anthropic/DeepSeek API keys.</li>
-											<li><strong>100% GDPR &amp; Privacy Compliant:</strong> Your confidential prompts, proprietary source code, and business context remain completely offline and never touch external synchronization servers.</li>
+										<li id="callout_3"><strong>100% GDPR &amp; Privacy Compliant:</strong> Your confidential prompts, proprietary source code, and business context remain completely offline and never touch external synchronization servers.</li>
 									</ul>
 									</div>
 								</div>
 							</div>
 
 							<section class="reveal" data-animate style="margin-top: 40px;">
-								<h2 class="section-heading">Why ContextWizard?</h2>
+							<h2 id="why_title" class="section-heading">Why ContextWizard?</h2>
-								<p class="section-lead">
+							<p id="why_lead" class="section-lead">
 								ContextWizard automatically captures and organizes your conversations across multiple AI assistants, making every insight searchable, portable, and ready to revisit.
 							</p>
 							</section>
@@ -548,11 +960,11 @@
 								<article class="card feature-card reveal" data-animate>
 									<div class="card-body">
 										<div class="feature-icon">🤖</div>
-										<h3 class="card-title">Multi-Platform Support</h3>
+									<h3 id="mp_title" class="card-title">Multi-Platform Support</h3>
 									<ul>
-											<li><strong>10 built-in platforms</strong>: ChatGPT, Claude, Gemini, Copilot, Perplexity, HuggingChat, Poe, Grok, DeepSeek, Qwen.</li>
+										<li id="mp_1"><strong>10 built-in platforms</strong>: ChatGPT, Claude, Gemini, Copilot, Perplexity, HuggingChat, Poe, Grok, DeepSeek, Qwen.</li>
-											<li><strong>Custom platforms</strong>: Add any AI chat site via URL patterns.</li>
+										<li id="mp_2"><strong>Custom platforms</strong>: Add any AI chat site via URL patterns.</li>
-											<li><strong>Automatic detection</strong> as soon as you land on supported hosts.</li>
+										<li id="mp_3"><strong>Automatic detection</strong> as soon as you land on supported hosts.</li>
 									</ul>
 									</div>
 								</article>
@@ -560,11 +972,11 @@
 								<article class="card feature-card reveal" data-animate>
 									<div class="card-body">
 										<div class="feature-icon">💾</div>
-										<h3 class="card-title">Smart Recording</h3>
+									<h3 id="sr_title" class="card-title">Smart Recording</h3>
 									<ul>
-											<li>Real-time capture using MutationObserver.</li>
+										<li id="sr_1">Real-time capture using MutationObserver.</li>
-											<li>Platform-specific selectors for accurate transcripts.</li>
+										<li id="sr_2">Platform-specific selectors for accurate transcripts.</li>
-											<li>Debounced saves, visual indicator, and URL-aware logic for clean history.</li>
+										<li id="sr_3">Debounced saves, visual indicator, and URL-aware logic for clean history.</li>
 									</ul>
 									</div>
 								</article>
@@ -572,11 +984,11 @@
 								<article class="card feature-card reveal" data-animate>
 									<div class="card-body">
 										<div class="feature-icon">🔍</div>
-										<h3 class="card-title">Powerful Search</h3>
+									<h3 id="ps_title" class="card-title">Powerful Search</h3>
 									<ul>
-											<li>Full-text search across titles, summaries, and message bodies.</li>
+										<li id="ps_1">Full-text search across titles, summaries, and message bodies.</li>
-											<li>Platform filters plus smart ranking by recency and relevance.</li>
+										<li id="ps_2">Platform filters plus smart ranking by recency and relevance.</li>
-											<li>Jump back into any conversation with one click.</li>
+										<li id="ps_3">Jump back into any conversation with one click.</li>
 									</ul>
 									</div>
 								</article>
@@ -584,11 +996,11 @@
 								<article class="card feature-card reveal" data-animate>
 									<div class="card-body">
 										<div class="feature-icon">📊</div>
-										<h3 class="card-title">Conversation Management</h3>
+									<h3 id="cm_title" class="card-title">Conversation Management</h3>
 									<ul>
-											<li>Unified list for every assistant you use.</li>
+										<li id="cm_1">Unified list for every assistant you use.</li>
-											<li>Quick access, deletion, export, and import workflows.</li>
+										<li id="cm_2">Quick access, deletion, export, and import workflows.</li>
-											<li>Local storage ensures nothing syncs beyond your machine.</li>
+										<li id="cm_3">Local storage ensures nothing syncs beyond your machine.</li>
 									</ul>
 									</div>
 								</article>
@@ -596,11 +1008,11 @@
 								<article class="card feature-card reveal" data-animate>
 									<div class="card-body">
 										<div class="feature-icon">🌐</div>
-										<h3 class="card-title">Internationalization</h3>
+									<h3 id="i18n_title" class="card-title">Internationalization</h3>
 									<ul>
-											<li>Localized UI across 12 languages.</li>
+										<li id="i18n_1">Localized UI across 12 languages.</li>
-											<li>Automatic browser-language detection.</li>
+										<li id="i18n_2">Automatic browser-language detection.</li>
-											<li>Fast language switching with persistent preferences.</li>
+										<li id="i18n_3">Fast language switching with persistent preferences.</li>
 									</ul>
 									</div>
 								</article>
@@ -608,11 +1020,11 @@
 								<article class="card feature-card reveal" data-animate>
 									<div class="card-body">
 										<div class="feature-icon">⚙️</div>
-										<h3 class="card-title">Customization</h3>
+									<h3 id="cust_title" class="card-title">Customization</h3>
 									<ul>
-											<li>Enable/disable platforms individually.</li>
+										<li id="cust_1">Enable/disable platforms individually.</li>
-											<li>Add custom URL patterns for new AI sites.</li>
+										<li id="cust_2">Add custom URL patterns for new AI sites.</li>
-											<li>Manage data with stats, exports, imports, and clears.</li>
+										<li id="cust_3">Manage data with stats, exports, imports, and clears.</li>
 									</ul>
 									</div>
 								</article>
@@ -684,20 +1096,20 @@
 								<div class="row g-0 align-items-center">
 									<div class="col-md-6">
 										<div class="card-body">
-											<h3 class="card-title" style="margin-bottom: 1rem;">Stay coordinated across assistants</h3>
+							<h3 id="stay_title" class="card-title" style="margin-bottom: 1rem;">Stay coordinated across assistants</h3>
-											<p>
+							<p id="stay_lead">
 								Bring order to the chaos of juggling multiple AI assistants. ContextWizard keeps a unified list, lets you filter by platform, and opens any saved thread in-place with a single click.
 							</p>
 							<ul class="checklist" style="margin-top: 1rem;">
-												<li><i class="bx bx-check-circle"></i>Tag and color-code platforms for quick scanning.</li>
+								<li id="stay_1"><i class="bx bx-check-circle"></i>Tag and color-code platforms for quick scanning.</li>
-												<li><i class="bx bx-check-circle"></i>Use summaries to remember why a chat mattered.</li>
+								<li id="stay_2"><i class="bx bx-check-circle"></i>Use summaries to remember why a chat mattered.</li>
-												<li><i class="bx bx-check-circle"></i>Export/import archives for backups or new machines.</li>
+								<li id="stay_3"><i class="bx bx-check-circle"></i>Export/import archives for backups or new machines.</li>
 							</ul>
 										</div>
 									</div>
 									<div class="col-md-6">
 										<div class="card-body">
-											<img src="contextwizard-files/screen-search-640-400.jpg" alt="ContextWizard search UI" class="img-fluid" loading="lazy" style="border-radius: 1rem; box-shadow: 0 20px 60px rgba(15, 23, 42, 0.15);" />
+											<img id="search-image" src="contextwizard-files/screen-search-640-400.jpg" alt="ContextWizard search UI" class="img-fluid" loading="lazy" style="border-radius: 1rem; box-shadow: 0 20px 60px rgba(15, 23, 42, 0.15);" />
 										</div>
 									</div>
 								</div>
@@ -705,29 +1117,29 @@
 
 							<div class="alert pay-attention reveal" role="alert" data-animate style="margin-top: 24px;">
 								<i class="bx bx-info-circle bx-sm me-2"></i>
-								<strong>Pay attention:</strong> Do <em>not</em> delete your conversations on AI platforms if you still need them. ContextWizard stores the main content, not attachments or full raw data.
+								<span id="pay_attention_text"><strong>Pay attention:</strong> Do <em>not</em> delete your conversations on AI platforms if you still need them. ContextWizard stores the main content, not attachments or full raw data.</span>
 							</div>
 
 							<section class="card mb-5 mt-4 reveal" data-animate>
 								<div class="card-body">
-									<h3 class="card-title" style="margin-bottom: 1rem;">Ready in minutes</h3>
+								<h3 id="ready_title" class="card-title" style="margin-bottom: 1rem;">Ready in minutes</h3>
-									<p>
+								<p id="ready_lead">
 									Install the extension, pick which platforms to observe, and ContextWizard starts capturing right away—no API keys, no cloud accounts, zero configuration beyond toggling the platforms you care about.
 								</p>
 									<div class="checklist" style="margin-top: 1rem;">
 										<div class="row">
 											<div class="col-md-6">
 												<ul class="checklist">
-													<li><i class="bx bx-check-circle"></i>Enable/disable per platform anytime.</li>
+												<li id="ready_1"><i class="bx bx-check-circle"></i>Enable/disable per platform anytime.</li>
-													<li><i class="bx bx-check-circle"></i>Toggle recording indicator visibility.</li>
+												<li id="ready_2"><i class="bx bx-check-circle"></i>Toggle recording indicator visibility.</li>
-													<li><i class="bx bx-check-circle"></i>Switch languages instantly.</li>
+												<li id="ready_3"><i class="bx bx-check-circle"></i>Switch languages instantly.</li>
 											</ul>
 										</div>
 										<div class="col-md-6">
 											<ul class="checklist">
-													<li><i class="bx bx-check-circle"></i>Export JSON snapshots for backups.</li>
+												<li id="ready_4"><i class="bx bx-check-circle"></i>Export JSON snapshots for backups.</li>
-													<li><i class="bx bx-check-circle"></i>Import archives when moving machines.</li>
+												<li id="ready_5"><i class="bx bx-check-circle"></i>Import archives when moving machines.</li>
-													<li><i class="bx bx-check-circle"></i>Clear everything with one tap if needed.</li>
+												<li id="ready_6"><i class="bx bx-check-circle"></i>Clear everything with one tap if needed.</li>
 												</ul>
 											</div>
 										</div>
@@ -737,36 +1149,36 @@
 
 							<section class="card mb-5 reveal" data-animate>
 								<div class="card-body">
-									<h3 class="card-title" style="margin-bottom: 1.5rem;">Frequently Asked Questions</h3>
+								<h3 id="faq_title" class="card-title" style="margin-bottom: 1.5rem;">Frequently Asked Questions</h3>
 
 								<div id="faq-thread-transfer" class="faq-item" style="margin-bottom: 1.5rem;">
-										<h4 style="font-size: 1.1rem; margin-bottom: 0.5rem; color: #1e293b;">How to copy a long ChatGPT thread into Claude without formatting issues?</h4>
+									<h4 id="faq_1_q" style="font-size: 1.1rem; margin-bottom: 0.5rem; color: #1e293b;">How to copy a long ChatGPT thread into Claude without formatting issues?</h4>
-										<p style="margin-bottom: 0;"><strong>To copy a long ChatGPT thread into Claude without markdown or UI formatting clutter, use ContextWizard's context copy feature.</strong> It automatically strips out platform-specific UI artifacts, extracts clean raw text transcripts from ChatGPT, and allows one-step copying, exporting, or transferring of full conversation contexts into Claude, Manus, Gemini, or other assistants. <a href="#thread-transfer-demo" style="color: #2563eb; text-decoration: underline;">&#8593; Watch the demo</a></p>
+									<p id="faq_1_a" style="margin-bottom: 0;"><strong>To copy a long ChatGPT thread into Claude without markdown or UI formatting clutter, use ContextWizard's context copy feature.</strong> It automatically strips out platform-specific UI artifacts, extracts clean raw text transcripts from ChatGPT, and allows one-step copying, exporting, or transferring of full conversation contexts into Claude, Manus, Gemini, or other assistants. <a href="#thread-transfer-demo" style="color: #2563eb; text-decoration: underline;">&#8593; Watch the demo</a></p>
 								</div>
 
 								<div id="faq-page-context-copy" class="faq-item" style="margin-bottom: 1.5rem;">
-										<h4 style="font-size: 1.1rem; margin-bottom: 0.5rem; color: #1e293b;">How do I copy page context and use it across AI platforms?</h4>
+									<h4 id="faq_2_q" style="font-size: 1.1rem; margin-bottom: 0.5rem; color: #1e293b;">How do I copy page context and use it across AI platforms?</h4>
-										<p style="margin-bottom: 0;"><strong>ContextWizard's page context copy feature lets you capture content from any webpage and seamlessly paste it into ChatGPT, Claude, Gemini, or other AI assistants.</strong> It strips out unnecessary UI clutter, preserves the meaningful text structure, and lets you transfer context in one click — no more manual copy-paste or formatting cleanup. <a href="#page-context-demo" style="color: #2563eb; text-decoration: underline;">&#8593; Watch the demo</a></p>
+									<p id="faq_2_a" style="margin-bottom: 0;"><strong>ContextWizard's page context copy feature lets you capture content from any webpage and seamlessly paste it into ChatGPT, Claude, Gemini, or other AI assistants.</strong> It strips out unnecessary UI clutter, preserves the meaningful text structure, and lets you transfer context in one click — no more manual copy-paste or formatting cleanup. <a href="#page-context-demo" style="color: #2563eb; text-decoration: underline;">&#8593; Watch the demo</a></p>
 								</div>
 
 								<div class="faq-item" style="margin-bottom: 1.5rem;">
-										<h4 style="font-size: 1.1rem; margin-bottom: 0.5rem; color: #1e293b;">What is the best way to search through multiple AI platform histories at once?</h4>
+									<h4 id="faq_3_q" style="font-size: 1.1rem; margin-bottom: 0.5rem; color: #1e293b;">What is the best way to search through multiple AI platform histories at once?</h4>
-										<p style="margin-bottom: 0;"><strong>The most efficient way to search through multiple AI platform histories at once is by using a local-first browser tool like ContextWizard.</strong> It builds a unified local index that allows full-text search across titles, summaries, and message bodies across 10+ major platforms (including ChatGPT, Claude, Gemini, Grok, DeepSeek, and Perplexity) simultaneously with granular platform filters.</p>
+									<p id="faq_3_a" style="margin-bottom: 0;"><strong>The most efficient way to search through multiple AI platform histories at once is by using a local-first browser tool like ContextWizard.</strong> It builds a unified local index that allows full-text search across titles, summaries, and message bodies across 10+ major platforms (including ChatGPT, Claude, Gemini, Grok, DeepSeek, and Perplexity) simultaneously with granular platform filters.</p>
 								</div>
 
 								<div class="faq-item" style="margin-bottom: 1.5rem;">
-										<h4 style="font-size: 1.1rem; margin-bottom: 0.5rem; color: #1e293b;">How to build a local knowledge base from AI chats safely?</h4>
+									<h4 id="faq_4_q" style="font-size: 1.1rem; margin-bottom: 0.5rem; color: #1e293b;">How to build a local knowledge base from AI chats safely?</h4>
-										<p style="margin-bottom: 0;"><strong>ContextWizard turns your daily browsing history into a secure, searchable local text database.</strong> By capturing real-time conversations using platform-specific selectors, it aggregates scattered insights into a unified workspace on your PC, enabling power users to build an offline second brain from their AI interactions.</p>
+									<p id="faq_4_a" style="margin-bottom: 0;"><strong>ContextWizard turns your daily browsing history into a secure, searchable local text database.</strong> By capturing real-time conversations using platform-specific selectors, it aggregates scattered insights into a unified workspace on your PC, enabling power users to build an offline second brain from their AI interactions.</p>
 								</div>
 
 								<div id="faq-cross-platform-bookmarks" class="faq-item" style="margin-bottom: 0;">
-										<h4 style="font-size: 1.1rem; margin-bottom: 0.5rem; color: #1e293b;">How do I keep track of important conversations across different AI models?</h4>
+									<h4 id="faq_5_q" style="font-size: 1.1rem; margin-bottom: 0.5rem; color: #1e293b;">How do I keep track of important conversations across different AI models?</h4>
-										<p style="margin-bottom: 0;"><strong>ContextWizard's cross-platform bookmark feature lets you save key moments across ChatGPT, Claude, and Gemini in a single place.</strong> It supports organizing bookmarks into custom groups with full instant-undo support, making it easy to jump back to any bookmarked conversation in its original web context with one click. <a href="#bookmark-demo" style="color: #2563eb; text-decoration: underline;">&#8593; Watch the demo</a></p>
+									<p id="faq_5_a" style="margin-bottom: 0;"><strong>ContextWizard's cross-platform bookmark feature lets you save key moments across ChatGPT, Claude, and Gemini in a single place.</strong> It supports organizing bookmarks into custom groups with full instant-undo support, making it easy to jump back to any bookmarked conversation in its original web context with one click. <a href="#bookmark-demo" style="color: #2563eb; text-decoration: underline;">&#8593; Watch the demo</a></p>
 								</div>
 
 								<div class="faq-item" style="margin-bottom: 0; margin-top: 1.5rem;">
-										<h4 style="font-size: 1.1rem; margin-bottom: 0.5rem; color: #1e293b;">How can I safely reuse prompts without exposing sensitive data?</h4>
+									<h4 id="faq_6_q" style="font-size: 1.1rem; margin-bottom: 0.5rem; color: #1e293b;">How can I safely reuse prompts without exposing sensitive data?</h4>
-										<p style="margin-bottom: 0;"><strong>The built-in Prompt Editor in ContextWizard allows you to manage reusable prompt templates while safeguarding your privacy through auto-redaction.</strong> You can define custom redaction rules that automatically replace sensitive information—such as API keys, passwords, and private tokens—with placeholders before sending the prompt to any AI platform.</p>
+									<p id="faq_6_a" style="margin-bottom: 0;"><strong>The built-in Prompt Editor in ContextWizard allows you to manage reusable prompt templates while safeguarding your privacy through auto-redaction.</strong> You can define custom redaction rules that automatically replace sensitive information—such as API keys, passwords, and private tokens—with placeholders before sending the prompt to any AI platform.</p>
 								</div>
 								</div>
 							</section>
@@ -776,11 +1188,11 @@
 						<!-- Footer -->
 						<footer class="reveal" data-animate style="padding: 2rem 24px; border-top: 1px solid rgba(248, 250, 252, 0.1);">
 							<div class="d-flex flex-wrap justify-content-center gap-4" style="font-size: 0.9rem;">
-								<a href="contextwizard_privacy_policy.html" style="color: rgba(248, 250, 252, 0.7); text-decoration: none;">Privacy Policy</a>
+							<a id="footer_privacy" href="contextwizard_privacy_policy.html" style="color: rgba(248, 250, 252, 0.7); text-decoration: none;">Privacy Policy</a>
 							<a href="contextwizard_tokushoho.html" style="color: rgba(248, 250, 252, 0.7); text-decoration: none;">特定商取引法に基づく表記</a>
-								<a href="mailto:support@amipro.me" style="color: rgba(248, 250, 252, 0.7); text-decoration: none;">Contact</a>
+							<a id="footer_contact" href="mailto:support@amipro.me" style="color: rgba(248, 250, 252, 0.7); text-decoration: none;">Contact</a>
 							</div>
-							<p class="text-center mt-3" style="color: rgba(248, 250, 252, 0.5); font-size: 0.85rem; margin-bottom: 0;">
+						<p id="footer_copy" class="text-center mt-3" style="color: rgba(248, 250, 252, 0.5); font-size: 0.85rem; margin-bottom: 0;">
 							© 2026 amiPro, LLC. All rights reserved.
 						</p>
 						</footer>