打造 4 頁式數位商品與 SaaS 變現中心，涵蓋 MVP 研發衝刺路線圖、月繳/年繳動態切換定價表與聯盟行銷首發漏斗。
請扮演 SaaS 產品總監與全端前端架構師。請以繁體中文撰寫一份完整的「數位商品研發與 Go-To-Market（GTM）上市變現藍圖」，並使用單一 Markdown 程式碼區塊（```text）包覆的 'flowgen' 文字格式，輸出為 4 個靜態 HTML 檔案。 請嚴格依照以下順序並使用「dg_」前綴命名這 4 個檔案： 1. dg_product_roadmap.html — 數位商品模組化架構、AI Vibe Coding MVP 敏捷開發衝刺週期與功能優先級矩陣，並包含返回 dg_launchpad_hub.html 的導覽連結。 2. dg_pricing_tiers.html — SaaS 與數位商品定價心理學、三階訂閱/授權方案對比表（具備原生 JS「月繳 / 年繳 8 折」動態切換開關）與加購組合包設計，並包含返回 dg_launchpad_hub.html 的連結。 3. dg_launch_funnel.html — ProductHunt 與開發者社群首發檢核表、分潤聯盟行銷（Affiliate）機制與高轉換著陸頁線框結構，並包含返回 dg_launchpad_hub.html 的連結。 4. dg_launchpad_hub.html — 必須放在最底部作為最後一個檔案區塊（Motherfile 數位商品總控中心），整合產品路線圖、定價策略與上市漏斗三大模組入口。 重要 Flowgen 格式規範： - 檔案標頭請直接輸出純檔名（例如 dg_launchpad_hub.html:=:），切勿加上方括號 [ ]。 - 每個檔案區塊必須以檔名加上 :=: 獨立成行開始，接著是純 HTML/CSS/JS 原始碼，最後以 :==: 獨立成行結束。 - 每個檔案區塊之間請間隔 6 個空白行。