<!DOCTYPE html><html lang="en" data-theme="cf-green"><head>
        <!-- Google Tag Manager -->
    <script async="" src="https://www.googletagmanager.com/gtm.js?id=GTM-N755XJ9F"></script><script>
        (function(w, d, s, l, i) {
            w[l] = w[l] || [];
            w[l].push({
                'gtm.start': new Date().getTime(),
                event: 'gtm.js'
            });
            var f = d.getElementsByTagName(s)[0],
                j = d.createElement(s),
                dl = l != 'dataLayer' ? '&l=' + l : '';
            j.async = true;
            j.src =
                'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
            f.parentNode.insertBefore(j, f);
        })(window, document, 'script', 'dataLayer', 'GTM-N755XJ9F');
    </script>
    <!-- End Google Tag Manager -->
        <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="color-scheme" content="light dark">
    <!-- Follow the OS color scheme on marketing pages (set before CSS to avoid a flash) -->
    <script>
        (function () {
            try {
                var mq = window.matchMedia('(prefers-color-scheme: dark)');
                var apply = function (isDark) {
                    document.documentElement.classList.toggle('dark', isDark);
                };
                apply(mq.matches);
                mq.addEventListener
                    ? mq.addEventListener('change', function (e) { apply(e.matches); })
                    : mq.addListener(function (e) { apply(e.matches); });
            } catch (e) {}
        })();
    </script>
    <link rel="icon" type="image/svg+xml" href="/images/logos/crewforge-icon-light-transparent.svg">
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
    <link rel="manifest" href="/site.webmanifest">
    <title>CrewForge for Startups</title>
<meta name="description" content="Run your whole startup in one system — free up to 10 people, then 50% off paid seats for your first 12 months. Every module, no usage limits. No card required.">
<meta name="keywords" content="ERP for software companies, software company ERP, professional services automation, project and team management, worklog software, HRMS, employee management">
<link rel="canonical" href="https://crewforge.org/startups">
<meta name="robots" content="index,follow">
<meta property="og:title" content="CrewForge for Startups">
<meta property="og:description" content="Run your whole startup in one system — free up to 10 people, then 50% off paid seats for your first 12 months. Every module, no usage limits. No card required.">
<meta property="og:type" content="website">
<meta property="og:url" content="https://crewforge.org/startups">
<meta property="og:site_name" content="CrewForge">
<meta property="og:image" content="https://crewforge.org/images/crewforge-marketing.jpg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:type" content="image/jpeg">

<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@crewforge">
<meta name="twitter:title" content="CrewForge for Startups">
<meta name="twitter:description" content="Run your whole startup in one system — free up to 10 people, then 50% off paid seats for your first 12 months. Every module, no usage limits. No card required.">
<meta name="twitter:images0" content="https://crewforge.org/images/crewforge-marketing.jpg">
<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebPage","name":"CrewForge for Startups","description":"Run your whole startup in one system — free up to 10 people, then 50% off paid seats for your first 12 months. Every module, no usage limits. No card required.","url":"https://crewforge.org/startups"}</script>
    <script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@type": "Organization",
    "name": "CrewForge",
    "url": "https://crewforge.org",
    "logo": "https://crewforge.org/images/logos/crewforge-logo-600.png",
    "description": "CrewForge is the all-in-one ERP for software companies: run people, projects, and clients in one system, from onboarding to offboarding.",
    "sameAs": [
        "https://www.linkedin.com/products/thecodework-crewforge/",
        "https://x.com/crewforge",
        "https://www.youtube.com/@CrewForge"
    ],
    "contactPoint": {
        "@type": "ContactPoint",
        "contactType": "customer support",
        "email": "support@crewforge.org",
        "url": "https://crewforge.org/contact"
    }
}
</script>
<script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@type": "WebSite",
    "name": "CrewForge",
    "url": "https://crewforge.org"
}
</script>
<script type="application/ld+json">
{
    "@context": "https://schema.org",
    "@type": "SoftwareApplication",
    "name": "CrewForge",
    "applicationCategory": "BusinessApplication",
    "applicationSubCategory": "ERP",
    "operatingSystem": "Web",
    "url": "https://crewforge.org",
    "description": "CrewForge is the all-in-one ERP for software companies: run people, projects, and clients in one system, from onboarding to offboarding.",
    "offers": [
        {
            "@type": "Offer",
            "name": "Free",
            "price": "0",
            "priceCurrency": "USD",
            "description": "Free for up to 10 employees with full access to core features."
        },
        {
            "@type": "Offer",
            "name": "Early Adopter",
            "price": "1.99",
            "priceCurrency": "USD",
            "description": "Per employee, per month for unlimited employees with advanced reporting and priority support."
        }
    ]
}
</script>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
    <link href="https://fonts.googleapis.com/css2?family=Funnel+Sans:ital,wght@0,300..800;1,300..800&amp;family=Funnel+Display:wght@500..700&amp;display=swap" rel="stylesheet">

    <script src="//unpkg.com/alpinejs" defer=""></script>
    <link rel="preload" as="style" href="https://crewforge.org/build/assets/app-DY4Q7RQr.css"><link rel="stylesheet" href="https://crewforge.org/build/assets/app-DY4Q7RQr.css"></head>

<body class="mk m-0 antialiased">
        <!-- Google Tag Manager (noscript) -->
    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N755XJ9F"
            height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
    <!-- End Google Tag Manager (noscript) -->
        <noscript>
        <strong>We're sorry but this app doesn't work properly without JavaScript enabled. Please enable it to
            continue.
        </strong>
    </noscript>

    <header class="w-full border-b border-mk-line bg-mk-paper text-mk-ink">
    <nav class="mx-auto flex max-w-[72rem] flex-wrap items-center justify-between px-[clamp(1.25rem,4vw,2.5rem)] py-4">
        <a href="/" class="flex items-center">
            <img src="https://crewforge.org/images/logos/crewforge-full-light-transparent.svg" alt="CrewForge" width="130" height="32" class="h-8 w-auto">
        </a>

        <div class="flex items-center gap-2 lg:order-2 lg:gap-4">
            <a href="/auth/login?type=startup&amp;utm_source=startups&amp;utm_medium=program&amp;utm_campaign=startup" class="hidden text-sm font-medium transition-colors sm:inline-block text-mk-ink-muted hover:text-mk-ink">Log in</a>
            <a href="/auth/register?type=startup&amp;utm_source=startups&amp;utm_medium=program&amp;utm_campaign=startup" class="inline-flex items-center justify-center gap-2 rounded-[10px] font-medium transition-colors duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 h-10 px-5 text-[0.9375rem] bg-mk-pine text-mk-cream hover:bg-mk-pine-deep focus-visible:ring-mk-green focus-visible:ring-offset-mk-paper">Start Free</a>
            <button onclick="document.getElementById('mobile-menu-2').classList.toggle('hidden');
                document.getElementById('openMainMenuBar').classList.toggle('hidden');
                document.getElementById('closeMainMenuBar').classList.toggle('hidden');
                this.setAttribute('aria-expanded', this.getAttribute('aria-expanded') === 'true' ? 'false' : 'true');" type="button" class="inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-[10px] transition-colors lg:hidden text-mk-ink-muted hover:bg-mk-ink/5 hover:text-mk-ink focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-mk-green" aria-controls="mobile-menu-2" aria-expanded="false">
                <span class="sr-only">Open main menu</span>
                <svg class="h-6 w-6" id="openMainMenuBar" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd" d="M3 5a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 10a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1zM3 15a1 1 0 011-1h12a1 1 0 110 2H4a1 1 0 01-1-1z" clip-rule="evenodd"></path>
                </svg>
                <svg class="hidden h-6 w-6" id="closeMainMenuBar" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"></path>
                </svg>
            </button>
        </div>

        <div class="hidden w-full items-center justify-between lg:order-1 lg:flex lg:w-auto" id="mobile-menu-2">
            <ul class="mt-4 flex flex-col border-t lg:mt-0 lg:flex-row lg:gap-8 lg:border-0 border-mk-line">
                <li class="border-b lg:border-0 border-mk-line">
                    <a href="https://crewforge.org/features" class="block py-3 text-[0.9375rem] transition-colors lg:py-0 text-mk-ink-muted hover:text-mk-ink">Features</a>
                </li>
                <li class="border-b lg:border-0 border-mk-line">
                    <a href="https://crewforge.org/solutions" class="block py-3 text-[0.9375rem] transition-colors lg:py-0 text-mk-ink-muted hover:text-mk-ink">Solutions</a>
                </li>
                <li class="border-b lg:border-0 border-mk-line">
                    <a href="https://crewforge.org/pricing" class="block py-3 text-[0.9375rem] transition-colors lg:py-0 text-mk-ink-muted hover:text-mk-ink">Pricing</a>
                </li>
                <li class="border-b lg:border-0 border-mk-line">
                    <a href="https://crewforge.org/blog" class="block py-3 text-[0.9375rem] transition-colors lg:py-0 text-mk-ink-muted hover:text-mk-ink">Blog</a>
                </li>
                <li class="border-b lg:border-0 border-mk-line">
                    <a href="https://crewforge.org/contact" class="block py-3 text-[0.9375rem] transition-colors lg:py-0 text-mk-ink-muted hover:text-mk-ink">Contact</a>
                </li>
                <li class="py-3 sm:hidden">
                    <a href="/auth/login?type=startup&amp;utm_source=startups&amp;utm_medium=program&amp;utm_campaign=startup" class="block text-[0.9375rem] font-medium text-mk-ink-muted">Log in</a>
                </li>
            </ul>
        </div>
    </nav>
