diff --git a/index.php b/index.php
index 995b163..852e51a 100644
--- a/index.php
+++ b/index.php
@@ -616,6 +616,8 @@
     
         <!-- WHO PAGE (PART 1/3) --> <section id="page-who" class="page fade hidden"> <section class="panel-strong p-8 lg:p-10"> <div class="grid lg:grid-cols-12 gap-10 items-start"> <!-- Left --> <div class="lg:col-span-5"> <div class="chip inline-flex px-3 py-1 text-xs">Who it’s for</div> <h1 class="mt-5 text-4xl font-extrabold tracking-tight"> Built for teams before hiring turns into chaos. </h1> <p class="mt-5 text-gray-700"> FinMox is for operators who need consistency, speed, and defensible execution — without rebuilding their HR stack or adding admin work. </p> <div class="mt-7 flex flex-wrap gap-3"> <a href="#apply" onclick="openPage('apply'); return false;" class="bg-black text-white px-6 py-3 rounded-2xl text-sm hoverlift"> Apply for Access </a> <a href="#pricing" onclick="openPage('pricing'); return false;" class="chip px-6 py-3 rounded-2xl text-sm hoverlift"> View Pricing → </a> </div> <div class="mt-7 panel p-6"> <div class="text-sm font-semibold">Typical buying signal</div> <div class="mt-2 text-sm text-gray-700"> “We’re hiring more, stakeholders are involved, and execution is slipping — candidates stall, criteria drifts, and documentation is weak.” </div> <div class="mt-4 flex flex-wrap gap-2"> <span class="chip px-3 py-1 text-xs">Multiple evaluators</span> <span class="chip px-3 py-1 text-xs">Drift happens</span> <span class="chip px-3 py-1 text-xs">Chasing feedback</span> <span class="chip px-3 py-1 text-xs">Need defensibility</span> </div> </div> </div><!-- WHO PAGE (PART 2/3) --> <!-- Right --> <div class="lg:col-span-7"> <div class="grid md:grid-cols-2 gap-4"> <!-- Great fit --> <div class="panel p-6 hoverlift"> <div class="text-sm font-semibold">Great fit</div> <ul class="mt-3 text-sm text-gray-700 space-y-2"> <li>✔ 10–200 employee companies</li> <li>✔ Hiring 1–10 roles/month</li> <li>✔ Multiple stakeholders deciding</li> <li>✔ HR / Ops stretched thin</li> <li>✔ You want audit-ready records</li> </ul> <div class="mt-5 flex flex-wrap gap-2"> <span class="chip px-3 py-1 text-xs">Founder-led teams</span> <span class="chip px-3 py-1 text-xs">COO-led ops</span> <span class="chip px-3 py-1 text-xs">People Ops</span> <span class="chip px-3 py-1 text-xs">Sales hiring</span> </div> </div> <!-- Not yet --> <div class="panel p-6 hoverlift"> <div class="text-sm font-semibold">Not built for (yet)</div> <ul class="mt-3 text-sm text-gray-700 space-y-2"> <li>• High-volume hourly hiring at scale</li> <li>• Multi-country compliance engines</li> <li>• Full HRIS replacement (payroll/benefits)</li> </ul> <div class="mt-5 text-xs text-gray-600"> FinMox integrates with systems of record — it’s the execution layer. </div> </div> </div> <div class="mt-6 panel p-6"> <div class="text-sm font-semibold">Teams that get value fast</div> <div class="mt-4 grid sm:grid-cols-3 gap-4"> <div class="panel-strong p-5"> <div class="text-xs text-gray-500">HR / People Ops</div> <div class="mt-2 text-sm text-gray-700"> “I need consistency without more admin.” </div> <div class="mt-4 flex flex-wrap gap-2"> <span class="chip px-2 py-1 text-xs">Guardrails</span> <span class="chip px-2 py-1 text-xs">Templates</span> </div> </div> <div class="panel-strong p-5"> <div class="text-xs text-gray-500">Ops / COO</div> <div class="mt-2 text-sm text-gray-700"> “Hiring is stalling — execution is the bottleneck.” </div> <div class="mt-4 flex flex-wrap gap-2"> <span class="chip px-2 py-1 text-xs">SLAs</span> <span class="chip px-2 py-1 text-xs">Movement</span> </div> </div></div></div><!-- WHO PAGE (PART 3/3) -->  <div class="mt-6 panel p-6"> <div class="text-sm font-semibold">Most common starting pilots</div> <div class="mt-4 grid sm:grid-cols-2 gap-4"> <div class="panel-strong p-5 hoverlift"> <div class="text-xs text-gray-500">Sales hiring</div> <div class="mt-2 text-sm text-gray-700"> Standardize evaluation + stop candidate drop-off with structured movement. </div> <div class="mt-4 flex flex-wrap gap-2"> <span class="chip px-2 py-1 text-xs">Scorecards</span> <span class="chip px-2 py-1 text-xs">Follow-ups</span> <span class="chip px-2 py-1 text-xs">Summaries</span> </div> </div> <div class="panel-strong p-5 hoverlift"> <div class="text-xs text-gray-500">Ops / Admin roles</div> <div class="mt-2 text-sm text-gray-700"> Reduce drift and speed decisions when multiple stakeholders are involved. </div> <div class="mt-4 flex flex-wrap gap-2"> <span class="chip px-2 py-1 text-xs">Criteria lock</span> <span class="chip px-2 py-1 text-xs">Rationale</span> <span class="chip px-2 py-1 text-xs">Exports</span> </div> </div> </div> </div> <div class="mt-6 panel-strong p-8"> <div class="flex flex-col md:flex-row md:items-center justify-between gap-6"> <div> <div class="text-sm font-semibold">Not sure if you’re a fit?</div> <div class="text-sm text-gray-600 mt-1"> Start with a pilot (1–2 roles). Prove execution improvement, then expand. </div> </div> <div class="flex flex-wrap gap-3"> <a href="#apply" onclick="openPage('apply'); return false;" class="bg-black text-white px-6 py-3 rounded-2xl text-sm hoverlift"> Apply </a> <a href="#faq" onclick="openPage('faq'); return false;" class="chip px-6 py-3 rounded-2xl text-sm hoverlift"> Read FAQ → </a> </div> </div> </div> </div><!-- /Right --> </div><!-- /Grid --> </section> </section>
 
