diff --git a/index.php b/index.php
index e01b1ff..13c3f67 100644
--- a/index.php
+++ b/index.php
@@ -50,8 +50,8 @@
                     Finally, a way to control the entire lifecycle — from role intake to offer letter.
                 </p>
                 <div class="mt-6 flex items-center justify-center gap-3">
-                    <a href="#apply" class="rounded-full bg-black px-5 py-2 text-white text-sm font-semibold">Apply for Beta</a>
-                    <a href="#signin" class="rounded-full px-5 py-2 text-sm font-semibold">Sign In</a>
+                    <a href="#apply" onclick="openPage('apply'); return false;" class="rounded-full bg-black px-5 py-2 text-white text-sm font-semibold">Apply for Beta</a>
+                    <a href="#signin" onclick="openPage('signin'); return false;" class="rounded-full px-5 py-2 text-sm font-semibold">Sign In</a>
                 </div>
             </section>
 
@@ -131,7 +131,7 @@
                     </ul>
                 </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">
+                    <a href="apply.php" class="bg-black text-white px-6 py-3 rounded-2xl text-sm hoverlift">
                         Apply for access
                     </a>
                     <a href="#faq" onclick="openPage('faq'); return false;" class="chip px-6 py-3 rounded-2xl text-sm hoverlift">
@@ -215,7 +215,7 @@
                         <a href="#how" onclick="openPage('how'); return false;" class="bg-black text-white px-6 py-3 rounded-2xl text-sm hoverlift">
                             See how it works →
                         </a>
-                        <a href="#apply" onclick="openPage('apply'); return false;" class="chip px-6 py-3 rounded-2xl text-sm hoverlift">
+                        <a href="apply.php" class="chip px-6 py-3 rounded-2xl text-sm hoverlift">
                             Apply for access
                         </a>
                     </div>
@@ -246,7 +246,7 @@
                   <a href="#why" onclick="openPage('why'); return false;" class="bg-black text-white px-6 py-3 rounded-2xl text-sm hoverlift">
                     Why FinMox →
                   </a>
-                  <a href="#apply" onclick="openPage('apply'); return false;" class="chip px-6 py-3 rounded-2xl text-sm hoverlift">
+                  <a href="apply.php" class="chip px-6 py-3 rounded-2xl text-sm hoverlift">
                     Apply
                   </a>
                 </div>
@@ -491,7 +491,7 @@
                     <a href="#pricing" onclick="openPage('pricing'); return false;" class="bg-black text-white px-6 py-3 rounded-2xl text-sm hoverlift">
                       View pricing →
                     </a>
-                    <a href="#apply" onclick="openPage('apply'); return false;" class="chip px-6 py-3 rounded-2xl text-sm hoverlift">
+                    <a href="apply.php" class="chip px-6 py-3 rounded-2xl text-sm hoverlift">
                       Apply for access
                     </a>
                   </div>
@@ -512,7 +512,7 @@
                     <h1 class="text-5xl font-semibold leading-tight mb-6"> Hiring execution that pays for itself. </h1>
                     <p class="text-lg text-gray-600 mb-8"> FinMox removes operational drag from hiring so teams can move faster, make consistent decisions, and scale without adding HR headcount or risk. </p>
                     <div class="flex gap-4">
-                        <a href="/apply" class="bg-black text-white px-6 py-3 rounded-xl"> Apply for access </a>
+                        <a href="apply.php" class="bg-black text-white px-6 py-3 rounded-xl"> Apply for access </a>
                         <a href="/pricing" class="border px-6 py-3 rounded-xl"> View pricing → </a>
                     </div>
                 </div>