</header>
    




<section class="bg-mk-paper text-mk-ink py-[var(--mk-section-tight)]">
            <div class="mx-auto max-w-[72rem] px-[clamp(1.25rem,4vw,2.5rem)]"><div class="grid items-end gap-10 lg:grid-cols-[1.3fr_1fr]">
        <div class="pt-2 md:pt-6">
            <p class="mk-caption mk-reveal mk-reveal-1 text-mk-green">CrewForge for Startups</p>
            <h1 class="mk-h1 mk-reveal mk-reveal-2 mt-3">Run your whole startup in one system — free up to 10, half-price as you grow.</h1>
            <p class="mk-lede mk-reveal mk-reveal-3 mt-5 max-w-[54ch] text-mk-ink-muted">
                People, projects, sprints, worklogs, tickets, and CRM — the system we ran our own software company on for five years. Free for your first 10 people, then 50% off paid seats for 12 months.
            </p>
            <div class="mk-reveal mk-reveal-4 mt-7 flex flex-wrap items-center gap-3">
                <a href="#apply" class="inline-flex items-center justify-center gap-2 rounded-[10px] font-medium transition-colors duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 h-12 px-7 text-base bg-mk-pine text-mk-cream hover:bg-mk-pine-deep focus-visible:ring-mk-green focus-visible:ring-offset-mk-paper">Apply — it’s free</a>
                <a href="https://crewforge.org/pricing" class="inline-flex items-center justify-center gap-2 rounded-[10px] font-medium transition-colors duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 h-12 px-7 text-base border border-mk-ink/25 text-mk-ink hover:bg-mk-ink/5 focus-visible:ring-mk-green focus-visible:ring-offset-mk-paper">See pricing</a>
            </div>
            <p class="mk-caption mk-reveal mk-reveal-5 mt-4 text-mk-ink-muted">No credit card. Monthly billing, no lock-in.</p>
        </div>
    </div></div>
    </section>


<section class="bg-mk-paper-2 text-mk-ink py-[var(--mk-section-tight)]">
            <div class="mx-auto max-w-[72rem] px-[clamp(1.25rem,4vw,2.5rem)]"><h2 class="mk-h2">What’s in the program</h2>
    <div class="mt-8 grid gap-6 sm:grid-cols-2 lg:grid-cols-3">
                    <div class="rounded-2xl border border-mk-line bg-mk-paper p-6">
                <svg class="h-6 w-6 text-mk-green" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
                    <path fill-rule="evenodd" d="M16.704 5.29a1 1 0 0 1 .006 1.414l-7.5 7.6a1 1 0 0 1-1.42.006l-3.5-3.5a1 1 0 1 1 1.414-1.414l2.79 2.79 6.796-6.886a1 1 0 0 1 1.414-.006Z" clip-rule="evenodd"></path>
                </svg>
                <h3 class="mt-4 text-base font-semibold text-mk-ink">Free for up to 10 people</h3>
                <p class="mt-1.5 text-[0.9375rem] text-mk-ink-muted">Run your whole startup free while you’re small — 10 seats, every module, no usage limits.</p>
            </div>
                    <div class="rounded-2xl border border-mk-line bg-mk-paper p-6">
                <svg class="h-6 w-6 text-mk-green" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
                    <path fill-rule="evenodd" d="M16.704 5.29a1 1 0 0 1 .006 1.414l-7.5 7.6a1 1 0 0 1-1.42.006l-3.5-3.5a1 1 0 1 1 1.414-1.414l2.79 2.79 6.796-6.886a1 1 0 0 1 1.414-.006Z" clip-rule="evenodd"></path>
                </svg>
                <h3 class="mt-4 text-base font-semibold text-mk-ink">50% off for 12 months</h3>
                <p class="mt-1.5 text-[0.9375rem] text-mk-ink-muted">Once you grow past the free limit, pay half price on every seat for your first 12 months.</p>
            </div>
                    <div class="rounded-2xl border border-mk-line bg-mk-paper p-6">
                <svg class="h-6 w-6 text-mk-green" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
                    <path fill-rule="evenodd" d="M16.704 5.29a1 1 0 0 1 .006 1.414l-7.5 7.6a1 1 0 0 1-1.42.006l-3.5-3.5a1 1 0 1 1 1.414-1.414l2.79 2.79 6.796-6.886a1 1 0 0 1 1.414-.006Z" clip-rule="evenodd"></path>
                </svg>
                <h3 class="mt-4 text-base font-semibold text-mk-ink">Every module included</h3>
                <p class="mt-1.5 text-[0.9375rem] text-mk-ink-muted">People, projects, sprints, worklogs, tickets, CRM, client portal — the whole system, not a starter tier.</p>
            </div>
                    <div class="rounded-2xl border border-mk-line bg-mk-paper p-6">
                <svg class="h-6 w-6 text-mk-green" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
                    <path fill-rule="evenodd" d="M16.704 5.29a1 1 0 0 1 .006 1.414l-7.5 7.6a1 1 0 0 1-1.42.006l-3.5-3.5a1 1 0 1 1 1.414-1.414l2.79 2.79 6.796-6.886a1 1 0 0 1 1.414-.006Z" clip-rule="evenodd"></path>
                </svg>
                <h3 class="mt-4 text-base font-semibold text-mk-ink">Free onboarding + migration help from your old tools</h3>
                <p class="mt-1.5 text-[0.9375rem] text-mk-ink-muted">We help you migrate from your old HRMS, Jira, helpdesk, and CRM so you’re running fast.</p>
            </div>
                    <div class="rounded-2xl border border-mk-line bg-mk-paper p-6">
                <svg class="h-6 w-6 text-mk-green" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
                    <path fill-rule="evenodd" d="M16.704 5.29a1 1 0 0 1 .006 1.414l-7.5 7.6a1 1 0 0 1-1.42.006l-3.5-3.5a1 1 0 1 1 1.414-1.414l2.79 2.79 6.796-6.886a1 1 0 0 1 1.414-.006Z" clip-rule="evenodd"></path>
                </svg>
                <h3 class="mt-4 text-base font-semibold text-mk-ink">Priority email support</h3>
                <p class="mt-1.5 text-[0.9375rem] text-mk-ink-muted">Real answers from the team that builds and runs CrewForge.</p>
            </div>
                    <div class="rounded-2xl border border-mk-line bg-mk-paper p-6">
                <svg class="h-6 w-6 text-mk-green" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
                    <path fill-rule="evenodd" d="M16.704 5.29a1 1 0 0 1 .006 1.414l-7.5 7.6a1 1 0 0 1-1.42.006l-3.5-3.5a1 1 0 1 1 1.414-1.414l2.79 2.79 6.796-6.886a1 1 0 0 1 1.414-.006Z" clip-rule="evenodd"></path>
                </svg>
                <h3 class="mt-4 text-base font-semibold text-mk-ink">Founder-friendly terms</h3>
                <p class="mt-1.5 text-[0.9375rem] text-mk-ink-muted">Monthly billing, no lock-in, cancel anytime.</p>
            </div>
            </div></div>
    </section>


