<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Credits for early-stage founders. · Distribute</title>
    <!-- ════════════ Favicon · Kanso cascading dots ═══════════════════════
       SVG = scalable, used by modern browsers in all contexts.
       PNG fallbacks · 16/32 for browser tab, 96 for Android Chrome.
       apple-touch-icon (180px PNG) · iOS Safari home screen.
       ICO multi-resolution (16+32+48+64+128+256) · legacy IE/Edge.
       Web manifest · PWA Add-to-Home-Screen.
       theme-color · Android Chrome address bar tinting.
    ──────────────────────────────────────────────────────────────────── -->
    <link rel="icon" type="image/svg+xml" href="/static/brand/distribute-favicon.svg">
    <link rel="icon" type="image/png" sizes="16x16" href="/static/brand/favicon-16.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/static/brand/favicon-32.png">
    <link rel="icon" type="image/png" sizes="96x96" href="/static/brand/favicon-96.png">
    <link rel="shortcut icon" href="/favicon.ico">
    <link rel="apple-touch-icon" sizes="180x180" href="/static/brand/apple-touch-icon.png">
    <link rel="manifest" href="/site.webmanifest">
    <meta name="theme-color" content="#5f5e5e">
    <meta name="msapplication-TileColor" content="#faf9f7">
    <meta name="msapplication-TileImage" content="/static/brand/favicon-192.png">
    <link rel="stylesheet" href="/static/css/style.css">
    
    
</head>
<body>
    <!-- Header -->
    

    <!-- Global flash messages (consumed here so they never accumulate) -->
    
    
    
    
    

    <!-- Main Content -->
    
<style>
/* v1669 · Hero intro scoped to this page · the .sup-* classes for the
   bento card live inside _sec_startup_program.html partial. */
