<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>Workroomly Founders Program &mdash; Up to &#8358;5M Startup Credits</title>
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-M91EF852SF"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
    gtag('config', 'G-M91EF852SF');
  </script>
  <meta name="description" content="Apply for the Workroomly Founders Program and receive up to &#8358;5M in startup credits for email, meetings, docs, CRM, and AI collaboration tools.">
  <meta property="og:title" content="Workroomly Founders Program &mdash; Up to &#8358;5M Startup Credits">
  <meta property="og:description" content="Apply for the Workroomly Founders Program and receive up to &#8358;5M in startup credits for email, meetings, docs, CRM, and AI collaboration tools.">
  <meta property="og:image" content="https://workroomly.com/assets/logo-workroomly.png">
  <meta property="og:type" content="website">
  <meta property="og:url" content="https://workroomly.com/founders_program/">
  <meta name="twitter:card" content="summary_large_image">
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" />
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" />
  <link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=IBM+Plex+Sans:wght@400;500;600&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="../style.css?v=founders-hero-premium-20260726" />
  <link rel="icon" type="image/png" href="/assets/favicon.png" />
  <meta name="robots" content="index,follow,max-image-preview:large,max-snippet:-1,max-video-preview:-1">
  <meta name="theme-color" content="#050d1f">
  <link rel="canonical" href="https://workroomly.com/founders_program/">
  <meta property="og:site_name" content="Workroomly">
  <meta name="twitter:site" content="@workroomly">
  <meta name="twitter:title" content="Workroomly Founders Program &mdash; Up to &#8358;5M Startup Credits">
  <meta name="twitter:description" content="Apply for the Workroomly Founders Program and receive up to &#8358;5M in startup credits.">
  <meta name="twitter:image" content="https://workroomly.com/assets/logo-workroomly.png">
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"Workroomly","url":"https://www.workroomly.com","logo":"https://www.workroomly.com/assets/logo.png","sameAs":["https://twitter.com/workroomly","https://www.linkedin.com/company/workroomly"]}</script>
  <style>
    :root {
      --fp-ink: #08112a;
      --fp-copy: #273653;
      --fp-muted: #66748f;
      --fp-border: rgba(8, 17, 42, 0.1);
      --fp-primary: #2354ff;
      --fp-cyan: #06b6d4;
      --fp-success: #16a34a;
      --fp-shadow-sm: 0 14px 30px rgba(10, 22, 55, 0.06);
      --fp-shadow-md: 0 22px 48px rgba(10, 22, 55, 0.1);
    }
    body { color: var(--fp-ink); background: #ffffff; overflow-x: hidden; }

    /* HERO */
    .founders-hero-premium { position: relative; padding: 160px 0 120px; background: #050d1f; color: #ffffff; overflow: hidden; text-align: center; }
    .founders-hero-premium::before { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse 70% 50% at 50% 30%, rgba(20, 87, 230, 0.12) 0%, transparent 60%), radial-gradient(ellipse 40% 60% at 80% 70%, rgba(99, 91, 255, 0.07) 0%, transparent 50%), radial-gradient(ellipse 50% 40% at 15% 80%, rgba(6, 182, 212, 0.06) 0%, transparent 50%); pointer-events: none; }
    .founders-hero-center { position: relative; z-index: 1; max-width: 760px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; }
    .founders-hero-premium .hero-chip { display: inline-flex; align-items: center; gap: 0.5rem; padding: 8px 18px; border-radius: 100px; background: rgba(79, 196, 255, 0.08); border: 1px solid rgba(79, 196, 255, 0.2); color: #7dd3fc; letter-spacing: 0.06em; font-size: 0.76rem; font-weight: 700; text-transform: uppercase; margin-bottom: 32px; animation: fpFadeUp 0.6s ease both; }
    .founders-hero-premium .hero-chip i { font-size: 0.7rem; color: #4fc4ff; }
    .founders-hero-premium .hero-title { font-family: 'Space Grotesk', system-ui, sans-serif; font-size: clamp(2.6rem, 5vw, 4.2rem); font-weight: 700; margin: 0 0 24px; line-height: 1.06; letter-spacing: -0.03em; color: #ffffff !important; background: none !important; -webkit-background-clip: unset !important; -webkit-text-fill-color: #ffffff !important; text-wrap: balance; animation: fpFadeUp 0.6s ease both; animation-delay: 0.1s; }
    .founders-hero-premium .hero-subtitle { color: rgba(255, 255, 255, 0.55); font-size: 1.14rem; line-height: 1.7; margin: 0 auto 40px; max-width: 560px; animation: fpFadeUp 0.6s ease both; animation-delay: 0.2s; }
    .founders-hero-actions { display: flex; align-items: center; gap: 14px; margin-bottom: 56px; animation: fpFadeUp 0.6s ease both; animation-delay: 0.3s; }
    .founders-hero-btn-primary { padding: 16px 36px; border-radius: 12px; background: linear-gradient(135deg, #1457e6 0%, #635bff 100%); border: none; color: #ffffff; font-weight: 600; font-size: 0.95rem; box-shadow: 0 4px 20px rgba(20, 87, 230, 0.4); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); text-decoration: none; display: inline-flex; align-items: center; }
    .founders-hero-btn-primary:hover { transform: translateY(-2px); box-shadow: 0 8px 28px rgba(20, 87, 230, 0.5); color: #ffffff; }
    .founders-hero-btn-secondary { padding: 16px 28px; border-radius: 12px; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.15); color: rgba(255, 255, 255, 0.8); font-weight: 500; font-size: 0.95rem; transition: all 0.3s ease; text-decoration: none; display: inline-flex; align-items: center; }
    .founders-hero-btn-secondary:hover { background: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.25); color: #ffffff; }
    .founders-hero-btn-secondary i { font-size: 0.72rem; margin-left: 6px; }
    .founders-hero-stats { display: flex; align-items: center; justify-content: center; gap: 40px; animation: fpFadeUp 0.6s ease both; animation-delay: 0.4s; }
    .founders-hero-stat { display: flex; flex-direction: column; align-items: center; gap: 4px; }
    .founders-hero-stat-value { font-family: 'Space Grotesk', system-ui, sans-serif; font-size: 1.5rem; font-weight: 700; color: #ffffff; letter-spacing: -0.02em; }
    .founders-hero-stat-label { font-size: 0.78rem; color: rgba(255, 255, 255, 0.4); }
    .founders-hero-stat-divider { width: 1px; height: 36px; background: rgba(255, 255, 255, 0.1); }
    @keyframes fpFadeUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
    @media (max-width: 767px) {
      .founders-hero-premium { padding: 130px 0 80px; }
      .founders-hero-actions { flex-direction: column; width: 100%; gap: 12px; }
      .founders-hero-btn-primary, .founders-hero-btn-secondary { width: 100%; text-align: center; justify-content: center; }
      .founders-hero-stats { flex-wrap: wrap; gap: 24px; }
      .founders-hero-stat-divider { display: none; }
    }

    /* SECTIONS */
    .section, .section-accent { padding: clamp(6rem, 10vw, 9rem) 0; position: relative; }
    .section-title { font-family: 'Space Grotesk', system-ui, sans-serif; font-size: clamp(2.2rem, 3.5vw, 3.2rem); font-weight: 700; letter-spacing: -0.03em; color: var(--fp-ink); line-height: 1.08; text-wrap: balance; }
    .section-title::after { display: none !important; }
    .section-subtitle { color: rgba(39, 54, 83, 0.7); font-size: 1.1rem; line-height: 1.75; max-width: 56ch; margin-left: auto; margin-right: auto; }
    .subtle { color: var(--fp-copy); }
    .text-muted { color: var(--fp-muted) !important; }
    .text-primary { color: var(--fp-primary) !important; }
    .fade-in { opacity: 0; transform: translateY(24px); transition: opacity 0.7s cubic-bezier(0.4, 0, 0.2, 1), transform 0.7s cubic-bezier(0.4, 0, 0.2, 1); }
    .fade-in.visible { opacity: 1; transform: translateY(0); }
    #footer-container .cta-panel { background: linear-gradient(135deg, #0b1124, #1b254d) !important; color: #fff !important; border-radius: 32px; padding: 60px; box-shadow: 0 40px 70px rgba(10, 10, 40, 0.35); }
    #footer-container .cta-title { color: #fff !important; }
    #footer-container .cta-subtitle, #footer-container .cta-benefits li { color: rgba(255, 255, 255, 0.9) !important; }
    #footer-container .text-muted { color: rgba(226, 232, 240, 0.84) !important; }
    #footer-container .fade-in { opacity: 1 !important; transform: none !important; }

    /* CREDIT CARDS */
    .program-credit-section { background: #ffffff; }
    .program-credit-section .text-uppercase, .founders-value-section .text-uppercase, .eligibility-section .text-uppercase, .support-kit-section .text-uppercase { letter-spacing: 0.12em; font-size: 0.74rem; font-weight: 600; color: rgba(39, 54, 83, 0.5) !important; }
    .credit-card { position: relative; overflow: hidden; border-radius: 24px; padding: 2.2rem; background: #ffffff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04); border: 1px solid rgba(0, 0, 0, 0.06); height: 100%; transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.5s ease, border-color 0.4s ease; }
    .credit-card::before { content: ''; position: absolute; left: 0; right: 0; top: 0; height: 2px; background: linear-gradient(90deg, #1457e6, #06b6d4); opacity: 0; transition: opacity 0.4s ease; }
    .credit-card:hover { transform: translateY(-8px); box-shadow: 0 32px 64px rgba(10, 22, 55, 0.1); border-color: rgba(20, 87, 230, 0.1); }
    .credit-card:hover::before { opacity: 1; }
    .credit-card h5 { font-family: 'Space Grotesk', system-ui, sans-serif; font-size: 1.4rem; font-weight: 700; letter-spacing: -0.02em; margin-bottom: 0; color: #0f172a; }
    .credit-card .badge { border-radius: 999px; font-size: 0.62rem; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; padding: 0.4rem 0.7rem; }
    .credit-card .badge.bg-light { background: rgba(20, 87, 230, 0.07) !important; color: #1457e6 !important; }
    .credit-card .badge.bg-primary { background: rgba(6, 182, 212, 0.08) !important; color: #0891b2 !important; }
    .credit-card .badge.bg-dark { background: rgba(8, 17, 42, 0.06) !important; color: #1e293b !important; }
    .credit-card .fw-semibold { font-family: 'Space Grotesk', system-ui, sans-serif; color: #0f172a; font-size: 1.6rem; font-weight: 700 !important; margin-top: 0.5rem; letter-spacing: -0.02em; }
    .credit-value { color: rgba(39, 54, 83, 0.55); font-size: 0.9rem; margin-bottom: 1.2rem; }
    .credit-card p { color: rgba(39, 54, 83, 0.7); margin-bottom: 0; font-size: 0.95rem; line-height: 1.6; }
    .credit-card ul { margin-top: 1.5rem !important; }
    .credit-card li { color: #334155; border-top: 1px solid rgba(0, 0, 0, 0.05); padding: 0.75rem 0 !important; font-size: 0.92rem; }
    .credit-card li:first-child { border-top: 0; }

    /* VALUE */
    .founders-value-section.bg-light, .support-kit-section.bg-light { background: #fafbfd !important; border-top: 1px solid rgba(0, 0, 0, 0.04); border-bottom: 1px solid rgba(0, 0, 0, 0.04); }
    .founders-value-section li { color: var(--fp-copy); font-size: 1rem; line-height: 1.6; }
    .benefit-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; }
    .benefit-card { border-radius: 20px; padding: 1.8rem; background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.06); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03); height: 100%; transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.4s ease, border-color 0.4s ease; }
    .benefit-card:hover { transform: translateY(-6px); border-color: rgba(20, 87, 230, 0.1); box-shadow: 0 24px 48px rgba(10, 22, 55, 0.07); }
    .benefit-card h6 { font-family: 'Space Grotesk', system-ui, sans-serif; font-size: 1.1rem; font-weight: 700; margin-bottom: 0.6rem; color: #0f172a; }
    .benefit-card p { color: rgba(39, 54, 83, 0.65); font-size: 0.92rem; line-height: 1.6; }
    .quote-card { position: relative; border-radius: 24px; background: #fafbfd; padding: 2.4rem; box-shadow: none; border: 1px solid rgba(0, 0, 0, 0.06); overflow: hidden; }
    .quote-card::before { content: '\201C'; position: absolute; top: 0.8rem; left: 2rem; font-family: 'Space Grotesk', system-ui, sans-serif; font-size: 4rem; color: rgba(20, 87, 230, 0.08); line-height: 1; pointer-events: none; }
    .quote-card p { font-size: 1.08rem; color: #1e293b; line-height: 1.75; margin-bottom: 1.4rem; font-style: italic; }

    /* ELIGIBILITY */
    .eligibility-section .list-unstyled li { border-radius: 14px; border: 1px solid rgba(0, 0, 0, 0.06); background: #ffffff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03); padding: 1rem 1.2rem !important; margin-bottom: 0.8rem; line-height: 1.55; font-size: 0.95rem; transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; }
    .eligibility-section .list-unstyled li:hover { border-color: rgba(20, 87, 230, 0.1); box-shadow: 0 8px 24px rgba(10, 22, 55, 0.05); transform: translateY(-2px); }
    .timeline-card { border-radius: 24px; padding: 2.4rem; background: #050d1f; color: #ffffff; box-shadow: 0 32px 72px rgba(5, 13, 31, 0.35); border: 1px solid rgba(255, 255, 255, 0.06); }
    .timeline-card h5 { font-family: 'Space Grotesk', system-ui, sans-serif; font-size: 1.4rem; font-weight: 700; margin-bottom: 1.5rem !important; color: #ffffff; }
    .timeline-step { position: relative; padding-left: 2.5rem; margin-bottom: 1.5rem; }
    .timeline-step:last-child { margin-bottom: 0; }
    .timeline-step strong { color: #ffffff; display: block; margin-bottom: 0.3rem; font-size: 0.95rem; }
    .timeline-step p { color: rgba(255, 255, 255, 0.45); line-height: 1.6; font-size: 0.9rem; }
    .timeline-step::before { content: ''; position: absolute; left: 0.65rem; top: 0.4rem; width: 10px; height: 10px; border-radius: 50%; background: #4fc4ff; box-shadow: 0 0 0 4px rgba(79, 196, 255, 0.15); }
    .timeline-step::after { content: ''; position: absolute; left: 0.93rem; top: 1.2rem; width: 2px; height: calc(100% - 0.9rem); background: rgba(255, 255, 255, 0.08); }
    .timeline-step:last-child::after { display: none; }

    /* STACK SHIFT */
    .stack-shift-section { background: #ffffff; }
    .stack-shift-card { border-radius: 24px; padding: 2.2rem; background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.06); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04); height: 100%; position: relative; overflow: hidden; transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.4s ease; }
    .stack-shift-card:hover { transform: translateY(-4px); box-shadow: 0 24px 48px rgba(10, 22, 55, 0.07); }
    .stack-shift-card::before { content: ''; position: absolute; inset: 0 auto 0 0; width: 3px; background: linear-gradient(180deg, #1457e6, #06b6d4); border-radius: 3px 0 0 3px; }
    .stack-shift-card h5 { font-family: 'Space Grotesk', system-ui, sans-serif; margin-bottom: 1.2rem; font-size: 0.76rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(39, 54, 83, 0.45); }
    .stack-shift-list { list-style: none; margin: 0; padding: 0; }
    .stack-shift-list li { display: flex; align-items: center; gap: 0.7rem; border-radius: 12px; padding: 0.7rem 0.9rem; margin-bottom: 0.5rem; line-height: 1.45; font-size: 0.93rem; }
    .stack-shift-list li:last-child { margin-bottom: 0; }
    .stack-shift-before li { color: rgba(39, 54, 83, 0.65); background: rgba(0, 0, 0, 0.02); }
    .stack-shift-before li::before { content: '\f054'; font-family: 'Font Awesome 6 Free'; font-weight: 900; color: rgba(148, 163, 184, 0.5); font-size: 0.55rem; width: 0.6rem; text-align: center; flex-shrink: 0; }
    .stack-shift-after li { color: #0f172a; font-weight: 600; background: rgba(20, 87, 230, 0.04); border: 1px solid rgba(20, 87, 230, 0.08); }
    .stack-shift-after li::before { content: '\f00c'; font-family: 'Font Awesome 6 Free'; font-weight: 900; color: var(--fp-success); font-size: 0.68rem; width: 0.8rem; text-align: center; flex-shrink: 0; }

    /* SUPPORT */
    .support-card { border-radius: 20px; padding: 1.8rem; background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.06); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03); height: 100%; transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.4s ease; }
    .support-card:hover { transform: translateY(-6px); box-shadow: 0 24px 48px rgba(10, 22, 55, 0.07); }
    .support-card h5 { font-family: 'Space Grotesk', system-ui, sans-serif; font-size: 1.1rem; font-weight: 700; margin-bottom: 0.6rem; color: #0f172a; }
    .support-card p { color: rgba(39, 54, 83, 0.65); font-size: 0.93rem; line-height: 1.6; }

    /* FAQ */
    .faq-section .section-title { margin-bottom: 2.4rem !important; }
    .faq-item { border: 1px solid rgba(0, 0, 0, 0.06); border-radius: 16px; margin-bottom: 1rem; overflow: hidden; background: #ffffff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03); transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease; }
    .faq-item:hover { border-color: rgba(20, 87, 230, 0.1); box-shadow: 0 12px 32px rgba(10, 22, 55, 0.06); transform: translateY(-2px); }
    .faq-q { cursor: pointer; padding: 1.2rem 1.4rem; font-weight: 600; font-size: 0.98rem; color: #0f172a; display: flex; justify-content: space-between; align-items: center; background: transparent; transition: color 0.2s ease; }
    .faq-q:hover { color: #1457e6; }
    .faq-a { display: none; padding: 0 1.4rem 1.2rem; color: rgba(39, 54, 83, 0.7); line-height: 1.7; font-size: 0.94rem; border-top: none; background: transparent; }

    /* NOTES */
    .program-notes-section .notes-shell { border-radius: 24px; border: 1px solid rgba(0, 0, 0, 0.06); background: #ffffff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04); padding: 2.2rem; margin: 0; }
    .program-notes-section .subtle li { border-top: 1px solid rgba(0, 0, 0, 0.05); padding: 0.75rem 0 !important; color: rgba(39, 54, 83, 0.7); font-size: 0.93rem; }
    .program-notes-section .subtle li:first-child { border-top: 0; }
    .program-notes-section .btn-outline-primary { border-radius: 12px; border: 1px solid rgba(20, 87, 230, 0.2); color: #1457e6; font-weight: 600; padding: 14px 24px; background: #ffffff; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); font-size: 0.93rem; }
    .program-notes-section .btn-outline-primary:hover { background: rgba(20, 87, 230, 0.04); color: #1038b6; border-color: rgba(20, 87, 230, 0.35); transform: translateY(-2px); box-shadow: 0 8px 24px rgba(20, 87, 230, 0.08); }

    /* APPLY CTA */
    .apply-section { padding-top: 0; padding-bottom: clamp(5rem, 8vw, 7rem); }
    .apply-section .cta-panel { position: relative; overflow: hidden; border-radius: 28px; padding: clamp(3rem, 5vw, 4.5rem); background: #050d1f; color: #ffffff; border: 1px solid rgba(255, 255, 255, 0.06); box-shadow: 0 40px 80px rgba(5, 13, 31, 0.35); text-align: center; }
    .apply-section .cta-panel::before { content: ''; position: absolute; inset: 0; background: radial-gradient(ellipse 60% 50% at 50% 40%, rgba(20, 87, 230, 0.1) 0%, transparent 60%); pointer-events: none; }
    .apply-section .cta-panel > * { position: relative; z-index: 1; }
    .apply-section .cta-title { font-family: 'Space Grotesk', system-ui, sans-serif; font-size: clamp(2.2rem, 4vw, 3.4rem); font-weight: 700; letter-spacing: -0.03em; color: #ffffff; margin-bottom: 1rem; line-height: 1.08; }
    .apply-section .cta-subtitle { color: rgba(255, 255, 255, 0.45); max-width: 480px; margin: 0 auto 2rem; font-size: 1.08rem; line-height: 1.7; }
    .apply-section .btn-light { border-radius: 12px; font-weight: 600; color: #050d1f; padding: 16px 36px; background: #ffffff; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); border: none; }
    .apply-section .btn-light:hover { transform: translateY(-2px); box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18); }
    @media (max-width: 991px) { .benefit-grid { grid-template-columns: 1fr; } }
    @media (max-width: 575px) { #footer-container .cta-panel { padding: 2rem 1.35rem; border-radius: 20px; } .apply-section .btn-light { width: 100%; } }
    @media (prefers-reduced-motion: reduce) { * { animation: none !important; transition: none !important; } .fade-in { opacity: 1; transform: none; } }
  </style>
</head>
<body class="pricing-page">
  <div id="header-container"></div>

  <!-- HERO -->
  <section class="founders-hero-premium">
    <div class="container">
      <div class="founders-hero-center">
        <div class="hero-chip"><i class="fa-solid fa-rocket"></i><span>Founders Program</span></div>
        <h1 class="hero-title">Startup credits for your entire customer operation.</h1>
        <p class="hero-subtitle">Up to &#8358;5M in credits to run acquisition, engagement, and delivery from one workspace. Apply in minutes, hear back in 48 hours.</p>
        <div class="founders-hero-actions">
          <a href="https://app.workroomly.com/founders-program" class="founders-hero-btn-primary">Apply for credits</a>
          <a href="#eligibility" class="founders-hero-btn-secondary">View criteria <i class="fa-solid fa-arrow-down"></i></a>
        </div>
        <div class="founders-hero-stats">
          <div class="founders-hero-stat"><span class="founders-hero-stat-value">&#8358;5M</span><span class="founders-hero-stat-label">Credit ceiling</span></div>
          <div class="founders-hero-stat-divider"></div>
          <div class="founders-hero-stat"><span class="founders-hero-stat-value">48 hrs</span><span class="founders-hero-stat-label">Decision window</span></div>
          <div class="founders-hero-stat-divider"></div>
          <div class="founders-hero-stat"><span class="founders-hero-stat-value">6 months</span><span class="founders-hero-stat-label">Credit validity</span></div>
          <div class="founders-hero-stat-divider"></div>
          <div class="founders-hero-stat"><span class="founders-hero-stat-value">1 workspace</span><span class="founders-hero-stat-label">Full operations</span></div>
        </div>
      </div>
    </div>
  </section>

  <!-- CREDIT TIERS -->
  <section class="section-accent program-credit-section fade-in">
    <div class="container">
      <div class="text-center mb-5">
        <p class="text-uppercase text-muted mb-2">Credit tiers</p>
        <h2 class="section-title mb-3">Three levels. One operating motion.</h2>
        <p class="section-subtitle">Each tier helps your startup activate the full Acquire, Engage, Deliver loop before budget becomes the blocker.</p>
      </div>
      <div class="row g-4">
        <div class="col-md-4">
          <div class="credit-card h-100">
            <div class="d-flex align-items-center justify-content-between mb-3">
              <h5>Launch</h5><span class="badge bg-light text-dark">New teams</span>
            </div>
            <p class="fw-semibold mb-1">&#8358;1M</p>
            <p class="credit-value">First workspace activation</p>
            <p>Domain email, core seats, CRM capture, and shared operating rituals.</p>
            <ul class="list-unstyled subtle mt-4">
              <li class="py-2"><i class="fas fa-check text-primary me-2"></i>Concierge setup and DNS support</li>
              <li class="py-2"><i class="fas fa-check text-primary me-2"></i>Founder seats for the core team</li>
              <li class="py-2"><i class="fas fa-check text-primary me-2"></i>Pages, routing, CRM, and AI summaries</li>
            </ul>
          </div>
        </div>
        <div class="col-md-4">
          <div class="credit-card h-100">
            <div class="d-flex align-items-center justify-content-between mb-3">
              <h5>Growth</h5><span class="badge bg-primary">Traction</span>
            </div>
            <p class="fw-semibold mb-1">&#8358;2.5M</p>
            <p class="credit-value">For teams adopting the system</p>
            <p>Expand into sales, support, delivery, and management workflows.</p>
            <ul class="list-unstyled subtle mt-4">
              <li class="py-2"><i class="fas fa-check text-primary me-2"></i>Seat credits for Team/Business tiers</li>
              <li class="py-2"><i class="fas fa-check text-primary me-2"></i>Customer workflow coaching</li>
              <li class="py-2"><i class="fas fa-check text-primary me-2"></i>Founder success office hours</li>
            </ul>
          </div>
        </div>
        <div class="col-md-4">
          <div class="credit-card h-100">
            <div class="d-flex align-items-center justify-content-between mb-3">
              <h5>Scale</h5><span class="badge bg-dark">Multi-team</span>
            </div>
            <p class="fw-semibold mb-1">&#8358;5M</p>
            <p class="credit-value">Multi-team operating leverage</p>
            <p>Coordinate multiple departments and customer journeys in one workspace.</p>
            <ul class="list-unstyled subtle mt-4">
              <li class="py-2"><i class="fas fa-check text-primary me-2"></i>Executive onboarding and playbooks</li>
              <li class="py-2"><i class="fas fa-check text-primary me-2"></i>Dedicated account strategist</li>
              <li class="py-2"><i class="fas fa-check text-primary me-2"></i>Priority product feedback loop</li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- VALUE -->
  <section class="section founders-value-section bg-light fade-in">
    <div class="container">
      <div class="row g-5 align-items-center">
        <div class="col-lg-6">
          <p class="text-uppercase text-muted mb-2">Why founders stay</p>
          <h2 class="section-title mb-3">Less negotiation. More customer momentum.</h2>
          <ul class="list-unstyled fs-5 mt-4 subtle">
            <li class="py-2"><i class="fas fa-check-circle text-success me-2"></i>One customer record across inbox, CRM, meetings, tasks, and desk.</li>
            <li class="py-2"><i class="fas fa-check-circle text-success me-2"></i>AI summaries that keep founders out of admin drag.</li>
            <li class="py-2"><i class="fas fa-check-circle text-success me-2"></i>Guided rollout so teams adopt the workflow, not just the tool.</li>
            <li class="py-2"><i class="fas fa-check-circle text-success me-2"></i>Clear upgrade path after the credit period ends.</li>
          </ul>
        </div>
        <div class="col-lg-6">
          <div class="quote-card">
            <p class="mb-3">"The credit helped us move fast, but the reason we stayed was simpler: our customer work finally lived in one place."</p>
            <div class="d-flex align-items-center gap-3">
              <div><strong>Damilola O.</strong><br/><span class="text-muted">Founder, Poshbig</span></div>
            </div>
          </div>
        </div>
      </div>
      <div class="benefit-grid mt-5">
        <div class="benefit-card">
          <h6><i class="fa-solid fa-envelope-open-text me-2 text-primary"></i>Acquire</h6>
          <p class="mb-0">Inbox, pages, CRM, routing, and follow-up in one place.</p>
        </div>
        <div class="benefit-card">
          <h6><i class="fa-solid fa-layer-group me-2 text-primary"></i>Engage</h6>
          <p class="mb-0">Meetings, docs, chat, tasks, and decisions connected to the account.</p>
        </div>
        <div class="benefit-card">
          <h6><i class="fa-solid fa-wand-magic-sparkles me-2 text-primary"></i>Deliver</h6>
          <p class="mb-0">Boards, desk, files, approvals, and AI summaries for post-sale execution.</p>
        </div>
      </div>
    </div>
  </section>

  <!-- ELIGIBILITY -->
  <section class="section eligibility-section fade-in" id="eligibility">
    <div class="container">
      <div class="row g-4">
        <div class="col-lg-6">
          <p class="text-uppercase text-muted mb-2">Eligibility</p>
          <h2 class="section-title mb-3">Who we select</h2>
          <ul class="list-unstyled fs-5 subtle mt-4">
            <li class="py-2"><i class="fas fa-circle-check text-primary me-2"></i>Registered startup/SME under seven years old.</li>
            <li class="py-2"><i class="fas fa-circle-check text-primary me-2"></i>Clear traction or compelling, data-backed thesis.</li>
            <li class="py-2"><i class="fas fa-circle-check text-primary me-2"></i>Operational fit with the customer workspace.</li>
            <li class="py-2"><i class="fas fa-circle-check text-primary me-2"></i>Credits are discretionary after human review.</li>
          </ul>
        </div>
        <div class="col-lg-6">
          <div class="timeline-card">
            <h5 class="mb-4">Selection timeline</h5>
            <div class="timeline-step"><strong>1. Application</strong><p class="mb-0">Share team context, current stack, and collaboration goals.</p></div>
            <div class="timeline-step"><strong>2. Review</strong><p class="mb-0">We evaluate traction, fit, and planned usage.</p></div>
            <div class="timeline-step"><strong>3. Decision and Onboarding</strong><p class="mb-0">Accepted startups receive tier allocation plus founder-led onboarding.</p></div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- STACK SHIFT -->
  <section class="section stack-shift-section fade-in">
    <div class="container">
      <div class="text-center mb-5">
        <h2 class="section-title mb-3">From scattered tools to one operating system.</h2>
      </div>
      <div class="row g-4">
        <div class="col-lg-6">
          <div class="stack-shift-card">
            <h5>Scattered today</h5>
            <ul class="stack-shift-list stack-shift-before">
              <li>Leads arrive in inboxes and forms</li>
              <li>Calls and proposals live away from the account</li>
              <li>Tasks split across boards and messages</li>
              <li>Support issues appear after delivery begins</li>
              <li>Founders chase updates across tools</li>
            </ul>
          </div>
        </div>
        <div class="col-lg-6">
          <div class="stack-shift-card">
            <h5>Aligned in Workroomly</h5>
            <ul class="stack-shift-list stack-shift-after">
              <li>Acquire with pages, inbox, CRM, and routing</li>
              <li>Engage through meetings, docs, tasks, and summaries</li>
              <li>Deliver with boards, files, desk, and approvals</li>
              <li>Every customer thread attached to the work</li>
              <li>Leaders get a single operational picture</li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- SUPPORT KIT -->
  <section class="section support-kit-section fade-in bg-light">
    <div class="container">
      <div class="text-center mb-5">
        <p class="text-uppercase text-muted mb-2">Support kit</p>
        <h2 class="section-title mb-3">Credit becomes activation.</h2>
        <p class="section-subtitle">Accepted founders get practical rollout support so the team reaches meaningful usage before the credit window closes.</p>
      </div>
      <div class="row g-4">
        <div class="col-md-4"><div class="support-card"><h5>Founder success partner</h5><p class="mb-0">A Workroomly operator maps your customer journey and activation milestones.</p></div></div>
        <div class="col-md-4"><div class="support-card"><h5>Workflow playbooks</h5><p class="mb-0">Templates for lead intake, sales follow-up, delivery, support, and reviews.</p></div></div>
        <div class="col-md-4"><div class="support-card"><h5>Ecosystem intros</h5><p class="mb-0">Warm intros to accelerators, implementation partners, and distribution allies.</p></div></div>
      </div>
    </div>
  </section>

  <!-- FAQ -->
  <section class="section faq-section fade-in">
    <div class="container">
      <h2 class="section-title text-center mb-4">Frequently asked</h2>
      <div class="col-lg-8 mx-auto">
        <div class="faq-item"><div class="faq-q">Is credit guaranteed after I apply? <i class="fa-solid fa-chevron-down"></i></div><div class="faq-a">No. Credits are selective and awarded after we review traction, fit, and your rollout plan.</div></div>
        <div class="faq-item"><div class="faq-q">Can I stack credits with other promos? <i class="fa-solid fa-chevron-down"></i></div><div class="faq-a">Founders Program credits cannot be combined with other offers unless explicitly noted.</div></div>
        <div class="faq-item"><div class="faq-q">How long do credits last? <i class="fa-solid fa-chevron-down"></i></div><div class="faq-a">Six months from issuance. Abuse or misuse may trigger early termination.</div></div>
        <div class="faq-item"><div class="faq-q">Do you accept non-profits or education teams? <i class="fa-solid fa-chevron-down"></i></div><div class="faq-a">Yes. Mission-driven startups are welcome; criteria remain the same.</div></div>
      </div>
    </div>
  </section>

  <!-- NOTES -->
  <section class="section program-notes-section fade-in">
    <div class="container">
      <div class="row g-4 align-items-center notes-shell">
        <div class="col-lg-8">
          <h2 class="section-title mb-3">Credit rules without surprises</h2>
          <ul class="list-unstyled subtle mt-4">
            <li class="py-2"><i class="fa-solid fa-circle-info me-2 text-primary"></i>Credits are non-transferable and have no cash value.</li>
            <li class="py-2"><i class="fa-solid fa-circle-info me-2 text-primary"></i>Fair-use applies to AI features and meeting resources.</li>
            <li class="py-2"><i class="fa-solid fa-circle-info me-2 text-primary"></i>We reserve the right to modify tiers and eligibility anytime.</li>
          </ul>
        </div>
        <div class="col-lg-4 text-lg-end text-center">
          <a href="https://app.workroomly.com/founders-program" class="btn btn-outline-primary">Apply for credits</a>
        </div>
      </div>
    </div>
  </section>

  <!-- APPLY CTA -->
  <section class="section apply-section fade-in" id="apply">
    <div class="container">
      <div class="cta-panel text-center">
        <h2 class="cta-title">Get credits for the way customers actually move.</h2>
        <p class="cta-subtitle">Rolling reviews. Most startups hear back within 48 hours.</p>
        <a href="https://app.workroomly.com/founders-program" target="_blank" class="btn btn-light btn-lg px-5 py-3">Apply for startup credits</a>
      </div>
    </div>
  </section>

  <div id="footer-container"></div>

  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
  <script>
    const io = new IntersectionObserver((entries)=> {
      entries.forEach(e => { if (e.isIntersecting) e.target.classList.add('visible'); });
    }, {threshold:.12});
    document.querySelectorAll('.fade-in').forEach(el => io.observe(el));

    document.querySelectorAll('.faq-item').forEach(item=>{
      const q=item.querySelector('.faq-q'), a=item.querySelector('.faq-a'), icon=q.querySelector('i');
      q.addEventListener('click', ()=>{
        const open=a.style.display==='block';
        document.querySelectorAll('.faq-a').forEach(x=>x.style.display='none');
        document.querySelectorAll('.faq-q i').forEach(i=>i.className='fa-solid fa-chevron-down');
        a.style.display = open ? 'none' : 'block';
        icon.className = open ? 'fa-solid fa-chevron-down' : 'fa-solid fa-chevron-up';
      });
    });
  </script>
  <script>
    function loadFoundersShell() {
      function loadFragment(targetId, url) {
        fetch(url).then(r => r.text()).then(html => {
          var target = document.getElementById(targetId);
          if (target) target.innerHTML = html;
        }).catch(err => console.warn('Unable to load ' + url, err));
      }
      loadFragment('header-container', '/header.html');
      loadFragment('footer-container', '/footer.html');
    }
    if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', loadFoundersShell);
    else loadFoundersShell();
  </script>
</body>
</html>