html

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Overholt Advisory | Fractional CFO & Strategic Financial Consulting</title>

<!-- Tailwind CSS for high-end, responsive styling -->

<script src="https://tailwindcss.com"></script>

<!-- Google Fonts: Inter for crisp, modern editorial look matching your brand's clean geometric style -->

<link href="https://googleapis.com" rel="stylesheet">

<script>

tailwind.config = {

theme: {

extend: {

fontFamily: {

sans: ['Inter', 'sans-serif'],

},

colors: {

brandGreen: '#335243', /* Deep forest green from your logo */

brandTeal: '#244240', /* Dark slate/teal variant from your palette */

brandTaupe: '#695C47', /* Warm earth accent color */

brandMuted: '#514A3E', /* Darker taupe/brown for subtle visual depth */

brandCharcoal: '#2E312E',/* Soft rich black/charcoal for text and backgrounds */

brandCream: '#F6F6F0' /* Premium off-white/cream background */

}

}

}

}

</script>

</head>

<body class="bg-brandCream text-brandCharcoal font-sans antialiased">

<!-- Header / Navigation -->

<header class="bg-brandGreen text-white sticky top-0 z-50 shadow-sm">

<div class="max-w-6xl mx-auto px-6 py-4 flex justify-between items-center">

<div class="text-xl font-bold tracking-tight text-white uppercase">

OVERHOLT<span class="text-brandCream font-light opacity-90">ADVISORY</span>

</div>

<nav class="hidden md:flex space-x-8 text-sm font-medium tracking-wide items-center">

<a href="#challenge" class="hover:text-brandCream opacity-80 hover:opacity-100 transition">The Challenge</a>

<a href="#services" class="hover:text-brandCream opacity-80 hover:opacity-100 transition">Services</a>

<a href="#about" class="hover:text-brandCream opacity-80 hover:opacity-100 transition">About</a>

<a href="#contact" class="bg-brandCream text-brandGreen px-4 py-2 rounded font-semibold hover:bg-brandTaupe hover:text-white transition">Book Strategy Session</a>

</nav>

</div>

</header>

<!-- Hero Section -->

<section class="bg-brandGreen text-white py-24 md:py-32 px-6 border-b border-brandTeal">

<div class="max-w-4xl mx-auto text-center">

<h1 class="text-4xl md:text-6xl font-extrabold tracking-tight leading-tight mb-6">

Strategic Financial Leadership <br class="hidden md:inline"><span class="text-brandCream opacity-95 font-light">Without the Full-Time Overhead</span>

</h1>

<p class="text-lg md:text-xl text-brandCream/80 max-w-2xl mx-auto mb-10 leading-relaxed">

Get enterprise-grade Fractional CFO expertise and execution-focused consulting tailored for growing businesses scaling between $2M and $10M.

</p>

<div class="flex flex-col sm:flex-row justify-center items-center gap-4">

<a href="#contact" class="w-full sm:w-auto bg-brandTaupe text-white text-center px-8 py-4 rounded-lg font-bold text-lg shadow-md hover:bg-brandMuted transition duration-300">

Schedule Your Free Assessment

</a>

<a href="#services" class="w-full sm:w-auto border border-white/30 text-white text-center px-8 py-4 rounded-lg font-semibold text-lg hover:bg-white/10 transition duration-300">

Explore Our Offerings

</a>

</div>

</div>

</section>

<!-- The Problem Section -->

<section id="challenge" class="py-20 px-6 max-w-5xl mx-auto">

<div class="text-center mb-16">

<h2 class="text-3xl md:text-4xl font-bold text-brandGreen mb-4">Are You Outgrowing Your Financial Systems?</h2>

<p class="text-brandMuted max-w-2xl mx-auto">Scaling a business brings complex structural challenges that standard bookkeeping and basic spreadsheets simply cannot solve.</p>

</div>

<div class="grid md:grid-cols-3 gap-8">

<div class="bg-white p-8 rounded-xl shadow-sm border border-brandGreen/5">

<div class="text-brandTaupe text-3xl mb-4">📉</div>

<h3 class="text-xl font-bold text-brandGreen mb-2">Blindsided Cash Flow</h3>

<p class="text-brandCharcoal/80 text-sm leading-relaxed">Profitable on paper but tight on bank runway. You need predictive cash-flow modeling, not just historical reporting.</p>

</div>

<div class="bg-white p-8 rounded-xl shadow-sm border border-brandGreen/5">