@@ -520,7 +520,7 @@
 <section class="max-w-7xl mx-auto px-6 py-20"> <div class="grid md:grid-cols-3 gap-8"> <div class="rounded-3xl bg-white p-8 shadow-sm text-center"> <p class="text-sm text-gray-500 mb-2">Time saved per role</p> <p class="text-4xl font-semibold">30–40 hrs</p> </div> <div class="rounded-3xl bg-white p-8 shadow-sm text-center"> <p class="text-sm text-gray-500 mb-2">Time-to-hire reduction</p> <p class="text-4xl font-semibold">~60%</p> </div> <div class="rounded-3xl bg-white p-8 shadow-sm text-center"> <p class="text-sm text-gray-500 mb-2">Equivalent headcount</p> <p class="text-4xl font-semibold">1 HR analyst</p> </div> </div> </section>
 <section class="max-w-7xl mx-auto px-6 py-24"> <div class="grid md:grid-cols-2 gap-12 items-start"> <div> <h2 class="text-3xl font-semibold mb-4"> Where teams actually save time </h2> <p class="text-gray-600 mb-6"> FinMox removes the invisible work that slows hiring and introduces risk. These gains compound across every role. </p> <ul class="space-y-4 text-gray-700"> <li>✔ No resume triage or manual shortlisting</li> <li>✔ No interview question prep or note consolidation</li> <li>✔ No chasing feedback or scheduling coordination</li> <li>✔ No post-hoc documentation for audits or disputes</li> </ul> </div> <div class="rounded-3xl bg-[#FAF8F6] p-8"> <h3 class="font-semibold mb-4">Before FinMox</h3> <p class="text-gray-600 mb-6"> Hiring decisions live in Slack, email, and memory. Documentation is created only when something goes wrong. </p> <h3 class="font-semibold mb-4 mt-8">With FinMox</h3> <p class="text-gray-600"> Execution is structured, movement is automated, and documentation is created as a byproduct of work. </p> </div> </div> </section>
 <section class="max-w-7xl mx-auto px-6 py-24"> <div class="rounded-3xl bg-white p-10 shadow-sm"> <h2 class="text-3xl font-semibold mb-6"> ROI isn’t just time — it’s risk reduction. </h2> <div class="grid md:grid-cols-3 gap-8"> <div> <h4 class="font-semibold mb-2">Decision defensibility</h4> <p class="text-gray-600"> Every hiring action is timestamped, attributed, and tied to locked criteria. </p> </div> <div> <h4 class="font-semibold mb-2">Consistency at scale</h4> <p class="text-gray-600"> Required evaluation steps prevent emotional or ad-hoc hiring decisions. </p> </div> <div> <h4 class="font-semibold mb-2">Audit readiness</h4> <p class="text-gray-600"> Exportable records eliminate scramble during compliance or legal review. </p> </div> </div> </div> </section>
-<section class="max-w-7xl mx-auto px-6 py-24 text-center"> <h2 class="text-3xl font-semibold mb-4"> Scale hiring without scaling chaos. </h2> <p class="text-gray-600 mb-8"> FinMox removes execution friction so your team can focus on judgment — not admin work. </p> <div class="flex justify-center gap-4"> <a href="/apply" class="bg-black text-white px-8 py-4 rounded-xl"> Apply for access </a> <a href="/pricing" class="border px-8 py-4 rounded-xl"> View pricing → </a> </div> </section>
+<section class="max-w-7xl mx-auto px-6 py-24 text-center"> <h2 class="text-3xl font-semibold mb-4"> Scale hiring without scaling chaos. </h2> <p class="text-gray-600 mb-8"> FinMox removes execution friction so your team can focus on judgment — not admin work. </p> <div class="flex justify-center gap-4"> <a href="apply.php" class="bg-black text-white px-8 py-4 rounded-xl"> Apply for access </a> <a href="/pricing" class="border px-8 py-4 rounded-xl"> View pricing → </a> </div> </section>
         </section>
         <!-- ========================= END ROI PAGE ========================= -->
 
@@ -552,7 +552,7 @@
                     You define intent. FinMox enforces execution. Every action creates a record automatically — no chasing, no drift, no extra admin work.
                 </p>
                 <div class="mt-7 flex 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="apply.php" class="bg-black text-white px-6 py-3 rounded-2xl text-sm hoverlift">Apply</a>
                     <a href="#roi" onclick="openPage('roi'); return false;" class="chip px-6 py-3 rounded-2xl text-sm hoverlift">See ROI →</a>
                 </div>
                 <div class="mt-8 panel p-6">
@@ -606,7 +606,7 @@
                     </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="apply.php" 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>
@@ -615,9 +615,9 @@
 </section>
 
     
