diff --git a/index.php b/index.php
index 2125730..995b163 100644
--- a/index.php
+++ b/index.php
@@ -614,13 +614,7 @@
 </section>
 
     
-        <!-- ========================= WHO PAGE (Placeholder) ========================= -->
-        <section id="page-who" class="page fade hidden">
-            <section class="panel-strong p-8 lg:p-10">
-                <h1 class="text-4xl font-extrabold tracking-tight">Who We Are</h1>
-                <p class="mt-5 text-gray-700">Content for this page is coming soon.</p>
-            </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" 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>
 
         <!-- ========================= FAQ PAGE ========================= -->
         <section id="page-faq" class="page fade hidden">