<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Resolve Your IRS Tax Debt — Without a $500/hr Attorney — TaxHelpHQ</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <script>
    tailwind.config = {
        theme: {
            extend: {
                colors: {
                    brand: {
                        50:  '#f0fdf4',
                        100: '#dcfce7',
                        200: '#bbf7d0',
                        300: '#86efac',
                        400: '#4ade80',
                        500: '#22c55e',
                        600: '#16a34a',
                        700: '#15803d',
                        800: '#166534',
                        900: '#14532d',
                        950: '#052e16',
                    }
                }
            }
        }
    }
    </script>
    <style>
        @media print {
            .no-print { display: none !important; }
            body { background: white !important; }
            .print-break { page-break-before: always; }
        }
    </style>
</head>
<body class="bg-gray-50 text-gray-900 min-h-screen flex flex-col">

    <!-- Header -->
    <header class="bg-white border-b border-gray-200 shadow-sm no-print">
        <div class="max-w-3xl mx-auto px-4 py-4 flex items-center justify-between">
            <a href="/" class="flex items-center gap-2">
                <span class="bg-brand-600 text-white font-bold text-lg w-9 h-9 flex items-center justify-center rounded-lg">T</span>
                <span class="font-bold text-xl text-gray-900">TaxHelpHQ</span>
            </a>
            <nav class="flex items-center gap-4 text-sm">
                                    <a href="/login.php" class="text-gray-600 hover:text-brand-600">Log in</a>
                    <a href="/signup.php" class="bg-brand-600 hover:bg-brand-700 text-white font-semibold px-4 py-2 rounded-lg text-sm">Start Free</a>
                            </nav>
        </div>
    </header>

    <!-- Step Progress Bar (shown on step pages) -->
    
    <!-- Flash Messages -->
        
    <!-- Page Content -->
    <main class="flex-1">
        
<!-- Hero -->
<section class="bg-gradient-to-br from-brand-700 to-brand-900 text-white">
    <div class="max-w-3xl mx-auto px-4 py-16 text-center">
        <p class="text-brand-300 text-sm font-semibold uppercase tracking-widest mb-4">IRS Tax Debt Relief</p>
        <h1 class="text-3xl sm:text-5xl font-extrabold leading-tight mb-6">
            You Don't Need a $500/hr Attorney<br>to Resolve Your IRS Debt.
        </h1>
        <p class="text-brand-100 text-lg sm:text-xl max-w-xl mx-auto mb-8">
            TaxHelpHQ walks you through the exact same 7-step process the pros use — at a fraction of the cost. Start free. No credit card required.
        </p>
        <div class="flex flex-col sm:flex-row gap-4 justify-center">
            <a href="/signup.php" class="bg-white text-brand-700 font-bold text-lg px-8 py-4 rounded-xl hover:bg-brand-50 transition shadow-lg">
                Start Free Today →
            </a>
            <a href="#how-it-works" class="border-2 border-brand-400 text-brand-100 font-semibold text-lg px-8 py-4 rounded-xl hover:bg-brand-800 transition">
                See How It Works
            </a>
        </div>
        <p class="text-brand-300 text-sm mt-6">Steps 1 &amp; 2 are completely free. Unlock the full plan for $297 — less than one hour with a tax attorney.</p>
    </div>
</section>

<!-- Problem / Social Proof -->
<section class="bg-white py-14">
    <div class="max-w-3xl mx-auto px-4">
        <h2 class="text-2xl font-bold text-center text-gray-900 mb-8">Sound familiar?</h2>
        <div class="grid sm:grid-cols-3 gap-6">
                        <div class="bg-gray-50 rounded-xl p-6 text-center">
                <div class="text-3xl mb-3">😰</div>
                <p class="text-gray-700 text-sm leading-relaxed">You got a letter from the IRS and you&#039;re not sure what it means or what to do.</p>
            </div>
                        <div class="bg-gray-50 rounded-xl p-6 text-center">
                <div class="text-3xl mb-3">💸</div>
                <p class="text-gray-700 text-sm leading-relaxed">A tax firm quoted you $3,000–$10,000 just to &quot;see if you qualify&quot; — before they&#039;ve done anything.</p>
            </div>
                        <div class="bg-gray-50 rounded-xl p-6 text-center">
                <div class="text-3xl mb-3">⏳</div>
                <p class="text-gray-700 text-sm leading-relaxed">You&#039;ve been ignoring the problem because it feels too complicated to deal with alone.</p>
            </div>
                    </div>
        <p class="text-center text-gray-600 mt-8 text-lg">
            Here's the thing: tax resolution isn't magic. The IRS has a set of rules, and there's a process. TaxHelpHQ puts that process in your hands.
        </p>
    </div>
