<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

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

    <title>Forge Innovation Partners</title>

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

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">

    <style>

        @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Space+Grotesk:wght@500;600&display=swap');

        

        body {

            font-family: 'Inter', system_ui, sans-serif;

        }

        

        .heading-font {

            font-family: 'Space Grotesk', 'Inter', system_ui, sans-serif;

            font-weight: 600;

            letter-spacing: -0.025em;

        }


        .navy-bg {

            background-color: #0F2C3E;

        }

        

        .teal-accent {

            color: #1A5F7A;

        }

    </style>

</head>

<body class="bg-[#0F2C3E] text-white">

    <!-- Navigation -->

    <nav class="border-b border-white/10">

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

            <div class="flex items-center gap-x-3">

                <div class="w-9 h-9 rounded-xl bg-[#1A5F7A] flex items-center justify-center">

                    <span class="text-white font-bold text-xl tracking-tighter">F</span>

                </div>

                <span class="font-semibold text-xl tracking-tight">Forge Innovation Partners</span>

            </div>

            <div class="hidden md:flex items-center gap-x-8 text-sm">

                <a href="#about" class="hover:text-[#1A5F7A] transition-colors">About</a>

                <a href="#direction" class="hover:text-[#1A5F7A] transition-colors">Direction</a>

                <a href="#status" class="hover:text-[#1A5F7A] transition-colors">Status</a>

            </div>

            <a href="mailto:william@forgeinnovationpartners.com" 

               class="px-5 py-2.5 text-sm font-medium rounded-2xl border border-white/20 hover:bg-white/5 transition-colors">

                Contact

            </a>

        </div>

    </nav>


    <!-- Hero -->

    <div class="max-w-5xl mx-auto px-6 pt-20 pb-16 text-center">

        <div class="inline-flex items-center gap-x-2 px-4 py-1.5 rounded-3xl bg-white/5 border border-white/10 mb-6">

            <div class="w-2 h-2 bg-emerald-400 rounded-full animate-pulse"></div>

            <span class="text-sm font-medium tracking-wide">Soft Launch • July 4, 2026</span>

        </div>

        

        <h1 class="text-6xl md:text-7xl font-semibold tracking-tighter heading-font mb-6">

            Forge Innovation Partners

        </h1>

        

        <p class="max-w-2xl mx-auto text-2xl text-white/90 tracking-tight">

            Human-led. AI-augmented. Built with intention.

        </p>

        

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

            <a href="mailto:william@forgeinnovationpartners.com" 

               class="px-8 py-4 rounded-3xl bg-white text-[#0F2C3E] font-semibold hover:bg-white/90 transition-all flex items-center justify-center gap-x-2">

                <span>Get in touch</span>

            </a>

            <a href="#about" 

               class="px-8 py-4 rounded-3xl border border-white/20 hover:bg-white/5 transition-all flex items-center justify-center gap-x-2">

                <span>Learn more</span>

            </a>

        </div>

    </div>


    <!-- About -->

    <div id="about" class="max-w-5xl mx-auto px-6 py-16 border-t border-white/10">

        <div class="grid md:grid-cols-12 gap-x-12 gap-y-10">

            <div class="md:col-span-5">

                <div class="sticky top-8">

                    <div class="text-sm font-medium tracking-[2px] text-[#1A5F7A] mb-3">OUR PHILOSOPHY</div>

                    <h2 class="section-header tracking-tighter">Human judgment remains central.</h2>

                </div>

            </div>

            <div class="md:col-span-7 text-lg text-white/90 leading-relaxed space-y-6">

                <p>Forge Innovation Partners exists to build principled tools, marketplaces, and operating models for human-led innovation in the AI-native era.</p>

                <p>We believe technology should reduce burden, not create new ones. Privacy and dignity are non-negotiable. Innovation should serve people — not the other way around.</p>

            </div>

        </div>

    </div>


    <!-- What We're Building Toward -->

    <div id="direction" class="max-w-5xl mx-auto px-6 py-16 border-t border-white/10">

        <div class="max-w-3xl">

            <div class="text-sm font-medium tracking-[2px] text-[#1A5F7A] mb-3">DIRECTION</div>

            <h2 class="section-header tracking-tighter mb-8">What we’re building toward</h2>

            

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

                <div class="p-6 rounded-3xl bg-white/5 border border-white/10">

                    <div class="flex items-center gap-x-3 mb-4">

                        <i class="fa-solid fa-sitemap text-[#1A5F7A] text-xl"></i>

                        <span class="font-semibold">Structured Marketplaces</span>

                    </div>

                    <p class="text-white/80">Thoughtfully designed platforms that connect founders, builders, and aligned partners with clarity and integrity.</p>

                </div>

                

                <div class="p-6 rounded-3xl bg-white/5 border border-white/10">

                    <div class="flex items-center gap-x-3 mb-4">

                        <i class="fa-solid fa-cogs text-[#1A5F7A] text-xl"></i>

                        <span class="font-semibold">Operating Models</span>

                    </div>

                    <p class="text-white/80">Practical systems and frameworks that help teams move faster while staying grounded in human values and long-term thinking.</p>

                </div>

            </div>

        </div>

    </div>


    <!-- Current Status -->

    <div id="status" class="max-w-5xl mx-auto px-6 py-16 border-t border-white/10">

        <div class="max-w-3xl">

            <div class="text-sm font-medium tracking-[2px] text-[#1A5F7A] mb-3">CURRENT STATUS</div>

            <h2 class="section-header tracking-tighter mb-6">Quiet development. Intentional progress.</h2>

            

            <div class="prose prose-invert text-white/90 max-w-none">

                <p>This is a soft launch. We are starting small, moving deliberately, and building in public with intention.</p>

                <p class="mt-4">Our focus is on relationships, principles, and carefully scoped experiments — not hype or scale at any cost.</p>

            </div>

        </div>

    </div>


    <!-- CTA -->

    <div class="max-w-5xl mx-auto px-6 py-20 border-t border-white/10 text-center">

        <div class="max-w-md mx-auto">

            <h2 class="text-3xl font-semibold tracking-tight mb-4">Let’s build something meaningful together.</h2>

            <p class="text-white/80 mb-8">If you’re a founder, builder, operator, or aligned partner who believes AI-native innovation needs more structure and stronger principles, we’d welcome the conversation.</p>

            

            <a href="mailto:william@forgeinnovationpartners.com" 

               class="inline-flex items-center justify-center px-8 py-4 rounded-3xl bg-white text-[#0F2C3E] font-semibold hover:bg-white/90 transition-all">

                Get in touch

            </a>

            

            <p class="mt-6 text-xs text-white/50">We are not currently accepting unsolicited confidential or proprietary information.</p>

        </div>

    </div>


    <!-- Footer -->

    <footer class="border-t border-white/10 py-8">

        <div class="max-w-5xl mx-auto px-6 text-center text-sm text-white/50">

            <p>© 2026 Forge Innovation Partners. All rights reserved.</p>

            <p class="mt-1 text-xs">Nothing on this page constitutes an offer to sell securities or solicitation of investment.</p>

        </div>

    </footer>

</body>

</html>