<section class="bg-mk-paper text-mk-ink py-[var(--mk-section-tight)]">
            <div class="mx-auto max-w-[72rem] px-[clamp(1.25rem,4vw,2.5rem)]"><div class="grid gap-10 lg:grid-cols-[1fr_1.4fr] lg:gap-16">
        <div>
            <h2 class="mk-h2">What you get vs. the public plan</h2>
            <p class="mt-4 max-w-[48ch] text-mk-ink-muted">Same product, better terms. The startup program just gives you a bigger free tier and half off while you find your feet.</p>
        </div>
        <div class="overflow-hidden rounded-2xl border border-mk-line">
            <table class="w-full text-[0.9375rem]">
                <thead>
                    <tr class="border-b border-mk-line bg-mk-paper-2 text-left">
                        <th class="px-5 py-3 font-semibold"></th>
                        <th class="px-5 py-3 font-semibold">Public plan</th>
                        <th class="px-5 py-3 font-semibold text-mk-green">Startup program</th>
                    </tr>
                </thead>
                <tbody class="divide-y divide-mk-line">
                    <tr>
                        <td class="px-5 py-3 text-mk-ink-muted">Free users</td>
                        <td class="px-5 py-3 tabular-nums">5</td>
                        <td class="px-5 py-3 font-semibold tabular-nums">10</td>
                    </tr>
                    <tr>
                        <td class="px-5 py-3 text-mk-ink-muted">Paid seats</td>
                        <td class="px-5 py-3">Standard rate</td>
                        <td class="px-5 py-3 font-semibold">50% off for 12 months</td>
                    </tr>
                    <tr>
                        <td class="px-5 py-3 text-mk-ink-muted">Features</td>
                        <td class="px-5 py-3">Every module</td>
                        <td class="px-5 py-3 font-semibold">Every module</td>
                    </tr>
                    <tr>
                        <td class="px-5 py-3 text-mk-ink-muted">Onboarding</td>
                        <td class="px-5 py-3">Self-serve</td>
                        <td class="px-5 py-3 font-semibold">Migration help included</td>
                    </tr>
                    <tr>
                        <td class="px-5 py-3 text-mk-ink-muted">Support</td>
                        <td class="px-5 py-3">Standard</td>
                        <td class="px-5 py-3 font-semibold">Priority</td>
                    </tr>
                    <tr>
                        <td class="px-5 py-3 text-mk-ink-muted">Billing</td>
                        <td class="px-5 py-3">Monthly</td>
                        <td class="px-5 py-3 font-semibold">Monthly, no lock-in</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div></div>
    </section>