</section>

<!-- How It Works -->
<section id="how-it-works" class="bg-gray-50 py-14">
    <div class="max-w-3xl mx-auto px-4">
        <h2 class="text-2xl font-bold text-center text-gray-900 mb-2">The 7-Step Process</h2>
        <p class="text-center text-gray-500 mb-10">The same steps a tax resolution attorney would follow — guided by us, done by you.</p>
        <div class="space-y-4">
                        <div class="flex items-start gap-4 bg-white rounded-xl p-5 shadow-sm border border-gray-100">
                <div class="w-10 h-10 rounded-full flex-shrink-0 flex items-center justify-center font-bold text-sm bg-brand-600 text-white">
                    1                </div>
                <div class="flex-1">
                    <p class="font-semibold text-gray-900">Step 1: Gather Your Tax Info</p>
                    <p class="text-gray-500 text-sm">Find out exactly what you owe and for which years.</p>
                </div>
                                    <span class="text-xs font-bold text-brand-600 bg-brand-50 px-2 py-1 rounded">FREE</span>
                            </div>
                        <div class="flex items-start gap-4 bg-white rounded-xl p-5 shadow-sm border border-gray-100">
                <div class="w-10 h-10 rounded-full flex-shrink-0 flex items-center justify-center font-bold text-sm bg-brand-600 text-white">
                    2                </div>
                <div class="flex-1">
                    <p class="font-semibold text-gray-900">Step 2: Your Financial Picture</p>
                    <p class="text-gray-500 text-sm">Document your income, expenses, and assets.</p>
                </div>
                                    <span class="text-xs font-bold text-brand-600 bg-brand-50 px-2 py-1 rounded">FREE</span>
                            </div>
                        <div class="flex items-start gap-4 bg-white rounded-xl p-5 shadow-sm border border-gray-100">
                <div class="w-10 h-10 rounded-full flex-shrink-0 flex items-center justify-center font-bold text-sm bg-gray-100 text-gray-400">
                    🔒                </div>
                <div class="flex-1">
                    <p class="font-semibold text-gray-900">Step 3: See Your Options</p>
                    <p class="text-gray-500 text-sm">We calculate your best resolution paths and rank them for you.</p>
                </div>
                            </div>
                        <div class="flex items-start gap-4 bg-white rounded-xl p-5 shadow-sm border border-gray-100">
                <div class="w-10 h-10 rounded-full flex-shrink-0 flex items-center justify-center font-bold text-sm bg-gray-100 text-gray-400">
                    🔒                </div>
                <div class="flex-1">
                    <p class="font-semibold text-gray-900">Step 4: Prepare Your IRS Call</p>
                    <p class="text-gray-500 text-sm">Get a customized script and checklist before you call.</p>
                </div>
                            </div>
                        <div class="flex items-start gap-4 bg-white rounded-xl p-5 shadow-sm border border-gray-100">
                <div class="w-10 h-10 rounded-full flex-shrink-0 flex items-center justify-center font-bold text-sm bg-gray-100 text-gray-400">
                    🔒                </div>
                <div class="flex-1">
                    <p class="font-semibold text-gray-900">Step 5: Get Compliant</p>
                    <p class="text-gray-500 text-sm">File any missing returns. Fix your withholding.</p>
                </div>
                            </div>
                        <div class="flex items-start gap-4 bg-white rounded-xl p-5 shadow-sm border border-gray-100">
                <div class="w-10 h-10 rounded-full flex-shrink-0 flex items-center justify-center font-bold text-sm bg-gray-100 text-gray-400">
                    🔒                </div>
                <div class="flex-1">
                    <p class="font-semibold text-gray-900">Step 6: Submit Your Resolution</p>
                    <p class="text-gray-500 text-sm">Step-by-step instructions for your specific resolution path.</p>
                </div>
                            </div>
                        <div class="flex items-start gap-4 bg-white rounded-xl p-5 shadow-sm border border-gray-100">
                <div class="w-10 h-10 rounded-full flex-shrink-0 flex items-center justify-center font-bold text-sm bg-gray-100 text-gray-400">
                    🔒                </div>
                <div class="flex-1">
                    <p class="font-semibold text-gray-900">Step 7: Stay on Track</p>
                    <p class="text-gray-500 text-sm">Monitor your agreement and stay out of trouble for good.</p>
                </div>
                            </div>
                    </div>
    </div>
