diff --git a/index.php b/index.php
index 14577ca..22b151c 100644
--- a/index.php
+++ b/index.php
@@ -1,188 +1,147 @@
+
 <!DOCTYPE html>
 <html lang="en">
 <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>FinMox HR Automation</title>
+    <title>FinMox - AI-Powered HR Automation</title>
     <script src="https://cdn.tailwindcss.com"></script>
     <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
     <style>
         body { font-family: 'Inter', sans-serif; }
-        .fade { transition: opacity .2s ease, transform .2s ease; }
-        .page.hidden { opacity: 0; transform: translateY(8px); pointer-events: none; position: absolute; width: 100%; left: 0; top: 0; }
-        .page { opacity: 1; transform: translateY(0); position: relative; }
     </style>
 </head>
 <body class="bg-white text-gray-900">
-    <!-- NAV -->
-    <header class="max-w-7xl mx-auto px-6 py-5 flex items-center justify-between">
+
+    <!-- HEADER -->
+    <header class="max-w-7xl mx-auto px-6 py-5 flex items-center justify-between text-sm">
         <div class="font-bold text-xl">FinMox</div>
-        <!-- header tabs (these are PAGES) -->
-        <nav class="hidden md:flex gap-8 text-sm">
-            <a class="navlink" href="#home" onclick="openPage('home'); return false;">Home</a>
-            <a class="navlink" href="#problem" onclick="openPage('problem'); return false;">Problem</a>
-            <a class="navlink" href="#why" onclick="openPage('why'); return false;">Why FinMox</a>
-            <a class="navlink" href="#how" onclick="openPage('how'); return false;">How It Works</a>
-            <a class="navlink" href="#roi" onclick="openPage('roi'); return false;">ROI</a>
-            <a class="navlink" href="#pricing" onclick="openPage('pricing'); return false;">Pricing</a>
+        <nav class="hidden md:flex gap-8">
+            <a href="#problem" class="text-gray-600 hover:text-black">Problem</a>
+            <a href="#why" class="text-gray-600 hover:text-black">Why FinMox</a>
+            <a href="#how" class="text-gray-600 hover:text-black">How It Works</a>
+            <a href="#roi" class="text-gray-600 hover:text-black">ROI</a>
+            <a href="#pricing" class="text-gray-600 hover:text-black">Pricing</a>
         </nav>
-        <div class="flex gap-3">
-            <a class="navlink text-sm" href="#signin" onclick="openPage('signin'); return false;">Sign In</a>
-            <a href="#apply" onclick="openPage('apply'); return false;" class="bg-black text-white text-sm px-4 py-2 rounded-lg">Apply for Access</a>
+        <div class="flex items-center gap-4">
+            <a href="login.php" class="text-gray-600 hover:text-black">Sign In</a>
+            <a href="register.php" class="bg-black text-white px-5 py-2.5 rounded-lg">Apply for Access</a>
         </div>
     </header>
 