-        <!-- 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>
+        <!-- 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.php" 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>
+        <!-- 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.php" 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">
@@ -633,10 +633,10 @@
             <section class="max-w-7xl mx-auto px-6 py-24"> <div class="grid md:grid-cols-2 gap-10"> <div> <h3 class="text-xl font-semibold mb-2"> Is FinMox SOC 2 certified? </h3> <p class="text-gray-700"> Not yet. We do not claim certifications we haven’t completed. Our systems and processes are designed with SOC 2 readiness in mind. </p> </div> <div> <h3 class="text-xl font-semibold mb-2"> How is access controlled? </h3> <p class="text-gray-700"> Role-based access, explicit user attribution, and restricted administrative permissions are enforced. </p> </div> <div> <h3 class="text-xl font-semibold mb-2"> Do you store candidate data long-term? </h3> <p class="text-gray-700"> Data retention is minimized and configurable. FinMox does not sell or repurpose customer data. </p> </div> <div> <h3 class="text-xl font-semibold mb-2"> Will this pass security review? </h3> <p class="text-gray-700"> Many teams use FinMox in pilots while procurement review is underway. We provide clear documentation and honest answers. </p> </div> </div> </section>
             <section class="max-w-7xl mx-auto px-6 py-24 bg-[#FAF8F6] rounded-3xl"> <div class="grid md:grid-cols-2 gap-10"> <div> <h3 class="text-xl font-semibold mb-2"> Why isn’t pricing per seat? </h3> <p class="text-gray-700"> Risk and complexity don’t scale with seats. FinMox is priced on execution control and decision volume. </p> </div> <div> <h3 class="text-xl font-semibold mb-2"> Can we start small? </h3> <p class="text-gray-700"> Yes. Most customers start with a limited pilot before expanding scope. </p> </div> <div> <h3 class="text-xl font-semibold mb-2"> Is there a long-term contract? </h3> <p class="text-gray-700"> Early customers typically start month-to-month while value is validated. </p> </div> <div> <h3 class="text-xl font-semibold mb-2"> What happens if we outgrow FinMox? </h3> <p class="text-gray-700"> FinMox is designed to scale with your hiring complexity. We expand execution depth — not tool sprawl. </p> </div> </div> </section>
             <section class="max-w-7xl mx-auto px-6 py-24"> <div class="rounded-3xl bg-white p-10 shadow-sm"> <h2 class="text-3xl font-semibold mb-6"> Common objections — answered honestly </h2> <ul class="space-y-6 text-gray-700"> <li> <strong>“We already have tools.”</strong><br/> Most teams do. FinMox makes them work together by enforcing execution. </li> <li> <strong>“We don’t want AI deciding who we hire.”</strong><br/> Neither do we. FinMox never makes hiring decisions. </li> <li> <strong>“We’re not ready for enterprise tooling.”</strong><br/> FinMox is enterprise-minded without enterprise bloat. </li> <li> <strong>“This feels like process overhead.”</strong><br/> FinMox removes work — it doesn’t add it. </li> </ul> </div> </section>
-            <section class="max-w-7xl mx-auto px-6 py-24 text-center"> <h2 class="text-3xl font-semibold mb-4"> Still have questions? </h2> <p class="text-gray-600 mb-8"> We’d rather answer them directly than hide behind marketing. </p> <div class="flex justify-center gap-4"> <a href="/apply.php" class="bg-black text-white px-8 py-4 rounded-xl"> Apply for access </a> <a href="/trust.php" class="border px-8 py-4 rounded-xl"> Security & Trust → </a> </div> </section>
+            <section class="max-w-7xl mx-auto px-6 py-24 text-center"> <h2 class="text-3xl font-semibold mb-4"> Still have questions? </h2> <p class="text-gray-600 mb-8"> We’d rather answer them directly than hide behind marketing. </p> <div class="flex justify-center gap-4"> <a href="apply.php" class="bg-black text-white px-8 py-4 rounded-xl"> Apply for access </a> <a href="/trust.php" class="border px-8 py-4 rounded-xl"> Security & Trust → </a> </div> </section>
         </section>
 