</section>

<!-- What You Get -->
<section class="bg-white py-14">
    <div class="max-w-3xl mx-auto px-4">
        <h2 class="text-2xl font-bold text-center mb-8">What you get for $297</h2>
        <div class="grid sm:grid-cols-2 gap-5">
                        <div class="flex items-start gap-3">
                <span class="text-brand-500 text-lg flex-shrink-0">✅</span>
                <span class="text-gray-700">Full 7-step guided resolution process</span>
            </div>
                        <div class="flex items-start gap-3">
                <span class="text-brand-500 text-lg flex-shrink-0">✅</span>
                <span class="text-gray-700">Your IRS 433-A financial analysis, calculated and printable</span>
            </div>
                        <div class="flex items-start gap-3">
                <span class="text-brand-500 text-lg flex-shrink-0">✅</span>
                <span class="text-gray-700">Resolution options ranked for your specific situation</span>
            </div>
                        <div class="flex items-start gap-3">
                <span class="text-brand-500 text-lg flex-shrink-0">✅</span>
                <span class="text-gray-700">Custom IRS call script for your chosen resolution</span>
            </div>
                        <div class="flex items-start gap-3">
                <span class="text-brand-500 text-lg flex-shrink-0">✅</span>
                <span class="text-gray-700">Form 656, 9465, and abatement letter guides — pre-filled</span>
            </div>
                        <div class="flex items-start gap-3">
                <span class="text-brand-500 text-lg flex-shrink-0">✅</span>
                <span class="text-gray-700">CSED countdown so you know when the statute expires</span>
            </div>
                    </div>
        <div class="mt-10 text-center">
            <a href="/signup.php" class="inline-block bg-brand-600 hover:bg-brand-700 text-white font-bold text-xl px-10 py-5 rounded-xl shadow-lg transition">
                Start Free — No Credit Card Required
            </a>
            <p class="text-gray-400 text-sm mt-3">Start with Steps 1 &amp; 2 free. Pay $297 to unlock the full plan.</p>
        </div>
    </div>
</section>

<!-- Disclaimer -->
<section class="bg-gray-100 py-6">
    <div class="max-w-3xl mx-auto px-4 text-center">
        <p class="text-gray-500 text-xs leading-relaxed">
            <strong>Important:</strong> TaxHelpHQ provides educational guidance only. We are not attorneys, CPAs, or enrolled agents and we do not represent you before the IRS. This is not legal or tax advice. Always consult a qualified tax professional for your specific situation.
        </p>
    </div>
</section>

    </main>

    <!-- Footer -->
    <footer class="bg-gray-800 text-gray-300 text-sm no-print mt-12">
        <div class="max-w-3xl mx-auto px-4 py-8">
            <div class="flex flex-col sm:flex-row items-start sm:items-center justify-between gap-4">
                <div>
                    <p class="font-semibold text-white mb-1">TaxHelpHQ</p>
                    <p class="text-gray-400 text-xs max-w-sm">
                        TaxHelpHQ provides educational guidance only. We are not attorneys, CPAs, or enrolled agents, and we do not represent you before the IRS. This is not legal or tax advice.
                    </p>
                </div>
                <div class="flex gap-6 text-xs text-gray-400 flex-wrap">
                    <a href="/" class="hover:text-white">Home</a>
                    <a href="/login.php" class="hover:text-white">Log In</a>
                    <a href="/signup.php" class="hover:text-white">Sign Up</a>
                </div>
            </div>
            <p class="text-gray-500 text-xs mt-6">&copy; 2026 TaxHelpHQ. All rights reserved.</p>
        </div>
    </footer>

</body>
</html>