<section class="bg-mk-paper text-mk-ink py-[var(--mk-section-tight)] pt-0">
            <div class="mx-auto max-w-[72rem] px-[clamp(1.25rem,4vw,2.5rem)]"><div class="mx-auto max-w-2xl">
        <h2 class="mk-h2 text-center">Your price as you grow</h2>
        <p class="mt-3 text-center text-mk-ink-muted">Free to 10 people, then 50% off the standard per-seat rate. Move the slider — this is the live program price.</p>
        <div class="mt-8">
            <div x-data="window.crewforgePricingCalculator(JSON.parse('{\u0022freeLimit\u0022:10,\u0022maxSeats\u0022:100,\u0022defaultCurrency\u0022:\u0022INR\u0022,\u0022discountPercent\u0022:50,\u0022currencies\u0022:{\u0022INR\u0022:{\u0022code\u0022:\u0022INR\u0022,\u0022symbol\u0022:\u0022\\u20b9\u0022,\u0022locale\u0022:\u0022en-IN\u0022,\u0022decimals\u0022:0,\u0022tax\u0022:{\u0022rate\u0022:0.18,\u0022label\u0022:\u0022GST (18%)\u0022},\u0022breakpoints\u0022:[{\u0022size\u0022:10,\u0022rate\u0022:399},{\u0022size\u0022:20,\u0022rate\u0022:349},{\u0022size\u0022:30,\u0022rate\u0022:319},{\u0022size\u0022:50,\u0022rate\u0022:289},{\u0022size\u0022:100,\u0022rate\u0022:259}]},\u0022USD\u0022:{\u0022code\u0022:\u0022USD\u0022,\u0022symbol\u0022:\u0022$\u0022,\u0022locale\u0022:\u0022en-US\u0022,\u0022decimals\u0022:2,\u0022tax\u0022:null,\u0022breakpoints\u0022:[{\u0022size\u0022:10,\u0022rate\u0022:6},{\u0022size\u0022:20,\u0022rate\u0022:5.5},{\u0022size\u0022:30,\u0022rate\u0022:5},{\u0022size\u0022:50,\u0022rate\u0022:4.5},{\u0022size\u0022:100,\u0022rate\u0022:4}]}}}'))" class="flex flex-col overflow-hidden rounded-2xl border border-mk-line bg-mk-paper shadow-sm">
    
    <div class="border-b border-mk-line p-7 md:p-9">
        <div class="flex items-start justify-between gap-4">
            <div>
                <h2 class="mk-h3">Your startup price</h2>
                <p class="mk-caption mt-1 text-mk-ink-muted">Free for up to 10 people, then 50% off every paid seat.</p>
            </div>
                            <div class="flex shrink-0 rounded-[10px] border border-mk-line p-0.5" role="group" aria-label="Currency">
                    <template x-for="code in Object.keys(cfg.currencies)" :key="code">
                        <button type="button" @click="currency = code" class="rounded-[8px] px-3 py-1.5 text-sm font-medium tabular-nums transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-mk-green" :class="currency === code ? 'bg-mk-pine text-mk-cream' : 'text-mk-ink-muted hover:text-mk-ink'" :aria-pressed="currency === code" x-text="code"></button>
                    </template>
                </div>
                    </div>
        <div class="mt-6 flex flex-wrap items-end justify-between gap-4">
            <div>
                <label for="seat-count" class="mk-caption text-mk-ink-muted">How many people?</label>
                <div class="mt-2 flex items-center gap-3">
                    <button type="button" @click="dec()" aria-label="Remove one person" class="flex h-10 w-10 items-center justify-center rounded-[10px] border border-mk-ink/20 text-xl leading-none text-mk-ink transition-colors hover:bg-mk-ink/5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-mk-green">−</button>
                    <input id="seat-count" type="number" min="1" max="999" x-model.number="seats" @change="seats = clamp(seats)" class="h-12 w-24 rounded-[10px] border border-mk-line bg-mk-paper text-center font-display text-2xl font-semibold tabular-nums text-mk-ink focus:outline-none focus-visible:ring-2 focus-visible:ring-mk-green">
                    <button type="button" @click="inc()" aria-label="Add one person" class="flex h-10 w-10 items-center justify-center rounded-[10px] border border-mk-ink/20 text-xl leading-none text-mk-ink transition-colors hover:bg-mk-ink/5 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-mk-green">+</button>
                    <span class="ml-1 text-mk-ink-muted" x-text="seats === 1 ? 'person' : 'people'">people</span>
                </div>
            </div>
        </div>
        <input type="range" min="1" max="100" step="1" x-model.number="seats" aria-label="Number of people" class="mt-6 w-full cursor-pointer accent-mk-green">
        <div class="mt-2 flex justify-between text-xs text-mk-ink-muted tabular-nums">
            <span>1</span>
            <span>100+</span>
        </div>
    </div>

    
    <div class="flex-1 p-7 md:p-9">
        
        <template x-if="result.status === 'free'">
            <div class="text-center">
                <p class="font-display text-5xl font-semibold tracking-tight text-mk-green">Free</p>
                <p class="mt-3 text-mk-ink-muted">Everything’s included for teams of up to 10 people — no card required.</p>
                <a href="https://crewforge.org/auth/register?type=startup&amp;utm_source=startups&amp;utm_medium=program&amp;utm_campaign=startup" class="inline-flex items-center justify-center gap-2 rounded-[10px] font-medium transition-colors duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 h-12 px-7 text-base bg-mk-pine text-mk-cream hover:bg-mk-pine-deep focus-visible:ring-mk-green focus-visible:ring-offset-mk-paper mt-7">Start Free</a>
            </div>
        </template>

        
        <template x-if="result.status === 'contact_sales'">
            <div class="text-center">
                <p class="font-display text-3xl font-semibold tracking-tight text-mk-ink">You’re in Enterprise territory</p>
                <p class="mt-3 text-mk-ink-muted">Past 100 people we tailor pricing to your size — talk to us for custom pricing and your own hosting.</p>
                <a href="https://crewforge.org/contact" class="inline-flex items-center justify-center gap-2 rounded-[10px] font-medium transition-colors duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 h-12 px-7 text-base bg-mk-pine text-mk-cream hover:bg-mk-pine-deep focus-visible:ring-mk-green focus-visible:ring-offset-mk-paper mt-7">Contact Sales</a>
            </div>
        </template>

        
        <template x-if="result.status === 'paid'">
            <div>
                <div class="flex items-baseline justify-between gap-4">
                    <span class="mk-caption text-mk-ink-muted" x-text="result.tax ? 'Monthly total (ex-GST)' : 'Monthly total (ex-tax)'">Monthly total</span>
                    <span class="mk-caption text-mk-ink-muted tabular-nums">
                        <span x-text="money(result.perSeat)"></span> / person
                    </span>
                </div>
                <p class="mt-1 font-display text-5xl font-semibold tracking-tight tabular-nums text-mk-ink" x-text="money(result.subtotal)"></p>
                <template x-if="cfg.discountPercent &gt; 0">
                    <p class="mk-caption mt-1 font-medium text-mk-green"><span x-text="cfg.discountPercent"></span>% program discount applied</p>
                </template>

                
                <template x-if="result.nudge">
                    <div class="mt-5 flex flex-wrap items-center justify-between gap-3 rounded-xl border border-mk-green/30 bg-mk-green/5 px-4 py-3">
                        <p class="text-[0.9375rem] text-mk-ink">
                            Bump to <span class="font-semibold" x-text="result.nudge.bundleSize"></span> seats for
                            <span class="font-semibold tabular-nums" x-text="money(result.nudge.bundleSubtotal)"></span> —
                            save <span class="font-semibold tabular-nums" x-text="money(result.nudge.savings)"></span>,
                            <span x-text="result.nudge.spareSeats"></span> spare.
                        </p>
                        <button type="button" @click="applyNudge()" class="shrink-0 rounded-[10px] bg-mk-green px-4 py-2 text-sm font-medium text-white transition-colors hover:bg-mk-green/90 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-mk-green focus-visible:ring-offset-2 focus-visible:ring-offset-mk-paper">Apply</button>
                    </div>
                </template>

                
                <template x-if="result.tax">
                    <dl class="mt-6 space-y-2 border-t border-mk-line pt-5 text-[0.9375rem]">
                        <div class="flex justify-between">
                            <dt class="text-mk-ink-muted">Subtotal (ex-GST)</dt>
                            <dd class="tabular-nums text-mk-ink" x-text="money(result.subtotal)"></dd>
                        </div>
                        <div class="flex justify-between">
                            <dt class="text-mk-ink-muted" x-text="result.tax.label">GST (18%)</dt>
                            <dd class="tabular-nums text-mk-ink" x-text="money(result.tax.amount)"></dd>
                        </div>
                        <div class="flex justify-between border-t border-mk-line pt-2 text-base font-semibold">
                            <dt>Total per month</dt>
                            <dd class="tabular-nums" x-text="money(result.grandTotal)"></dd>
                        </div>
                    </dl>
                </template>
                
                <template x-if="!result.tax">
                    <p class="mk-caption mt-5 border-t border-mk-line pt-5 text-mk-ink-muted">Prices exclude applicable tax, calculated at checkout.</p>
                </template>

                <a href="https://crewforge.org/auth/register?type=startup&amp;utm_source=startups&amp;utm_medium=program&amp;utm_campaign=startup" class="inline-flex items-center justify-center gap-2 rounded-[10px] font-medium transition-colors duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 h-12 px-7 text-base bg-mk-pine text-mk-cream hover:bg-mk-pine-deep focus-visible:ring-mk-green focus-visible:ring-offset-mk-paper mt-7 w-full"><span>Get started with&nbsp;</span><span class="tabular-nums" x-text="seats"></span><span>&nbsp;people</span></a>
                <p class="mk-caption mt-3 text-center text-mk-ink-muted">No card required to start. Tax added at checkout. Add or remove people anytime — changes prorate for the rest of the month.</p>
            </div>
        </template>
    </div>
</div>
        </div>
    </div></div>
    </section>


<section class="bg-mk-paper-2 text-mk-ink py-[var(--mk-section-tight)]">
            <div class="mx-auto max-w-[72rem] px-[clamp(1.25rem,4vw,2.5rem)]"><h2 class="mk-h2">One system, not a stack of tools</h2>
    <p class="mt-4 max-w-[54ch] text-mk-ink-muted">Stop wiring together an HRMS, a project tool, a helpdesk, and a CRM. CrewForge is all of it, sharing one set of people and clients.</p>
    <p class="mt-8 border-t border-mk-line pt-6 text-[0.9375rem] text-mk-ink-muted">
        Twelve modules, one system:
        <a href="https://crewforge.org/features/employee-management" class="text-mk-green hover:underline">Employees</a> ·
        <a href="https://crewforge.org/features/attendance-tracking" class="text-mk-green hover:underline">Attendance</a> ·
        <a href="https://crewforge.org/features/leave-management" class="text-mk-green hover:underline">Leave</a> ·
        <a href="https://crewforge.org/features/worklogs" class="text-mk-green hover:underline">Worklogs</a> ·
        <a href="https://crewforge.org/features/task-project-management" class="text-mk-green hover:underline">Projects</a> ·
        <a href="https://crewforge.org/features/sprint-management" class="text-mk-green hover:underline">Sprints</a> ·
        <a href="https://crewforge.org/features/helpdesk" class="text-mk-green hover:underline">Tickets</a> ·
        <a href="https://crewforge.org/features/crm" class="text-mk-green hover:underline">CRM</a> ·
        <a href="https://crewforge.org/features/client-portal" class="text-mk-green hover:underline">Clients &amp; Portal</a> ·
        <a href="https://crewforge.org/features/performance-tracking" class="text-mk-green hover:underline">Performance</a> ·
        <a href="https://crewforge.org/features/document-generation" class="text-mk-green hover:underline">Documents</a> ·
        <a href="https://crewforge.org/features/integrations" class="text-mk-green hover:underline">Integrations</a>
    </p></div>
    </section>