+        <!-- ROADMAP PAGE (PART 1/3) --> <section id="page-roadmap" class="page fade hidden"> <section class="panel-strong p-8 lg:p-10"> <div class="grid lg:grid-cols-12 gap-10 items-start"> <!-- Left --> <div class="lg:col-span-5"> <div class="chip inline-flex px-3 py-1 text-xs">Product roadmap</div> <h1 class="mt-5 text-4xl font-extrabold tracking-tight"> Built deliberately. Shipped responsibly. </h1> <p class="mt-5 text-gray-700"> FinMox is designed as an execution system — not a feature factory. Every release strengthens control, defensibility, and reliability. </p> <div class="mt-7 panel p-6"> <div class="text-sm font-semibold">Our product philosophy</div> <ul class="mt-3 text-sm text-gray-700 space-y-2"> <li>✔ Execution before expansion</li> <li>✔ Guardrails before automation</li> <li>✔ Auditability before intelligence</li> <li>✔ Trust before scale</li> </ul> <div class="mt-4 flex flex-wrap gap-2"> <span class="chip px-3 py-1 text-xs">Enterprise-ready</span> <span class="chip px-3 py-1 text-xs">SOC 2 aligned</span> <span class="chip px-3 py-1 text-xs">Human-in-the-loop</span> </div> </div> <div class="mt-7 flex flex-wrap gap-3"> <a href="#apply" onclick="openPage('apply'); return false;" class="bg-black text-white px-6 py-3 rounded-2xl text-sm hoverlift"> Apply for Access </a> <a href="#trust" onclick="openPage('trust'); return false;" class="chip px-6 py-3 rounded-2xl text-sm hoverlift"> View Trust → </a> </div> </div><!-- ROADMAP PAGE (PART 2/3) --> <!-- Right --> <div class="lg:col-span-7"> <div class="grid gap-6"> <!-- Now --> <div class="panel p-6 hoverlift"> <div class="flex items-center justify-between"> <div class="text-sm font-semibold">Now (Private Beta)</div> <span class="chip px-3 py-1 text-xs">Live</span> </div> <ul class="mt-4 text-sm text-gray-700 space-y-2"> <li>✔ Criteria locking + version history</li> <li>✔ Structured candidate scoring</li> <li>✔ Interview summaries + recommendations</li> <li>✔ Decision trail (who / why / when)</li> <li>✔ Exportable audit records</li> </ul> <div class="mt-4 flex flex-wrap gap-2"> <span class="chip px-2 py-1 text-xs">Hiring execution</span> <span class="chip px-2 py-1 text-xs">Defensible records</span> </div> </div> <!-- Next --> <div class="panel p-6 hoverlift"> <div class="flex items-center justify-between"> <div class="text-sm font-semibold">Next (Early 2025)</div> <span class="chip px-3 py-1 text-xs">In progress</span> </div> <ul class="mt-4 text-sm text-gray-700 space-y-2"> <li>• SLA-based candidate movement</li> <li>• Hiring bottleneck analytics</li> <li>• Approval workflows + overrides</li> <li>• Enhanced role-based permissions</li> </ul> <div class="mt-4 flex flex-wrap gap-2"> <span class="chip px-2 py-1 text-xs">Operational visibility</span> <span class="chip px-2 py-1 text-xs">Execution insights</span> </div> </div> <!-- Later --> <div class="panel p-6 hoverlift"> <div class="flex items-center justify-between"> <div class="text-sm font-semibold">Later (Post-GA)</div> <span class="chip px-3 py-1 text-xs">Planned</span> </div> <ul class="mt-4 text-sm text-gray-700 space-y-2"> <li>• Advanced compliance mappings</li> <li>• Cross-role execution analytics</li> <li>• Secure API + integrations</li> <li>• Expanded enterprise reporting</li> </ul> <div class="mt-4 flex flex-wrap gap-2"> <span class="chip px-2 py-1 text-xs">Enterprise scale</span> <span class="chip px-2 py-1 text-xs">Platform depth</span> </div> </div> </div><!-- ROADMAP PAGE (PART 3/3) --> <div class="mt-6 panel p-6"> <div class="text-sm font-semibold">What we intentionally don’t build</div> <ul class="mt-3 text-sm text-gray-700 space-y-2"> <li>• Generic AI hiring chatbots</li> <li>• Black-box scoring without rationale</li> <li>• Payroll, benefits, or HRIS replacement</li> <li>• Automation without human accountability</li> </ul> <div class="mt-4 text-xs text-gray-600"> FinMox exists to control execution — not replace judgment. </div> </div> <div class="mt-6 panel-strong p-8"> <div class="flex flex-col md:flex-row md:items-center justify-between gap-6"> <div> <div class="text-sm font-semibold">Want influence over the roadmap?</div> <div class="text-sm text-gray-600 mt-1"> Early customers help shape what ships next — responsibly. </div> </div> <div class="flex flex-wrap gap-3"> <a href="#apply" onclick="openPage('apply'); return false;" class="bg-black text-white px-6 py-3 rounded-2xl text-sm hoverlift"> Apply for Beta </a> <a href="#faq" onclick="openPage('faq'); return false;" class="chip px-6 py-3 rounded-2xl text-sm hoverlift"> Read FAQ → </a> </div> </div> </div> </div><!-- /Right --> </div><!-- /Grid --> </section> </section>
+
         <!-- ========================= FAQ PAGE ========================= -->
         <section id="page-faq" class="page fade hidden">
             <section class="max-w-7xl mx-auto px-6 py-24">