<div class="text-brandTaupe text-3xl mb-4">🛑</div>

<h3 class="text-xl font-bold text-brandGreen mb-2">Strategic Blind Spots</h3>

<p class="text-brandCharcoal/80 text-sm leading-relaxed">Making major hiring, inventory, or capital decisions without reliable unit economics or forecasting models.</p>

</div>

<div class="bg-white p-8 rounded-xl shadow-sm border border-brandGreen/5">

<div class="text-brandTaupe text-3xl mb-4">💼</div>

<h3 class="text-xl font-bold text-brandGreen mb-2">Fundraising & M&A Gaps</h3>

<p class="text-brandCharcoal/80 text-sm leading-relaxed">Struggling to build defensible pitch deck models, handle diligence, or structure a clean business exit.</p>

</div>

</div>

</section>

<!-- Services Section -->

<section id="services" class="bg-white py-20 px-6 border-t border-b border-brandGreen/5">

<div class="max-w-5xl mx-auto">

<div class="text-center mb-16">

<h2 class="text-3xl md:text-4xl font-bold text-brandGreen mb-4">Two Core Pillars of Financial Impact</h2>

<p class="text-brandMuted max-w-xl mx-auto">Whether you need an integrated strategic advisor or a heavy-hitting project specialist.</p>

</div>

<div class="grid md:grid-cols-2 gap-12">

<!-- Pillar 1: Fractional CFO -->

<div class="bg-brandCream p-10 rounded-2xl shadow-sm border border-brandGreen/10 flex flex-col justify-between">

<div>

<span class="text-xs uppercase tracking-widest bg-brandGreen text-white px-3 py-1 rounded-full font-bold">Ongoing Strategy</span>

<h3 class="text-2xl font-bold text-brandGreen mt-4 mb-4">Fractional CFO Services</h3>

<p class="text-brandMuted mb-6 leading-relaxed">An embedded member of your leadership team running your strategic finances on an ongoing monthly basis.</p>

<ul class="space-y-3 text-brandCharcoal text-sm mb-8">

<li class="flex items-start"><span class="text-brandTaupe mr-2 font-bold">✓</span> Forward-looking rolling cash runway forecasting</li>

<li class="flex items-start"><span class="text-brandTaupe mr-2 font-bold">✓</span> Executive and board-level monthly reporting packets</li>

<li class="flex items-start"><span class="text-brandTaupe mr-2 font-bold">✓</span> Deep-dive unit economics and margin optimization</li>

<li class="flex items-start"><span class="text-brandTaupe mr-2 font-bold">✓</span> Key leadership strategy & growth bottleneck advisory</li>

</ul>

</div>

<a href="#contact" class="block text-center border-2 border-brandGreen text-brandGreen font-bold py-3 rounded-lg hover:bg-brandGreen hover:text-white transition">Inquire About Retainers</a>

</div>

<!-- Pillar 2: Financial Consulting -->

<div class="bg-brandCream p-10 rounded-2xl shadow-sm border border-brandGreen/10 flex flex-col justify-between">

<div>

<span class="text-xs uppercase tracking-widest bg-brandTeal text-white px-3 py-1 rounded-full font-bold">Project Based</span>

<h3 class="text-2xl font-bold text-brandTeal mt-4 mb-4">Financial Consulting</h3>

<p class="text-brandMuted mb-6 leading-relaxed">Surgical, highly tailored interventions designed to build critical architecture or execute major financial events.</p>

<ul class="space-y-3 text-brandCharcoal text-sm mb-8">

<li class="flex items-start"><span class="text-brandTaupe mr-2 font-bold">✓</span> Capital raise modeling and investor diligence preparation</li>

<li class="flex items-start"><span class="text-brandTaupe mr-2 font-bold">✓</span> Messy book cleanup and audit/M&A readiness</li>

<li class="flex items-start"><span class="text-brandTaupe mr-2 font-bold">✓</span> Advanced ERP & accounting tech-stack implementation</li>

<li class="flex items-start"><span class="text-brandTaupe mr-2 font-bold">✓</span> Buy-side/Sell-side advisory and business valuations</li>

</ul>

</div>

<a href="#contact" class="block text-center border-2 border-brandTeal text-brandTeal font-bold py-3 rounded-lg hover:bg-brandTeal hover:text-white transition">Inquire About Projects</a>

</div>

</div>

</div>

</section>

<!-- About / Authority Section -->