<section class="bg-mk-paper text-mk-ink py-[var(--mk-section-tight)]">
            <div class="mx-auto max-w-[72rem] px-[clamp(1.25rem,4vw,2.5rem)]"><div class="grid gap-12 lg:grid-cols-2 lg:gap-20">
        <div>
            <h2 class="mk-h2">Why we do this</h2>
            <p class="mt-4 max-w-[52ch] text-mk-ink-muted">We built CrewForge to run our own software company, and we remember being small. We’d rather grow with you than nickel-and-dime you early. Get the whole system cheaply now; pay full price later, once it’s clearly earning its keep. That’s the whole deal — no asterisks.</p>
        </div>
        <div>
            <h2 class="mk-h2">How the discount winds down</h2>
            <p class="mt-4 max-w-[52ch] text-mk-ink-muted">When the 12 months end, the discount steps down gently instead of jumping to full price overnight:</p>
            <ol class="mt-6">
                <li class="flex items-baseline gap-4 border-t border-mk-line py-3">
                    <span class="mk-caption shrink-0 text-mk-green tabular-nums">Months 1–12</span>
                    <span class="text-[0.9375rem] text-mk-ink">50% off every paid seat</span>
                </li>
                <li class="flex items-baseline gap-4 border-t border-mk-line py-3">
                    <span class="mk-caption shrink-0 text-mk-green tabular-nums">Next 6 months</span>
                    <span class="text-[0.9375rem] text-mk-ink">25% off — a soft landing</span>
                </li>
                <li class="flex items-baseline gap-4 border-y border-mk-line py-3">
                    <span class="mk-caption shrink-0 text-mk-green tabular-nums">After that</span>
                    <span class="text-[0.9375rem] text-mk-ink">Standard pricing</span>
                </li>
            </ol>
        </div>
    </div></div>
    </section>


<section class="bg-mk-paper-2 text-mk-ink py-[var(--mk-section-tight)]">
            <div class="mx-auto max-w-[72rem] px-[clamp(1.25rem,4vw,2.5rem)]"><div class="max-w-3xl">
        <h2 class="mk-h2">Frequently Asked Questions</h2>
        <div class="mt-8">
            <details class="group border-t border-mk-line last:border-b">
    <summary class="flex cursor-pointer list-none items-baseline justify-between gap-6 py-5 text-left [&amp;::-webkit-details-marker]:hidden">
        <h3 class="text-base font-medium text-mk-ink sm:text-[1.0625rem]">Who’s eligible?</h3>
        <span class="mk-marker shrink-0 select-none text-base transition-transform duration-150 group-open:rotate-45" aria-hidden="true">+</span>
    </summary>
    <div class="max-w-[68ch] pb-6 text-[0.9375rem] leading-relaxed text-mk-ink-muted">Any running startup. It’s self-serve and low-friction — apply, then create your account. The only thing we can’t do is reset an existing or recent paying customer back onto the program.</div>
</details>
            <details class="group border-t border-mk-line last:border-b">
    <summary class="flex cursor-pointer list-none items-baseline justify-between gap-6 py-5 text-left [&amp;::-webkit-details-marker]:hidden">
        <h3 class="text-base font-medium text-mk-ink sm:text-[1.0625rem]">What happens after 12 months?</h3>
        <span class="mk-marker shrink-0 select-none text-base transition-transform duration-150 group-open:rotate-45" aria-hidden="true">+</span>
    </summary>
    <div class="max-w-[68ch] pb-6 text-[0.9375rem] leading-relaxed text-mk-ink-muted">The discount steps down — 50% → 25% → standard — rather than jumping in one go, so there’s no bill shock. We’ll tell you before each change.</div>
</details>
            <details class="group border-t border-mk-line last:border-b">
    <summary class="flex cursor-pointer list-none items-baseline justify-between gap-6 py-5 text-left [&amp;::-webkit-details-marker]:hidden">
        <h3 class="text-base font-medium text-mk-ink sm:text-[1.0625rem]">Can I add people as we grow?</h3>
        <span class="mk-marker shrink-0 select-none text-base transition-transform duration-150 group-open:rotate-45" aria-hidden="true">+</span>
    </summary>
    <div class="max-w-[68ch] pb-6 text-[0.9375rem] leading-relaxed text-mk-ink-muted">Yes, anytime. Mid-month additions are prorated for the remaining days, and you stay on your program rate.</div>
</details>
            <details class="group border-t border-mk-line last:border-b">
    <summary class="flex cursor-pointer list-none items-baseline justify-between gap-6 py-5 text-left [&amp;::-webkit-details-marker]:hidden">
        <h3 class="text-base font-medium text-mk-ink sm:text-[1.0625rem]">Do I need a credit card to start?</h3>
        <span class="mk-marker shrink-0 select-none text-base transition-transform duration-150 group-open:rotate-45" aria-hidden="true">+</span>
    </summary>
    <div class="max-w-[68ch] pb-6 text-[0.9375rem] leading-relaxed text-mk-ink-muted">No. You can start free for up to 10 people with no card. You only add billing when you grow past the free limit.</div>
</details>
        </div>
    </div></div>
    </section>