-    <!-- PAGES WRAPPER -->
-    <main class="relative">
-
-        <!-- HOME PAGE -->
-        <section id="page-home" class="page fade">
-            <!-- HERO -->
-            <section class="max-w-7xl mx-auto px-6 py-24 text-center">
-                <span class="inline-block mb-6 bg-blue-100 text-blue-600 px-4 py-1 rounded-full text-sm">AI-Powered HR Automation</span>
-                <h1 class="text-4xl md:text-6xl font-extrabold leading-tight">Hire Faster. Decide Smarter.<br/>Automate the Hiring Work.</h1>
-                <p class="mt-6 max-w-3xl mx-auto text-gray-600">FinMox HR cuts hiring time by <strong>60–80%</strong> by automating resume review, interviews, and offer prep — without replacing your HR team or ATS.</p>
-                <p class="mt-4 text-sm text-gray-500">Built for teams hiring 1–10 roles/month · 50–300 candidates/role</p>
-                <div class="mt-10 flex justify-center gap-4">
-                    <a href="#apply" onclick="openPage('apply'); return false;" class="bg-black text-white px-8 py-4 rounded-xl text-sm">Apply for Founding Access</a>
-                    <a href="#demo" onclick="openPage('demo'); return false;" class="border px-8 py-4 rounded-xl text-sm">Book a Demo</a>
+    <!-- HERO -->
+    <main>
+        <section class="text-center max-w-7xl mx-auto px-6 py-20">
+            <h1 class="text-4xl md:text-6xl font-extrabold leading-tight">
+                <span class="text-blue-600">AI-Powered</span> HR Automation
+            </h1>
+            <p class="mt-4 text-2xl md:text-3xl font-light">Hire Faster. Decide Smarter. Automate the Hiring Work.</p>
+            <p class="mt-6 max-w-3xl mx-auto text-gray-600">
+                FinMox HR is an AI-powered hiring automation system built for lean and growing teams who want to cut hiring time by 60–80% — without replacing their HR team or ATS.
+            </p>
+            <p class="mt-4 text-sm text-gray-500">
+                Built for companies hiring 1–10 roles/month · 50–300 candidates/role · 1–5 people involved
+            </p>
+            <div class="mt-10 flex justify-center gap-4">
+                <a href="register.php" class="bg-black text-white px-8 py-4 rounded-xl font-semibold">Apply for Founding Access</a>
+                <a href="demo.php" class="border px-8 py-4 rounded-xl font-semibold">Book a Demo</a>
+            </div>
+            <div class="mt-16 px-8">
+                 <div class="rounded-2xl border shadow-lg overflow-hidden">
+                    <img src="assets/pasted-20251217-045121-823e6258.png" alt="FinMox Dashboard" class="w-full" />
                 </div>
-            </section>
-            <!-- DASHBOARD -->
-            <section class="max-w-7xl mx-auto px-6">
-                <div class="rounded-2xl border shadow-sm overflow-hidden">
-                    <img src="assets/pasted-20251217-045121-823e6258.png" alt="FinMox Dashboard" />
+            </div>
+        </section>
+
+        <!-- BUILT FOR INTENTIONAL HIRING -->
+        <section class="bg-gray-50 py-20">
+            <div class="max-w-7xl mx-auto px-6 grid md:grid-cols-2 gap-12 items-center">
+                <div>
+                    <h2 class="text-3xl font-bold">Built for Intentional Hiring</h2>
+                    <p class="mt-4 text-gray-600">FinMox is ideal when speed + clarity matter — not mass recruiting.</p>
+                    <ul class="mt-6 space-y-3">
+                        <li class="flex items-center gap-3"><span class="text-green-500">✅</span> Hiring 1–10 roles/month</li>
+                        <li class="flex items-center gap-3"><span class="text-green-500">✅</span> 50–300 candidates/role</li>
+                        <li class="flex items-center gap-3"><span class="text-green-500">✅</span> 1–5 stakeholders</li>
+                        <li class="flex items-center gap-3"><span class="text-green-500">✅</span> Faster decisions, no headcount</li>
+                    </ul>
+                    <div class="mt-8">
+                        <a href="register.php" class="bg-black text-white px-6 py-3 rounded-lg">Apply for Access</a>
+                    </div>
                 </div>
-            </section>
+                <div>
+                    <img src="assets/pasted-20251217-045457-feb98286.png" alt="Collaboration illustration" class="rounded-xl shadow-md">
+                </div>
+            </div>
         </section>
 
