<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <link rel="icon" type="image/svg+xml" href="/favicon.svg">
    <link rel="apple-touch-icon" href="/favicon.svg">
    <link rel="manifest" href="/manifest.json">
    <meta name="theme-color" content="#3361ff">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
    <meta name="description" content="Build beautiful forms that convert. Instaform is a form builder with built-in CRM, link pages, and analytics. Start for free.">
    <meta property="og:title" content="Instaform — Build Forms That Convert">
    <meta property="og:description" content="Build beautiful forms that convert. Instaform is a form builder with built-in CRM, link pages, and analytics. Start for free.">
    <meta property="og:type" content="website">
    <meta property="og:url" content="http://127.0.0.1:8000/">
    <meta property="og:image" content="https://www.instaform.co/og-image.png">
    <meta property="og:image:width" content="1200">
    <meta property="og:image:height" content="630">
    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:site" content="@instaform">
    <meta name="twitter:title" content="Instaform — Build Forms That Convert">
    <meta name="twitter:description" content="Build beautiful forms that convert. Instaform is a form builder with built-in CRM, link pages, and analytics. Start for free.">
    <meta name="twitter:image" content="https://www.instaform.co/og-image.png">
    <title>Instaform — Build Forms That Convert</title>
    <!-- Google Fonts: Instrument Sans (body, app) + DM Sans (app headings) + Instrument Serif (public display) + JetBrains Mono (code + eyebrows) -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
    <!-- Preload LCP-critical fonts (latin subset) so they fetch in parallel with
         the Google Fonts stylesheet instead of serially after it parses. URLs are
         Google-versioned; if the hash rotates, these become harmless no-ops and
         the font loads normally via CSS. -->
    <!-- Instrument Serif regular — hero italic phrase "you'll actually use". -->
    <link rel="preload" as="font" type="font/woff2" crossorigin="" href="https://fonts.gstatic.com/s/instrumentserif/v5/jizHRFtNs2ka5fXjeivQ4LroWlx-6zAjjH7Motmp5g.woff2">
    <!-- Instrument Sans regular — hero body paragraph (the mobile LCP element). -->
    <link rel="preload" as="font" type="font/woff2" crossorigin="" href="https://fonts.gstatic.com/s/instrumentsans/v4/pximypc9vsFDm051Uf6KVwgkfoSxQ0GsQv8ToedPibnr-yp2JGEJOH9npSTF-TfykywN2u7ZWwU.woff2">
    <!-- Font stylesheet: narrowed DM Sans to wght 400-700 (no opsz axis), which
         shrinks the variable-font payload Google returns. Other families already
         request minimal variants. -->
    <link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400..700;1,400..700&amp;family=Instrument+Sans:ital,wght@0,400..700;1,400..700&amp;family=Instrument+Serif:ital,wght@0,400;1,400&amp;family=JetBrains+Mono:wght@400;500;600&amp;display=swap" rel="stylesheet">
    <!-- Inline critical CSS for immediate loading feedback -->
    <style>
      #root:has(.initial-loader) {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 100vh;
      }
      .initial-loader {
        width: 32px;
        height: 32px;
        border: 4px solid #e8e7e5;
        border-top-color: #3361ff;
        border-radius: 50%;
        animation: spin 1s linear infinite;
      }
      @keyframes spin {
        to { transform: rotate(360deg); }
      }
    </style>
    <!-- Google Analytics 4 -->
    <script type="text/javascript" async="" src="//cdn.mxpnl.com/libs/mixpanel-2-latest.min.js"></script><script async="" src="https://www.googletagmanager.com/gtag/js?id=G-X099S11K30"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());
      gtag('config', 'G-X099S11K30', { send_page_view: false });
    </script>
    <!-- Mixpanel loader snippet: sets up window.mixpanel as a queue stub, loads the library, and replays queued calls on load. Required to avoid the "mixpanel object not initialized" error emitted by mixpanel-2-latest.min.js when loaded without this snippet. -->
    <script type="text/javascript">(function(f,b){if(!b.__SV){var e,g,i,h;window.mixpanel=b;b._i=[];b.init=function(e,f,c){function g(a,d){var b=d.split(".");2==b.length&&(a=a[b[0]],d=b[1]);a[d]=function(){a.push([d].concat(Array.prototype.slice.call(arguments,0)))}}var a=b;"undefined"!==typeof c?a=b[c]=[]:c="mixpanel";a.people=a.people||[];a.toString=function(a){var d="mixpanel";"mixpanel"!==c&&(d+="."+c);a||(d+=" (stub)");return d};a.people.toString=function(){return a.toString(1)+".people (stub)"};i="disable time_event track track_pageview track_links track_forms track_with_groups add_group set_group remove_group register register_once alias unregister identify name_tag set_config reset opt_in_tracking opt_out_tracking has_opted_in_tracking has_opted_out_tracking clear_opt_in_out_tracking start_batch_senders people.set people.set_once people.unset people.increment people.append people.union people.track_charge people.clear_charges people.delete_user people.remove".split(" ");for(h=0;h<i.length;h++)g(a,i[h]);var j="set set_once union unset remove delete".split(" ");a.get_group=function(){function b(c){d[c]=function(){call2_args=arguments;call2=[c].concat(Array.prototype.slice.call(call2_args,0));a.push([e,call2])}}for(var d={},e=["get_group"].concat(Array.prototype.slice.call(arguments,0)),c=0;c<j.length;c++)b(j[c]);return d};b._i.push([e,f,c])};b.__SV=1.2;e=f.createElement("script");e.type="text/javascript";e.async=!0;e.src="undefined"!==typeof MIXPANEL_CUSTOM_LIB_URL?MIXPANEL_CUSTOM_LIB_URL:"file:"===f.location.protocol&&"//cdn.mxpnl.com/libs/mixpanel-2-latest.min.js".match(/^\/\//)?"https://cdn.mxpnl.com/libs/mixpanel-2-latest.min.js":"//cdn.mxpnl.com/libs/mixpanel-2-latest.min.js";g=f.getElementsByTagName("script")[0];g.parentNode.insertBefore(e,g)}})(document,window.mixpanel||[]);</script>
    <script type="module" crossorigin="" src="/assets/index-CyL3EFVZ.js"></script>
    <link rel="modulepreload" crossorigin="" href="/assets/vendor-react-CnSxhGfQ.js">
    <link rel="modulepreload" crossorigin="" href="/assets/vendor-query-B_VvdlrP.js">
    <link rel="modulepreload" crossorigin="" href="/assets/vendor-ui-CcrpQ93c.js">
    <link rel="modulepreload" crossorigin="" href="/assets/vendor-forms-BSgVrPgk.js">
    <link rel="modulepreload" crossorigin="" href="/assets/vendor-motion-DFnb56AY.js">
    <link rel="stylesheet" crossorigin="" href="/assets/index-f_lVaSmq.css">
  <link rel="modulepreload" as="script" crossorigin="" href="/assets/LandingBelowFold-IU7AQIkF.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/AnimatedReveal-BluvB_0t.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/useInView-XDYFrwaP.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/FinalCta-CHpMqQ4Y.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/useLocalizedUseCase-CMDwy0_N.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/useCasesData-CMpOQihJ.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/index-B3SEkr0l.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/CompareCheckmark-MD9U6RZP.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/ArrowRightIcon-DKhk5oQ2.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/CheckIcon-1Cho_Ji-.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/FoundingMemberCallout-BlNvATE_.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/SparklesIcon-BjLBSSUv.js"><link rel="alternate" type="text/markdown" href="https://www.instaform.co/index.md" title="Markdown version" data-page-meta="true"><style></style>    <link rel="canonical" href="https://www.instaform.co/" />
    <link rel="alternate" hreflang="en" href="https://www.instaform.co/" />
    <link rel="alternate" hreflang="es" href="https://www.instaform.co/es" />
    <link rel="alternate" hreflang="pt-BR" href="https://www.instaform.co/pt" />
    <link rel="alternate" hreflang="x-default" href="https://www.instaform.co/" />
  </head>
  <body>
    <div id="root"><div class="marketing-surface min-h-screen flex flex-col"><nav class="fixed top-0 left-0 right-0 z-50 transition-all duration-300 bg-transparent"><div class="container mx-auto px-4"><div class="flex items-center justify-between h-16"><a class="flex items-center gap-2 font-sans" href="/" data-discover="true"><span class="flex items-center justify-center rounded-xl bg-brand-600 font-bold text-white h-8 w-8 text-xl" aria-hidden="true">I</span><span class="font-semibold text-xl text-gray-900">Instaform.co</span></a><div class="hidden md:flex items-center space-x-8"><div class="relative" data-headlessui-state=""><button class="flex items-center gap-1 transition-colors focus:outline-none text-gray-700 hover:text-brand-600" type="button" aria-expanded="false" data-headlessui-state="" id="headlessui-popover-button-_r_2_">Product<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon" class="h-4 w-4 transition-transform duration-200 "><path fill-rule="evenodd" d="M12.53 16.28a.75.75 0 0 1-1.06 0l-7.5-7.5a.75.75 0 0 1 1.06-1.06L12 14.69l6.97-6.97a.75.75 0 1 1 1.06 1.06l-7.5 7.5Z" clip-rule="evenodd"></path></svg></button></div><a class="text-gray-700 hover:text-brand-600 transition-colors" href="/use-cases" data-discover="true">Use Cases</a><a class="text-gray-700 hover:text-brand-600 transition-colors" href="/for" data-discover="true">Industries</a><a class="text-gray-700 hover:text-brand-600 transition-colors" href="/blog" data-discover="true">Blog</a><a href="/#templates" class="text-gray-700 hover:text-brand-600 transition-colors">Templates</a><a href="/#pricing" class="text-gray-700 hover:text-brand-600 transition-colors">Pricing</a><a class="text-gray-700 hover:text-brand-600 transition-colors" href="/login" data-discover="true">Login</a><div class="relative" data-headlessui-state=""><button class="flex items-center gap-1.5 text-sm font-medium text-gray-700 transition-colors rounded-lg px-2 py-1.5 hover:bg-gray-100" aria-label="Current language" id="headlessui-menu-button-_r_8_" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state=""><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe h-4 w-4 text-gray-500" aria-hidden="true"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"></path></svg><span class="uppercase tracking-wide">en</span></button></div><a class="bg-brand-600 text-white px-5 py-2.5 rounded-full font-medium hover:bg-brand-700 transition-colors shadow-lg shadow-brand-600/25" href="/waitlist" data-discover="true">Get Early Access</a></div><button class="md:hidden p-2 text-gray-600" aria-label="Open menu"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="h-6 w-6"><path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"></path></svg></button></div></div></nav><main class="flex-1"><div class="overflow-x-hidden"><script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"Instaform","url":"https://instaform.co","logo":"https://instaform.co/favicon.svg","description":"Build beautiful forms that convert. Instaform is a form builder with built-in CRM, link pages, and analytics.","sameAs":["https://twitter.com/instaform","https://linkedin.com/company/instaform","https://github.com/instaform"]}</script><script type="application/ld+json">{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"What are Cubbies?","acceptedAnswer":{"@type":"Answer","text":"Cubbies are smart workspaces that automatically organize your form submissions. Depending on your form type, submissions flow into a CRM pipeline, analytics dashboard, or support ticket board — no manual sorting required."}},{"@type":"Question","name":"Can I change plans later?","acceptedAnswer":{"@type":"Answer","text":"Absolutely! You can upgrade or downgrade your plan at any time from your account settings. When upgrading, you only pay the prorated difference. When downgrading, the remaining credit is applied to future billing cycles."}},{"@type":"Question","name":"Is there a free trial?","acceptedAnswer":{"@type":"Answer","text":"Yes! Our Free plan lets you explore Instaform with 2 forms, 100 submissions/month, 1 LinkPage, and the 11 basic field types — no credit card required. It's a real trial: you feel the product and the Cubby mechanic. When you want advanced fields, conditional logic, Stripe payments, the CRM/Survey/Support Cubbies, or your own domain, Starter is $19/mo."}},{"@type":"Question","name":"What payment methods do you accept?","acceptedAnswer":{"@type":"Answer","text":"We accept all major credit and debit cards (Visa, Mastercard, American Express) as well as Apple Pay and Google Pay. All payments are processed securely through Stripe."}},{"@type":"Question","name":"Do you offer refunds?","acceptedAnswer":{"@type":"Answer","text":"We offer a 30-day money-back guarantee on all paid plans. If you are not satisfied within the first 30 days, contact our support team and we will issue a full refund — no questions asked."}},{"@type":"Question","name":"Can I use my own domain?","acceptedAnswer":{"@type":"Answer","text":"Yes, on Starter and Pro plans you can use a custom domain for your forms and link pages. This means your forms appear under your brand's URL rather than an Instaform subdomain."}},{"@type":"Question","name":"How does the CRM cubby work?","acceptedAnswer":{"@type":"Answer","text":"When you set a form's cubby type to CRM, every submission automatically creates a contact and deal in a Kanban-style pipeline. You can track deal stages, add notes, set follow-ups, and manage your entire sales flow without leaving Instaform."}}]}</script><script type="application/ld+json">{"@context":"https://schema.org","@type":"SoftwareApplication","name":"Instaform","applicationCategory":"BusinessApplication","applicationSubCategory":"Form Builder","operatingSystem":"Web","description":"Build beautiful forms that convert. Instaform is a form builder with built-in CRM, link pages, and analytics. Start for free.","url":"http://127.0.0.1:8000/","publisher":{"@type":"Organization","name":"Instaform","url":"https://www.instaform.co"},"offers":{"@type":"Offer","price":"0","priceCurrency":"USD"},"featureList":["Drag-and-drop form builder with 26 field types","Conditional logic and multi-step flows","Built-in CRM with Kanban deal pipeline","Link-in-bio (LinkPage) with inline forms and analytics","Survey analytics with NPS and CSAT widgets","Support ticket workspace","Payments via Stripe","English, Spanish, and Brazilian Portuguese"],"screenshot":"https://www.instaform.co/og-image.png"}</script><script type="application/ld+json">{"@context":"https://schema.org","@type":"Product","name":"Instaform","description":"Build beautiful forms that convert. Instaform is a form builder with built-in CRM, link pages, and analytics. Start for free.","url":"http://127.0.0.1:8000/","category":"Form Builder Software","brand":{"@type":"Organization","name":"Instaform","url":"https://www.instaform.co"},"image":"https://www.instaform.co/og-image.png","offers":{"@type":"Offer","price":"0","priceCurrency":"USD","url":"http://127.0.0.1:8000/","availability":"https://schema.org/InStock"}}</script><div aria-hidden="true" style="position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px;">A Markdown version of this page is available at https://www.instaform.co/index.md — optimized for AI and LLM tools.</div><main><section id="hero" class="relative pt-32 pb-16 overflow-hidden"><div class="absolute inset-0 bg-[radial-gradient(ellipse_80%_50%_at_50%_-20%,rgba(51,97,255,0.08),transparent)]"></div><div class="absolute inset-0 bg-dot-grid-subtle opacity-40"></div><div class="container mx-auto px-4 relative"><div class="grid lg:grid-cols-[45%_55%] gap-12 lg:gap-16 items-center"><div class="flex flex-col justify-center"><div class="mb-6"><span class="inline-flex items-center gap-2 rounded-full border px-3 py-1.5 text-[0.8125rem] font-medium whitespace-nowrap bg-white/70 border-[color:var(--paper-3)] text-[color:var(--ink-soft)] backdrop-blur-[8px]"><span aria-hidden="true" class="h-1.5 w-1.5 rounded-full bg-brand-500" style="box-shadow: rgba(51, 97, 255, 0.2) 0px 0px 0px 3px; animation: 2s ease-in-out 0s infinite normal none running marketing-pulse-dot;"></span>Just launched — get early access</span></div><h1 class="text-4xl md:text-5xl lg:text-6xl font-bold text-[color:var(--ink)] text-hero">Build forms <span class="relative inline-block pb-1" style="background-image: var(--squiggle-svg); background-repeat: repeat-x; background-position: 0px 100%; background-size: 100px 10px;"><em class="italic text-brand-600 font-display not-italic-mq">you'll actually use</em></span></h1><p class="mt-4 text-lg md:text-xl font-semibold text-brand-600 leading-snug"><span class="mr-1" aria-hidden="true">✨</span>Smart link-in-bio for Instagram, TikTok, YouTube —<span class="text-gray-900"> with forms + CRM built in.</span></p><p class="mt-6 text-lg md:text-xl text-gray-600 text-marketing-body">The form builder with a CRM, analytics, link pages, and support desks built in — ready for whatever you run.</p><form class="mt-8 flex flex-col sm:flex-row items-stretch sm:items-start gap-3 max-w-lg"><div class="flex-1"><input autocomplete="email" placeholder="you@company.com" aria-label="Email address" class="w-full px-5 py-4 rounded-full border border-gray-300 bg-white text-gray-900 placeholder:text-gray-400 focus:outline-none focus:ring-2 focus:ring-brand-500 focus:border-transparent shadow-sm text-base" type="email" name="email"></div><button class="inline-flex items-center justify-center gap-2 rounded-full font-medium transition-all focus:outline-none focus-visible:ring-2 focus-visible:ring-brand-500 focus-visible:ring-offset-2 focus-visible:ring-offset-[color:var(--paper)] active:scale-[0.98] disabled:cursor-not-allowed disabled:opacity-50 bg-brand-600 text-white border border-brand-600 hover:bg-brand-700 hover:border-brand-700 shadow-[0_2px_0_rgba(11,16,40,0.04),0_10px_30px_-10px_rgba(26,63,245,0.35)] px-7 py-4 text-base" type="submit">Join Waitlist</button></form><p class="mt-6 text-sm text-gray-500">For <span class="inline-flex overflow-hidden align-baseline" style="height: 1.2em; transform: translate3d(10.4688px, 30.5938px, 0px) scale(1.06197, 1); transform-origin: 50% 50% 0px;"><span class="text-brand-600 font-semibold" data-motion-pop-id="_r_a_" style="opacity: 0; transform: translateY(100%);">creators</span><span class="text-brand-600 font-semibold" style="opacity: 0; transform: translateY(100%);">agencies</span></span><span class="text-gray-300"> · </span>and everyone in between</p><button type="button" aria-label="See full LinkPage and Forms preview" class="mt-8 flex items-stretch gap-4 rounded-2xl border border-gray-200 bg-white/60 p-3 text-left backdrop-blur hover:bg-white transition-colors lg:hidden"><div class="flex-shrink-0 flex items-center"><div style="opacity: 0; transform: translateY(8px);"><div class="relative mx-auto w-full rounded-3xl overflow-hidden shadow-2xl max-w-[160px] text-[0.75em] bg-gradient-to-br from-pink-500 via-fuchsia-500 to-violet-600"><div class="px-3 pt-3 pb-1 flex justify-center"><span class="inline-block rounded-full px-2.5 py-0.5 text-[10px] font-medium bg-white/20 text-white">Creator / Influencer</span></div><div class="flex flex-col items-center px-5 pt-2 pb-4"><div class="w-16 h-16 rounded-full flex items-center justify-center text-3xl border-2 bg-white/15 backdrop-blur-sm border border-white/20 text-white">🌸</div><h3 class="mt-3 text-base font-bold text-white">Maya Rivera</h3><p class="text-xs text-white/75">@mayacreates</p></div><div class="px-3 pb-3 space-y-1.5"><div class="rounded-xl px-4 py-3 transition-colors bg-white/15 backdrop-blur-sm border border-white/20"><div class="text-sm font-semibold text-white">New vlog: Tokyo in 72 hours</div><div class="text-[11px] mt-0.5 text-white/75">YouTube · 312k views</div></div><div class="rounded-xl px-4 py-3 transition-colors bg-white/15 backdrop-blur-sm border border-white/20"><div class="text-sm font-semibold text-white">Shop my vintage picks</div><div class="text-[11px] mt-0.5 text-white/75">Collab with Depop</div></div></div></div></div></div><div class="flex-1 min-w-0 flex flex-col justify-center"><div class="text-xs font-semibold text-brand-700 uppercase tracking-wide">Live preview</div><div class="mt-1 text-sm font-semibold text-gray-900 line-clamp-2">Restaurant / Café</div><div class="mt-2 inline-flex items-center gap-1 text-xs text-gray-600">See 5 examples + Forms demo<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="w-3.5 h-3.5"><path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"></path></svg></div></div></button></div><div aria-hidden="true" class="relative mt-4 lg:mt-0 max-w-md mx-auto lg:max-w-none w-full hidden md:block"><div class="relative z-10 rounded-[22px] border border-[color:var(--paper-3)] bg-white p-4 sm:p-5 shadow-[var(--shadow-cool)]"><div class="mb-4 flex items-center gap-2 border-b border-[color:var(--paper-3)] pb-3"><div class="flex gap-1"><span class="h-2.5 w-2.5 rounded-full bg-[#b8c5e8]"></span><span class="h-2.5 w-2.5 rounded-full bg-[#b8c5e8]"></span><span class="h-2.5 w-2.5 rounded-full bg-[#b8c5e8]"></span></div><span class="ml-2 font-mono text-xs text-[color:var(--ink-muted)] truncate">instaform.co/f/contact</span></div><div class="mb-3"><div class="font-display text-2xl leading-tight text-[color:var(--ink)]">Hey, let's talk.</div><div class="text-xs text-[color:var(--ink-muted)]">Tell us a bit and we'll be in touch.</div></div><div class="space-y-2"><div class="flex items-center gap-3 rounded-xl border border-[color:var(--paper-3)] bg-white px-3 py-2.5"><span class="rounded-full bg-[color:var(--paper-2)] px-2 py-0.5 font-mono text-[10px] text-[color:var(--ink-soft)]">name</span><span class="flex-1 truncate text-sm text-[color:var(--ink)]">Maya Okafor</span><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#2b7a3b" stroke-width="2.5" class="shrink-0"><path d="M20 6L9 17l-5-5"></path></svg></div><div class="flex items-center gap-3 rounded-xl border border-[color:var(--paper-3)] bg-white px-3 py-2.5"><span class="rounded-full bg-[color:var(--paper-2)] px-2 py-0.5 font-mono text-[10px] text-[color:var(--ink-soft)]">email</span><span class="flex-1 truncate text-sm text-[color:var(--ink)]">maya@studio.co</span><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#2b7a3b" stroke-width="2.5" class="shrink-0"><path d="M20 6L9 17l-5-5"></path></svg></div><div class="flex items-center gap-3 rounded-xl border border-[color:var(--paper-3)] bg-white px-3 py-2.5"><span class="rounded-full bg-[color:var(--paper-2)] px-2 py-0.5 font-mono text-[10px] text-[color:var(--ink-soft)]">budget</span><span class="flex-1 truncate text-sm text-[color:var(--ink-muted)]">$5k – $10k</span><span class="shrink-0 text-xs text-[color:var(--ink-muted)]">▾</span></div><div class="flex items-center gap-3 rounded-xl border border-[color:var(--paper-3)] bg-white px-3 py-2.5"><span class="rounded-full bg-[color:var(--paper-2)] px-2 py-0.5 font-mono text-[10px] text-[color:var(--ink-soft)]">message</span><span class="flex-1 truncate text-sm text-[color:var(--ink-muted)]">We need a brand refresh by June…</span></div></div><button disabled="" class="mt-4 inline-flex w-full items-center justify-center gap-2 rounded-xl bg-brand-600 px-4 py-2.5 text-sm font-medium text-white cursor-default">Send<span>→</span></button></div><div class="absolute -bottom-6 -right-2 sm:-right-6 z-20 w-56 sm:w-64 rounded-2xl border border-[color:var(--paper-3)] bg-white p-3 sm:p-4 shadow-[var(--shadow-cool)]"><div class="mb-3 flex items-center gap-2"><span class="flex h-8 w-8 items-center justify-center rounded-lg bg-[color:var(--sky-soft)]"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="var(--sky)" stroke-width="2"><rect x="3" y="7" width="18" height="13" rx="2"></rect><path d="M8 7V4h8v3"></path></svg></span><div class="text-xs"><div class="font-medium text-[color:var(--ink)]">CRM Cubby</div><div class="text-[color:var(--ink-muted)]">Auto-routed</div></div></div><div class="space-y-1.5"><div class="flex items-center gap-2 rounded-lg px-2 py-1.5 bg-[color:var(--paper-2)]"><div class="flex h-6 w-6 items-center justify-center rounded-full text-[10px] font-medium bg-[color:var(--violet-soft)] text-[color:var(--violet)]">MO</div><div class="min-w-0 flex-1"><div class="truncate text-xs font-medium text-[color:var(--ink)]">Maya Okafor</div><div class="text-[10px] text-[color:var(--ink-muted)]">New lead · $7.5k</div></div><span class="rounded-full bg-white px-1.5 py-0.5 font-mono text-[9px] text-brand-600">NEW</span></div><div class="flex items-center gap-2 rounded-lg px-2 py-1.5 "><div class="flex h-6 w-6 items-center justify-center rounded-full text-[10px] font-medium bg-[color:var(--teal-soft)] text-[color:var(--teal)]">JR</div><div class="min-w-0 flex-1"><div class="truncate text-xs font-medium text-[color:var(--ink)]">Jordan Reyes</div><div class="text-[10px] text-[color:var(--ink-muted)]">Qualified · $12k</div></div></div></div></div><svg class="absolute -top-6 -left-4 z-0 hidden sm:block" width="90" height="90" viewBox="0 0 100 100"><circle cx="50" cy="50" r="30" fill="none" stroke="#1a3ff5" stroke-width="1.5" stroke-dasharray="3 4" opacity="0.4"></circle><circle cx="50" cy="50" r="8" fill="#5785ff" opacity="0.6"></circle></svg></div></div><div class="mt-16 sm:mt-24 pt-8 border-t border-[color:var(--paper-3)] flex flex-wrap items-center justify-between gap-4 sm:gap-6"><p class="font-mono uppercase text-[0.6875rem] tracking-[0.14em] text-[color:var(--ink-muted)]">Trusted by early teams in</p><div class="flex flex-wrap items-center gap-x-6 sm:gap-x-10 gap-y-2 font-display italic text-lg sm:text-xl text-[color:var(--ink-muted)]"><span class="inline-flex items-center gap-x-6 sm:gap-x-10"><span>agencies</span><span class="opacity-30" aria-hidden="true">·</span></span><span class="inline-flex items-center gap-x-6 sm:gap-x-10"><span>real estate</span><span class="opacity-30" aria-hidden="true">·</span></span><span class="inline-flex items-center gap-x-6 sm:gap-x-10"><span>healthcare</span><span class="opacity-30" aria-hidden="true">·</span></span><span class="inline-flex items-center gap-x-6 sm:gap-x-10"><span>creators</span><span class="opacity-30" aria-hidden="true">·</span></span><span class="inline-flex items-center gap-x-6 sm:gap-x-10"><span>nonprofits</span><span class="opacity-30" aria-hidden="true">·</span></span><span class="inline-flex items-center gap-x-6 sm:gap-x-10"><span>restaurants</span></span></div></div></div></section><section id="cubbies" class="py-24 bg-surface-raised"><div class="container mx-auto px-4"><div class="transition-none opacity-0"><div class="max-w-3xl mx-auto text-center mb-10 sm:mb-14"><p class="font-mono uppercase text-[0.6875rem] tracking-[0.14em] text-[color:var(--ink-muted)] mb-4 inline-block">Cubbies</p><h2 class="font-display font-normal tracking-tight text-[color:var(--ink)] text-[2.25rem] sm:text-5xl md:text-6xl leading-[1.08] mb-5">Other tools stop at submissions. <em class="italic text-brand-600">Instaform starts there.</em></h2><p class="text-base sm:text-lg text-[color:var(--ink-soft)] leading-relaxed mx-auto" style="text-wrap: pretty;">Each form automatically gets the right workspace to manage what comes next.</p></div><div class="flex flex-wrap items-center justify-center gap-2 mb-8"><button class="px-5 py-2.5 rounded-full text-sm font-medium transition-all duration-200 border whitespace-nowrap bg-brand-600 text-white border-brand-600 shadow-[var(--shadow-cool)]">LinkPage</button><button class="px-5 py-2.5 rounded-full text-sm font-medium transition-all duration-200 border whitespace-nowrap bg-white text-[color:var(--ink-muted)] border-[color:var(--paper-3)] hover:border-brand-200 hover:text-[color:var(--ink)]">CRM Pipeline</button><button class="px-5 py-2.5 rounded-full text-sm font-medium transition-all duration-200 border whitespace-nowrap bg-white text-[color:var(--ink-muted)] border-[color:var(--paper-3)] hover:border-brand-200 hover:text-[color:var(--ink)]">Survey Analytics</button><button class="px-5 py-2.5 rounded-full text-sm font-medium transition-all duration-200 border whitespace-nowrap bg-white text-[color:var(--ink-muted)] border-[color:var(--paper-3)] hover:border-brand-200 hover:text-[color:var(--ink)]">Support Tickets</button></div><div class="max-w-2xl mx-auto text-center mb-8"><p class="text-[color:var(--ink-soft)]" style="opacity: 0; transform: translateY(8px);">Your link-in-bio page with built-in forms. Share one URL on Instagram, TikTok, or anywhere — track every click and submission.</p></div><div class="max-w-4xl mx-auto min-h-[320px] -mx-4 sm:mx-auto overflow-x-auto sm:overflow-x-visible px-4 sm:px-0"><div class="min-w-[640px] sm:min-w-0"><div style="opacity: 0; transform: scale(0.98);"><div class="bg-white rounded-xl border border-gray-200 shadow-sm overflow-hidden"><div class="flex items-center justify-between px-5 py-3 border-b border-gray-100"><div class="flex items-center gap-2"><div class="w-2 h-2 rounded-full bg-indigo-500 animate-pulse"></div><span class="text-sm font-semibold text-gray-900">LinkPage Analytics</span></div><span class="text-xs text-gray-500">instaform.co/c/sarah</span></div><div class="p-5 grid grid-cols-2 gap-6"><div><div class="grid grid-cols-2 gap-3 mb-4"><div class="bg-indigo-50 rounded-lg p-3"><p class="text-[10px] text-indigo-600 font-medium uppercase tracking-wide">Page Views</p><p class="text-xl font-bold text-indigo-700">452</p><p class="text-[10px] text-indigo-400">+23% this week</p></div><div class="bg-green-50 rounded-lg p-3"><p class="text-[10px] text-green-600 font-medium uppercase tracking-wide">Link Clicks</p><p class="text-xl font-bold text-green-700">352</p><p class="text-[10px] text-green-400">+18% this week</p></div></div><div class="bg-gray-50 rounded-lg p-3"><p class="text-[10px] text-gray-500 font-medium mb-2">Daily Views</p><div class="flex items-end gap-1.5 h-16"><div class="flex-1 flex flex-col items-center gap-1"><div class="w-full bg-indigo-400 rounded-sm transition-all duration-1000 ease-out" style="height: 0%; transition-delay: 0ms;"></div><span class="text-[8px] text-gray-400">Mon</span></div><div class="flex-1 flex flex-col items-center gap-1"><div class="w-full bg-indigo-400 rounded-sm transition-all duration-1000 ease-out" style="height: 0%; transition-delay: 100ms;"></div><span class="text-[8px] text-gray-400">Tue</span></div><div class="flex-1 flex flex-col items-center gap-1"><div class="w-full bg-indigo-400 rounded-sm transition-all duration-1000 ease-out" style="height: 0%; transition-delay: 200ms;"></div><span class="text-[8px] text-gray-400">Wed</span></div><div class="flex-1 flex flex-col items-center gap-1"><div class="w-full bg-indigo-400 rounded-sm transition-all duration-1000 ease-out" style="height: 0%; transition-delay: 300ms;"></div><span class="text-[8px] text-gray-400">Thu</span></div><div class="flex-1 flex flex-col items-center gap-1"><div class="w-full bg-indigo-400 rounded-sm transition-all duration-1000 ease-out" style="height: 0%; transition-delay: 400ms;"></div><span class="text-[8px] text-gray-400">Fri</span></div><div class="flex-1 flex flex-col items-center gap-1"><div class="w-full bg-indigo-400 rounded-sm transition-all duration-1000 ease-out" style="height: 0%; transition-delay: 500ms;"></div><span class="text-[8px] text-gray-400">Sat</span></div><div class="flex-1 flex flex-col items-center gap-1"><div class="w-full bg-indigo-400 rounded-sm transition-all duration-1000 ease-out" style="height: 0%; transition-delay: 600ms;"></div><span class="text-[8px] text-gray-400">Sun</span></div></div></div></div><div><p class="text-xs font-semibold text-gray-700 mb-3">Top Links</p><div class="space-y-2"><div class="flex items-center justify-between bg-gray-50 rounded-lg px-3 py-2"><div class="flex items-center gap-2"><span class="text-xs text-gray-400 font-medium w-4">1.</span><span class="text-xs">📅</span><span class="text-xs font-medium text-gray-700">Book a Call</span></div><span class="text-xs text-gray-500">142</span></div><div class="flex items-center justify-between bg-gray-50 rounded-lg px-3 py-2"><div class="flex items-center gap-2"><span class="text-xs text-gray-400 font-medium w-4">2.</span><span class="text-xs">📖</span><span class="text-xs font-medium text-gray-700">Free Guide</span></div><span class="text-xs text-gray-500">98</span></div><div class="flex items-center justify-between bg-gray-50 rounded-lg px-3 py-2"><div class="flex items-center gap-2"><span class="text-xs text-gray-400 font-medium w-4">3.</span><span class="text-xs">🛒</span><span class="text-xs font-medium text-gray-700">Shop Merch</span></div><span class="text-xs text-gray-500">67</span></div><div class="flex items-center justify-between bg-gray-50 rounded-lg px-3 py-2"><div class="flex items-center gap-2"><span class="text-xs text-gray-400 font-medium w-4">4.</span><span class="text-xs">▶️</span><span class="text-xs font-medium text-gray-700">My YouTube</span></div><span class="text-xs text-gray-500">45</span></div></div><div class="mt-3 bg-indigo-50/50 border border-indigo-100 rounded-lg px-3 py-2 flex items-center justify-between"><span class="text-xs text-indigo-600 font-medium">Form Submissions</span><span class="text-xs font-bold text-indigo-700">38</span></div></div></div></div></div></div></div><p class="text-center mt-8 text-sm text-[color:var(--ink-muted)]">Each form automatically gets the right workspace. <a href="#pricing" class="text-brand-600 hover:text-brand-700 font-medium">See Cubbies in action →</a></p></div></div></section><section id="linkpage" class="py-24 bg-white"><div class="container mx-auto px-4"><div class="grid lg:grid-cols-[1.1fr_1fr] gap-10 lg:gap-14 items-center"><div><p class="font-mono uppercase text-[0.6875rem] tracking-[0.14em] text-[color:var(--ink-muted)] mb-3 sm:mb-4 inline-block">LinkPage · your bio, upgraded</p><h2 class="font-display font-normal tracking-tight text-[color:var(--ink)] text-[2.25rem] sm:text-5xl md:text-6xl leading-[1.08] mb-5">One link. <em class="italic text-brand-600">Everything connected.</em></h2><p class="text-base sm:text-lg text-[color:var(--ink-soft)] leading-relaxed mb-6" style="text-wrap: pretty;">Create a beautiful link-in-bio page that brings together your forms, links, and content — all shareable from a single URL. Perfect for Instagram, TikTok, YouTube, or anywhere your audience lives.</p><ul class="space-y-3 text-sm sm:text-base mb-8"><li class="flex gap-3 text-[color:var(--ink-soft)]"><span aria-hidden="true" class="mt-0.5 text-[color:var(--positive)] font-semibold">✓</span><div><strong class="text-[color:var(--ink)]">Forms built in.</strong> Inline or modal — submissions flow straight to your Cubby.</div></li><li class="flex gap-3 text-[color:var(--ink-soft)]"><span aria-hidden="true" class="mt-0.5 text-[color:var(--positive)] font-semibold">✓</span><div><strong class="text-[color:var(--ink)]">37+ templates</strong> across business, creative, wellness, events, and more.</div></li><li class="flex gap-3 text-[color:var(--ink-soft)]"><span aria-hidden="true" class="mt-0.5 text-[color:var(--positive)] font-semibold">✓</span><div><strong class="text-[color:var(--ink)]">Block-level analytics.</strong> See which links get clicked and which forms convert.</div></li><li class="flex gap-3 text-[color:var(--ink-soft)]"><span aria-hidden="true" class="mt-0.5 text-[color:var(--positive)] font-semibold">✓</span><div><strong class="text-[color:var(--ink)]">Custom domain</strong> on Starter + Pro. Your brand, your URL.</div></li></ul><div class="flex flex-wrap gap-3"><a class="inline-flex items-center justify-center gap-2 rounded-full font-medium transition-all focus:outline-none focus-visible:ring-2 focus-visible:ring-brand-500 focus-visible:ring-offset-2 focus-visible:ring-offset-[color:var(--paper)] active:scale-[0.98] disabled:cursor-not-allowed disabled:opacity-50 bg-brand-600 text-white border border-brand-600 hover:bg-brand-700 hover:border-brand-700 shadow-[0_2px_0_rgba(11,16,40,0.04),0_10px_30px_-10px_rgba(26,63,245,0.35)] px-5 py-3 text-[0.9375rem]" href="/link-in-bio">See LinkPage templates →</a><a class="inline-flex items-center justify-center gap-2 rounded-full font-medium transition-all focus:outline-none focus-visible:ring-2 focus-visible:ring-brand-500 focus-visible:ring-offset-2 focus-visible:ring-offset-[color:var(--paper)] active:scale-[0.98] disabled:cursor-not-allowed disabled:opacity-50 bg-transparent text-[color:var(--ink)] border border-[rgba(11,16,40,0.14)] hover:bg-[rgba(11,16,40,0.04)] px-5 py-3 text-[0.9375rem]" href="/compare/linktree">Compare to Linktree →</a></div></div><div class="flex justify-center items-center gap-4 sm:gap-6 mt-4 lg:mt-0"><div aria-hidden="true" class="relative w-full max-w-[220px] aspect-[9/18.5] rounded-[34px] bg-[color:var(--ink)] p-[9px] shadow-[var(--shadow-cool)] " style="transform: rotate(-4deg);"><div class="h-full w-full rounded-[26px] overflow-hidden bg-gradient-to-b from-brand-50 to-[color:var(--paper-3)] px-3 pt-4 pb-3 text-[11px]"><div class="mx-auto mb-2 flex h-12 w-12 items-center justify-center rounded-full bg-gradient-to-br from-[color:var(--violet)] via-[color:var(--indigo)] to-brand-600 font-display text-xl text-white">M</div><div class="text-center font-display text-base leading-tight text-[color:var(--ink)]">Maya Studio</div><div class="text-center text-[9px] text-[color:var(--ink-muted)] mb-3">Brand &amp; Web Design · Brooklyn</div><div class="space-y-1.5"><div class="rounded-xl p-2 text-center text-[10px] font-medium bg-white text-[color:var(--ink)] shadow-sm">Book a project call</div><div class="rounded-xl p-2 text-center text-[10px] font-medium bg-white text-[color:var(--ink)] shadow-sm">Brief my project<span class="ml-1 text-brand-600">(form)</span></div><div class="rounded-xl p-2 text-center text-[10px] font-medium bg-white text-[color:var(--ink)] shadow-sm">See portfolio</div><div class="rounded-xl p-2 text-center text-[10px] font-medium bg-[color:var(--ink)] text-white">Shop templates</div><div class="rounded-xl p-2 text-center text-[10px] font-medium bg-white text-[color:var(--ink)] shadow-sm">Newsletter</div></div></div></div><div aria-hidden="true" class="relative w-full max-w-[220px] aspect-[9/18.5] rounded-[34px] bg-[color:var(--ink)] p-[9px] shadow-[var(--shadow-cool)] hidden sm:block" style="transform: rotate(3deg);"><div class="h-full w-full rounded-[26px] overflow-hidden bg-gradient-to-b from-brand-50 to-[color:var(--paper-3)] px-3 pt-4 pb-3 text-[11px]"><div class="mx-auto mb-2 flex h-12 w-12 items-center justify-center rounded-full bg-gradient-to-br from-[color:var(--indigo)] via-brand-600 to-[color:var(--sky)] font-display text-xl text-white">C</div><div class="text-center font-display text-base leading-tight text-[color:var(--ink)]">Casa Luna</div><div class="text-center text-[9px] text-[color:var(--ink-muted)] mb-3">Restaurant · Austin</div><div class="space-y-1.5"><div class="rounded-xl p-2 text-center text-[10px] font-medium bg-[color:var(--ink)] text-white">Reserve a table</div><div class="rounded-xl p-2 text-center text-[10px] font-medium bg-white text-[color:var(--ink)] shadow-sm">View menu</div><div class="rounded-xl p-2 text-center text-[10px] font-medium bg-white text-[color:var(--ink)] shadow-sm">Order online</div><div class="rounded-xl p-2 text-center text-[10px] font-medium bg-white text-[color:var(--ink)] shadow-sm">Events calendar</div></div></div></div></div></div></div></section><section id="features" class="py-24 bg-surface-raised"><div class="container mx-auto px-4"><div class="flex items-end justify-between mb-10 sm:mb-14 flex-wrap gap-4"><div class="max-w-3xl"><p class="font-mono uppercase text-[0.6875rem] tracking-[0.14em] text-[color:var(--ink-muted)] mb-3 sm:mb-4 inline-block">Features</p><h2 class="font-display font-normal tracking-tight text-[color:var(--ink)] text-[2.25rem] sm:text-5xl md:text-6xl leading-[1.08] mb-4">Build any form. <em class="italic text-brand-600">Beautifully.</em></h2><p class="text-base sm:text-lg text-[color:var(--ink-soft)] leading-relaxed" style="text-wrap: pretty;">Everything you need to create forms that look great and convert better.</p></div><a class="inline-flex items-center justify-center gap-2 rounded-full font-medium transition-all focus:outline-none focus-visible:ring-2 focus-visible:ring-brand-500 focus-visible:ring-offset-2 focus-visible:ring-offset-[color:var(--paper)] active:scale-[0.98] disabled:cursor-not-allowed disabled:opacity-50 bg-transparent text-[color:var(--ink)] border border-[rgba(11,16,40,0.14)] hover:bg-[rgba(11,16,40,0.04)] px-5 py-3 text-[0.9375rem]" href="#pricing">See all features →</a></div><div class="grid grid-cols-2 md:grid-cols-4 gap-3 sm:gap-4 auto-rows-[180px] sm:auto-rows-[200px]"><div class="md:col-span-2 md:row-span-2 flex flex-col justify-between rounded-2xl border border-[color:var(--paper-3)] bg-gradient-to-br from-brand-50 to-[color:var(--paper-3)] p-5 sm:p-6"><div><div class="font-mono text-[10px] uppercase tracking-wider text-brand-700 mb-2">AI ASSIST</div><div class="font-display text-2xl sm:text-3xl leading-tight text-[color:var(--ink)] mb-2">AI Assist</div><div class="text-sm text-[color:var(--ink-soft)]">Describe what you need and let AI generate your form fields.</div></div><div class="rounded-xl border border-[color:var(--paper-3)] bg-white p-3"><div class="font-mono text-[10px] uppercase tracking-wider text-[color:var(--ink-muted)] mb-1">PROMPT</div><div class="text-xs text-[color:var(--ink)]">“Event RSVP with dietary preferences and plus-ones”</div><div class="mt-2 flex gap-1 flex-wrap"><span class="rounded-full bg-[color:var(--paper-2)] px-2 py-0.5 font-mono text-[10px] text-[color:var(--ink-soft)]">name</span><span class="rounded-full bg-[color:var(--paper-2)] px-2 py-0.5 font-mono text-[10px] text-[color:var(--ink-soft)]">email</span><span class="rounded-full bg-[color:var(--paper-2)] px-2 py-0.5 font-mono text-[10px] text-[color:var(--ink-soft)]">attending?</span><span class="rounded-full bg-[color:var(--paper-2)] px-2 py-0.5 font-mono text-[10px] text-[color:var(--ink-soft)]">diet</span><span class="rounded-full bg-[color:var(--paper-2)] px-2 py-0.5 font-mono text-[10px] text-[color:var(--ink-soft)]">+1 count</span></div></div></div><div class="flex flex-col justify-between rounded-2xl border border-[color:var(--paper-3)] bg-white p-5 transition-all duration-200 hover:-translate-y-0.5 hover:shadow-[var(--shadow-cool)]"><div class="flex items-center justify-center shrink-0 bg-brand-50 h-14 w-14 rounded-[14px]"><span class="inline-flex text-brand-600"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="4" width="18" height="4" rx="1"></rect><rect x="3" y="10" width="18" height="4" rx="1"></rect><rect x="3" y="16" width="18" height="4" rx="1"></rect></svg></span></div><div><div class="font-display text-lg sm:text-xl leading-tight text-[color:var(--ink)] mb-1">15+ Field Types</div><div class="text-xs text-[color:var(--ink-muted)]">Text, email, selects, ratings, file uploads, and more. Every field you need.</div></div></div><div class="flex flex-col justify-between rounded-2xl border border-[color:var(--paper-3)] bg-white p-5 transition-all duration-200 hover:-translate-y-0.5 hover:shadow-[var(--shadow-cool)]"><div class="flex items-center justify-center shrink-0 bg-[color:var(--violet-soft)] h-14 w-14 rounded-[14px]"><span class="inline-flex text-[color:var(--violet)]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M14 4h6v6M10 20H4v-6M20 4l-8 8M4 20l8-8"></path></svg></span></div><div><div class="font-display text-lg sm:text-xl leading-tight text-[color:var(--ink)] mb-1">Drag &amp; Drop</div><div class="text-xs text-[color:var(--ink-muted)]">Reorder fields instantly. Build your form layout visually.</div></div></div><div class="flex flex-col justify-between rounded-2xl border border-[color:var(--paper-3)] bg-white p-5 transition-all duration-200 hover:-translate-y-0.5 hover:shadow-[var(--shadow-cool)]"><div class="flex items-center justify-center shrink-0 bg-[color:var(--teal-soft)] h-14 w-14 rounded-[14px]"><span class="inline-flex text-[color:var(--teal)]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M12 5v14"></path><circle cx="12" cy="12" r="10"></circle></svg></span></div><div><div class="font-display text-lg sm:text-xl leading-tight text-[color:var(--ink)] mb-1">Smart Logic</div><div class="text-xs text-[color:var(--ink-muted)]">Show or hide fields based on answers. Create branching paths.</div></div></div><div class="flex flex-col justify-between rounded-2xl border border-[color:var(--paper-3)] bg-white p-5 transition-all duration-200 hover:-translate-y-0.5 hover:shadow-[var(--shadow-cool)]"><div class="flex items-center justify-center shrink-0 bg-[color:var(--sky-soft)] h-14 w-14 rounded-[14px]"><span class="inline-flex text-[color:var(--sky)]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="4"></circle><circle cx="6" cy="6" r="2"></circle><circle cx="18" cy="6" r="2"></circle><circle cx="6" cy="18" r="2"></circle><circle cx="18" cy="18" r="2"></circle></svg></span></div><div><div class="font-display text-lg sm:text-xl leading-tight text-[color:var(--ink)] mb-1">Custom Themes</div><div class="text-xs text-[color:var(--ink-muted)]">Match your brand colors, fonts, and style in seconds.</div></div></div><div class="md:col-span-2 flex flex-col justify-between rounded-2xl bg-[color:var(--ink)] border border-[color:var(--ink)] p-5 sm:p-6 text-white"><div class="flex h-14 w-14 items-center justify-center rounded-[14px] bg-brand-600"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2"><rect x="3" y="3" width="18" height="18" rx="2"></rect><path d="M9 9h6v6H9z"></path></svg></div><div><div class="font-display text-xl sm:text-2xl leading-tight mb-1">Templates</div><div class="text-xs opacity-70">Start from proven templates. Customize to fit your needs.</div></div></div><div class="flex flex-col justify-between rounded-2xl border border-[color:var(--paper-3)] bg-white p-5 transition-all duration-200 hover:-translate-y-0.5 hover:shadow-[var(--shadow-cool)]"><div class="flex items-center justify-center shrink-0 bg-[color:var(--indigo-soft)] h-14 w-14 rounded-[14px]"><span class="inline-flex text-[color:var(--indigo)]"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M10 13a5 5 0 007 0l4-4a5 5 0 00-7-7l-1 1M14 11a5 5 0 00-7 0l-4 4a5 5 0 007 7l1-1"></path></svg></span></div><div><div class="font-display text-lg sm:text-xl leading-tight text-[color:var(--ink)] mb-1">LinkPage</div><div class="text-xs text-[color:var(--ink-muted)]">Create beautiful link-in-bio pages that connect your forms, links, and content.</div></div></div></div></div></section><section id="use-cases" class="py-24 bg-white"><div class="container mx-auto px-4"><div class="flex items-end justify-between mb-10 sm:mb-14 flex-wrap gap-4 sm:gap-6"><div class="max-w-2xl"><p class="font-mono uppercase text-[0.6875rem] tracking-[0.14em] text-[color:var(--ink-muted)] mb-3 sm:mb-4 inline-block">Who it's for</p><h2 class="font-display font-normal tracking-tight text-[color:var(--ink)] text-[2.25rem] sm:text-5xl md:text-6xl leading-[1.08] mb-4">Built for how  <em class="italic text-brand-600">you</em></h2><p class="text-base sm:text-lg text-[color:var(--ink-soft)] leading-relaxed" style="text-wrap: pretty;">Agencies, creators, realtors, consultants, restaurants, nonprofits — forms bend to your workflow, not the other way around.</p></div><a class="inline-flex items-center justify-center gap-2 rounded-full font-medium transition-all focus:outline-none focus-visible:ring-2 focus-visible:ring-brand-500 focus-visible:ring-offset-2 focus-visible:ring-offset-[color:var(--paper)] active:scale-[0.98] disabled:cursor-not-allowed disabled:opacity-50 bg-transparent text-[color:var(--ink)] border border-[rgba(11,16,40,0.14)] hover:bg-[rgba(11,16,40,0.04)] px-5 py-3 text-[0.9375rem]" href="/use-cases">Browse all 30+ use cases →</a></div><div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-3 sm:gap-4"><a class="group block rounded-2xl p-5 sm:p-6 transition-all duration-200 hover:-translate-y-0.5 hover:shadow-[var(--shadow-cool)] bg-white border border-[color:var(--paper-3)] hover:border-brand-200" href="/use-cases/contact-forms" data-discover="true"><div class="flex items-center justify-center shrink-0 bg-brand-50 h-14 w-14 rounded-[14px] mb-4 sm:mb-5"><span class="inline-flex text-brand-600"><svg width="26" height="26" viewBox="0 0 48 48" fill="none" stroke="currentColor" stroke-width="2"><rect x="8" y="12" width="32" height="24" rx="2"></rect><path d="M8 14l16 12L40 14"></path></svg></span></div><div class="font-mono text-[10px] uppercase tracking-wider mb-1 text-[color:var(--ink-muted)]">CORE · LEAD CAPTURE</div><div class="font-display text-xl sm:text-2xl mb-1 text-[color:var(--ink)]">Contact Forms</div><div class="text-sm text-[color:var(--ink-soft)]">Capture customer inquiries effortlessly</div></a><a class="group block rounded-2xl p-5 sm:p-6 transition-all duration-200 hover:-translate-y-0.5 hover:shadow-[var(--shadow-cool)] bg-white border border-[color:var(--paper-3)] hover:border-brand-200" href="/use-cases/lead-generation" data-discover="true"><div class="flex items-center justify-center shrink-0 bg-[color:var(--violet-soft)] h-14 w-14 rounded-[14px] mb-4 sm:mb-5"><span class="inline-flex text-[color:var(--violet)]"><svg width="26" height="26" viewBox="0 0 48 48" fill="none"><circle cx="24" cy="18" r="8" fill="currentColor"></circle><path d="M8 42 Q24 26 40 42" fill="currentColor"></path></svg></span></div><div class="font-mono text-[10px] uppercase tracking-wider mb-1 text-[color:var(--ink-muted)]">CORE · SALES</div><div class="font-display text-xl sm:text-2xl mb-1 text-[color:var(--ink)]">Lead Generation</div><div class="text-sm text-[color:var(--ink-soft)]">Convert visitors into qualified leads</div></a><a class="group block rounded-2xl p-5 sm:p-6 transition-all duration-200 hover:-translate-y-0.5 hover:shadow-[var(--shadow-cool)] bg-white border border-[color:var(--paper-3)] hover:border-brand-200" href="/use-cases/surveys" data-discover="true"><div class="flex items-center justify-center shrink-0 bg-[color:var(--teal-soft)] h-14 w-14 rounded-[14px] mb-4 sm:mb-5"><span class="inline-flex text-[color:var(--teal)]"><svg width="26" height="26" viewBox="0 0 48 48" fill="none"><rect x="10" y="24" width="6" height="14" fill="currentColor"></rect><rect x="21" y="16" width="6" height="22" fill="currentColor"></rect><rect x="32" y="10" width="6" height="28" fill="currentColor"></rect></svg></span></div><div class="font-mono text-[10px] uppercase tracking-wider mb-1 text-[color:var(--ink-muted)]">CORE · RESEARCH</div><div class="font-display text-xl sm:text-2xl mb-1 text-[color:var(--ink)]">Surveys</div><div class="text-sm text-[color:var(--ink-soft)]">Collect valuable feedback and insights</div></a><a class="group block rounded-2xl p-5 sm:p-6 transition-all duration-200 hover:-translate-y-0.5 hover:shadow-[var(--shadow-cool)] bg-white border border-[color:var(--paper-3)] hover:border-brand-200" href="/use-cases/feedback" data-discover="true"><div class="flex items-center justify-center shrink-0 bg-[color:var(--sky-soft)] h-14 w-14 rounded-[14px] mb-4 sm:mb-5"><span class="inline-flex text-[color:var(--sky)]"><svg width="26" height="26" viewBox="0 0 48 48" fill="none"><path d="M24 8 L28 20 L40 20 L30 28 L34 40 L24 32 L14 40 L18 28 L8 20 L20 20 Z" fill="currentColor"></path></svg></span></div><div class="font-mono text-[10px] uppercase tracking-wider mb-1 text-[color:var(--ink-muted)]">CORE · FEEDBACK</div><div class="font-display text-xl sm:text-2xl mb-1 text-[color:var(--ink)]">Feedback Forms</div><div class="text-sm text-[color:var(--ink-soft)]">Gather actionable customer feedback</div></a><a class="group block rounded-2xl p-5 sm:p-6 transition-all duration-200 hover:-translate-y-0.5 hover:shadow-[var(--shadow-cool)] bg-white border border-[color:var(--paper-3)] hover:border-brand-200" href="/use-cases/event-registration" data-discover="true"><div class="flex items-center justify-center shrink-0 bg-[color:var(--indigo-soft)] h-14 w-14 rounded-[14px] mb-4 sm:mb-5"><span class="inline-flex text-[color:var(--indigo)]"><svg width="26" height="26" viewBox="0 0 48 48" fill="none" stroke="currentColor" stroke-width="2"><rect x="8" y="12" width="32" height="28" rx="2"></rect><path d="M8 20h32M16 6v10M32 6v10" stroke-linecap="round"></path></svg></span></div><div class="font-mono text-[10px] uppercase tracking-wider mb-1 text-[color:var(--ink-muted)]">CORE · EVENTS</div><div class="font-display text-xl sm:text-2xl mb-1 text-[color:var(--ink)]">Event Registration</div><div class="text-sm text-[color:var(--ink-soft)]">Streamline your event sign-ups</div></a><a class="group block rounded-2xl p-5 sm:p-6 transition-all duration-200 hover:-translate-y-0.5 hover:shadow-[var(--shadow-cool)] bg-white border border-[color:var(--paper-3)] hover:border-brand-200" href="/use-cases/order-forms" data-discover="true"><div class="flex items-center justify-center shrink-0 bg-[color:var(--slate-cool-soft)] h-14 w-14 rounded-[14px] mb-4 sm:mb-5"><span class="inline-flex text-[color:var(--slate-cool)]"><svg width="26" height="26" viewBox="0 0 48 48" fill="none" stroke="currentColor" stroke-width="2"><path d="M8 14h6l5 22h20l3-16H14" stroke-linecap="round" stroke-linejoin="round"></path><circle cx="21" cy="41" r="2" fill="currentColor" stroke="none"></circle><circle cx="37" cy="41" r="2" fill="currentColor" stroke="none"></circle></svg></span></div><div class="font-mono text-[10px] uppercase tracking-wider mb-1 text-[color:var(--ink-muted)]">FORM TYPE · COMMERCE</div><div class="font-display text-xl sm:text-2xl mb-1 text-[color:var(--ink)]">Order Forms</div><div class="text-sm text-[color:var(--ink-soft)]">Product and service orders simplified</div></a><a class="group block rounded-2xl p-5 sm:p-6 transition-all duration-200 hover:-translate-y-0.5 hover:shadow-[var(--shadow-cool)] bg-white border border-[color:var(--paper-3)] hover:border-brand-200" href="/use-cases/application-forms" data-discover="true"><div class="flex items-center justify-center shrink-0 bg-brand-50 h-14 w-14 rounded-[14px] mb-4 sm:mb-5"><span class="inline-flex text-brand-600"><svg width="26" height="26" viewBox="0 0 48 48" fill="none" stroke="currentColor" stroke-width="2"><rect x="10" y="6" width="28" height="36" rx="2"></rect><line x1="16" y1="16" x2="32" y2="16"></line><line x1="16" y1="22" x2="32" y2="22"></line><line x1="16" y1="28" x2="26" y2="28"></line></svg></span></div><div class="font-mono text-[10px] uppercase tracking-wider mb-1 text-[color:var(--ink-muted)]">FORM TYPE · HR</div><div class="font-display text-xl sm:text-2xl mb-1 text-[color:var(--ink)]">Application Forms</div><div class="text-sm text-[color:var(--ink-soft)]">Streamline any application process</div></a><a class="group block rounded-2xl p-5 sm:p-6 transition-all duration-200 hover:-translate-y-0.5 hover:shadow-[var(--shadow-cool)] bg-[color:var(--ink)] text-white border border-[color:var(--ink)]" href="/use-cases/quote-requests" data-discover="true"><div class="flex items-center justify-center shrink-0 bg-brand-50 h-14 w-14 rounded-[14px] mb-4 sm:mb-5"><span class="inline-flex text-brand-600"><svg width="26" height="26" viewBox="0 0 48 48" fill="none"><circle cx="24" cy="24" r="16" fill="currentColor" opacity="0.15"></circle><circle cx="24" cy="24" r="16" fill="none" stroke="currentColor" stroke-width="2"></circle><text x="24" y="31" font-family="Instrument Serif, serif" font-size="22" fill="currentColor" text-anchor="middle">$</text></svg></span></div><div class="font-mono text-[10px] uppercase tracking-wider mb-1 text-white/60">FORM TYPE · SERVICES</div><div class="font-display text-xl sm:text-2xl mb-1 text-white">Quote Requests</div><div class="text-sm text-white/80">Service estimates and proposals</div></a></div></div></section><section id="industries" class="py-24 bg-surface-raised"><div class="container mx-auto px-4"><div class="max-w-3xl mb-10 sm:mb-14 flex items-end justify-between gap-4 flex-wrap"><div><p class="font-mono uppercase text-[0.6875rem] tracking-[0.14em] text-[color:var(--ink-muted)] mb-3 sm:mb-4 inline-block">Industries · 26 tailored flows</p><h2 class="font-display font-normal tracking-tight text-[color:var(--ink)] text-[2.25rem] sm:text-5xl md:text-6xl leading-[1.08] mb-4">Find your <em class="italic text-brand-600">industry.</em></h2><p class="text-base sm:text-lg text-[color:var(--ink-soft)] leading-relaxed" style="text-wrap: pretty;">Tailored flows, field templates, and CRM setups for 24 industries — and counting.</p></div><a class="inline-flex items-center justify-center gap-2 rounded-full font-medium transition-all focus:outline-none focus-visible:ring-2 focus-visible:ring-brand-500 focus-visible:ring-offset-2 focus-visible:ring-offset-[color:var(--paper)] active:scale-[0.98] disabled:cursor-not-allowed disabled:opacity-50 bg-transparent text-[color:var(--ink)] border border-[rgba(11,16,40,0.14)] hover:bg-[rgba(11,16,40,0.04)] px-5 py-3 text-[0.9375rem]" href="/for">Browse all 26 industries →</a></div><div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-6 gap-3 mb-8"><a class="group flex flex-col gap-3 rounded-2xl border border-[color:var(--paper-3)] bg-white p-4 sm:p-5 transition-all duration-200 hover:-translate-y-0.5 hover:border-brand-200 hover:shadow-[var(--shadow-cool)]" href="/for/healthcare" data-discover="true"><div class="flex items-center justify-center shrink-0 bg-brand-50 h-14 w-14 rounded-[14px]"><span class="inline-flex text-brand-600"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="4" width="18" height="16" rx="2"></rect><path d="M3 10h18"></path></svg></span></div><div><div class="font-display text-lg sm:text-xl leading-tight text-[color:var(--ink)] group-hover:text-brand-700 transition-colors">Healthcare</div><div class="font-mono text-[11px] text-[color:var(--ink-muted)] mt-1">Instaform replaces paper intake packets and fax-based referrals with mobile-first forms that feed directly into your CRM — so your staff spends less time on paperwork and more time with patients</div></div></a><a class="group flex flex-col gap-3 rounded-2xl border border-[color:var(--paper-3)] bg-white p-4 sm:p-5 transition-all duration-200 hover:-translate-y-0.5 hover:border-brand-200 hover:shadow-[var(--shadow-cool)]" href="/for/real-estate" data-discover="true"><div class="flex items-center justify-center shrink-0 bg-[color:var(--sky-soft)] h-14 w-14 rounded-[14px]"><span class="inline-flex text-[color:var(--sky)]"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="4" width="18" height="16" rx="2"></rect><path d="M3 10h18"></path></svg></span></div><div><div class="font-display text-lg sm:text-xl leading-tight text-[color:var(--ink)] group-hover:text-brand-700 transition-colors">Real Estate</div><div class="font-mono text-[11px] text-[color:var(--ink-muted)] mt-1">Instaform helps real estate agents capture buyer and seller leads, schedule showings, and manage their entire client pipeline — without paper sign-in sheets or missed phone calls</div></div></a><a class="group flex flex-col gap-3 rounded-2xl border border-[color:var(--paper-3)] bg-white p-4 sm:p-5 transition-all duration-200 hover:-translate-y-0.5 hover:border-brand-200 hover:shadow-[var(--shadow-cool)]" href="/for/marketing-agencies" data-discover="true"><div class="flex items-center justify-center shrink-0 bg-[color:var(--teal-soft)] h-14 w-14 rounded-[14px]"><span class="inline-flex text-[color:var(--teal)]"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="4" width="18" height="16" rx="2"></rect><path d="M3 10h18"></path></svg></span></div><div><div class="font-display text-lg sm:text-xl leading-tight text-[color:var(--ink)] group-hover:text-brand-700 transition-colors">Marketing Agencies</div><div class="font-mono text-[11px] text-[color:var(--ink-muted)] mt-1">Instaform gives marketing agencies a smarter way to capture leads, collect client briefs, and gather campaign feedback — all in one place, with a built-in CRM pipeline</div></div></a><a class="group flex flex-col gap-3 rounded-2xl border border-[color:var(--paper-3)] bg-white p-4 sm:p-5 transition-all duration-200 hover:-translate-y-0.5 hover:border-brand-200 hover:shadow-[var(--shadow-cool)]" href="/for/restaurants" data-discover="true"><div class="flex items-center justify-center shrink-0 bg-[color:var(--violet-soft)] h-14 w-14 rounded-[14px]"><span class="inline-flex text-[color:var(--violet)]"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="4" width="18" height="16" rx="2"></rect><path d="M3 10h18"></path></svg></span></div><div><div class="font-display text-lg sm:text-xl leading-tight text-[color:var(--ink)] group-hover:text-brand-700 transition-colors">Restaurants</div><div class="font-mono text-[11px] text-[color:var(--ink-muted)] mt-1">Instaform helps restaurants handle reservation requests, catering inquiries, event bookings, and customer feedback with forms that work around the clock — even when your staff cannot</div></div></a><a class="group flex flex-col gap-3 rounded-2xl border border-[color:var(--paper-3)] bg-white p-4 sm:p-5 transition-all duration-200 hover:-translate-y-0.5 hover:border-brand-200 hover:shadow-[var(--shadow-cool)]" href="/for/legal" data-discover="true"><div class="flex items-center justify-center shrink-0 bg-[color:var(--indigo-soft)] h-14 w-14 rounded-[14px]"><span class="inline-flex text-[color:var(--indigo)]"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="4" width="18" height="16" rx="2"></rect><path d="M3 10h18"></path></svg></span></div><div><div class="font-display text-lg sm:text-xl leading-tight text-[color:var(--ink)] group-hover:text-brand-700 transition-colors">Legal</div><div class="font-mono text-[11px] text-[color:var(--ink-muted)] mt-1">Instaform gives law firms structured intake forms that capture the right case details upfront, route leads automatically, and keep potential clients from calling a competitor while they wait for a callback</div></div></a><a class="group flex flex-col gap-3 rounded-2xl border border-[color:var(--paper-3)] bg-white p-4 sm:p-5 transition-all duration-200 hover:-translate-y-0.5 hover:border-brand-200 hover:shadow-[var(--shadow-cool)]" href="/for/property-management" data-discover="true"><div class="flex items-center justify-center shrink-0 bg-[color:var(--slate-cool-soft)] h-14 w-14 rounded-[14px]"><span class="inline-flex text-[color:var(--slate-cool)]"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="4" width="18" height="16" rx="2"></rect><path d="M3 10h18"></path></svg></span></div><div><div class="font-display text-lg sm:text-xl leading-tight text-[color:var(--ink)] group-hover:text-brand-700 transition-colors">Property Management</div><div class="font-mono text-[11px] text-[color:var(--ink-muted)] mt-1">Instaform gives property managers the maintenance request forms, tenant application workflows, and lease renewal tools they need to run a professional operation — with a built-in CRM that tracks every tenant, unit, and interaction from application to move-out</div></div></a></div><div class="mt-8 sm:mt-10"><div class="relative overflow-hidden"><div aria-hidden="true" class="pointer-events-none absolute left-0 top-0 bottom-0 w-12 sm:w-20 z-10" style="background: linear-gradient(to right, var(--surface-raised, var(--paper)), transparent);"></div><div aria-hidden="true" class="pointer-events-none absolute right-0 top-0 bottom-0 w-12 sm:w-20 z-10" style="background: linear-gradient(to left, var(--surface-raised, var(--paper)), transparent);"></div><div class="flex gap-3 w-max" style="animation: 45s linear 0s infinite normal none running marketing-ticker;"><a class="transition-colors hover:text-brand-700" href="/for/financial-services" data-discover="true"><span class="inline-flex items-center gap-2 rounded-full border border-[color:var(--paper-3)] bg-white/60 px-4 py-1.5 text-[0.8125rem] font-medium text-[color:var(--ink-soft)] whitespace-nowrap backdrop-blur-sm">Financial Services</span></a><a class="transition-colors hover:text-brand-700" href="/for/insurance" data-discover="true"><span class="inline-flex items-center gap-2 rounded-full border border-[color:var(--paper-3)] bg-white/60 px-4 py-1.5 text-[0.8125rem] font-medium text-[color:var(--ink-soft)] whitespace-nowrap backdrop-blur-sm">Insurance</span></a><a class="transition-colors hover:text-brand-700" href="/for/consulting" data-discover="true"><span class="inline-flex items-center gap-2 rounded-full border border-[color:var(--paper-3)] bg-white/60 px-4 py-1.5 text-[0.8125rem] font-medium text-[color:var(--ink-soft)] whitespace-nowrap backdrop-blur-sm">Consulting</span></a><a class="transition-colors hover:text-brand-700" href="/for/accounting" data-discover="true"><span class="inline-flex items-center gap-2 rounded-full border border-[color:var(--paper-3)] bg-white/60 px-4 py-1.5 text-[0.8125rem] font-medium text-[color:var(--ink-soft)] whitespace-nowrap backdrop-blur-sm">Accounting</span></a><a class="transition-colors hover:text-brand-700" href="/for/recruiting" data-discover="true"><span class="inline-flex items-center gap-2 rounded-full border border-[color:var(--paper-3)] bg-white/60 px-4 py-1.5 text-[0.8125rem] font-medium text-[color:var(--ink-soft)] whitespace-nowrap backdrop-blur-sm">Recruiting</span></a><a class="transition-colors hover:text-brand-700" href="/for/sales-teams" data-discover="true"><span class="inline-flex items-center gap-2 rounded-full border border-[color:var(--paper-3)] bg-white/60 px-4 py-1.5 text-[0.8125rem] font-medium text-[color:var(--ink-soft)] whitespace-nowrap backdrop-blur-sm">Sales Teams</span></a><a class="transition-colors hover:text-brand-700" href="/for/schools" data-discover="true"><span class="inline-flex items-center gap-2 rounded-full border border-[color:var(--paper-3)] bg-white/60 px-4 py-1.5 text-[0.8125rem] font-medium text-[color:var(--ink-soft)] whitespace-nowrap backdrop-blur-sm">Schools</span></a><a class="transition-colors hover:text-brand-700" href="/for/online-courses" data-discover="true"><span class="inline-flex items-center gap-2 rounded-full border border-[color:var(--paper-3)] bg-white/60 px-4 py-1.5 text-[0.8125rem] font-medium text-[color:var(--ink-soft)] whitespace-nowrap backdrop-blur-sm">Online Courses</span></a><a class="transition-colors hover:text-brand-700" href="/for/nonprofits" data-discover="true"><span class="inline-flex items-center gap-2 rounded-full border border-[color:var(--paper-3)] bg-white/60 px-4 py-1.5 text-[0.8125rem] font-medium text-[color:var(--ink-soft)] whitespace-nowrap backdrop-blur-sm">Nonprofits</span></a><a class="transition-colors hover:text-brand-700" href="/for/research" data-discover="true"><span class="inline-flex items-center gap-2 rounded-full border border-[color:var(--paper-3)] bg-white/60 px-4 py-1.5 text-[0.8125rem] font-medium text-[color:var(--ink-soft)] whitespace-nowrap backdrop-blur-sm">Research</span></a><a class="transition-colors hover:text-brand-700" href="/for/ecommerce" data-discover="true"><span class="inline-flex items-center gap-2 rounded-full border border-[color:var(--paper-3)] bg-white/60 px-4 py-1.5 text-[0.8125rem] font-medium text-[color:var(--ink-soft)] whitespace-nowrap backdrop-blur-sm">Ecommerce</span></a><a class="transition-colors hover:text-brand-700" href="/for/hotels" data-discover="true"><span class="inline-flex items-center gap-2 rounded-full border border-[color:var(--paper-3)] bg-white/60 px-4 py-1.5 text-[0.8125rem] font-medium text-[color:var(--ink-soft)] whitespace-nowrap backdrop-blur-sm">Hotels</span></a><a class="transition-colors hover:text-brand-700" href="/for/saas" data-discover="true"><span class="inline-flex items-center gap-2 rounded-full border border-[color:var(--paper-3)] bg-white/60 px-4 py-1.5 text-[0.8125rem] font-medium text-[color:var(--ink-soft)] whitespace-nowrap backdrop-blur-sm">Saas</span></a><a class="transition-colors hover:text-brand-700" href="/for/events" data-discover="true"><span class="inline-flex items-center gap-2 rounded-full border border-[color:var(--paper-3)] bg-white/60 px-4 py-1.5 text-[0.8125rem] font-medium text-[color:var(--ink-soft)] whitespace-nowrap backdrop-blur-sm">Events</span></a><a class="transition-colors hover:text-brand-700" href="/for/weddings" data-discover="true"><span class="inline-flex items-center gap-2 rounded-full border border-[color:var(--paper-3)] bg-white/60 px-4 py-1.5 text-[0.8125rem] font-medium text-[color:var(--ink-soft)] whitespace-nowrap backdrop-blur-sm">Weddings</span></a><a class="transition-colors hover:text-brand-700" href="/for/fitness" data-discover="true"><span class="inline-flex items-center gap-2 rounded-full border border-[color:var(--paper-3)] bg-white/60 px-4 py-1.5 text-[0.8125rem] font-medium text-[color:var(--ink-soft)] whitespace-nowrap backdrop-blur-sm">Fitness</span></a><a class="transition-colors hover:text-brand-700" href="/for/photography" data-discover="true"><span class="inline-flex items-center gap-2 rounded-full border border-[color:var(--paper-3)] bg-white/60 px-4 py-1.5 text-[0.8125rem] font-medium text-[color:var(--ink-soft)] whitespace-nowrap backdrop-blur-sm">Photography</span></a><a class="transition-colors hover:text-brand-700" href="/for/construction" data-discover="true"><span class="inline-flex items-center gap-2 rounded-full border border-[color:var(--paper-3)] bg-white/60 px-4 py-1.5 text-[0.8125rem] font-medium text-[color:var(--ink-soft)] whitespace-nowrap backdrop-blur-sm">Construction</span></a><a class="transition-colors hover:text-brand-700" href="/for/automotive" data-discover="true"><span class="inline-flex items-center gap-2 rounded-full border border-[color:var(--paper-3)] bg-white/60 px-4 py-1.5 text-[0.8125rem] font-medium text-[color:var(--ink-soft)] whitespace-nowrap backdrop-blur-sm">Automotive</span></a><a class="transition-colors hover:text-brand-700" href="/for/home-services" data-discover="true"><span class="inline-flex items-center gap-2 rounded-full border border-[color:var(--paper-3)] bg-white/60 px-4 py-1.5 text-[0.8125rem] font-medium text-[color:var(--ink-soft)] whitespace-nowrap backdrop-blur-sm">Home Services</span></a><a class="transition-colors hover:text-brand-700" href="/for/financial-services" data-discover="true"><span class="inline-flex items-center gap-2 rounded-full border border-[color:var(--paper-3)] bg-white/60 px-4 py-1.5 text-[0.8125rem] font-medium text-[color:var(--ink-soft)] whitespace-nowrap backdrop-blur-sm">Financial Services</span></a><a class="transition-colors hover:text-brand-700" href="/for/insurance" data-discover="true"><span class="inline-flex items-center gap-2 rounded-full border border-[color:var(--paper-3)] bg-white/60 px-4 py-1.5 text-[0.8125rem] font-medium text-[color:var(--ink-soft)] whitespace-nowrap backdrop-blur-sm">Insurance</span></a><a class="transition-colors hover:text-brand-700" href="/for/consulting" data-discover="true"><span class="inline-flex items-center gap-2 rounded-full border border-[color:var(--paper-3)] bg-white/60 px-4 py-1.5 text-[0.8125rem] font-medium text-[color:var(--ink-soft)] whitespace-nowrap backdrop-blur-sm">Consulting</span></a><a class="transition-colors hover:text-brand-700" href="/for/accounting" data-discover="true"><span class="inline-flex items-center gap-2 rounded-full border border-[color:var(--paper-3)] bg-white/60 px-4 py-1.5 text-[0.8125rem] font-medium text-[color:var(--ink-soft)] whitespace-nowrap backdrop-blur-sm">Accounting</span></a><a class="transition-colors hover:text-brand-700" href="/for/recruiting" data-discover="true"><span class="inline-flex items-center gap-2 rounded-full border border-[color:var(--paper-3)] bg-white/60 px-4 py-1.5 text-[0.8125rem] font-medium text-[color:var(--ink-soft)] whitespace-nowrap backdrop-blur-sm">Recruiting</span></a><a class="transition-colors hover:text-brand-700" href="/for/sales-teams" data-discover="true"><span class="inline-flex items-center gap-2 rounded-full border border-[color:var(--paper-3)] bg-white/60 px-4 py-1.5 text-[0.8125rem] font-medium text-[color:var(--ink-soft)] whitespace-nowrap backdrop-blur-sm">Sales Teams</span></a><a class="transition-colors hover:text-brand-700" href="/for/schools" data-discover="true"><span class="inline-flex items-center gap-2 rounded-full border border-[color:var(--paper-3)] bg-white/60 px-4 py-1.5 text-[0.8125rem] font-medium text-[color:var(--ink-soft)] whitespace-nowrap backdrop-blur-sm">Schools</span></a><a class="transition-colors hover:text-brand-700" href="/for/online-courses" data-discover="true"><span class="inline-flex items-center gap-2 rounded-full border border-[color:var(--paper-3)] bg-white/60 px-4 py-1.5 text-[0.8125rem] font-medium text-[color:var(--ink-soft)] whitespace-nowrap backdrop-blur-sm">Online Courses</span></a><a class="transition-colors hover:text-brand-700" href="/for/nonprofits" data-discover="true"><span class="inline-flex items-center gap-2 rounded-full border border-[color:var(--paper-3)] bg-white/60 px-4 py-1.5 text-[0.8125rem] font-medium text-[color:var(--ink-soft)] whitespace-nowrap backdrop-blur-sm">Nonprofits</span></a><a class="transition-colors hover:text-brand-700" href="/for/research" data-discover="true"><span class="inline-flex items-center gap-2 rounded-full border border-[color:var(--paper-3)] bg-white/60 px-4 py-1.5 text-[0.8125rem] font-medium text-[color:var(--ink-soft)] whitespace-nowrap backdrop-blur-sm">Research</span></a><a class="transition-colors hover:text-brand-700" href="/for/ecommerce" data-discover="true"><span class="inline-flex items-center gap-2 rounded-full border border-[color:var(--paper-3)] bg-white/60 px-4 py-1.5 text-[0.8125rem] font-medium text-[color:var(--ink-soft)] whitespace-nowrap backdrop-blur-sm">Ecommerce</span></a><a class="transition-colors hover:text-brand-700" href="/for/hotels" data-discover="true"><span class="inline-flex items-center gap-2 rounded-full border border-[color:var(--paper-3)] bg-white/60 px-4 py-1.5 text-[0.8125rem] font-medium text-[color:var(--ink-soft)] whitespace-nowrap backdrop-blur-sm">Hotels</span></a><a class="transition-colors hover:text-brand-700" href="/for/saas" data-discover="true"><span class="inline-flex items-center gap-2 rounded-full border border-[color:var(--paper-3)] bg-white/60 px-4 py-1.5 text-[0.8125rem] font-medium text-[color:var(--ink-soft)] whitespace-nowrap backdrop-blur-sm">Saas</span></a><a class="transition-colors hover:text-brand-700" href="/for/events" data-discover="true"><span class="inline-flex items-center gap-2 rounded-full border border-[color:var(--paper-3)] bg-white/60 px-4 py-1.5 text-[0.8125rem] font-medium text-[color:var(--ink-soft)] whitespace-nowrap backdrop-blur-sm">Events</span></a><a class="transition-colors hover:text-brand-700" href="/for/weddings" data-discover="true"><span class="inline-flex items-center gap-2 rounded-full border border-[color:var(--paper-3)] bg-white/60 px-4 py-1.5 text-[0.8125rem] font-medium text-[color:var(--ink-soft)] whitespace-nowrap backdrop-blur-sm">Weddings</span></a><a class="transition-colors hover:text-brand-700" href="/for/fitness" data-discover="true"><span class="inline-flex items-center gap-2 rounded-full border border-[color:var(--paper-3)] bg-white/60 px-4 py-1.5 text-[0.8125rem] font-medium text-[color:var(--ink-soft)] whitespace-nowrap backdrop-blur-sm">Fitness</span></a><a class="transition-colors hover:text-brand-700" href="/for/photography" data-discover="true"><span class="inline-flex items-center gap-2 rounded-full border border-[color:var(--paper-3)] bg-white/60 px-4 py-1.5 text-[0.8125rem] font-medium text-[color:var(--ink-soft)] whitespace-nowrap backdrop-blur-sm">Photography</span></a><a class="transition-colors hover:text-brand-700" href="/for/construction" data-discover="true"><span class="inline-flex items-center gap-2 rounded-full border border-[color:var(--paper-3)] bg-white/60 px-4 py-1.5 text-[0.8125rem] font-medium text-[color:var(--ink-soft)] whitespace-nowrap backdrop-blur-sm">Construction</span></a><a class="transition-colors hover:text-brand-700" href="/for/automotive" data-discover="true"><span class="inline-flex items-center gap-2 rounded-full border border-[color:var(--paper-3)] bg-white/60 px-4 py-1.5 text-[0.8125rem] font-medium text-[color:var(--ink-soft)] whitespace-nowrap backdrop-blur-sm">Automotive</span></a><a class="transition-colors hover:text-brand-700" href="/for/home-services" data-discover="true"><span class="inline-flex items-center gap-2 rounded-full border border-[color:var(--paper-3)] bg-white/60 px-4 py-1.5 text-[0.8125rem] font-medium text-[color:var(--ink-soft)] whitespace-nowrap backdrop-blur-sm">Home Services</span></a></div></div></div></div></section><section id="compare" class="py-20 md:py-24"><div class="container mx-auto px-4"><div class="max-w-6xl mx-auto"><div class="text-center mb-10 sm:mb-14 max-w-3xl mx-auto"><p class="font-mono uppercase text-[0.6875rem] tracking-[0.14em] text-[color:var(--ink-muted)] mb-3 sm:mb-4 inline-block">Considering an alternative?</p><h2 class="font-display font-normal tracking-tight text-[color:var(--ink)] text-[2.25rem] sm:text-5xl md:text-6xl leading-[1.08] mb-4">Beyond <em class="italic text-brand-600">basic form tools.</em></h2><p class="text-base sm:text-lg text-[color:var(--ink-soft)] leading-relaxed" style="text-wrap: pretty;">We built Instaform for teams evaluating their options. Pick a tool below to see the side-by-side.</p></div><div class="rounded-3xl border border-[color:var(--paper-3)] bg-white shadow-[var(--shadow-cool)] overflow-hidden"><div class="grid grid-cols-[1.4fr_1fr_1fr_1fr_1fr] items-center px-3 sm:px-6 py-4 sm:py-5 bg-[color:var(--paper-2)] border-b border-[color:var(--paper-3)]"><div class="hidden sm:block font-mono uppercase text-[0.6875rem] tracking-[0.14em] text-[color:var(--ink-muted)]">Feature</div><div class="sm:hidden"></div><div class="flex flex-col items-center gap-1 "><div class="flex h-8 w-8 sm:h-9 sm:w-9 items-center justify-center rounded-lg font-display bg-brand-600 text-white">I</div><div class="text-[10px] sm:text-sm font-medium">Instaform</div></div><div class="flex flex-col items-center gap-1 text-[color:var(--ink-soft)]"><div class="flex h-8 w-8 sm:h-9 sm:w-9 items-center justify-center rounded-lg font-display bg-[color:var(--paper-3)] text-[color:var(--ink-soft)] font-mono font-medium">T</div><div class="text-[10px] sm:text-sm font-medium">Typeform</div></div><div class="flex flex-col items-center gap-1 text-[color:var(--ink-soft)]"><div class="flex h-8 w-8 sm:h-9 sm:w-9 items-center justify-center rounded-lg font-display bg-[color:var(--paper-3)] text-[color:var(--ink-soft)] font-mono font-medium">J</div><div class="text-[10px] sm:text-sm font-medium">JotForm</div></div><div class="flex flex-col items-center gap-1 text-[color:var(--ink-soft)]"><div class="flex h-8 w-8 sm:h-9 sm:w-9 items-center justify-center rounded-lg font-display bg-[color:var(--paper-3)] text-[color:var(--ink-soft)] font-mono font-medium">G</div><div class="text-[10px] sm:text-sm font-medium">Google</div></div></div><div class="divide-y divide-[color:var(--paper-3)]"><div class="grid grid-cols-[1.4fr_1fr_1fr_1fr_1fr] items-center px-3 sm:px-6 py-3 sm:py-4 text-[0.72rem] sm:text-sm "><div class="text-[color:var(--ink)]">Drag-and-drop form builder</div><div class="flex items-center justify-center text-lg sm:text-xl bg-brand-50/40"><span class="inline-flex items-center justify-center font-semibold text-[color:var(--positive)]" role="img" aria-label="Included">✓</span></div><div class="flex items-center justify-center text-lg sm:text-xl "><span class="inline-flex items-center justify-center font-semibold text-[color:var(--positive)]" role="img" aria-label="Included">✓</span></div><div class="flex items-center justify-center text-lg sm:text-xl "><span class="inline-flex items-center justify-center font-semibold text-[color:var(--positive)]" role="img" aria-label="Included">✓</span></div><div class="flex items-center justify-center text-lg sm:text-xl "><span class="inline-flex items-center justify-center font-semibold text-[color:var(--slate-cool)]" role="img" aria-label="Partial">◐</span></div></div><div class="grid grid-cols-[1.4fr_1fr_1fr_1fr_1fr] items-center px-3 sm:px-6 py-3 sm:py-4 text-[0.72rem] sm:text-sm bg-[color:var(--paper)]/60"><div class="text-[color:var(--ink)]">15+ field types &amp; smart logic</div><div class="flex items-center justify-center text-lg sm:text-xl bg-brand-50/40"><span class="inline-flex items-center justify-center font-semibold text-[color:var(--positive)]" role="img" aria-label="Included">✓</span></div><div class="flex items-center justify-center text-lg sm:text-xl "><span class="inline-flex items-center justify-center font-semibold text-[color:var(--positive)]" role="img" aria-label="Included">✓</span></div><div class="flex items-center justify-center text-lg sm:text-xl "><span class="inline-flex items-center justify-center font-semibold text-[color:var(--positive)]" role="img" aria-label="Included">✓</span></div><div class="flex items-center justify-center text-lg sm:text-xl "><span class="inline-flex items-center justify-center font-semibold text-[color:var(--miss)]" role="img" aria-label="Not included">✗</span></div></div><div class="grid grid-cols-[1.4fr_1fr_1fr_1fr_1fr] items-center px-3 sm:px-6 py-3 sm:py-4 text-[0.72rem] sm:text-sm "><div class="text-[color:var(--ink)]">Built-in CRM pipeline &amp; deals</div><div class="flex items-center justify-center text-lg sm:text-xl bg-brand-50/40"><span class="inline-flex items-center justify-center font-semibold text-[color:var(--positive)]" role="img" aria-label="Included">✓</span></div><div class="flex items-center justify-center text-lg sm:text-xl "><span class="inline-flex items-center justify-center font-semibold text-[color:var(--miss)]" role="img" aria-label="Not included">✗</span></div><div class="flex items-center justify-center text-lg sm:text-xl "><span class="inline-flex items-center justify-center font-semibold text-[color:var(--miss)]" role="img" aria-label="Not included">✗</span></div><div class="flex items-center justify-center text-lg sm:text-xl "><span class="inline-flex items-center justify-center font-semibold text-[color:var(--miss)]" role="img" aria-label="Not included">✗</span></div></div><div class="grid grid-cols-[1.4fr_1fr_1fr_1fr_1fr] items-center px-3 sm:px-6 py-3 sm:py-4 text-[0.72rem] sm:text-sm bg-[color:var(--paper)]/60"><div class="text-[color:var(--ink)]">Link-in-bio pages with embedded forms</div><div class="flex items-center justify-center text-lg sm:text-xl bg-brand-50/40"><span class="inline-flex items-center justify-center font-semibold text-[color:var(--positive)]" role="img" aria-label="Included">✓</span></div><div class="flex items-center justify-center text-lg sm:text-xl "><span class="inline-flex items-center justify-center font-semibold text-[color:var(--miss)]" role="img" aria-label="Not included">✗</span></div><div class="flex items-center justify-center text-lg sm:text-xl "><span class="inline-flex items-center justify-center font-semibold text-[color:var(--miss)]" role="img" aria-label="Not included">✗</span></div><div class="flex items-center justify-center text-lg sm:text-xl "><span class="inline-flex items-center justify-center font-semibold text-[color:var(--miss)]" role="img" aria-label="Not included">✗</span></div></div><div class="grid grid-cols-[1.4fr_1fr_1fr_1fr_1fr] items-center px-3 sm:px-6 py-3 sm:py-4 text-[0.72rem] sm:text-sm "><div class="text-[color:var(--ink)]">Support ticket workspace</div><div class="flex items-center justify-center text-lg sm:text-xl bg-brand-50/40"><span class="inline-flex items-center justify-center font-semibold text-[color:var(--positive)]" role="img" aria-label="Included">✓</span></div><div class="flex items-center justify-center text-lg sm:text-xl "><span class="inline-flex items-center justify-center font-semibold text-[color:var(--miss)]" role="img" aria-label="Not included">✗</span></div><div class="flex items-center justify-center text-lg sm:text-xl "><span class="inline-flex items-center justify-center font-semibold text-[color:var(--slate-cool)]" role="img" aria-label="Partial">◐</span></div><div class="flex items-center justify-center text-lg sm:text-xl "><span class="inline-flex items-center justify-center font-semibold text-[color:var(--miss)]" role="img" aria-label="Not included">✗</span></div></div><div class="grid grid-cols-[1.4fr_1fr_1fr_1fr_1fr] items-center px-3 sm:px-6 py-3 sm:py-4 text-[0.72rem] sm:text-sm bg-[color:var(--paper)]/60"><div class="text-[color:var(--ink)]">Live NPS &amp; survey analytics</div><div class="flex items-center justify-center text-lg sm:text-xl bg-brand-50/40"><span class="inline-flex items-center justify-center font-semibold text-[color:var(--positive)]" role="img" aria-label="Included">✓</span></div><div class="flex items-center justify-center text-lg sm:text-xl "><span class="inline-flex items-center justify-center font-semibold text-[color:var(--slate-cool)]" role="img" aria-label="Partial">◐</span></div><div class="flex items-center justify-center text-lg sm:text-xl "><span class="inline-flex items-center justify-center font-semibold text-[color:var(--slate-cool)]" role="img" aria-label="Partial">◐</span></div><div class="flex items-center justify-center text-lg sm:text-xl "><span class="inline-flex items-center justify-center font-semibold text-[color:var(--miss)]" role="img" aria-label="Not included">✗</span></div></div><div class="grid grid-cols-[1.4fr_1fr_1fr_1fr_1fr] items-center px-3 sm:px-6 py-3 sm:py-4 text-[0.72rem] sm:text-sm "><div class="text-[color:var(--ink)]">AI-assisted field generation</div><div class="flex items-center justify-center text-lg sm:text-xl bg-brand-50/40"><span class="inline-flex items-center justify-center font-semibold text-[color:var(--positive)]" role="img" aria-label="Included">✓</span></div><div class="flex items-center justify-center text-lg sm:text-xl "><span class="inline-flex items-center justify-center font-semibold text-[color:var(--slate-cool)]" role="img" aria-label="Partial">◐</span></div><div class="flex items-center justify-center text-lg sm:text-xl "><span class="inline-flex items-center justify-center font-semibold text-[color:var(--positive)]" role="img" aria-label="Included">✓</span></div><div class="flex items-center justify-center text-lg sm:text-xl "><span class="inline-flex items-center justify-center font-semibold text-[color:var(--miss)]" role="img" aria-label="Not included">✗</span></div></div><div class="grid grid-cols-[1.4fr_1fr_1fr_1fr_1fr] items-center px-3 sm:px-6 py-3 sm:py-4 text-[0.72rem] sm:text-sm bg-[color:var(--paper)]/60"><div class="text-[color:var(--ink)]">Custom domains &amp; branded URLs</div><div class="flex items-center justify-center text-lg sm:text-xl bg-brand-50/40"><span class="inline-flex items-center justify-center font-semibold text-[color:var(--positive)]" role="img" aria-label="Included">✓</span></div><div class="flex items-center justify-center text-lg sm:text-xl "><span class="inline-flex items-center justify-center font-semibold text-[color:var(--positive)]" role="img" aria-label="Included">✓</span></div><div class="flex items-center justify-center text-lg sm:text-xl "><span class="inline-flex items-center justify-center font-semibold text-[color:var(--positive)]" role="img" aria-label="Included">✓</span></div><div class="flex items-center justify-center text-lg sm:text-xl "><span class="inline-flex items-center justify-center font-semibold text-[color:var(--miss)]" role="img" aria-label="Not included">✗</span></div></div><div class="grid grid-cols-[1.4fr_1fr_1fr_1fr_1fr] items-center px-3 sm:px-6 py-3 sm:py-4 text-[0.72rem] sm:text-sm "><div class="text-[color:var(--ink)]">Multi-language (EN · ES · PT-BR)</div><div class="flex items-center justify-center text-lg sm:text-xl bg-brand-50/40"><span class="inline-flex items-center justify-center font-semibold text-[color:var(--positive)]" role="img" aria-label="Included">✓</span></div><div class="flex items-center justify-center text-lg sm:text-xl "><span class="inline-flex items-center justify-center font-semibold text-[color:var(--positive)]" role="img" aria-label="Included">✓</span></div><div class="flex items-center justify-center text-lg sm:text-xl "><span class="inline-flex items-center justify-center font-semibold text-[color:var(--slate-cool)]" role="img" aria-label="Partial">◐</span></div><div class="flex items-center justify-center text-lg sm:text-xl "><span class="inline-flex items-center justify-center font-semibold text-[color:var(--positive)]" role="img" aria-label="Included">✓</span></div></div><div class="grid grid-cols-[1.4fr_1fr_1fr_1fr_1fr] items-center px-3 sm:px-6 py-3 sm:py-4 text-[0.72rem] sm:text-sm bg-[color:var(--paper)]/60"><div class="text-[color:var(--ink)]">Free plan (useful — not a trial)</div><div class="flex items-center justify-center text-lg sm:text-xl bg-brand-50/40"><span class="inline-flex items-center justify-center font-semibold text-[color:var(--positive)]" role="img" aria-label="Included">✓</span></div><div class="flex items-center justify-center text-lg sm:text-xl "><span class="inline-flex items-center justify-center font-semibold text-[color:var(--slate-cool)]" role="img" aria-label="Partial">◐</span></div><div class="flex items-center justify-center text-lg sm:text-xl "><span class="inline-flex items-center justify-center font-semibold text-[color:var(--positive)]" role="img" aria-label="Included">✓</span></div><div class="flex items-center justify-center text-lg sm:text-xl "><span class="inline-flex items-center justify-center font-semibold text-[color:var(--positive)]" role="img" aria-label="Included">✓</span></div></div></div><div class="px-3 sm:px-6 py-4 sm:py-5 border-t border-[color:var(--paper-3)] bg-[color:var(--paper-2)] flex flex-wrap items-center justify-between gap-3 sm:gap-4"><div class="flex flex-wrap items-center gap-3 sm:gap-4 font-mono text-[10px] sm:text-xs text-[color:var(--ink-muted)]"><span class="inline-flex items-center gap-1"><span class="inline-flex items-center justify-center font-semibold text-[color:var(--positive)]" role="img" aria-label="Included">✓</span><span>included</span></span><span class="inline-flex items-center gap-1"><span class="inline-flex items-center justify-center font-semibold text-[color:var(--slate-cool)]" role="img" aria-label="Partial">◐</span><span>partial / paid add-on</span></span><span class="inline-flex items-center gap-1"><span class="inline-flex items-center justify-center font-semibold text-[color:var(--miss)]" role="img" aria-label="Not included">✗</span><span>not available</span></span></div><a class="font-display italic text-base sm:text-lg text-brand-600 hover:text-brand-700 hover:underline" href="/compare" data-discover="true">See all comparisons →</a></div></div></div></div></section><section id="alternatives" class="py-24 bg-white"><div class="container mx-auto px-4"><div class="text-center mb-10 sm:mb-14 max-w-3xl mx-auto"><p class="font-mono uppercase text-[0.6875rem] tracking-[0.14em] text-[color:var(--ink-muted)] mb-3 sm:mb-4 inline-block">Considering an alternative?</p><h2 class="font-display font-normal tracking-tight text-[color:var(--ink)] text-[2.25rem] sm:text-5xl md:text-6xl leading-[1.08] mb-4">See how Instaform <em class="italic text-brand-600">compares.</em></h2><p class="text-base sm:text-lg text-[color:var(--ink-soft)] leading-relaxed" style="text-wrap: pretty;">We built Instaform for teams evaluating their options. Pick a tool below to see the side-by-side.</p></div><div class="grid sm:grid-cols-2 lg:grid-cols-4 gap-4 max-w-6xl mx-auto"><a class="group flex flex-col gap-4 rounded-2xl border border-[color:var(--paper-3)] bg-white p-5 sm:p-6 transition-all duration-200 hover:-translate-y-0.5 hover:border-brand-200 hover:shadow-[var(--shadow-cool)]" href="/compare/typeform" data-discover="true"><div class="flex items-center justify-between"><div class="font-mono text-[10px] uppercase tracking-wider text-[color:var(--ink-muted)]">FORM BUILDERS</div><div class="flex h-9 w-9 items-center justify-center rounded-lg bg-[color:var(--paper-3)] font-mono font-medium text-[color:var(--ink-soft)]">T</div></div><div><div class="text-xs text-[color:var(--ink-muted)] mb-1">vs Typeform</div><div class="font-display text-2xl leading-tight text-[color:var(--ink)]">Instaform <em class="italic text-brand-600">vs</em> Typeform</div></div><div class="mt-auto flex items-center gap-1 text-sm font-medium text-brand-600 group-hover:gap-2 transition-all"><span>Compare</span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon" class="h-4 w-4"><path fill-rule="evenodd" d="M12.97 3.97a.75.75 0 0 1 1.06 0l7.5 7.5a.75.75 0 0 1 0 1.06l-7.5 7.5a.75.75 0 1 1-1.06-1.06l6.22-6.22H3a.75.75 0 0 1 0-1.5h16.19l-6.22-6.22a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"></path></svg></div></a><a class="group flex flex-col gap-4 rounded-2xl border border-[color:var(--paper-3)] bg-white p-5 sm:p-6 transition-all duration-200 hover:-translate-y-0.5 hover:border-brand-200 hover:shadow-[var(--shadow-cool)]" href="/compare/jotform" data-discover="true"><div class="flex items-center justify-between"><div class="font-mono text-[10px] uppercase tracking-wider text-[color:var(--ink-muted)]">FORM BUILDERS</div><div class="flex h-9 w-9 items-center justify-center rounded-lg bg-[color:var(--paper-3)] font-mono font-medium text-[color:var(--ink-soft)]">J</div></div><div><div class="text-xs text-[color:var(--ink-muted)] mb-1">vs Jotform</div><div class="font-display text-2xl leading-tight text-[color:var(--ink)]">Instaform <em class="italic text-brand-600">vs</em> Jotform</div></div><div class="mt-auto flex items-center gap-1 text-sm font-medium text-brand-600 group-hover:gap-2 transition-all"><span>Compare</span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon" class="h-4 w-4"><path fill-rule="evenodd" d="M12.97 3.97a.75.75 0 0 1 1.06 0l7.5 7.5a.75.75 0 0 1 0 1.06l-7.5 7.5a.75.75 0 1 1-1.06-1.06l6.22-6.22H3a.75.75 0 0 1 0-1.5h16.19l-6.22-6.22a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"></path></svg></div></a><a class="group flex flex-col gap-4 rounded-2xl border border-[color:var(--paper-3)] bg-white p-5 sm:p-6 transition-all duration-200 hover:-translate-y-0.5 hover:border-brand-200 hover:shadow-[var(--shadow-cool)]" href="/compare/linktree" data-discover="true"><div class="flex items-center justify-between"><div class="font-mono text-[10px] uppercase tracking-wider text-[color:var(--ink-muted)]">LINK IN BIO</div><div class="flex h-9 w-9 items-center justify-center rounded-lg bg-[color:var(--paper-3)] font-mono font-medium text-[color:var(--ink-soft)]">L</div></div><div><div class="text-xs text-[color:var(--ink-muted)] mb-1">vs Linktree</div><div class="font-display text-2xl leading-tight text-[color:var(--ink)]">Instaform <em class="italic text-brand-600">vs</em> Linktree</div></div><div class="mt-auto flex items-center gap-1 text-sm font-medium text-brand-600 group-hover:gap-2 transition-all"><span>Compare</span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon" class="h-4 w-4"><path fill-rule="evenodd" d="M12.97 3.97a.75.75 0 0 1 1.06 0l7.5 7.5a.75.75 0 0 1 0 1.06l-7.5 7.5a.75.75 0 1 1-1.06-1.06l6.22-6.22H3a.75.75 0 0 1 0-1.5h16.19l-6.22-6.22a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"></path></svg></div></a><a class="group flex flex-col gap-4 rounded-2xl border border-[color:var(--paper-3)] bg-white p-5 sm:p-6 transition-all duration-200 hover:-translate-y-0.5 hover:border-brand-200 hover:shadow-[var(--shadow-cool)]" href="/compare/taplink" data-discover="true"><div class="flex items-center justify-between"><div class="font-mono text-[10px] uppercase tracking-wider text-[color:var(--ink-muted)]">LINK IN BIO</div><div class="flex h-9 w-9 items-center justify-center rounded-lg bg-[color:var(--paper-3)] font-mono font-medium text-[color:var(--ink-soft)]">T</div></div><div><div class="text-xs text-[color:var(--ink-muted)] mb-1">vs Taplink</div><div class="font-display text-2xl leading-tight text-[color:var(--ink)]">Instaform <em class="italic text-brand-600">vs</em> Taplink</div></div><div class="mt-auto flex items-center gap-1 text-sm font-medium text-brand-600 group-hover:gap-2 transition-all"><span>Compare</span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon" class="h-4 w-4"><path fill-rule="evenodd" d="M12.97 3.97a.75.75 0 0 1 1.06 0l7.5 7.5a.75.75 0 0 1 0 1.06l-7.5 7.5a.75.75 0 1 1-1.06-1.06l6.22-6.22H3a.75.75 0 0 1 0-1.5h16.19l-6.22-6.22a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"></path></svg></div></a></div><div class="text-center mt-10"><a class="inline-flex items-center justify-center gap-2 rounded-full font-medium transition-all focus:outline-none focus-visible:ring-2 focus-visible:ring-brand-500 focus-visible:ring-offset-2 focus-visible:ring-offset-[color:var(--paper)] active:scale-[0.98] disabled:cursor-not-allowed disabled:opacity-50 bg-transparent text-[color:var(--ink)] border border-[rgba(11,16,40,0.14)] hover:bg-[rgba(11,16,40,0.04)] px-5 py-3 text-[0.9375rem]" href="/compare">See all comparisons →</a></div></div></section><section id="pricing" class="py-24 bg-gradient-to-b from-gray-50 to-white"><div class="container mx-auto px-4"><div class="text-center mb-12 sm:mb-14 max-w-3xl mx-auto"><p class="font-mono uppercase text-[0.6875rem] tracking-[0.14em] text-[color:var(--ink-muted)] mb-3 sm:mb-4 inline-block">Pricing</p><h2 class="font-display font-normal tracking-tight text-[color:var(--ink)] text-[2.25rem] sm:text-5xl md:text-6xl leading-[1.08] mb-4">Simple, transparent <span class="text-brand-500">pricing</span></h2><p class="text-base sm:text-lg text-[color:var(--ink-soft)] leading-relaxed" style="text-wrap: pretty;">Choose the plan that fits your needs. No hidden fees.</p></div><a aria-label="Learn about the Founding Member offer" class="group relative block overflow-hidden rounded-2xl bg-gradient-to-r from-brand-700 via-brand-600 to-brand-400 px-6 py-6 text-white shadow-brand transition-transform hover:-translate-y-0.5 md:px-8 mb-8 max-w-3xl mx-auto" href="/waitlist" data-discover="true"><div class="absolute -top-12 -right-12 h-40 w-40 rounded-full bg-white/10 blur-2xl" aria-hidden="true"></div><div class="relative flex flex-col items-center gap-4 text-center md:flex-row md:items-center md:justify-between md:gap-6 md:text-left"><div class="flex items-center gap-3"><span class="flex h-10 w-10 flex-shrink-0 items-center justify-center rounded-full bg-white/15"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon" class="h-5 w-5 text-white"><path fill-rule="evenodd" d="M9 4.5a.75.75 0 0 1 .721.544l.813 2.846a3.75 3.75 0 0 0 2.576 2.576l2.846.813a.75.75 0 0 1 0 1.442l-2.846.813a3.75 3.75 0 0 0-2.576 2.576l-.813 2.846a.75.75 0 0 1-1.442 0l-.813-2.846a3.75 3.75 0 0 0-2.576-2.576l-2.846-.813a.75.75 0 0 1 0-1.442l2.846-.813A3.75 3.75 0 0 0 7.466 7.89l.813-2.846A.75.75 0 0 1 9 4.5ZM18 1.5a.75.75 0 0 1 .728.568l.258 1.036c.236.94.97 1.674 1.91 1.91l1.036.258a.75.75 0 0 1 0 1.456l-1.036.258c-.94.236-1.674.97-1.91 1.91l-.258 1.036a.75.75 0 0 1-1.456 0l-.258-1.036a2.625 2.625 0 0 0-1.91-1.91l-1.036-.258a.75.75 0 0 1 0-1.456l1.036-.258a2.625 2.625 0 0 0 1.91-1.91l.258-1.036A.75.75 0 0 1 18 1.5ZM16.5 15a.75.75 0 0 1 .712.513l.394 1.183c.15.447.5.799.948.948l1.183.395a.75.75 0 0 1 0 1.422l-1.183.395c-.447.15-.799.5-.948.948l-.395 1.183a.75.75 0 0 1-1.422 0l-.395-1.183a1.5 1.5 0 0 0-.948-.948l-1.183-.395a.75.75 0 0 1 0-1.422l1.183-.395c.447-.15.799-.5.948-.948l.395-1.183A.75.75 0 0 1 16.5 15Z" clip-rule="evenodd"></path></svg></span><div><p class="text-base font-semibold md:text-lg">First 500 signups become Founding Members</p><p class="mt-0.5 text-sm text-white/80">Claim $50 credit, a permanent badge, and priority onboarding.</p></div></div><ul class="flex flex-wrap items-center justify-center gap-2 md:flex-shrink-0 md:justify-end"><li class="rounded-full bg-white/15 px-3 py-1 text-xs font-medium text-white backdrop-blur-sm">$50 credit</li><li class="rounded-full bg-white/15 px-3 py-1 text-xs font-medium text-white backdrop-blur-sm">Permanent badge</li><li class="rounded-full bg-white/15 px-3 py-1 text-xs font-medium text-white backdrop-blur-sm">Priority onboarding</li></ul></div></a><div class="text-center mb-8"><div class="inline-flex items-center gap-3 rounded-full bg-gray-100 p-1"><button class="rounded-full px-4 py-2 text-sm font-medium transition-colors text-gray-500 hover:text-gray-700">Monthly</button><button class="rounded-full px-4 py-2 text-sm font-medium transition-colors bg-white text-gray-900 shadow-sm">Yearly<span class="ml-1.5 inline-block rounded-full bg-green-100 px-2 py-0.5 text-xs font-semibold text-green-700">Save 20%</span></button></div><div class="mt-6 inline-flex items-center gap-2 rounded-full bg-brand-50 px-4 py-2 text-sm font-medium text-brand-700"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon" class="h-5 w-5 text-brand-600"><path fill-rule="evenodd" d="M12.516 2.17a.75.75 0 0 0-1.032 0 11.209 11.209 0 0 1-7.877 3.08.75.75 0 0 0-.722.515A12.74 12.74 0 0 0 2.25 9.75c0 5.942 4.064 10.933 9.563 12.348a.749.749 0 0 0 .374 0c5.499-1.415 9.563-6.406 9.563-12.348 0-1.39-.223-2.73-.635-3.985a.75.75 0 0 0-.722-.516l-.143.001c-2.996 0-5.717-1.17-7.734-3.08Zm3.094 8.016a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z" clip-rule="evenodd"></path></svg>30-day money-back guarantee</div></div><div class="grid md:grid-cols-3 gap-8 max-w-6xl mx-auto"></div><p class="mt-6 max-w-3xl mx-auto text-center text-sm text-gray-600">Instaform at $19/mo replaces Linktree Pro ($15) + Typeform Basic ($25) + HubSpot Starter ($20) = $60/mo worth of tools.</p><div class="mt-12 max-w-3xl mx-auto rounded-card border border-brand-100 bg-brand-50 p-6 text-center"><h3 class="text-xl font-semibold text-brand-900">Why Pro?</h3><p class="mt-2 text-base text-brand-800">Pro is for when Instaform becomes the only tool you need. Invite your team, connect your automations, wire up your existing stack, and scale without ceilings. $29/mo.</p></div><div class="mt-10 sm:mt-12 max-w-5xl mx-auto rounded-3xl p-6 sm:p-8 border border-[color:var(--paper-3)] overflow-hidden relative bg-gradient-to-br from-brand-50 via-[color:var(--paper-2)] to-[color:var(--paper-3)]"><div class="flex flex-col md:flex-row gap-5 items-start md:items-center justify-between"><div class="flex items-start sm:items-center gap-4 sm:gap-5"><div class="flex h-14 w-14 sm:h-16 sm:w-16 shrink-0 items-center justify-center rounded-2xl bg-brand-600"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon" class="h-7 w-7 text-white"><path fill-rule="evenodd" d="M12.516 2.17a.75.75 0 0 0-1.032 0 11.209 11.209 0 0 1-7.877 3.08.75.75 0 0 0-.722.515A12.74 12.74 0 0 0 2.25 9.75c0 5.942 4.064 10.933 9.563 12.348a.749.749 0 0 0 .374 0c5.499-1.415 9.563-6.406 9.563-12.348 0-1.39-.223-2.73-.635-3.985a.75.75 0 0 0-.722-.516l-.143.001c-2.996 0-5.717-1.17-7.734-3.08Zm3.094 8.016a.75.75 0 1 0-1.22-.872l-3.236 4.53L9.53 12.22a.75.75 0 0 0-1.06 1.06l2.25 2.25a.75.75 0 0 0 1.14-.094l3.75-5.25Z" clip-rule="evenodd"></path></svg></div><div><div class="font-display text-2xl sm:text-3xl leading-tight text-[color:var(--ink)]">Founding Members get $50 credit <em class="italic text-brand-600">+ a permanent badge.</em></div><div class="mt-1 text-sm text-[color:var(--ink-soft)]">Priority onboarding · direct team Slack · referral rewards (every friend = +10 spots)</div></div></div></div></div><div class="mt-16 max-w-3xl mx-auto border-t border-gray-200 pt-12"><h3 class="text-2xl md:text-3xl font-bold text-gray-900 text-center">Why not just use a free form builder?</h3><div class="mt-6 space-y-5 text-lg leading-relaxed text-gray-700"><p>Tally, Google Forms, and the free tier of every other form builder do one thing: they store submissions. That's fine if a submission is where your work ends.</p><p>For most small businesses, a submission is where work starts. Someone fills your form — now you need to follow up, move them through a pipeline, route them to the right person, remember the context, and close the loop. That's what Cubbies do. And that's why Instaform charges for them.</p><p class="font-medium text-gray-900">The short version: Tally is free because forms are cheap to store. Instaform charges $19 because turning a submission into a closed deal is the part that was broken.</p></div></div><p class="text-center text-gray-500 mt-12">All plans include SSL encryption, GDPR compliance, and 24/7 monitoring.</p></div></section><section id="faq" class="py-24 bg-white"><div class="container mx-auto px-4 max-w-5xl"><div class="text-center mb-12 sm:mb-14 max-w-3xl mx-auto"><p class="font-mono uppercase text-[0.6875rem] tracking-[0.14em] text-[color:var(--ink-muted)] mb-3 sm:mb-4 inline-block">FAQ</p><h2 class="font-display font-normal tracking-tight text-[color:var(--ink)] text-[2.25rem] sm:text-5xl md:text-6xl leading-[1.08] mb-4">Frequently Asked Questions</h2><p class="text-base sm:text-lg text-[color:var(--ink-soft)] leading-relaxed" style="text-wrap: pretty;">Everything you need to know about Instaform.</p></div><div class="space-y-3 max-w-3xl mx-auto"><div class="rounded-card border transition-colors border-gray-200 bg-white"><button class="flex w-full items-center justify-between px-6 py-4 text-left" aria-expanded="false"><span class="font-semibold transition-colors text-gray-900">What are Cubbies?</span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon" class="h-5 w-5 flex-shrink-0 transition-transform duration-200 text-gray-400"><path fill-rule="evenodd" d="M12.53 16.28a.75.75 0 0 1-1.06 0l-7.5-7.5a.75.75 0 0 1 1.06-1.06L12 14.69l6.97-6.97a.75.75 0 1 1 1.06 1.06l-7.5 7.5Z" clip-rule="evenodd"></path></svg></button><div class="grid transition-[grid-template-rows] duration-300 ease-out" style="grid-template-rows: 0fr;"><div class="overflow-hidden"><div class="px-6 pb-4 text-gray-600 leading-relaxed">Cubbies are smart workspaces that automatically organize your form submissions. Depending on your form type, submissions flow into a CRM pipeline, analytics dashboard, or support ticket board — no manual sorting required.</div></div></div></div><div class="rounded-card border transition-colors border-gray-200 bg-white"><button class="flex w-full items-center justify-between px-6 py-4 text-left" aria-expanded="false"><span class="font-semibold transition-colors text-gray-900">Can I change plans later?</span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon" class="h-5 w-5 flex-shrink-0 transition-transform duration-200 text-gray-400"><path fill-rule="evenodd" d="M12.53 16.28a.75.75 0 0 1-1.06 0l-7.5-7.5a.75.75 0 0 1 1.06-1.06L12 14.69l6.97-6.97a.75.75 0 1 1 1.06 1.06l-7.5 7.5Z" clip-rule="evenodd"></path></svg></button><div class="grid transition-[grid-template-rows] duration-300 ease-out" style="grid-template-rows: 0fr;"><div class="overflow-hidden"><div class="px-6 pb-4 text-gray-600 leading-relaxed">Absolutely! You can upgrade or downgrade your plan at any time from your account settings. When upgrading, you only pay the prorated difference. When downgrading, the remaining credit is applied to future billing cycles.</div></div></div></div><div class="rounded-card border transition-colors border-gray-200 bg-white"><button class="flex w-full items-center justify-between px-6 py-4 text-left" aria-expanded="false"><span class="font-semibold transition-colors text-gray-900">Is there a free trial?</span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon" class="h-5 w-5 flex-shrink-0 transition-transform duration-200 text-gray-400"><path fill-rule="evenodd" d="M12.53 16.28a.75.75 0 0 1-1.06 0l-7.5-7.5a.75.75 0 0 1 1.06-1.06L12 14.69l6.97-6.97a.75.75 0 1 1 1.06 1.06l-7.5 7.5Z" clip-rule="evenodd"></path></svg></button><div class="grid transition-[grid-template-rows] duration-300 ease-out" style="grid-template-rows: 0fr;"><div class="overflow-hidden"><div class="px-6 pb-4 text-gray-600 leading-relaxed">Yes! Our Free plan lets you explore Instaform with 2 forms, 100 submissions/month, 1 LinkPage, and the 11 basic field types — no credit card required. It's a real trial: you feel the product and the Cubby mechanic. When you want advanced fields, conditional logic, Stripe payments, the CRM/Survey/Support Cubbies, or your own domain, Starter is $19/mo.</div></div></div></div><div class="rounded-card border transition-colors border-gray-200 bg-white"><button class="flex w-full items-center justify-between px-6 py-4 text-left" aria-expanded="false"><span class="font-semibold transition-colors text-gray-900">What payment methods do you accept?</span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon" class="h-5 w-5 flex-shrink-0 transition-transform duration-200 text-gray-400"><path fill-rule="evenodd" d="M12.53 16.28a.75.75 0 0 1-1.06 0l-7.5-7.5a.75.75 0 0 1 1.06-1.06L12 14.69l6.97-6.97a.75.75 0 1 1 1.06 1.06l-7.5 7.5Z" clip-rule="evenodd"></path></svg></button><div class="grid transition-[grid-template-rows] duration-300 ease-out" style="grid-template-rows: 0fr;"><div class="overflow-hidden"><div class="px-6 pb-4 text-gray-600 leading-relaxed">We accept all major credit and debit cards (Visa, Mastercard, American Express) as well as Apple Pay and Google Pay. All payments are processed securely through Stripe.</div></div></div></div><div class="rounded-card border transition-colors border-gray-200 bg-white"><button class="flex w-full items-center justify-between px-6 py-4 text-left" aria-expanded="false"><span class="font-semibold transition-colors text-gray-900">Do you offer refunds?</span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon" class="h-5 w-5 flex-shrink-0 transition-transform duration-200 text-gray-400"><path fill-rule="evenodd" d="M12.53 16.28a.75.75 0 0 1-1.06 0l-7.5-7.5a.75.75 0 0 1 1.06-1.06L12 14.69l6.97-6.97a.75.75 0 1 1 1.06 1.06l-7.5 7.5Z" clip-rule="evenodd"></path></svg></button><div class="grid transition-[grid-template-rows] duration-300 ease-out" style="grid-template-rows: 0fr;"><div class="overflow-hidden"><div class="px-6 pb-4 text-gray-600 leading-relaxed">We offer a 30-day money-back guarantee on all paid plans. If you are not satisfied within the first 30 days, contact our support team and we will issue a full refund — no questions asked.</div></div></div></div><div class="rounded-card border transition-colors border-gray-200 bg-white"><button class="flex w-full items-center justify-between px-6 py-4 text-left" aria-expanded="false"><span class="font-semibold transition-colors text-gray-900">Can I use my own domain?</span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon" class="h-5 w-5 flex-shrink-0 transition-transform duration-200 text-gray-400"><path fill-rule="evenodd" d="M12.53 16.28a.75.75 0 0 1-1.06 0l-7.5-7.5a.75.75 0 0 1 1.06-1.06L12 14.69l6.97-6.97a.75.75 0 1 1 1.06 1.06l-7.5 7.5Z" clip-rule="evenodd"></path></svg></button><div class="grid transition-[grid-template-rows] duration-300 ease-out" style="grid-template-rows: 0fr;"><div class="overflow-hidden"><div class="px-6 pb-4 text-gray-600 leading-relaxed">Yes, on Starter and Pro plans you can use a custom domain for your forms and link pages. This means your forms appear under your brand's URL rather than an Instaform subdomain.</div></div></div></div><div class="rounded-card border transition-colors border-gray-200 bg-white"><button class="flex w-full items-center justify-between px-6 py-4 text-left" aria-expanded="false"><span class="font-semibold transition-colors text-gray-900">How does the CRM cubby work?</span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true" data-slot="icon" class="h-5 w-5 flex-shrink-0 transition-transform duration-200 text-gray-400"><path fill-rule="evenodd" d="M12.53 16.28a.75.75 0 0 1-1.06 0l-7.5-7.5a.75.75 0 0 1 1.06-1.06L12 14.69l6.97-6.97a.75.75 0 1 1 1.06 1.06l-7.5 7.5Z" clip-rule="evenodd"></path></svg></button><div class="grid transition-[grid-template-rows] duration-300 ease-out" style="grid-template-rows: 0fr;"><div class="overflow-hidden"><div class="px-6 pb-4 text-gray-600 leading-relaxed">When you set a form's cubby type to CRM, every submission automatically creates a contact and deal in a Kanban-style pipeline. You can track deal stages, add notes, set follow-ups, and manage your entire sales flow without leaving Instaform.</div></div></div></div></div></div></section><section id="waitlist" class="relative py-20 sm:py-28 overflow-hidden"><div aria-hidden="true" class="pointer-events-none absolute inset-0 overflow-hidden"><div class="absolute rounded-full" style="top: -120px; left: 10%; width: 500px; height: 500px; background: radial-gradient(circle, rgb(184, 197, 255) 0%, transparent 60%); filter: blur(60px); opacity: 0.5; will-change: transform;"></div><div class="absolute rounded-full" style="right: 10%; bottom: -120px; width: 400px; height: 400px; background: radial-gradient(circle, rgb(201, 189, 245) 0%, transparent 60%); filter: blur(60px); opacity: 0.4; will-change: transform;"></div></div><div class="container relative mx-auto max-w-4xl px-4 text-center"><div class="transition-none opacity-0"><h2 class="font-display font-normal tracking-tight text-[color:var(--ink)] text-[2.25rem] sm:text-5xl md:text-6xl leading-[1.08] mb-6">Ready to build forms that <em class="italic text-brand-600">work for you?</em></h2><p class="text-base sm:text-lg text-[color:var(--ink-soft)] leading-relaxed max-w-xl mx-auto mb-8 sm:mb-10" style="text-wrap: pretty;">Create your first form in minutes. Your submissions will thank you.</p><form class="mx-auto mb-5 flex max-w-md flex-col sm:flex-row items-stretch gap-3"><div class="flex-1"><div class="flex items-center rounded-full border border-[color:var(--paper-3)] bg-white px-5 py-2 shadow-[0_2px_0_rgba(11,16,40,0.04),0_10px_30px_-10px_rgba(11,16,40,0.08)]"><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" class="shrink-0 text-[color:var(--ink-muted)]" aria-hidden="true"><path d="M4 6h16v12H4z"></path><path d="M4 6l8 7 8-7"></path></svg><input autocomplete="email" placeholder="you@company.com" aria-label="Email address" class="ml-2 w-full min-w-0 border-0 bg-transparent py-2 text-base text-[color:var(--ink)] placeholder:text-[color:var(--ink-muted)] focus:outline-none" type="email" name="email"></div></div><button class="inline-flex items-center justify-center gap-2 rounded-full font-medium transition-all focus:outline-none focus-visible:ring-2 focus-visible:ring-brand-500 focus-visible:ring-offset-2 focus-visible:ring-offset-[color:var(--paper)] active:scale-[0.98] disabled:cursor-not-allowed disabled:opacity-50 bg-brand-600 text-white border border-brand-600 hover:bg-brand-700 hover:border-brand-700 shadow-[0_2px_0_rgba(11,16,40,0.04),0_10px_30px_-10px_rgba(26,63,245,0.35)] px-5 py-3 text-[0.9375rem]" type="submit">Join Waitlist →</button></form><div class="flex flex-wrap justify-center gap-3 sm:gap-4 text-xs text-[color:var(--ink-muted)]"><span>Be first in line</span><span aria-hidden="true">·</span><span>Limited early access</span><span aria-hidden="true">·</span><span>Set up in 2 minutes</span></div></div></div></section></main><div class="fixed bottom-0 left-0 right-0 z-40 md:hidden transition-transform duration-300 translate-y-full"><div class="bg-white/95 backdrop-blur-lg border-t border-gray-200 px-4 py-3"><a class="block w-full bg-brand-600 text-white py-3 rounded-full font-semibold text-center shadow-brand hover:bg-brand-700 transition-colors" href="/waitlist" data-discover="true">Get Early Access</a></div></div></div></main><footer class="bg-[color:var(--paper)] text-[color:var(--ink-soft)] pt-20 pb-10 border-t border-[color:var(--paper-3)]"><div class="container mx-auto px-4"><div class="grid md:grid-cols-2 lg:grid-cols-7 gap-12 mb-16"><div class="lg:col-span-2"><div class="mb-4"><a class="flex items-center gap-2 font-sans" href="/" data-discover="true"><span class="flex items-center justify-center rounded-xl bg-brand-600 font-bold text-white h-10 w-10 text-2xl" aria-hidden="true">I</span><span class="font-semibold text-2xl text-gray-900">Instaform.co</span></a></div><p class="text-[color:var(--ink-soft)] mb-6 max-w-sm">Build forms that work for you. From submission to action — automatically.</p></div><div><h3 class="font-mono uppercase text-[0.6875rem] tracking-[0.14em] text-[color:var(--ink-muted)] mb-4">Product</h3><ul class="space-y-3"><li><a class="text-[color:var(--ink-soft)] hover:text-[color:var(--ink)] transition-colors text-sm" href="/#features" data-discover="true">Features</a></li><li><a class="text-[color:var(--ink-soft)] hover:text-[color:var(--ink)] transition-colors text-sm" href="/#templates" data-discover="true">Templates</a></li><li><a class="text-[color:var(--ink-soft)] hover:text-[color:var(--ink)] transition-colors text-sm" href="/#cubbies" data-discover="true">Cubbies</a></li><li><a class="text-[color:var(--ink-soft)] hover:text-[color:var(--ink)] transition-colors text-sm" href="/#pricing" data-discover="true">Pricing</a></li></ul></div><div><h3 class="font-mono uppercase text-[0.6875rem] tracking-[0.14em] text-[color:var(--ink-muted)] mb-4">Resources</h3><ul class="space-y-3"><li><a class="text-[color:var(--ink-soft)] hover:text-[color:var(--ink)] transition-colors text-sm" href="/use-cases" data-discover="true">Use Cases</a></li><li><a class="text-[color:var(--ink-soft)] hover:text-[color:var(--ink)] transition-colors text-sm" href="/for" data-discover="true">Industries</a></li><li><a class="text-[color:var(--ink-soft)] hover:text-[color:var(--ink)] transition-colors text-sm" href="/#faq" data-discover="true">FAQ</a></li></ul></div><div><h3 class="font-mono uppercase text-[0.6875rem] tracking-[0.14em] text-[color:var(--ink-muted)] mb-4">Compare</h3><ul class="space-y-3"><li><a class="text-[color:var(--ink-soft)] hover:text-[color:var(--ink)] transition-colors text-sm" href="/compare/typeform" data-discover="true">vs Typeform</a></li><li><a class="text-[color:var(--ink-soft)] hover:text-[color:var(--ink)] transition-colors text-sm" href="/compare/linktree" data-discover="true">vs Linktree</a></li><li><a class="text-[color:var(--ink-soft)] hover:text-[color:var(--ink)] transition-colors text-sm" href="/compare" data-discover="true">All comparisons</a></li></ul></div><div><h3 class="font-mono uppercase text-[0.6875rem] tracking-[0.14em] text-[color:var(--ink-muted)] mb-4">Company</h3><ul class="space-y-3"><li><a href="mailto:support@instaform.co" class="text-[color:var(--ink-soft)] hover:text-[color:var(--ink)] transition-colors text-sm" target="_blank" rel="noopener noreferrer">Contact</a></li></ul></div><div><h3 class="font-mono uppercase text-[0.6875rem] tracking-[0.14em] text-[color:var(--ink-muted)] mb-4">Legal</h3><ul class="space-y-3"><li><a class="text-[color:var(--ink-soft)] hover:text-[color:var(--ink)] transition-colors text-sm" href="/privacy" data-discover="true">Privacy Policy</a></li><li><a class="text-[color:var(--ink-soft)] hover:text-[color:var(--ink)] transition-colors text-sm" href="/terms" data-discover="true">Terms of Service</a></li><li><a class="text-[color:var(--ink-soft)] hover:text-[color:var(--ink)] transition-colors text-sm" href="/security" data-discover="true">Security</a></li></ul></div></div><div class="border-t border-[color:var(--paper-3)] pt-8 flex flex-col md:flex-row items-center justify-between gap-4"><p class="text-[color:var(--ink-muted)] text-xs font-mono">© 2013-2026 InstaForm. All rights reserved.</p><div class="flex items-center gap-4"><a href="https://twitter.com/instaform" class="text-[color:var(--ink-muted)] hover:text-[color:var(--ink)] transition-colors" target="_blank" rel="noopener noreferrer" aria-label="Twitter"><svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84"></path></svg></a><a href="https://linkedin.com/company/instaform" class="text-[color:var(--ink-muted)] hover:text-[color:var(--ink)] transition-colors" target="_blank" rel="noopener noreferrer" aria-label="LinkedIn"><svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"></path></svg></a><a href="https://github.com/instaform" class="text-[color:var(--ink-muted)] hover:text-[color:var(--ink)] transition-colors" target="_blank" rel="noopener noreferrer" aria-label="GitHub"><svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24"><path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"></path></svg></a></div></div></div></footer></div></div>
  

</body></html>