<section class="bg-mk-paper text-mk-ink py-[var(--mk-section-tight)]">
            <div class="mx-auto max-w-[72rem] px-[clamp(1.25rem,4vw,2.5rem)]"><div class="mx-auto max-w-2xl" id="apply">
        <h2 class="mk-h2 text-center">Apply to the startup program</h2>
        <p class="mt-3 text-center text-mk-ink-muted">Tell us a little about your startup, then create your account — the offer applies automatically.</p>

        
        <form method="POST" action="https://crewforge.org/startups/apply" class="mt-8 space-y-5">
            <input type="hidden" name="_token" value="JTaOrPih6alI8hAokcyNYxTsdfv24aDCpoCJ9ORC" autocomplete="off">            <div id="last_name_iKuxY2GzhwXlWnWK_wrap" style="display: none" aria-hidden="true">
        <input id="last_name_iKuxY2GzhwXlWnWK" name="last_name_iKuxY2GzhwXlWnWK" type="text" value="" autocomplete="nope" tabindex="-1">
        <input name="valid_from" type="text" value="eyJpdiI6IjZxbERSNk9oNEx4bGdHaG9vNFgrdGc9PSIsInZhbHVlIjoiVDk0eGd0VHFQeVBGVW9Xd1ZsTjF1Zz09IiwibWFjIjoiYjk3ZDU2YzE4ZGZjODZjZmI5YWI1ZDBlNzYyZjUxNTkxZDMzNjU1NjI3YTU2YjA5NDExMTdhYTQwNzRiMjU2NyIsInRhZyI6IiJ9" autocomplete="off" tabindex="-1">
    </div>
                        <div class="grid gap-5 sm:grid-cols-2">
                <div class="space-y-1.5">
                    <label for="company" class="text-sm font-medium text-mk-ink">Startup name *</label>
                    <input id="company" type="text" name="company" value="" placeholder="Acme Inc." required="" class="h-10 w-full rounded-[10px] border bg-mk-paper px-3.5 text-[0.9375rem] text-mk-ink placeholder:text-mk-ink-muted/60 focus:outline-none focus-visible:ring-2 focus-visible:ring-mk-green border-mk-line">
                                    </div>
                <div class="space-y-1.5">
                    <label for="website" class="text-sm font-medium text-mk-ink">Website</label>
                    <input id="website" type="text" name="website" value="" placeholder="acme.com" class="h-10 w-full rounded-[10px] border bg-mk-paper px-3.5 text-[0.9375rem] text-mk-ink placeholder:text-mk-ink-muted/60 focus:outline-none focus-visible:ring-2 focus-visible:ring-mk-green border-mk-line">
                                    </div>
            </div>
            <div class="grid gap-5 sm:grid-cols-2">
                <div class="space-y-1.5">
                    <label for="name" class="text-sm font-medium text-mk-ink">Your name *</label>
                    <input id="name" type="text" name="name" value="" placeholder="Jordan Founder" required="" class="h-10 w-full rounded-[10px] border bg-mk-paper px-3.5 text-[0.9375rem] text-mk-ink placeholder:text-mk-ink-muted/60 focus:outline-none focus-visible:ring-2 focus-visible:ring-mk-green border-mk-line">
                                    </div>
                <div class="space-y-1.5">
                    <label for="email" class="text-sm font-medium text-mk-ink">Work email *</label>
                    <input id="email" type="email" name="email" value="" placeholder="you@acme.com" required="" class="h-10 w-full rounded-[10px] border bg-mk-paper px-3.5 text-[0.9375rem] text-mk-ink placeholder:text-mk-ink-muted/60 focus:outline-none focus-visible:ring-2 focus-visible:ring-mk-green border-mk-line">
                                    </div>
            </div>
            <div class="grid gap-5 sm:grid-cols-2">
                <div class="space-y-1.5">
                    <label for="phone" class="text-sm font-medium text-mk-ink">Phone *</label>
                    <input id="phone" type="tel" name="phone" value="" placeholder="10-digit number" inputmode="numeric" pattern="\d{10}" maxlength="10" required="" class="h-10 w-full rounded-[10px] border bg-mk-paper px-3.5 text-[0.9375rem] text-mk-ink placeholder:text-mk-ink-muted/60 focus:outline-none focus-visible:ring-2 focus-visible:ring-mk-green border-mk-line">
                                    </div>
                <div class="space-y-1.5">
                    <label for="team_size" class="text-sm font-medium text-mk-ink">Team size</label>
                    <select id="team_size" name="team_size" class="h-10 w-full rounded-[10px] border bg-mk-paper px-3.5 text-[0.9375rem] text-mk-ink placeholder:text-mk-ink-muted/60 focus:outline-none focus-visible:ring-2 focus-visible:ring-mk-green border-mk-line">
                        <option value="">Select…</option>
                                                    <option value="1–5">1–5 people</option>
                                                    <option value="6–10">6–10 people</option>
                                                    <option value="11–25">11–25 people</option>
                                                    <option value="26–50">26–50 people</option>
                                                    <option value="51–100">51–100 people</option>
                                                    <option value="100+">100+ people</option>
                                            </select>
                </div>
                <div class="space-y-1.5">
                    <label for="how_heard" class="text-sm font-medium text-mk-ink">How did you hear about us?</label>
                    <input id="how_heard" type="text" name="how_heard" value="" placeholder="Optional" class="h-10 w-full rounded-[10px] border bg-mk-paper px-3.5 text-[0.9375rem] text-mk-ink placeholder:text-mk-ink-muted/60 focus:outline-none focus-visible:ring-2 focus-visible:ring-mk-green border-mk-line">
                </div>
            </div>

            <div class="space-y-1.5" id="captcha-section">
    <label for="math_captcha_answer" class="text-sm font-medium text-mk-ink">Solve the math below *</label>
    <div id="captcha-placeholder" class="flex items-start gap-3 hidden">
        <div class="flex h-10 w-[148px] shrink-0 items-center justify-center rounded-[10px] border border-mk-line bg-mk-paper">
            <span class="mk-caption animate-pulse text-mk-ink-muted">Loading captcha</span>
        </div>
        <div class="h-10 w-32 shrink-0 animate-pulse rounded-[10px] border border-mk-line bg-mk-paper"></div>
    </div>
    <div id="captcha-block" class="flex items-start gap-3">
        <div class="flex flex-col gap-1.5">
            <img alt="Math captcha" width="148" height="40" class="h-10 w-auto rounded-[10px] border border-mk-line object-contain" id="math-captcha-image" data-src="https://crewforge.org/contact/captcha-image" src="https://crewforge.org/contact/captcha-image?1786492458300">
            <button type="button" id="captcha-refresh" class="inline-flex w-fit items-center gap-1.5 text-xs font-medium text-mk-green hover:underline">
                <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M21 12a9 9 0 0 0-9-9 9.75 9.75 0 0 0-6.74 2.74L3 8"></path><path d="M3 3v5h5"></path><path d="M3 12a9 9 0 0 0 9 9 9.75 9.75 0 0 0 6.74-2.74L21 16"></path><path d="M16 21h5v-5"></path></svg>
                Refresh Captcha
            </button>
        </div>
        <input id="math_captcha_answer" type="number" name="math_captcha_answer" value="" placeholder="Enter result" min="0" max="99" required="" class="h-10 rounded-[10px] border bg-mk-paper px-3.5 text-[0.9375rem] text-mk-ink placeholder:text-mk-ink-muted/60 focus:outline-none focus-visible:ring-2 focus-visible:ring-mk-green border-mk-line w-32 shrink-0 tabular-nums">
    </div>
    </div>
<script>
(function() {
    var placeholder = document.getElementById('captcha-placeholder');
    var block = document.getElementById('captcha-block');
    var img = document.getElementById('math-captcha-image');
    var input = document.getElementById('math_captcha_answer');
    var dataSrc = img && img.getAttribute('data-src');
    if (!dataSrc) return;
    function loadCaptcha() {
        img.src = dataSrc + '?' + Date.now();
        placeholder.classList.add('hidden');
        block.classList.remove('hidden');
        if (input) input.removeAttribute('disabled');
    }
    function refreshCaptcha() { if (img && dataSrc) img.src = dataSrc + '?' + Date.now(); }
    if (document.querySelector('#captcha-section .text-red-600, #captcha-section .text-red-400')) {
        loadCaptcha();
    } else {
        setTimeout(loadCaptcha, 1500);
    }
    var refresh = document.getElementById('captcha-refresh');
    if (refresh) refresh.addEventListener('click', refreshCaptcha);
})();
</script>

            <div class="flex flex-wrap items-center gap-4 pt-1">
                <button type="submit" class="inline-flex h-12 items-center justify-center rounded-[10px] bg-mk-pine px-7 text-base font-medium text-mk-cream transition-colors duration-150 hover:bg-mk-pine-deep focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-mk-green focus-visible:ring-offset-2 focus-visible:ring-offset-mk-paper">
                    Apply &amp; create account
                </button>
                <span class="mk-caption text-mk-ink-muted">Self-serve — you’ll be creating your account next.</span>
            </div>
        </form>
    </div></div>
    </section>

<section class="bg-mk-pine text-mk-cream">
    <div class="mx-auto max-w-[72rem] px-[clamp(1.25rem,4vw,2.5rem)] py-[var(--mk-section-tight)] md:py-[clamp(4rem,3rem+3vw,6rem)]">
        <div class="grid items-center gap-10 lg:grid-cols-[1.4fr_auto]">
            <div>
                <h2 class="mk-h2">Build your company on CrewForge from day one</h2>
                                    <p class="mk-lede mt-4 max-w-[58ch] text-mk-cream/75">Free up to 10 people, then 50% off as you grow. No card to start.</p>
                            </div>
            <div class="flex flex-wrap items-center gap-3 lg:justify-end">
                <a href="https://crewforge.org/startups#apply" class="inline-flex items-center justify-center gap-2 rounded-[10px] font-medium transition-colors duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 h-12 px-7 text-base bg-mk-cream text-mk-pine hover:bg-mk-cream/90 focus-visible:ring-mk-cream focus-visible:ring-offset-mk-pine">Apply — it’s free</a>
                <a href="https://crewforge.org/pricing" class="inline-flex items-center justify-center gap-2 rounded-[10px] font-medium transition-colors duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 h-12 px-7 text-base border border-mk-cream/30 text-mk-cream hover:bg-mk-cream/10 focus-visible:ring-mk-cream focus-visible:ring-offset-mk-pine">See pricing</a>
            </div>
        </div>
                <p class="mk-caption mt-8 text-mk-cream/55">No credit card. Free up to 10 employees. Or <a href="https://crewforge.org/contact" class="text-mk-cream/80 underline decoration-1 underline-offset-4 hover:decoration-2">contact our team</a> for a 15 minute walkthrough.</p>
    </div>