-<!-- SIGNIN PAGE (PART 1/2) --> <section id="page-signin" 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: Trust / context --> <div class="lg:col-span-5"> <div class="chip inline-flex px-3 py-1 text-xs">Account</div> <h1 class="mt-5 text-4xl font-extrabold tracking-tight"> Sign in to FinMox </h1> <p class="mt-5 text-gray-700"> Access your workspace to review hiring execution, decision trails, and audit-ready outputs. </p> <div class="mt-7 panel p-6"> <div class="text-sm font-semibold">What you can do inside</div> <ul class="mt-3 text-sm text-gray-700 space-y-2"> <li>✔ Review ranked candidates + structured scoring</li> <li>✔ See interview summaries + recommendations</li> <li>✔ Track movement + SLA nudges</li> <li>✔ Export decision logs for audits</li> </ul> <div class="mt-4 flex flex-wrap gap-2"> <span class="chip px-3 py-1 text-xs">Role-based access</span> <span class="chip px-3 py-1 text-xs">Least privilege</span> <span class="chip px-3 py-1 text-xs">Audit trail</span> </div> </div> <div class="mt-7 panel p-6"> <div class="text-sm font-semibold">Need access?</div> <p class="mt-2 text-sm text-gray-700"> FinMox is onboarding teams through private beta. Apply and we’ll confirm fit. </p> <div class="mt-4 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"> Security & Trust → </a> </div> </div> </div><!-- SIGNIN PAGE (PART 2/2) --> <!-- Right: Sign in card --> <div class="lg:col-span-7"> <div class="panel p-7"> <div class="flex items-center justify-between gap-4"> <div> <div class="text-sm font-semibold">Welcome back</div> <div class="text-sm text-gray-600 mt-1">Sign in to continue.</div> </div> <span class="chip px-3 py-1 text-xs">Private beta</span> </div>          <form class="mt-6 grid gap-3">
+<!-- SIGNIN PAGE (PART 1/2) --> <section id="page-signin" 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: Trust / context --> <div class="lg:col-span-5"> <div class="chip inline-flex px-3 py-1 text-xs">Account</div> <h1 class="mt-5 text-4xl font-extrabold tracking-tight"> Sign in to FinMox </h1> <p class="mt-5 text-gray-700"> Access your workspace to review hiring execution, decision trails, and audit-ready outputs. </p> <div class="mt-7 panel p-6"> <div class="text-sm font-semibold">What you can do inside</div> <ul class="mt-3 text-sm text-gray-700 space-y-2"> <li>✔ Review ranked candidates + structured scoring</li> <li>✔ See interview summaries + recommendations</li> <li>✔ Track movement + SLA nudges</li> <li>✔ Export decision logs for audits</li> </ul> <div class="mt-4 flex flex-wrap gap-2"> <span class="chip px-3 py-1 text-xs">Role-based access</span> <span class="chip px-3 py-1 text-xs">Least privilege</span> <span class="chip px-3 py-1 text-xs">Audit trail</span> </div> </div> <div class="mt-7 panel p-6"> <div class="text-sm font-semibold">Need access?</div> <p class="mt-2 text-sm text-gray-700"> FinMox is onboarding teams through private beta. Apply and we’ll confirm fit. </p> <div class="mt-4 flex flex-wrap gap-3"> <a href="apply.php" 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"> Security & Trust → </a> </div> </div> </div><!-- SIGNIN PAGE (PART 2/2) --> <!-- Right: Sign in card --> <div class="lg:col-span-7"> <div class="panel p-7"> <div class="flex items-center justify-between gap-4"> <div> <div class="text-sm font-semibold">Welcome back</div> <div class="text-sm text-gray-600 mt-1">Sign in to continue.</div> </div> <span class="chip px-3 py-1 text-xs">Private beta</span> </div>          <form class="mt-6 grid gap-3">
             <input type="email" id="signinEmail" placeholder="Work email" class="panel-strong px-4 py-3 rounded-2xl" />
             <input type="password" id="signinPassword" placeholder="Password" class="panel-strong px-4 py-3 rounded-2xl" />
             <button type="button" onclick="signIn(event)" class="bg-black text-white py-3 rounded-2xl hoverlift">