-        <!-- PROBLEM PAGE -->
-        <section id="page-problem" class="page hidden fade">
-            <section class="max-w-4xl mx-auto px-6 py-24">
-                <h2 class="text-4xl font-bold text-center">The Problem: Hiring is Slow & Repetitive</h2>
-            </section>
-        </section>
-
-        <!-- WHY PAGE -->
-        <section id="page-why" class="page hidden fade">
-            <section class="max-w-4xl mx-auto px-6 py-24">
-                <h2 class="text-4xl font-bold text-center">Why FinMox?</h2>
-            </section>
-        </section>
-
-        <!-- HOW PAGE -->
-        <section id="page-how" class="page hidden fade">
-            <section class="max-w-4xl mx-auto px-6 py-24">
-                <h2 class="text-4xl font-bold text-center">How It Works</h2>
-            </section>
-        </section>
-
-        <!-- ROI PAGE -->
-        <section id="page-roi" class="page hidden fade">
-            <section class="max-w-4xl mx-auto px-6 py-24">
-                <h2 class="text-4xl font-bold text-center">The ROI of AI in HR</h2>
-            </section>
-        </section>
-
-        <!-- PRICING PAGE -->
-        <section id="page-pricing" class="page hidden fade">
-            <section class="max-w-4xl mx-auto px-6 py-24">
-                <h2 class="text-4xl font-bold text-center">Pricing</h2>
-            </section>
-        </section>
-
-        <!-- SIGN IN PAGE -->
-        <section id="page-signin" class="page hidden fade">
-            <section class="max-w-xl mx-auto px-6 py-24">
-                <h2 class="text-3xl font-bold">Sign In to FinMox</h2>
-                <form class="mt-8 space-y-4">
-                    <input type="email" placeholder="Email" class="border px-4 py-3 rounded-lg w-full" />
-                    <input type="password" placeholder="Password" class="border px-4 py-3 rounded-lg w-full" />
-                    <button type="button" class="bg-black text-white py-3 rounded-lg w-full">Sign In</button>
-                </form>
-            </section>
-        </section>
-
-        <!-- APPLY PAGE -->
-        <section id="page-apply" class="page hidden fade">
-            <section class="max-w-xl mx-auto px-6 py-24">
-                <h2 class="text-3xl font-bold">Apply for Founding Access</h2>
-                <p class="mt-2 text-gray-600">We're onboarding a small group of founding customers. Tell us about your hiring needs to see if you qualify.</p>
-                <form class="mt-8 space-y-4">
-                    <div class="grid sm:grid-cols-2 gap-4">
-                        <input type="text" placeholder="Your Name" class="border px-4 py-3 rounded-lg" />
-                        <input type="email" placeholder="Work Email" class="border px-4 py-3 rounded-lg" />
+        <!-- WHAT FINMOX AUTOMATES -->
+        <section class="py-20">
+            <div class="max-w-7xl mx-auto px-6 text-center">
+                <h2 class="text-3xl font-bold">What FinMox Automates</h2>
+                <p class="mt-4 max-w-2xl mx-auto text-gray-600">All in one workflow — you review, approve, and decide.</p>
+                <div class="mt-12 grid md:grid-cols-3 gap-8 text-left">
+                    <div class="bg-white p-6 rounded-xl border">
+                        <h3 class="font-bold text-lg">Candidate Ranking</h3>
+                        <p class="mt-2 text-gray-600">Resume parsing + scoring based on role fit, skills, and experience.</p>
                     </div>
-                    <div class="grid sm:grid-cols-2 gap-4">
-                        <input type="number" placeholder="Roles per month" class="border px-4 py-3 rounded-lg" />
-                        <input type="number" placeholder="Candidates per role" class="border px-4 py-3 rounded-lg" />
+                    <div class="bg-white p-6 rounded-xl border">
+                        <h3 class="font-bold text-lg">Interview Automation</h3>
+                        <p class="mt-2 text-gray-600">Role-specific questions, summaries, and recommendations.</p>
                     </div>
-                    <textarea placeholder="Tell us about your current hiring process" class="border px-4 py-3 rounded-lg" rows="4"></textarea>
-                    <button type="button" class="bg-black text-white py-3 rounded-lg w-full">Submit Application</button>
-                    <p class="text-xs text-gray-500">Demo placeholder. Wire this to your form tool (Make/Zapier/Webhook) later.</p>
-                </form>
-            </section>
+                    <div class="bg-white p-6 rounded-xl border">
+                        <h3 class="font-bold text-lg">Offer + Onboarding</h3>
+                        <p class="mt-2 text-gray-600">Ready-to-send offer letters and first-week onboarding plans.</p>
+                    </div>
+                </div>
+            </div>
         </section>
 