</section>
    <footer class="bg-mk-pine-deep text-mk-cream/75">
    <div class="mx-auto max-w-[72rem] px-[clamp(1.25rem,4vw,2.5rem)] py-14 md:py-20">
        <div class="grid gap-12 lg:grid-cols-[1fr_3fr]">
            <!-- Brand area -->
            <div class="lg:max-w-sm">
                <a href="https://crewforge.org" class="inline-block">
                    <img src="https://crewforge.org/images/logos/crewforge-full-dark-transparent.svg" alt="CrewForge" width="146" height="36" class="h-9 w-auto">
                </a>
                <p class="mt-5 text-sm leading-relaxed text-mk-cream/75">
                    The all-in-one ERP for software companies: people, projects, and clients in one system.
                </p>
                <p class="mt-2 text-sm leading-relaxed text-mk-cream/50">
                    Built for product and service software companies who want to run their whole operation from one place.
                </p>
                <div class="mt-7 flex flex-wrap gap-3">
                    <a href="https://crewforge.org/auth/register" class="inline-flex items-center justify-center gap-2 rounded-[10px] font-medium transition-colors duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 h-10 px-5 text-[0.9375rem] bg-mk-cream text-mk-pine hover:bg-mk-cream/90 focus-visible:ring-mk-cream focus-visible:ring-offset-mk-pine">Start Free</a>
                    <a href="https://crewforge.org/contact" class="inline-flex items-center justify-center gap-2 rounded-[10px] font-medium transition-colors duration-150 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 h-10 px-5 text-[0.9375rem] border border-mk-cream/30 text-mk-cream hover:bg-mk-cream/10 focus-visible:ring-mk-cream focus-visible:ring-offset-mk-pine">Request Demo</a>
                </div>
            </div>

            <!-- Link columns -->
            <div class="grid grid-cols-2 gap-x-8 gap-y-10 md:grid-cols-3 xl:grid-cols-6">
                <div>
                    <h3 class="font-display text-sm font-semibold text-mk-cream">Product</h3>
                    <ul class="mt-4 space-y-3">
                        <li><a href="https://crewforge.org/features" class="text-sm text-mk-cream/70 transition-colors hover:text-mk-cream">All features</a></li>
                        <li><a href="https://crewforge.org/features/client-portal" class="text-sm text-mk-cream/70 transition-colors hover:text-mk-cream">Client portal</a></li>
                        <li><a href="https://crewforge.org/features/meeting-recording" class="text-sm text-mk-cream/70 transition-colors hover:text-mk-cream">Meeting recording</a></li>
                        <li><a href="https://crewforge.org/integrations" class="text-sm text-mk-cream/70 transition-colors hover:text-mk-cream">Integrations</a></li>
                        <li><a href="https://crewforge.org/security" class="text-sm text-mk-cream/70 transition-colors hover:text-mk-cream">Security</a></li>
                        <li><a href="https://crewforge.org/pricing" class="text-sm text-mk-cream/70 transition-colors hover:text-mk-cream">Pricing</a></li>
                    </ul>
                </div>
                <div>
                    <h3 class="font-display text-sm font-semibold text-mk-cream">Solutions</h3>
                    <ul class="mt-4 space-y-3">
                        <li><a href="https://crewforge.org/for/software-companies" class="text-sm text-mk-cream/70 transition-colors hover:text-mk-cream">Software companies</a></li>
                        <li><a href="https://crewforge.org/for/saas-product-teams" class="text-sm text-mk-cream/70 transition-colors hover:text-mk-cream">SaaS &amp; product teams</a></li>
                        <li><a href="https://crewforge.org/for/it-services" class="text-sm text-mk-cream/70 transition-colors hover:text-mk-cream">IT services</a></li>
                        <li><a href="https://crewforge.org/for/startups" class="text-sm text-mk-cream/70 transition-colors hover:text-mk-cream">Startups</a></li>
                        <li><a href="https://crewforge.org/for/agencies" class="text-sm text-mk-cream/70 transition-colors hover:text-mk-cream">Agencies</a></li>
                        <li><a href="https://crewforge.org/solutions" class="text-sm text-mk-cream/45 transition-colors hover:text-mk-cream">All solutions →</a></li>
                    </ul>
                </div>
                <div>
                    <h3 class="font-display text-sm font-semibold text-mk-cream">Compare</h3>
                    <ul class="mt-4 space-y-3">
                        <li><a href="https://crewforge.org/compare/bamboohr-alternative" class="text-sm text-mk-cream/70 transition-colors hover:text-mk-cream">vs BambooHR</a></li>
                        <li><a href="https://crewforge.org/compare/zoho-people-alternative" class="text-sm text-mk-cream/70 transition-colors hover:text-mk-cream">vs Zoho People</a></li>
                        <li><a href="https://crewforge.org/compare/jira-alternative" class="text-sm text-mk-cream/70 transition-colors hover:text-mk-cream">vs Jira</a></li>
                        <li><a href="https://crewforge.org/compare/monday-alternative" class="text-sm text-mk-cream/70 transition-colors hover:text-mk-cream">vs monday.com</a></li>
                        <li><a href="https://crewforge.org/compare" class="text-sm text-mk-cream/45 transition-colors hover:text-mk-cream">All comparisons →</a></li>
                    </ul>
                </div>
                <div>
                    <h3 class="font-display text-sm font-semibold text-mk-cream">Resources</h3>
                    <ul class="mt-4 space-y-3">
                        <li><a href="https://crewforge.org/blog" class="text-sm text-mk-cream/70 transition-colors hover:text-mk-cream">Blog</a></li>
                        <li><a href="https://crewforge.org/glossary" class="text-sm text-mk-cream/70 transition-colors hover:text-mk-cream">Glossary</a></li>
                    </ul>
                </div>
                <div>
                    <h3 class="font-display text-sm font-semibold text-mk-cream">Company</h3>
                    <ul class="mt-4 space-y-3">
                        <li><a href="https://crewforge.org/about" class="text-sm text-mk-cream/70 transition-colors hover:text-mk-cream">About</a></li>
                        <li><a href="https://crewforge.org/contact" class="text-sm text-mk-cream/70 transition-colors hover:text-mk-cream">Contact</a></li>
                        <li><a href="https://crewforge.org/startups" class="text-sm text-mk-cream/70 transition-colors hover:text-mk-cream">For startups</a></li>
                        <li><a href="https://crewforge.org/partners" class="text-sm text-mk-cream/70 transition-colors hover:text-mk-cream">For partners</a></li>
                    </ul>
                </div>
                <div>
                    <h3 class="font-display text-sm font-semibold text-mk-cream">Legal</h3>
                    <ul class="mt-4 space-y-3">
                        <li><a href="https://crewforge.org/policy" class="text-sm text-mk-cream/70 transition-colors hover:text-mk-cream">Privacy Policy</a></li>
                        <li><a href="https://crewforge.org/terms" class="text-sm text-mk-cream/70 transition-colors hover:text-mk-cream">Terms of Service</a></li>
                        <li><a href="https://crewforge.org/subprocessors" class="text-sm text-mk-cream/70 transition-colors hover:text-mk-cream">Subprocessors</a></li>
                        <li><a href="https://crewforge.org/dpdp" class="text-sm text-mk-cream/70 transition-colors hover:text-mk-cream">Data Protection (DPDP)</a></li>
                        <li><a href="https://crewforge.org/licensing" class="text-sm text-mk-cream/70 transition-colors hover:text-mk-cream">Licensing</a></li>
                    </ul>
                </div>
            </div>
        </div>

        <!-- Bottom bar -->
        <div class="mt-14 flex flex-col items-center justify-between gap-4 border-t border-mk-cream/10 pt-8 md:flex-row">
            <p class="text-sm text-mk-cream/50">
                © 2026 CrewForge. All rights reserved.
            </p>
            <ul class="flex items-center gap-6">
                <li>
                    <a href="https://www.linkedin.com/products/thecodework-crewforge/" target="_blank" rel="noopener noreferrer" class="text-mk-cream/50 transition-colors hover:text-mk-cream" aria-label="LinkedIn">
                        <svg class="h-5 w-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
                            <path fill-rule="evenodd" d="M19 0h-14c-2.76 0-5 2.24-5 5v14c0 2.76 2.24 5 5 5h14c2.76 0 5-2.24 5-5v-14c0-2.76-2.24-5-5-5zm-11.75 19h-2.5v-9h2.5v9zm-1.25-10.29c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm13.25 10.29h-2.5v-4.5c0-1.1-.9-2-2-2s-2 .9-2 2v4.5h-2.5v-9h2.5v1.29c.69-.89 1.79-1.29 2.75-1.29 2.21 0 4 1.79 4 4v5z" clip-rule="evenodd"></path>
                        </svg>
                    </a>
                </li>
                <li>
                    <a href="https://x.com/crewforge" target="_blank" rel="noopener noreferrer" class="text-mk-cream/50 transition-colors hover:text-mk-cream" aria-label="Twitter / X">
                        <svg class="h-5 w-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
                            <path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path>
                        </svg>
                    </a>
                </li>
                <li>
                    <a href="https://www.youtube.com/@CrewForge" target="_blank" rel="noopener noreferrer" class="text-mk-cream/50 transition-colors hover:text-mk-cream" aria-label="YouTube">
                        <svg class="h-5 w-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true">
                            <path d="M23.498 6.186a2.99 2.99 0 00-2.106-2.106C19.779 3.5 12 3.5 12 3.5s-7.779 0-9.392.58a2.99 2.99 0 00-2.106 2.106C0 7.799 0 12 0 12s0 4.201.502 5.814a2.99 2.99 0 002.106 2.106C4.221 20.5 12 20.5 12 20.5s7.779 0 9.392-.58a2.99 2.99 0 002.106-2.106C24 16.201 24 12 24 12s0-4.201-.502-5.814zM9.75 15.02V8.98L15.5 12l-5.75 3.02z"></path>
                        </svg>
                    </a>
                </li>
            </ul>
        </div>
    </div>