.sp-hero {
  padding: 96px 32px 24px;
  background: var(--bg, #faf9f7);
}
.sp-hero-in { max-width: 1100px; margin: 0 auto; }
.sp-hero-eyebrow {
  font-family: 'Manrope', sans-serif; font-size: .68rem; font-weight: 800;
  letter-spacing: .2em; text-transform: uppercase;
  color: var(--secondary, #675e4f); margin-bottom: 18px;
  display: flex; align-items: center; gap: 10px;
}
.sp-hero-eyebrow::before {
  content: ''; width: 24px; height: 1px; background: var(--secondary, #675e4f);
}
.sp-hero-h1 {
  font-family: 'Manrope', sans-serif; font-weight: 800;
  letter-spacing: -.045em; font-size: clamp(2rem, 4.6vw, 3.2rem);
  line-height: 1.05; color: var(--ink, #2f3331);
  margin: 0 0 16px; max-width: 780px;
}
.sp-hero-p {
  font-size: 1rem; color: var(--on-variant, #5c605d);
  line-height: 1.65; max-width: 620px;
  margin: 0;
}

/* Eligibility / how-to section under the bento card */
.sp-elig {
  max-width: 1100px; margin: 56px auto 24px; padding: 0 24px;
}
.sp-elig-h {
  font-family: 'Manrope', sans-serif; font-weight: 800;
  letter-spacing: -.025em; font-size: 1.5rem; color: var(--ink, #2f3331);
  margin: 0 0 24px;
}
.sp-grid {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;
}
@media (max-width: 880px) { .sp-grid { grid-template-columns: 1fr; } }
.sp-cell {
  background: #fff; border-radius: 14px; padding: 24px;
}
.sp-cell-num {
  width: 30px; height: 30px; border-radius: 8px;
  background: var(--sec-ctr, #eee1ce); color: var(--secondary, #675e4f);
  font-family: 'Manrope', sans-serif; font-weight: 800; font-size: .82rem;
  display: flex; align-items: center; justify-content: center;
  margin-bottom: 14px;
}
.sp-cell-h {
  font-family: 'Manrope', sans-serif; font-weight: 800;
  font-size: 1.02rem; letter-spacing: -.015em; color: var(--ink, #2f3331);
  margin: 0 0 6px;
}
.sp-cell-p {
  font-size: .82rem; color: var(--on-variant, #5c605d); line-height: 1.55;
  margin: 0;
}

.sp-bottom {
  max-width: 1100px; margin: 56px auto 80px; padding: 0 24px;
  text-align: center;
}
.sp-bottom-h {
  font-family: 'Manrope', sans-serif; font-weight: 800;
  font-size: 1.3rem; letter-spacing: -.025em; color: var(--ink, #2f3331);
  margin: 0 0 10px;
}
.sp-bottom-p {
  font-size: .92rem; color: var(--on-variant, #5c605d);
  line-height: 1.6; margin: 0 0 24px; max-width: 540px;
  margin-left: auto; margin-right: auto;
}
.sp-cta {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 13px 26px; background: var(--ink, #2f3331); color: #faf9f7;
  border-radius: 10px; text-decoration: none;
  font-family: 'Manrope', sans-serif; font-weight: 800;
  font-size: .88rem; letter-spacing: -.005em;
  transition: opacity .2s, transform .2s;
}
.sp-cta:hover { opacity: .9; }
.sp-cta:active { transform: scale(.97); }

@media (max-width: 580px) {
  .sp-hero { padding: 72px 22px 18px; }
  .sp-hero-h1 { font-size: 1.85rem; }
  .sp-elig, .sp-bottom { padding: 0 22px; }
}
</style>


<style>
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Inter:wght@400;500;600&display=swap');

.kh-nw {
  position: sticky; top: 0; z-index: 100;
  background: rgba(250,249,247,.88);
  backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px);
  border-bottom: 1px solid rgba(47,51,49,.06);
  font-family: 'Inter', sans-serif;
  --kh-ink: #2f3331; --kh-on-variant: #5c605d; --kh-sl: #f3f4f1;
  --kh-sec-ctr: #eee1ce; --kh-secondary: #675e4f;
}
.kh-nav {
  max-width: 1200px; margin: 0 auto; padding: 0 32px;
  display: flex; align-items: center; height: 64px; gap: 0;
  font-family: 'Manrope', sans-serif;
}
.kh-n-logo {
  display: inline-flex; align-items: center; gap: 10px; margin-right: 14px;
  color: var(--kh-ink); text-decoration: none;
}
.kh-n-logo svg.kh-n-mark { display: block; flex-shrink: 0; width: 24px; height: 24px }
.kh-n-logo svg.kh-n-mark .kh-nm-trail { fill: currentColor }
.kh-n-logo svg.kh-n-mark .kh-nm-accent { fill: var(--kh-sec-ctr) }
.kh-n-logo .kh-n-word {
  font-family: 'Manrope', sans-serif; font-weight: 800;
  font-size: 1.05rem; letter-spacing: -.04em; line-height: 1; color: currentColor;
}
.kh-n-logo .kh-n-word .kh-n-dot { color: var(--kh-secondary) }
.kh-n-badge {
  display: inline-flex; align-items: center;
  background: var(--kh-sec-ctr); color: var(--kh-secondary);
  font-family: 'Manrope', sans-serif; font-weight: 800;
  font-size: .58rem; letter-spacing: .16em; text-transform: uppercase;
  padding: 3px 8px 2px; border-radius: 99px;
  position: relative; top: -1px;
  user-select: none;
}
.kh-n-badge::before {
  content: ''; display: inline-block; width: 5px; height: 5px; border-radius: 50%;
  background: var(--kh-secondary); margin-right: 6px; opacity: .55;
}
.kh-n-links { display: flex; flex: 1; gap: 4px; margin-left: 22px }
.kh-n-links a {
  color: var(--kh-on-variant); font-size: .82rem; font-weight: 600;
  padding: 7px 13px; border-radius: 7px; transition: all .15s;
  text-decoration: none;
}
.kh-n-links a:hover { color: var(--kh-ink); background: var(--kh-sl) }

/* v1662 · Developer dropdown · native <details>, no JS framework
   v1663 · summary padding aligned with kh-n-links to match neighboring
   links visually · also shared with the Platform dropdown */
.kh-dev-sw { position: relative; }
.kh-dev-sw > summary {
  list-style: none; cursor: pointer;
  display: inline-flex; align-items: center; gap: 5px;
  color: var(--kh-on-variant); font-size: .82rem; font-weight: 600;
  padding: 7px 13px; border-radius: 7px; transition: all .15s;
  user-select: none;
}
.kh-dev-sw > summary::-webkit-details-marker { display: none; }
.kh-dev-sw > summary:hover { color: var(--kh-ink); background: var(--kh-sl); }
.kh-dev-sw[open] > summary { color: var(--kh-ink); background: var(--kh-sl); }
.kh-dev-sw .kh-chev { opacity: .55; transition: transform .2s; }
.kh-dev-sw[open] .kh-chev { transform: rotate(180deg); }
.kh-dev-menu {
  position: absolute; left: 0; top: calc(100% + 8px);
  background: #fff; border: 1px solid #e6e9e6; border-radius: 12px;
  box-shadow: 0 12px 32px rgba(15,18,17,0.12);
  min-width: 220px; padding: 6px; z-index: 1000;
}
/* v1663 · Section header inside .kh-dev-menu · for "About Distribute"
   at the top of the Platform dropdown. */
.kh-dev-menu-header {
  font-family: 'Manrope', sans-serif; font-size: .64rem; font-weight: 800;
  letter-spacing: .18em; text-transform: uppercase;
  color: var(--kh-on-variant);
  padding: 10px 12px 8px;
  border-bottom: 1px solid #f0eee9;
  margin-bottom: 4px;
}
.kh-dev-item {
  display: flex; align-items: flex-start; gap: 11px;
  padding: 10px 12px; border-radius: 8px; font-size: .85rem;
  color: var(--kh-ink); text-decoration: none;
  transition: background .15s;
}
.kh-dev-item:hover { background: var(--kh-sl); }
.kh-dev-item-ico {
  width: 32px; height: 32px; border-radius: 7px;
  background: var(--kh-sl); color: var(--kh-on-variant);
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0; margin-top: 2px; transition: background .15s, color .15s;
}
.kh-dev-item:hover .kh-dev-item-ico { background: var(--kh-ink); color: #faf9f7; }
.kh-dev-item-text { display: flex; flex-direction: column; gap: 2px; }
.kh-dev-item-label {
  font-family: 'Manrope', sans-serif; font-weight: 700;
  font-size: .85rem; color: var(--kh-ink);
}
.kh-dev-item-sub {
  font-size: .72rem; color: var(--kh-on-variant); line-height: 1.4;
}

.kh-n-r { display: flex; align-items: center; gap: 8px; margin-left: auto }
.kh-n-in {
  color: var(--kh-on-variant); font-size: .82rem; font-weight: 600;
  padding: 8px 14px; border-radius: 8px; transition: all .15s;
  font-family: 'Manrope', sans-serif; text-decoration: none;
}
.kh-n-in:hover { background: var(--kh-sl); color: var(--kh-ink) }
.kh-n-go {
  background: var(--kh-ink); color: #faf9f7;
  font-size: .82rem; font-weight: 700;
  padding: 8px 16px; border-radius: 8px; transition: opacity .15s;
  font-family: 'Manrope', sans-serif; text-decoration: none;
}
.kh-n-go:hover { opacity: .88 }

/* Language switcher */
.kh-lang { position: relative; margin-right: 4px }
.kh-lang summary {
  list-style: none; cursor: pointer;
  display: inline-flex; align-items: center; gap: 6px;
  padding: 7px 12px; border-radius: 8px; font-size: .82rem;
  color: var(--kh-ink); background: transparent;
  transition: background .15s; user-select: none;
}
.kh-lang summary::-webkit-details-marker { display: none }
.kh-lang summary:hover { background: rgba(47,51,49,0.06) }
.kh-lang summary svg { opacity: .6 }
.kh-lang[open] summary { background: rgba(47,51,49,0.06) }
.kh-lang-menu {
  position: absolute; right: 0; top: calc(100% + 6px);
  background: #fff; border: 1px solid #e6e9e6; border-radius: 12px;
  box-shadow: 0 12px 32px rgba(15,18,17,0.12);
  min-width: 200px; max-height: 340px; overflow-y: auto;
  padding: 6px; z-index: 1000;
}
.kh-lang-item {
  display: flex; align-items: center; gap: 10px;
  padding: 8px 10px; border-radius: 7px; font-size: .85rem;
  color: var(--kh-ink); text-decoration: none;
  transition: background .15s;
}
.kh-lang-item:hover { background: #f3f4f1 }
.kh-lang-item.active { background: var(--kh-sec-ctr); color: var(--kh-secondary); font-weight: 600 }
.kh-lang-flag { font-size: 1rem; width: 20px; text-align: center }
.kh-lang-name { flex: 1 }
.kh-lang-code {
  font-size: .68rem; color: #afb3b0; font-family: Menlo, monospace;
  text-transform: uppercase; letter-spacing: .05em;
}
@media (max-width: 720px) {
  .kh-lang summary span.kh-lang-label-text { display: none }
  .kh-n-links { display: none }
}
</style>

<div class="kh-nw">
  <div class="kh-nav">
    <a href="/" class="kh-n-logo" aria-label="Distribute">
      <svg class="kh-n-mark" viewBox="0 0 240 240" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
        <circle class="kh-nm-trail"  cx="60"  cy="80" r="42"/>
        <circle class="kh-nm-trail"  cx="142" cy="120" r="26"/>
        <circle class="kh-nm-trail"  cx="186" cy="148" r="14"/>
        <circle class="kh-nm-accent" cx="212" cy="170" r="9"/>
      </svg>
      <span class="kh-n-word">Distribute<span class="kh-n-dot">.</span></span>
      <span class="kh-n-badge">Beta</span>
    </a>
    <div class="kh-n-links">
      
      <details class="kh-dev-sw">
        <summary>
          Platform
          <svg class="kh-chev" width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="6 9 12 15 18 9"/></svg>
        </summary>
        <div class="kh-dev-menu">
          <div class="kh-dev-menu-header">About Distribute</div>
          <a href="/services" class="kh-dev-item">
            <span class="kh-dev-item-ico">
              <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="7" height="7" rx="1"/><rect x="14" y="3" width="7" height="7" rx="1"/><rect x="3" y="14" width="7" height="7" rx="1"/><rect x="14" y="14" width="7" height="7" rx="1"/></svg>
            </span>
            <span class="kh-dev-item-text">
              <span class="kh-dev-item-label">Services</span>
              <span class="kh-dev-item-sub">What we build and offer</span>
            </span>
          </a>
          <a href="/solutions" class="kh-dev-item">
            <span class="kh-dev-item-ico">
              <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="3"/><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 2.83-2.83l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z"/></svg>
            </span>
            <span class="kh-dev-item-text">
              <span class="kh-dev-item-label">Solutions</span>
              <span class="kh-dev-item-sub">Use cases and industries we serve</span>
            </span>
          </a>
          <a href="/startup-program" class="kh-dev-item">
            <span class="kh-dev-item-ico">
              <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 12 20 22 4 22 4 12"/><rect x="2" y="7" width="20" height="5"/><line x1="12" y1="22" x2="12" y2="7"/><path d="M12 7H7.5a2.5 2.5 0 0 1 0-5C11 2 12 7 12 7z"/><path d="M12 7h4.5a2.5 2.5 0 0 0 0-5C13 2 12 7 12 7z"/></svg>
            </span>
            <span class="kh-dev-item-text">
              <span class="kh-dev-item-label">Startup Program</span>
              <span class="kh-dev-item-sub">Credits and support for founders</span>
            </span>
          </a>
          
          <a href="/domains" class="kh-dev-item">
            <span class="kh-dev-item-ico">
              <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="2" y1="12" x2="22" y2="12"/><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/></svg>
            </span>
            <span class="kh-dev-item-text">
              <span class="kh-dev-item-label">Domain names</span>
              <span class="kh-dev-item-sub">Check availability and price</span>
            </span>
          </a>
          <a href="/about" class="kh-dev-item">
            <span class="kh-dev-item-ico">
              <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><line x1="12" y1="16" x2="12" y2="12"/><line x1="12" y1="8" x2="12.01" y2="8"/></svg>
            </span>
            <span class="kh-dev-item-text">
              <span class="kh-dev-item-label">About Distribute</span>
              <span class="kh-dev-item-sub">Mission, shipped recently, how it works</span>
            </span>
          </a>
        </div>
      </details>
      
      <details class="kh-dev-sw">
        <summary>
          Developer
          <svg class="kh-chev" width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="6 9 12 15 18 9"/></svg>
        </summary>
        <div class="kh-dev-menu">
          <a href="/cli" class="kh-dev-item">
            <span class="kh-dev-item-ico">
              <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="4 17 10 11 4 5"/><line x1="12" y1="19" x2="20" y2="19"/></svg>
            </span>
            <span class="kh-dev-item-text">
              <span class="kh-dev-item-label">Distribute CLI</span>
              <span class="kh-dev-item-sub">Deploy from your terminal</span>
            </span>
          </a>
          <a href="/docs" class="kh-dev-item">
            <span class="kh-dev-item-ico">
              <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2z"/><path d="M22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z"/></svg>
            </span>
            <span class="kh-dev-item-text">
              <span class="kh-dev-item-label">Documentation</span>
              <span class="kh-dev-item-sub">Full reference and guides</span>
            </span>
          </a>
        </div>
      </details>
    </div>
    <div class="kh-n-r">
      
      <a href="/login" class="kh-n-in">Sign in</a>
      <a href="/signup" class="kh-n-go">Get started →</a>
      
      <details class="kh-lang">
        <summary aria-label="Language">
          <span class="kh-lang-flag">🇬🇧</span>
          <span class="kh-lang-label-text">English</span>
          <svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="6 9 12 15 18 9"/></svg>
        </summary>
        <div class="kh-lang-menu">
          
            <a href="/api/lang/set?lang=en" class="kh-lang-item active">
              <span class="kh-lang-flag">🇬🇧</span>
              <span class="kh-lang-name">English</span>
              <span class="kh-lang-code">en</span>
            </a>
          
            <a href="/api/lang/set?lang=fr" class="kh-lang-item">
              <span class="kh-lang-flag">🇫🇷</span>
              <span class="kh-lang-name">Français</span>
              <span class="kh-lang-code">fr</span>
            </a>
          
            <a href="/api/lang/set?lang=es" class="kh-lang-item">
              <span class="kh-lang-flag">🇪🇸</span>
              <span class="kh-lang-name">Español</span>
              <span class="kh-lang-code">es</span>
            </a>
          
            <a href="/api/lang/set?lang=de" class="kh-lang-item">
              <span class="kh-lang-flag">🇩🇪</span>
              <span class="kh-lang-name">Deutsch</span>
              <span class="kh-lang-code">de</span>
            </a>
          
            <a href="/api/lang/set?lang=pt" class="kh-lang-item">
              <span class="kh-lang-flag">🇵🇹</span>
              <span class="kh-lang-name">Português</span>
              <span class="kh-lang-code">pt</span>
            </a>
          
            <a href="/api/lang/set?lang=it" class="kh-lang-item">
              <span class="kh-lang-flag">🇮🇹</span>
              <span class="kh-lang-name">Italiano</span>
              <span class="kh-lang-code">it</span>
            </a>
          
            <a href="/api/lang/set?lang=ru" class="kh-lang-item">
              <span class="kh-lang-flag">🇷🇺</span>
              <span class="kh-lang-name">Русский</span>
              <span class="kh-lang-code">ru</span>
            </a>
          
            <a href="/api/lang/set?lang=zh" class="kh-lang-item">
              <span class="kh-lang-flag">🇨🇳</span>
              <span class="kh-lang-name">中文</span>
              <span class="kh-lang-code">zh</span>
            </a>
          
            <a href="/api/lang/set?lang=ja" class="kh-lang-item">
              <span class="kh-lang-flag">🇯🇵</span>
              <span class="kh-lang-name">日本語</span>
              <span class="kh-lang-code">ja</span>
            </a>
          
            <a href="/api/lang/set?lang=ko" class="kh-lang-item">
              <span class="kh-lang-flag">🇰🇷</span>
              <span class="kh-lang-name">한국어</span>
              <span class="kh-lang-code">ko</span>
            </a>
          
            <a href="/api/lang/set?lang=ar" class="kh-lang-item">
              <span class="kh-lang-flag">🇸🇦</span>
              <span class="kh-lang-name">العربية</span>
              <span class="kh-lang-code">ar</span>
            </a>
          
            <a href="/api/lang/set?lang=hi" class="kh-lang-item">
              <span class="kh-lang-flag">🇮🇳</span>
              <span class="kh-lang-name">हिन्दी</span>
              <span class="kh-lang-code">hi</span>
            </a>
          
        </div>
      </details>
    </div>
  </div>
</div>

<!-- Hero -->
<section class="sp-hero">
  <div class="sp-hero-in">
    <div class="sp-hero-eyebrow">Distribute Startup Program</div>
    <h1 class="sp-hero-h1">Built for founders. Backed by credits.</h1>
    <p class="sp-hero-p">Compute credits, fast-track onboarding, and direct access for early-stage teams building in Europe.</p>
  </div>
</section>



<!-- ═══════════════════════════ STARTUP CREDITS ════════════════════════ -->
<style>
  .sup-wrap { max-width: 1100px; margin: 80px auto 40px; padding: 0 24px; }
  .sup-card {
    background: linear-gradient(135deg, #2f3331 0%, #1a1d1c 100%);
    border-radius: 22px; padding: 56px 48px; color: #fff;
    display: grid; grid-template-columns: 1.3fr 1fr; gap: 48px; align-items: center;
    position: relative; overflow: hidden;
  }
  .sup-card::before {
    content: ''; position: absolute; right: -80px; bottom: -80px;
    width: 280px; height: 280px; border-radius: 50%;
    background: radial-gradient(circle, rgba(238,225,206,0.18) 0%, transparent 70%);
  }
  .sup-eyebrow { font-size: .72rem; font-weight: 700; letter-spacing: .12em;
                 text-transform: uppercase; color: #eee1ce; margin-bottom: 18px;
                 display: inline-block; padding: 5px 12px; background: rgba(238,225,206,0.12);
                 border-radius: 99px; }
  .sup-h2 {
    font-family: Manrope, sans-serif; font-weight: 800; letter-spacing: -0.04em;
    font-size: 2.4rem; margin: 0 0 16px; line-height: 1.05;
  }
  .sup-lead { font-size: 1rem; color: rgba(255,255,255,0.78); line-height: 1.55;
              margin: 0 0 28px; max-width: 480px; }
  .sup-points { display: flex; flex-direction: column; gap: 10px; margin-bottom: 32px; }
  .sup-point { display: flex; align-items: center; gap: 10px;
                font-size: .88rem; color: rgba(255,255,255,0.86); }
  .sup-point svg { flex-shrink: 0; color: #eee1ce; }
  .sup-cta { display: inline-flex; align-items: center; gap: 8px;
             background: #eee1ce; color: #2f3331; text-decoration: none;
             padding: 13px 24px; border-radius: 10px;
             font-family: Manrope, sans-serif; font-weight: 800; font-size: .92rem;
             letter-spacing: -0.005em; transition: transform .15s, box-shadow .15s; }
  .sup-cta:hover { transform: translateY(-1px); box-shadow: 0 12px 28px rgba(238,225,206,0.25); }

  .sup-perks {
    background: rgba(255,255,255,0.05); border: 1.5px solid rgba(238,225,206,0.18);
    border-radius: 16px; padding: 28px; backdrop-filter: blur(10px);
    position: relative; z-index: 1;
  }
  .sup-perk { display: flex; align-items: flex-start; gap: 14px; padding: 14px 0;
              border-bottom: 1px solid rgba(255,255,255,0.08); }
  .sup-perk:last-child { border-bottom: 0; padding-bottom: 0; }
  .sup-perk:first-child { padding-top: 0; }
  .sup-perk-num { font-family: Manrope, sans-serif; font-weight: 800;
                  font-size: 1.6rem; color: #eee1ce; line-height: 1;
                  letter-spacing: -0.02em; min-width: 64px; }
  .sup-perk-lbl { font-size: .82rem; color: rgba(255,255,255,0.78); line-height: 1.5; }

  @media (max-width: 880px) {
    .sup-card { grid-template-columns: 1fr; padding: 40px 28px; gap: 32px; }
    .sup-h2 { font-size: 1.8rem; }
    .sup-perks { padding: 20px; }
  }
</style>
<div class="sup-wrap">
  <div class="sup-card">
    <div>
      <span class="sup-eyebrow">Distribute Startup Program</span>
      <h2 class="sup-h2">Credits for early-stage founders.</h2>
      <p class="sup-lead">
        Building something new? Apply for free Distribute credits and deploy your apps, databases, and AI models without the upfront cost.
      </p>
      <div class="sup-points">
        <div class="sup-point">
          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
          From $100 to $5000+ · scales with your stage
        </div>
        <div class="sup-point">
          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
          Use across the whole platform · apps, databases, AI Studio
        </div>
        <div class="sup-point">
          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><polyline points="20 6 9 17 4 12"/></svg>
          Decision within 5 business days · we read every application
        </div>
      </div>
      <a href="/startup-credits" class="sup-cta">
        Apply for credits
        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg>
      </a>
    </div>
    <div class="sup-perks">
      <div class="sup-perk">
        <div class="sup-perk-num">$100<span style="font-size:1rem">+</span></div>
        <div class="sup-perk-lbl"><strong style="color:#fff">Idea or prototype</strong><br>Just enough to deploy your first apps and validate.</div>
      </div>
      <div class="sup-perk">
        <div class="sup-perk-num">$500</div>
        <div class="sup-perk-lbl"><strong style="color:#fff">MVP runway</strong><br>Run a real product on databases, AI, and full HTTPS.</div>
      </div>
      <div class="sup-perk">
        <div class="sup-perk-num">$1k+</div>
        <div class="sup-perk-lbl"><strong style="color:#fff">Scaling team</strong><br>Multi-service apps, GPU instances, production workloads.</div>
      </div>
    </div>
  </div>
</div>

<!-- Eligibility / how -->
<section class="sp-elig">
  <h2 class="sp-elig-h">Who is eligible</h2>
  <div class="sp-grid">
    <div class="sp-cell">
      <div class="sp-cell-num">1</div>
      <h3 class="sp-cell-h">Pre-seed or seed stage</h3>
      <p class="sp-cell-p">Companies under 24 months old, raising or pre-revenue. Independent founders welcome.</p>
    </div>
    <div class="sp-cell">
      <div class="sp-cell-num">2</div>
      <h3 class="sp-cell-h">EU-based or EU-bound</h3>
      <p class="sp-cell-p">Building in the EU, or planning to serve EU customers and needing sovereignty-compliant infrastructure.</p>
    </div>
    <div class="sp-cell">
      <div class="sp-cell-num">3</div>
      <h3 class="sp-cell-h">Real product, real users</h3>
      <p class="sp-cell-p">Past prototype stage with a working product, or actively shipping to early users.</p>
    </div>
  </div>
</section>

<!-- Bottom CTA -->
<section class="sp-bottom">
  <h2 class="sp-bottom-h">Ready to apply?</h2>
  <p class="sp-bottom-p">Applications are reviewed weekly. Decisions within 7 business days.</p>
  <a href="/startup-credits" class="sp-cta">
    Apply for credits
    <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5"><line x1="5" y1="12" x2="19" y2="12"/><polyline points="12 5 19 12 12 19"/></svg>
  </a>
</section>


<style>
.kh-ft { background: #2f3331; padding: 52px 0 26px; color: #faf9f7;
         font-family: 'Inter', sans-serif;
         --kh-sec-ctr: #eee1ce; }
.kh-ft-in { max-width: 1200px; margin: 0 auto; padding: 0 32px }
.kh-ft-g {
  display: grid; grid-template-columns: 1.6fr 1fr 1fr 1fr;
  gap: 44px; margin-bottom: 36px;
}
@media (max-width: 800px) { .kh-ft-g { grid-template-columns: 1fr 1fr; gap: 28px } }
@media (max-width: 480px) { .kh-ft-g { grid-template-columns: 1fr } }
.kh-ft-brand {
  display: inline-flex; align-items: center; gap: 8px;
  font-family: 'Manrope', sans-serif; font-weight: 800;
  font-size: 1rem; color: #faf9f7; margin-bottom: 10px;
  letter-spacing: -.025em;
}
.kh-ft-brand svg.kh-n-mark { display: block; flex-shrink: 0; width: 20px; height: 20px }
.kh-ft-brand svg.kh-n-mark .kh-nm-trail { fill: #faf9f7 }
.kh-ft-brand svg.kh-n-mark .kh-nm-accent { fill: var(--kh-sec-ctr) }
.kh-ft-tag {
  font-size: .78rem; color: rgba(250,249,247,.42);
  line-height: 1.65; max-width: 300px;
}
.kh-ft-col-t {
  font-size: .68rem; font-weight: 700; letter-spacing: .14em;
  text-transform: uppercase; color: #c9bfa8; margin-bottom: 14px;
  font-family: 'Manrope', sans-serif;
}
.kh-ft-links { list-style: none; padding: 0; margin: 0;
               display: flex; flex-direction: column; gap: 9px }
.kh-ft-links a {
  font-size: .8rem; color: rgba(250,249,247,.55);
  transition: color .15s; text-decoration: none;
}
.kh-ft-links a:hover { color: #faf9f7 }
.kh-ft-bot {
  border-top: 1px solid rgba(250,249,247,.06);
  padding-top: 22px;
  display: flex; align-items: center; justify-content: space-between;
  flex-wrap: wrap; gap: 8px;
}
.kh-ft-bot-t { font-size: .74rem; color: rgba(250,249,247,.35) }
</style>

<footer class="kh-ft">
  <div class="kh-ft-in">
    <div class="kh-ft-g">
      <div>
        <div class="kh-ft-brand">
          <svg class="kh-n-mark" viewBox="0 0 240 240" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
            <circle class="kh-nm-trail"  cx="60"  cy="80" r="42"/>
            <circle class="kh-nm-trail"  cx="142" cy="120" r="26"/>
            <circle class="kh-nm-trail"  cx="186" cy="148" r="14"/>
            <circle class="kh-nm-accent" cx="212" cy="170" r="9"/>
          </svg>
          <span>Distribute<span style="color:var(--kh-sec-ctr)">.</span></span>
        </div>
        <div class="kh-ft-tag">Modern cloud infrastructure for developers and businesses who want control without complexity.</div>
      </div>
      <div>
        <div class="kh-ft-col-t">Platform</div>
        <ul class="kh-ft-links">
          <li><a href="/#services">App Hosting</a></li>
          <li><a href="/#services">Databases</a></li>
          <li><a href="/#services">AI Studio</a></li>
          <li><a href="/#services">Serverless Functions</a></li>
          <li><a href="/#services">API Gateway</a></li>
        </ul>
      </div>
      <div>
        <div class="kh-ft-col-t">Resources</div>
        <ul class="kh-ft-links">
          <li><a href="/docs">Documentation</a></li>
          <li><a href="/docs/api">Developer API</a></li>
          <li><a href="/#whats-new">What&#39;s new</a></li>
          <li><a href="/startup-credits">Startup credits</a></li>
          <li><a href="/templates">Templates</a></li>
          
          <li><a href="/signup">Get started →</a></li>
          <li><a href="/login">Sign in</a></li>
          
        </ul>
      </div>
      <div>
        <div class="kh-ft-col-t">Company</div>
        <ul class="kh-ft-links">
          <li><a href="/security">Security</a></li>
          <li><a href="/terms">Terms of service</a></li>
          <li><a href="/privacy">Privacy policy</a></li>
        </ul>
      </div>
    </div>
    <div class="kh-ft-bot">
      <div class="kh-ft-bot-t">© 2026 Distribute. All rights reserved.</div>
      <div class="kh-ft-bot-t">Built for builders.</div>
    </div>
  </div>
</footer>


        <!-- Footer -->
    

    
    

    
    

    

    
    
</body>
</html>