From 7af97cfb6c3510c0604513201696a09f9a3763d6 Mon Sep 17 00:00:00 2001
From: Flatlogic Bot <support@flatlogic.com>
Date: Fri, 19 Dec 2025 06:10:49 +0000
Subject: [PATCH] 12/19/25 V.6

---
 index.php | 109 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 109 insertions(+)

diff --git a/index.php b/index.php
index 915ea0b..897c3c2 100644
--- a/index.php
+++ b/index.php
@@ -166,6 +166,115 @@
             </section>
         </section>
 
+                <!-- ========================= PROBLEM PAGE ========================= -->
+        <section id="page-problem" 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 Column -->
+              <div class="lg:col-span-5">
+                <div class="chip inline-flex px-3 py-1 text-xs">The Problem</div>
+                <h1 class="mt-5 text-4xl font-extrabold tracking-tight">
+                  Hiring breaks when execution isn’t controlled.
+                </h1>
+                <p class="mt-5 text-gray-700">
+                  Most teams don’t suffer from a lack of tools — they suffer from <strong>uncontrolled execution</strong>: role requirements drift, stakeholders evaluate differently, candidates stall, and nothing is documented cleanly.
+                </p>
+                <p class="mt-4 text-gray-700">
+                  An ATS stores data. FinMox controls decisions and documents execution.
+                </p>
+                <div class="mt-7 flex gap-3">
+                  <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">
+                    Apply
+                  </a>
+                </div>
+              </div>
+              <!-- Right Column -->
+              <div class="lg:col-span-7">
+                <div class="panel p-6">
+                  <div class="text-sm font-semibold">The failure pattern</div>
+                  <div class="mt-4 grid sm:grid-cols-2 gap-4">
+                    <div class="panel-strong p-5">
+                      <div class="text-xs text-gray-500">Decision drift</div>
+                      <ul class="mt-3 text-sm text-gray-700 space-y-2">
+                        <li>• Role changes mid-process</li>
+                        <li>• Different evaluators, different standards</li>
+                        <li>• Emotional overrides without rationale</li>
+                      </ul>
+                    </div>
+                    <div class="panel-strong p-5">
+                      <div class="text-xs text-gray-500">Execution drag</div>
+                      <ul class="mt-3 text-sm text-gray-700 space-y-2">
+                        <li>• HR chasing feedback</li>
+                        <li>• Scheduling back-and-forth</li>
+                        <li>• Candidates stalling + dropping off</li>
+                      </ul>
+                    </div>
+                  </div>
+                    <div class="mt-5 text-sm text-gray-600">
+                      Result: slower hiring, inconsistent decisions, higher risk exposure, and burned-out teams.
+                    </div>
+                </div>
+                <!-- Reframe -->
+                <div class="mt-6 panel p-6">
+                  <div class="text-sm font-semibold">FinMox reframe</div>
+                  <div class="mt-2 text-sm text-gray-700">
+                    This isn’t an HR tooling problem — it’s an execution problem. FinMox is the execution layer that standardizes intent, enforces structured movement, and creates a defensible record automatically.
+                  </div>
+                  <div class="mt-4 flex flex-wrap gap-2">
+                    <span class="chip px-3 py-1 text-xs">Control</span>
+                    <span class="chip px-3 py-1 text-xs">Consistency</span>
+                    <span class="chip px-3 py-1 text-xs">Defensibility</span>
+                    <span class="chip px-3 py-1 text-xs">Speed</span>
+                  </div>
+                </div>
+                <!-- What it costs -->
+                <div class="mt-6 panel p-6">
+                  <div class="text-sm font-semibold">What this costs you</div>
+                  <div class="mt-3 grid sm:grid-cols-3 gap-4">
+                    <div class="panel-strong p-5">
+                      <div class="text-xs text-gray-500">Time</div>
+                      <div class="mt-2 text-sm text-gray-700">
+                        Weeks lost to indecision, reschedules, and rework.
+                      </div>
+                    </div>
+                    <div class="panel-strong p-5">
+                      <div class="text-xs text-gray-500">Quality</div>
+                      <div class="mt-2 text-sm text-gray-700">
+                        Inconsistent evaluation leads to wrong hires or missed talent.
+                      </div>
+                    </div>
+                    <div class="panel-strong p-5">
+                      <div class="text-xs text-gray-500">Risk</div>
+                      <div class="mt-2 text-sm text-gray-700">
+                        No clean record of “why” decisions were made when challenged.
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                <!-- CTA -->
+                <div class="mt-6 panel p-6">
+                    <div class="text-sm font-semibold">What changes with FinMox</div>
+                    <div class="mt-2 text-sm text-gray-700">
+                        Criteria is locked up front. Qualification is structured. Candidate movement is automated. Every decision and override is recorded as a byproduct of execution — without extra admin work.
+                    </div>
+                    <div class="mt-5 flex flex-wrap gap-3">
+                        <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="#trust" onclick="openPage('trust'); return false;" class="chip px-6 py-3 rounded-2xl text-sm hoverlift">
+                            Security & Trust →
+                        </a>
+                    </div>
+                </div>
+            </div> <!-- /Right Column -->
+        </div> <!-- /Grid -->
+        </section>
+        </section>
+        <!-- ========================= END PROBLEM PAGE ========================= -->
+
         <!-- Other Pages will be added here -->
 
     </main>