+        <!-- WHY TEAMS CHOOSE FINMOX -->
+        <section class="bg-gray-50 py-20">
+            <div class="max-w-5xl mx-auto px-6">
+                <h2 class="text-3xl font-bold text-center">Why Teams Choose FinMox</h2>
+                <div class="mt-12 grid md:grid-cols-3 gap-8">
+                    <div class="text-center">
+                        <p class="text-lg font-medium">“We cut our resume review time by over 70% in our first role.”</p>
+                    </div>
+                    <div class="text-center">
+                        <p class="text-lg font-medium">“FinMox gave us interview-ready candidates in minutes, not days.”</p>
+                    </div>
+                    <div class="text-center">
+                        <p class="text-lg font-medium">“It feels like adding an HR analyst without hiring one.”</p>
+                    </div>
+                </div>
+            </div>
+        </section>
+
+        <!-- FOUNDING PARTNER ACCESS -->
+        <section class="py-20">
+            <div class="max-w-3xl mx-auto px-6 text-center">
+                <h2 class="text-3xl font-bold">Founding Partner Access</h2>
+                <p class="mt-4 text-gray-600">We’re onboarding a limited number of early customers to shape FinMox HR.</p>
+                <div class="mt-8 flex justify-center gap-4">
+                    <a href="register.php" class="bg-black text-white px-8 py-4 rounded-xl font-semibold">Apply for Access</a>
+                    <a href="demo.php" class="border px-8 py-4 rounded-xl font-semibold">Book a Demo</a>
+                </div>
+                <p class="mt-6 text-sm text-gray-500">
+                    Security & Privacy: Human-reviewed outputs · No automated hiring decisions · Designed with compliance in mind
+                </p>
+            </div>
+        </section>
     </main>
 
-    <!-- FOOTER (global) -->
-    <footer class="max-w-7xl mx-auto px-6 py-12 grid md:grid-cols-4 gap-6 text-sm text-gray-500">
-        <div>FinMox © 2025</div>
-        <div>Security & Privacy<br/>Human-reviewed outputs<br/>No automated hiring decisions</div>
-        <div>Built for intentional hiring</div>
-        <div><a href="#apply" onclick="openPage('apply'); return false;" class="underline">Apply</a> · <a href="#signin" onclick="openPage('signin'); return false;" class="underline">Sign In</a></div>
+    <!-- FOOTER -->
+    <footer class="bg-gray-900 text-white">
+        <div class="max-w-7xl mx-auto px-6 py-12 text-center text-sm">
+            <p>FinMox © 2025</p>
+            <div class="mt-4 flex justify-center gap-6">
+                <a href="#" class="hover:underline">Security & Privacy</a>
+                <a href="register.php" class="hover:underline">Apply</a>
+                <a href="login.php" class="hover:underline">Sign In</a>
+            </div>
+        </div>
     </footer>
 
-    <noscript>
-        <style>
-            .page { position: static !important; opacity: 1 !important; transform: none !important; }
-            .page.hidden { display: block !important; }
-        </style>
-    </noscript>
-
-    <script>
-        const pages = ['home','problem','why','how','roi','pricing','signin','apply'];
-
-        function setActiveNav(hash) {
-            document.querySelectorAll('.navlink').forEach(a => a.classList.remove('font-semibold'));
-            const el = document.querySelector(`a[href="${hash}"]`);
-            if (el) el.classList.add('font-semibold');
-        }
-
-        function openPage(page, pushHash = true) {
-            pages.forEach(p => {
-                const node = document.getElementById(`page-${p}`);
-                if (!node) return;
-                node.classList.add('hidden');
-            });
-            const active = document.getElementById(`page-${page}`);
-            if (active) active.classList.remove('hidden');
-
-            if (pushHash) {
-                history.replaceState(null, '', `#${page}`);
-                setActiveNav(`#${page}`);
-            }
-            window.scrollTo({ top: 0, behavior: 'smooth' });
-        }
-
-        // Handle initial page load
-        const initialPage = window.location.hash.substring(1) || 'home';
-        if (pages.includes(initialPage)) {
-            openPage(initialPage, false);
-            setActiveNav(window.location.hash || '#home');
-        } else {
-            openPage('home', false);
-            setActiveNav('#home');
-        }
-
-        // Handle back/forward navigation
-        window.onpopstate = () => {
-            const pageId = window.location.hash.substring(1);
-            if (pages.includes(pageId)) {
-                openPage(pageId, false);
-            }
-        };
-    </script>
 </body>
-</html>
\ No newline at end of file
+</html>