</footer>
    <script>
    window.crewforgeSeatPricing = window.crewforgeSeatPricing || function (seats, discountPercent, cur, cfg) {
        seats = Math.max(0, Math.floor(Number(seats) || 0));
        var f = Math.pow(10, cur.decimals);
        var roundMoney = function (x) { return Math.round(x * f) / f; };
        var pct = Math.min(100, Math.max(0, Number(discountPercent) || 0));
        var applyDisc = function (t) { return roundMoney(pct > 0 ? t * (1 - pct / 100) : t); };
        var taxOf = function (sub) { return cur.tax ? roundMoney(sub * cur.tax.rate) : 0; };
        var pack = function (status, subtotal, perSeat, nudge) {
            var taxAmount = taxOf(subtotal);
            return {
                seats: seats, status: status, currency: cur.code, perSeat: perSeat,
                subtotal: subtotal,
                tax: cur.tax ? { label: cur.tax.label, amount: taxAmount } : null,
                grandTotal: roundMoney(subtotal + taxAmount), nudge: nudge,
            };
        };

        if (seats <= cfg.freeLimit) { return pack('free', 0, 0, null); }
        if (seats > cfg.maxSeats) { return pack('contact_sales', 0, null, null); }

        var bps = cur.breakpoints;

        // Base rate: largest breakpoint whose size <= N (fall back to the first).
        var base = bps[0];
        for (var i = 0; i < bps.length; i++) {
            if (bps[i].size <= seats) { base = bps[i]; }
        }
        var baseTotal = seats * base.rate;

        // Next bundle: smallest breakpoint whose size >= N.
        var next = null;
        for (var j = 0; j < bps.length; j++) {
            if (bps[j].size >= seats) { next = bps[j]; break; }
        }
        var roundUpTotal = next ? next.size * next.rate : Infinity;

        var listTotal = Math.min(baseTotal, roundUpTotal);

        var nudge = null;
        if (next && roundUpTotal < baseTotal) {
            nudge = {
                bundleSize: next.size,
                bundleSubtotal: applyDisc(roundUpTotal),
                savings: roundMoney(baseTotal - roundUpTotal),
                spareSeats: next.size - seats,
            };
        }

        var subtotal = applyDisc(listTotal);
        return pack('paid', subtotal, subtotal / seats, nudge);
    };

    window.crewforgePricingCalculator = window.crewforgePricingCalculator || function (cfg) {
        return {
            cfg: cfg,
            currency: cfg.defaultCurrency,
            seats: cfg.freeLimit, // land on "Free" so people see it as start-free
            get cur() { return this.cfg.currencies[this.currency]; },
            get result() { return window.crewforgeSeatPricing(this.seats, this.cfg.discountPercent || 0, this.cur, this.cfg); },
            money: function (n) {
                var c = this.cur;
                return c.symbol + Number(n).toLocaleString(c.locale, {
                    minimumFractionDigits: c.decimals, maximumFractionDigits: c.decimals,
                });
            },
            clamp: function (n) { return Math.max(1, Math.min(999, Math.floor(Number(n) || 1))); },
            dec: function () { this.seats = this.clamp(this.seats - 1); },
            inc: function () { this.seats = this.clamp(this.seats + 1); },
            applyNudge: function () {
                if (this.result.nudge) { this.seats = this.result.nudge.bundleSize; }
            },
        };
    };
</script>
    <!-- <link rel="preload" as="style" href="https://crewforge.org/build/assets/vendor-D50NYxgQ.css" /><link rel="preload" as="style" href="https://crewforge.org/build/assets/vendor-vue-D5HAdpT2.css" /><link rel="preload" as="style" href="https://crewforge.org/build/assets/DialogFooter-j6RS-APx.css" /><link rel="preload" as="style" href="https://crewforge.org/build/assets/app-CpCFsJrJ.css" /><link rel="modulepreload" href="https://crewforge.org/build/assets/app-BE4fzd0t.js" /><link rel="modulepreload" href="https://crewforge.org/build/assets/vendor-B0_RxBTz.js" /><link rel="modulepreload" href="https://crewforge.org/build/assets/vendor-date-CQ_DKd9Z.js" /><link rel="modulepreload" href="https://crewforge.org/build/assets/preload-helper-Di20xa_8.js" /><link rel="modulepreload" href="https://crewforge.org/build/assets/vendor-vue-agTsY2ec.js" /><link rel="modulepreload" href="https://crewforge.org/build/assets/utils-CYaDHSju.js" /><link rel="modulepreload" href="https://crewforge.org/build/assets/DialogFooter-Do5YueBf.js" /><link rel="modulepreload" href="https://crewforge.org/build/assets/Button-lHSoZlO3.js" /><link rel="modulepreload" href="https://crewforge.org/build/assets/auth-LX6Ku18N.js" /><link rel="modulepreload" href="https://crewforge.org/build/assets/vendor-icons-C6eQkmti.js" /><link rel="modulepreload" href="https://crewforge.org/build/assets/Input-BX42j3uH.js" /><link rel="modulepreload" href="https://crewforge.org/build/assets/Label-CG9GK2Ie.js" /><link rel="stylesheet" href="https://crewforge.org/build/assets/vendor-D50NYxgQ.css" /><link rel="stylesheet" href="https://crewforge.org/build/assets/vendor-vue-D5HAdpT2.css" /><link rel="stylesheet" href="https://crewforge.org/build/assets/DialogFooter-j6RS-APx.css" /><link rel="stylesheet" href="https://crewforge.org/build/assets/app-CpCFsJrJ.css" /><script type="module" src="https://crewforge.org/build/assets/app-BE4fzd0t.js"></script> -->


</body></html>