[{"data":1,"prerenderedAt":201},["ShallowReactive",2],{"page-free-form-creator":3},{"head":4,"jsonld":56,"components":165},{"title":5,"link":6,"meta":7},"Free Form Creator: Build Unlimited Forms, No Card",[],[8,11,14,16,19,22,24,26,29,32,34,37,39,41,43,45,48,51,53],{"property":9,"content":10},"article:modified_time","2026-06-13T10:56:38.865Z",{"hid":12,"name":12,"content":13},"description","A free form creator with payments, file uploads, AI generation, and 100 monthly responses. No credit card. No watermark in the editor. Start in 30 seconds.",{"hid":15,"name":15,"content":5},"og:site_name",{"hid":17,"property":17,"content":18},"og:type","website",{"hid":20,"property":20,"content":21},"og:url","https://formester.com/free-form-creator/",{"hid":23,"property":23,"content":5},"og:title",{"hid":25,"property":25,"content":13},"og:description",{"hid":27,"property":27,"content":28},"og:image","https://formester.com/formester-logo-meta-image.png",{"hid":30,"name":30,"content":31},"og:image:alt","Formester Logo",{"hid":33,"name":33,"content":21},"twitter:url",{"name":35,"content":36},"twitter:site","@_formester_",{"hid":38,"name":38,"content":5},"twitter:title",{"hid":40,"name":40,"content":13},"twitter:description",{"hid":42,"name":42,"content":28},"twitter:image",{"hid":44,"name":44,"content":31},"twitter:image:alt",{"hid":46,"name":46,"content":47},"twitter:card","summary_large_image",{"hid":49,"name":49,"content":50},"apple-mobile-web-app-title","Formester",{"hid":52,"name":52,"property":27,"content":28},"image",{"hid":54,"name":54,"content":55},"keywords",[],[57],{"@graph":58,"@context":164},[59,67,77,105,143],{"@id":60,"url":21,"name":5,"@type":61,"headline":5,"isPartOf":62,"breadcrumb":64,"inLanguage":66,"description":13},"https://formester.com/free-form-creator/#webpage","WebPage",{"@id":63},"https://formester.com/#website",{"@id":65},"https://formester.com/free-form-creator/#breadcrumb","en-US",{"@id":65,"@type":68,"itemListElement":69},"BreadcrumbList",[70,75],{"item":71,"name":72,"@type":73,"position":74},"https://formester.com/","Home","ListItem",1,{"item":21,"name":5,"@type":73,"position":76},2,{"@id":78,"url":21,"name":79,"@type":80,"offers":81,"publisher":92,"description":97,"aggregateRating":98,"operatingSystem":103,"applicationCategory":104},"https://formester.com/free-form-creator/#software","Formester Free Form Creator","SoftwareApplication",[82,89],{"url":83,"name":84,"@type":85,"price":86,"availability":87,"priceCurrency":88},"https://formester.com/pricing/","Free","Offer","0","https://schema.org/InStock","USD",{"url":83,"name":90,"@type":85,"price":91,"availability":87,"priceCurrency":88},"Personal","12",{"url":71,"logo":93,"name":50,"@type":96},{"url":94,"@type":95},"https://formester.com/logo.png","ImageObject","Organization","Free form creator with AI generation, native Stripe and PayPal payments, 100MB file uploads, 100 responses per month.",{"@type":99,"bestRating":100,"ratingCount":101,"ratingValue":102},"AggregateRating","5","11","4.7","Web, iOS, Android","BusinessApplication",{"@id":106,"@type":107,"mainEntity":108},"https://formester.com/free-form-creator/#faq","FAQPage",[109,115,119,123,127,131,135,139],{"name":110,"@type":111,"acceptedAnswer":112},"Is it really free, forever?","Question",{"text":113,"@type":114},"Yes. The free plan does not expire and does not require a credit card. You can run 10 active forms and collect 100 responses per month indefinitely. You only pay when you choose to upgrade for more responses, branding removal, or conditional logic.","Answer",{"name":116,"@type":111,"acceptedAnswer":117},"How many submissions can I collect on the free plan?",{"text":118,"@type":114},"100 responses per month, across all your forms combined. If you hit the cap mid-month, new submissions pause until the counter resets on the first of the next month. Existing responses stay in your dashboard either way.",{"name":120,"@type":111,"acceptedAnswer":121},"Will I see Powered by Formester on my forms?",{"text":122,"@type":114},"Yes. The free plan shows the Formester logo in the form footer. It's not aggressive (no popups, no upsell banners to respondents), but it is visible. Branding removal is included on the Personal plan at $12 per month.",{"name":124,"@type":111,"acceptedAnswer":125},"Can I accept payments on the free plan?",{"text":126,"@type":114},"Yes. Stripe and PayPal connect natively, and the payment field works on every plan including free. Formester does not charge a transaction fee. You pay only the standard Stripe or PayPal processing rate.",{"name":128,"@type":111,"acceptedAnswer":129},"How do I export my responses?",{"text":130,"@type":114},"One-click CSV export of all responses from the Submissions tab, available on every plan including free. You can also auto-push every new response to a Google Sheet, Slack channel, or HubSpot record. PDF export of individual responses is on the Business plan.",{"name":132,"@type":111,"acceptedAnswer":133},"Can I embed the form on my own website?",{"text":134,"@type":114},"Yes. Six embed modes: inline, popup, sidebar, side tab, popover, and fullscreen. Copy a snippet from the Share menu and paste into your site. Native plugins exist for Shopify, WordPress, Webflow, Wix, and Canva.",{"name":136,"@type":111,"acceptedAnswer":137},"What happens if I exceed the free limits?",{"text":138,"@type":114},"Form collection pauses at 100 responses until the next monthly reset. Your forms stay live, your existing data stays in the dashboard, and respondents see a polite submissions paused message. To collect more, upgrade to Personal ($12/month) for 1,000 monthly responses, or wait for the reset.",{"name":140,"@type":111,"acceptedAnswer":141},"Do I need a credit card to sign up?",{"text":142,"@type":114},"No. The free plan does not ask for a credit card at any point. You sign up with email or Google, build forms, collect responses, and pay nothing. A card is only requested if you choose to upgrade.",{"@id":144,"name":145,"step":146,"@type":162,"totalTime":163},"https://formester.com/free-form-creator/#howto","How to build a form in under 5 minutes",[147,151,154,158],{"name":148,"text":149,"@type":150,"position":74},"Open the AI generator","Sign up with email or Google. No credit card field. You land on the dashboard in under 10 seconds.","HowToStep",{"name":152,"text":153,"@type":150,"position":76},"Give it your input","Type a prompt, paste an existing form URL, or upload a PDF intake document. The AI reads the structure and picks the right field type for each question.",{"name":155,"text":156,"@type":150,"position":157},"Edit in the drag-and-drop builder","Every AI draft lands in the editor, not a frozen output. Reorder fields, change labels, add conditional logic, swap themes, attach a Stripe price.",3,{"name":159,"text":160,"@type":150,"position":161},"Share or embed","Publish to a Formester URL, embed on your site with a single snippet (six embed modes), or generate a styled QR code for print.",4,"HowTo","PT5M","https://schema.org",[166,171,174,177,180,183,186,189,192,195,198],{"id":167,"__component":168,"markup":169,"useContainer":170},760,"micro-components.raw-html","\u003Cstyle>\n/* host-link-override */\n.fmstr-cmp-ffc-hero a { text-decoration: none !important; }\n\n.fmstr-cmp-ffc-hero {\n--c-bg: #ffffff; --c-soft: #f9fafb; --c-tint: #f7f3ff; --c-tint-deep: #ede4ff; --c-edge: #e4d7ff;\n--c-fg-1: #101828; --c-fg-2: #475467; --c-fg-3: #697586;\n--c-violet-100: #ede4ff; --c-violet-300: #c4b1ee; --c-violet-500: #7f56d9; --c-violet-600: #6941c6; --c-violet-700: #5b34b1;\n--c-success: #12b76a; --c-amber: #f59e0b; --c-border: #eaecf0;\n--c-shadow-sm: 0 1px 3px rgba(16,24,40,.05), 0 1px 2px rgba(16,24,40,.03);\n--c-shadow-lg: 0 20px 50px -12px rgba(16,24,40,.18), 0 8px 20px -8px rgba(16,24,40,.08);\nbackground: radial-gradient(ellipse at top left, var(--c-tint) 0%, #ffffff 55%);\npadding: 88px 24px 80px; font-family: inherit; overflow-x: hidden; color: var(--c-fg-1); position: relative; overflow: hidden;\n}\n.fmstr-cmp-ffc-hero *, .fmstr-cmp-ffc-hero *::before, .fmstr-cmp-ffc-hero *::after { box-sizing: border-box; }\n.fmstr-cmp-ffc-hero > *, .fmstr-cmp-ffc-hero > * > * { min-width: 0; }\n.fmstr-cmp-ffc-hero__container { max-width: 1180px; margin: 0 auto; display: grid; grid-template-columns: 1.05fr 1fr; gap: 64px; align-items: center; }\n\n.fmstr-cmp-ffc-hero__badge {\ndisplay: inline-flex; align-items: center; gap: 8px; padding: 6px 14px; border-radius: 999px;\nbackground: #fff; border: 1px solid var(--c-edge); color: var(--c-violet-700); font-size: 13px; font-weight: 600; margin-bottom: 22px; box-shadow: var(--c-shadow-sm);\n}\n.fmstr-cmp-ffc-hero__badge-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--c-violet-500); }\n.fmstr-cmp-ffc-hero__h1 { margin: 0 0 18px; font-size: clamp(36px, 4.6vw, 54px); line-height: 1.07; letter-spacing: -0.028em; font-weight: 700; color: var(--c-fg-1); }\n.fmstr-cmp-ffc-hero__h1-accent {\ncolor: var(--c-violet-600); background: linear-gradient(135deg, var(--c-violet-500), var(--c-violet-700));\n-webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;\n}\n.fmstr-cmp-ffc-hero__sub { margin: 0 0 32px; max-width: 540px; font-size: 18px; line-height: 1.6; color: var(--c-fg-2); }\n.fmstr-cmp-ffc-hero__ctas { display: inline-flex; flex-wrap: wrap; gap: 12px; margin-bottom: 28px; }\n.fmstr-cmp-ffc-hero__cta-primary {\ndisplay: inline-flex; align-items: center; gap: 8px; padding: 14px 26px; border-radius: 10px;\nbackground: var(--c-violet-500) !important; color: #fff !important; font-weight: 600; font-size: 15.5px;\ntext-decoration: none !important; border: 1px solid var(--c-violet-500); box-shadow: 0 6px 16px rgba(127,86,217,.25);\ntransition: background .15s ease, transform .15s ease, box-shadow .15s ease;\n}\n.fmstr-cmp-ffc-hero__cta-primary:hover { background: var(--c-violet-600) !important; transform: translateY(-1px); box-shadow: 0 10px 22px rgba(127,86,217,.3); }\n.fmstr-cmp-ffc-hero__cta-secondary {\ndisplay: inline-flex; align-items: center; gap: 8px; padding: 14px 22px; border-radius: 10px;\nbackground: #fff !important; color: var(--c-fg-1) !important; font-weight: 600; font-size: 15.5px;\ntext-decoration: none !important; border: 1px solid var(--c-border); transition: border-color .15s ease, transform .15s ease;\n}\n.fmstr-cmp-ffc-hero__cta-secondary:hover { border-color: var(--c-violet-500); color: var(--c-violet-600) !important; transform: translateY(-1px); }\n.fmstr-cmp-ffc-hero__trust { display: flex; flex-wrap: wrap; gap: 16px 28px; font-size: 13px; color: var(--c-fg-3); }\n.fmstr-cmp-ffc-hero__trust-item { display: inline-flex; align-items: center; gap: 6px; }\n.fmstr-cmp-ffc-hero__trust-check { color: var(--c-success); flex-shrink: 0; }\n\n/* Right side: AI form generator mockup */\n.fmstr-cmp-ffc-hero__visual { position: relative; }\n.fmstr-cmp-ffc-hero__form { background: #fff; border: 1px solid var(--c-border); border-radius: 20px; box-shadow: var(--c-shadow-lg); padding: 24px; position: relative; }\n.fmstr-cmp-ffc-hero__form-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 18px; padding-bottom: 16px; border-bottom: 1px solid var(--c-border); }\n.fmstr-cmp-ffc-hero__form-brand { font-size: 13px; color: var(--c-fg-3); font-weight: 600; display: inline-flex; align-items: center; gap: 8px; }\n.fmstr-cmp-ffc-hero__form-brand-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--c-success); box-shadow: 0 0 0 3px rgba(18,183,106,.18); }\n.fmstr-cmp-ffc-hero__form-step { font-size: 12px; color: var(--c-violet-700); font-weight: 600; background: var(--c-violet-100); padding: 3px 10px; border-radius: 999px; }\n.fmstr-cmp-ffc-hero__prompt {\ndisplay: flex; align-items: flex-start; gap: 10px; padding: 12px 14px; border: 1px dashed var(--c-edge);\nborder-radius: 12px; background: var(--c-tint); margin-bottom: 16px;\n}\n.fmstr-cmp-ffc-hero__prompt-icon {\nflex-shrink: 0; width: 26px; height: 26px; border-radius: 8px;\nbackground: linear-gradient(135deg, var(--c-violet-500), var(--c-violet-700)); color: #fff;\ndisplay: inline-flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 800;\n}\n.fmstr-cmp-ffc-hero__prompt-text { font-size: 13.5px; line-height: 1.5; color: var(--c-fg-1); flex: 1; }\n.fmstr-cmp-ffc-hero__prompt-text strong { color: var(--c-violet-700); }\n.fmstr-cmp-ffc-hero__field { margin-bottom: 12px; }\n.fmstr-cmp-ffc-hero__field-label { font-size: 11px; font-weight: 700; color: var(--c-fg-3); text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 6px; display: block; }\n.fmstr-cmp-ffc-hero__input {\ndisplay: flex; align-items: center; gap: 8px; padding: 10px 12px; border: 1px solid var(--c-border); border-radius: 10px;\nbackground: #fff; font-size: 14px; color: var(--c-fg-1);\n}\n.fmstr-cmp-ffc-hero__input--placeholder { color: var(--c-fg-3); }\n.fmstr-cmp-ffc-hero__input-icon { width: 16px; height: 16px; color: var(--c-fg-3); flex-shrink: 0; }\n.fmstr-cmp-ffc-hero__rating { display: inline-flex; gap: 4px; padding: 2px 0; }\n.fmstr-cmp-ffc-hero__star { width: 22px; height: 22px; color: #e4e7ec; }\n.fmstr-cmp-ffc-hero__star--on { color: var(--c-amber); }\n.fmstr-cmp-ffc-hero__pay {\ndisplay: flex; align-items: center; justify-content: space-between; padding: 12px 14px; border: 1px solid var(--c-tint-deep); border-radius: 10px; background: var(--c-tint);\n}\n.fmstr-cmp-ffc-hero__pay-amount { font-weight: 700; color: var(--c-fg-1); font-size: 15px; }\n.fmstr-cmp-ffc-hero__pay-chips { display: inline-flex; gap: 6px; }\n.fmstr-cmp-ffc-hero__pay-chip {\npadding: 4px 9px; background: #fff; border: 1px solid var(--c-edge); border-radius: 999px;\nfont-size: 11px; font-weight: 700; color: var(--c-violet-700); letter-spacing: 0.02em;\n}\n.fmstr-cmp-ffc-hero__submit {\nmargin-top: 14px; display: flex; align-items: center; justify-content: center; gap: 8px; padding: 13px;\nborder-radius: 10px; background: linear-gradient(135deg, var(--c-violet-500), var(--c-violet-700)); color: #fff; font-size: 14.5px; font-weight: 600;\n}\n.fmstr-cmp-ffc-hero__chip {\nposition: absolute; background: #fff; border: 1px solid var(--c-edge); box-shadow: var(--c-shadow-lg);\nborder-radius: 12px; padding: 10px 14px; display: flex; align-items: center; gap: 10px; font-size: 13px; font-weight: 600; color: var(--c-fg-1);\n}\n.fmstr-cmp-ffc-hero__chip-icon { width: 28px; height: 28px; border-radius: 8px; background: var(--c-violet-100); color: var(--c-violet-700); display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }\n.fmstr-cmp-ffc-hero__chip--ai { top: 56%; right: -32px; transform: translateY(-50%); }\n.fmstr-cmp-ffc-hero__chip--free { bottom: -16px; left: -16px; }\n\n@media (max-width: 980px) {\n.fmstr-cmp-ffc-hero__container { grid-template-columns: 1fr; gap: 48px; }\n.fmstr-cmp-ffc-hero__visual { max-width: 460px; margin: 0 auto; width: 100%; }\n}\n@media (max-width: 760px) {\n.fmstr-cmp-ffc-hero { padding: 80px 16px 56px; }\n.fmstr-cmp-ffc-hero__badge { margin-bottom: 28px; padding: 6px 12px; font-size: 12.5px; }\n.fmstr-cmp-ffc-hero__sub { font-size: 16px; }\n.fmstr-cmp-ffc-hero__cta-primary, .fmstr-cmp-ffc-hero__cta-secondary { padding: 13px 20px; min-height: 44px; }\n.fmstr-cmp-ffc-hero__trust { flex-direction: column; gap: 10px; }\n.fmstr-cmp-ffc-hero__trust-item { font-size: 13.5px; }\n}\n@media (max-width: 980px) {\n.fmstr-cmp-ffc-hero__chip--ai { top: -22px; right: 20px; transform: none; }\n}\n@media (max-width: 540px) {\n.fmstr-cmp-ffc-hero__ctas { flex-direction: column; align-items: stretch; width: 100%; }\n.fmstr-cmp-ffc-hero__cta-primary, .fmstr-cmp-ffc-hero__cta-secondary { justify-content: center; }\n.fmstr-cmp-ffc-hero__chip { display: none; }\n}\n\u003C/style>\n\n\u003Csection class=\"fmstr-cmp-ffc-hero\" aria-labelledby=\"fmstr-cmp-ffc-hero-h1\">\n\u003Cdiv class=\"fmstr-cmp-ffc-hero__container\">\n\n\u003Cdiv class=\"fmstr-cmp-ffc-hero__content\">\n\u003Cspan class=\"fmstr-cmp-ffc-hero__badge\">\u003Cspan class=\"fmstr-cmp-ffc-hero__badge-dot\" aria-hidden=\"true\">\u003C/span>Free forever. No credit card.\u003C/span>\n\n\u003Ch1 class=\"fmstr-cmp-ffc-hero__h1\" id=\"fmstr-cmp-ffc-hero-h1\">The \u003Cspan class=\"fmstr-cmp-ffc-hero__h1-accent\">Free Form Creator\u003C/span> That Actually Ships a Working Form, Not a Trial\u003C/h1>\n\n\u003Cp class=\"fmstr-cmp-ffc-hero__sub\">Build a real form in 30 seconds with AI, accept Stripe and PayPal payments, collect file uploads up to 100MB, and publish to your own URL. All on the free plan. No credit card to start.\u003C/p>\n\n\u003Cdiv class=\"fmstr-cmp-ffc-hero__ctas\">\n\u003Ca class=\"fmstr-cmp-ffc-hero__cta-primary\" href=\"https://app.formester.com/users/sign_up\">Create a free form\u003C/a>\n\u003Ca class=\"fmstr-cmp-ffc-hero__cta-secondary\" href=\"https://formester.com/templates/\">Browse free templates\u003C/a>\n\u003C/div>\n\n\u003Cdiv class=\"fmstr-cmp-ffc-hero__trust\">\n\u003Cspan class=\"fmstr-cmp-ffc-hero__trust-item\">\n\u003Csvg class=\"fmstr-cmp-ffc-hero__trust-check\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpolyline points=\"20 6 9 17 4 12\"/>\u003C/svg>\n100 responses every month\n\u003C/span>\n\u003Cspan class=\"fmstr-cmp-ffc-hero__trust-item\">\n\u003Csvg class=\"fmstr-cmp-ffc-hero__trust-check\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpolyline points=\"20 6 9 17 4 12\"/>\u003C/svg>\nStripe + PayPal native\n\u003C/span>\n\u003Cspan class=\"fmstr-cmp-ffc-hero__trust-item\">\n\u003Csvg class=\"fmstr-cmp-ffc-hero__trust-check\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpolyline points=\"20 6 9 17 4 12\"/>\u003C/svg>\n100MB file uploads\n\u003C/span>\n\u003C/div>\n\u003C/div>\n\n\u003Cdiv class=\"fmstr-cmp-ffc-hero__visual\" aria-hidden=\"true\">\n\u003Cdiv class=\"fmstr-cmp-ffc-hero__form\">\n\n\u003Cdiv class=\"fmstr-cmp-ffc-hero__form-header\">\n\u003Cspan class=\"fmstr-cmp-ffc-hero__form-brand\">\u003Cspan class=\"fmstr-cmp-ffc-hero__form-brand-dot\">\u003C/span>events.yourbrand.com\u003C/span>\n\u003Cspan class=\"fmstr-cmp-ffc-hero__form-step\">Free plan\u003C/span>\n\u003C/div>\n\n\u003Cdiv class=\"fmstr-cmp-ffc-hero__prompt\">\n\u003Cspan class=\"fmstr-cmp-ffc-hero__prompt-icon\">AI\u003C/span>\n\u003Cspan class=\"fmstr-cmp-ffc-hero__prompt-text\">\u003Cstrong>Prompt:\u003C/strong> 9-question event registration form with t-shirt size and dietary restrictions\u003C/span>\n\u003C/div>\n\n\u003Cdiv class=\"fmstr-cmp-ffc-hero__field\">\n\u003Cspan class=\"fmstr-cmp-ffc-hero__field-label\">Full name\u003C/span>\n\u003Cdiv class=\"fmstr-cmp-ffc-hero__input\">\n\u003Csvg class=\"fmstr-cmp-ffc-hero__input-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpath d=\"M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2\"/>\u003Ccircle cx=\"12\" cy=\"7\" r=\"4\"/>\u003C/svg>\nAlex Rivera\n\u003C/div>\n\u003C/div>\n\n\u003Cdiv class=\"fmstr-cmp-ffc-hero__field\">\n\u003Cspan class=\"fmstr-cmp-ffc-hero__field-label\">Rate the venue (1 to 5)\u003C/span>\n\u003Cdiv class=\"fmstr-cmp-ffc-hero__rating\">\n\u003Csvg class=\"fmstr-cmp-ffc-hero__star fmstr-cmp-ffc-hero__star--on\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpath d=\"M12 2l3 6.6 7 .9-5 5 1.3 7-6.3-3.6-6.3 3.6 1.3-7-5-5 7-.9z\"/>\u003C/svg>\n\u003Csvg class=\"fmstr-cmp-ffc-hero__star fmstr-cmp-ffc-hero__star--on\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpath d=\"M12 2l3 6.6 7 .9-5 5 1.3 7-6.3-3.6-6.3 3.6 1.3-7-5-5 7-.9z\"/>\u003C/svg>\n\u003Csvg class=\"fmstr-cmp-ffc-hero__star fmstr-cmp-ffc-hero__star--on\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpath d=\"M12 2l3 6.6 7 .9-5 5 1.3 7-6.3-3.6-6.3 3.6 1.3-7-5-5 7-.9z\"/>\u003C/svg>\n\u003Csvg class=\"fmstr-cmp-ffc-hero__star fmstr-cmp-ffc-hero__star--on\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpath d=\"M12 2l3 6.6 7 .9-5 5 1.3 7-6.3-3.6-6.3 3.6 1.3-7-5-5 7-.9z\"/>\u003C/svg>\n\u003Csvg class=\"fmstr-cmp-ffc-hero__star\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpath d=\"M12 2l3 6.6 7 .9-5 5 1.3 7-6.3-3.6-6.3 3.6 1.3-7-5-5 7-.9z\"/>\u003C/svg>\n\u003C/div>\n\u003C/div>\n\n\u003Cdiv class=\"fmstr-cmp-ffc-hero__field\">\n\u003Cspan class=\"fmstr-cmp-ffc-hero__field-label\">Upload resume (PDF, up to 100MB)\u003C/span>\n\u003Cdiv class=\"fmstr-cmp-ffc-hero__input\">\n\u003Csvg class=\"fmstr-cmp-ffc-hero__input-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpath d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"/>\u003Cpolyline points=\"17 8 12 3 7 8\"/>\u003Cline x1=\"12\" y1=\"3\" x2=\"12\" y2=\"15\"/>\u003C/svg>\nalex-rivera-resume.pdf · 2.4 MB\n\u003C/div>\n\u003C/div>\n\n\u003Cdiv class=\"fmstr-cmp-ffc-hero__pay\">\n\u003Cspan class=\"fmstr-cmp-ffc-hero__pay-amount\">Ticket  $45.00\u003C/span>\n\u003Cspan class=\"fmstr-cmp-ffc-hero__pay-chips\">\n\u003Cspan class=\"fmstr-cmp-ffc-hero__pay-chip\">Stripe\u003C/span>\n\u003Cspan class=\"fmstr-cmp-ffc-hero__pay-chip\">PayPal\u003C/span>\n\u003C/span>\n\u003C/div>\n\n\u003Cdiv class=\"fmstr-cmp-ffc-hero__submit\">\n\u003Csvg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpolyline points=\"20 6 9 17 4 12\"/>\u003C/svg>\nSubmit and pay\n\u003C/div>\n\n\u003C/div>\n\n\u003Cdiv class=\"fmstr-cmp-ffc-hero__chip fmstr-cmp-ffc-hero__chip--ai\">\n\u003Cspan class=\"fmstr-cmp-ffc-hero__chip-icon\">\n\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpath d=\"M12 2l3 6.6 7 .9-5 5 1.3 7-6.3-3.6-6.3 3.6 1.3-7-5-5 7-.9z\"/>\u003C/svg>\n\u003C/span>\nBuilt in 28 sec\n\u003C/div>\n\n\u003Cdiv class=\"fmstr-cmp-ffc-hero__chip fmstr-cmp-ffc-hero__chip--free\">\n\u003Cspan class=\"fmstr-cmp-ffc-hero__chip-icon\">\n\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Crect x=\"2\" y=\"5\" width=\"20\" height=\"14\" rx=\"2\"/>\u003Cline x1=\"2\" y1=\"10\" x2=\"22\" y2=\"10\"/>\u003C/svg>\n\u003C/span>\n$0 today\n\u003C/div>\n\n\u003C/div>\n\n\u003C/div>\n\u003C/section>\n",false,{"id":172,"__component":168,"markup":173,"useContainer":170},761,"\u003Cstyle>\n.fmstr-cmp-ffc-whats a { text-decoration: none !important; }\n.fmstr-cmp-ffc-whats {\n--c-bg: #ffffff; --c-soft: #f9fafb; --c-tint: #f7f3ff; --c-edge: #e4d7ff;\n--c-fg-1: #101828; --c-fg-2: #475467; --c-fg-3: #697586;\n--c-violet-100: #ede4ff; --c-violet-300: #c4b1ee; --c-violet-500: #7f56d9; --c-violet-700: #5b34b1;\n--c-success: #12b76a; --c-danger: #f04438; --c-amber: #f59e0b; --c-border: #eaecf0;\n--c-shadow-sm: 0 1px 3px rgba(16,24,40,.05);\n--c-shadow-md: 0 8px 24px rgba(16,24,40,.08);\nbackground: var(--c-soft); padding: 96px 24px; font-family: inherit; overflow-x: hidden; color: var(--c-fg-1);\n}\n.fmstr-cmp-ffc-whats *, .fmstr-cmp-ffc-whats *::before, .fmstr-cmp-ffc-whats *::after { box-sizing: border-box; }\n.fmstr-cmp-ffc-whats > *, .fmstr-cmp-ffc-whats > * > * { min-width: 0; }\n.fmstr-cmp-ffc-whats__container { max-width: 1180px; margin: 0 auto; }\n\n/* Header row: copy left, comparison mockup right */\n.fmstr-cmp-ffc-whats__intro { display: grid; grid-template-columns: 1fr 1.05fr; gap: 56px; align-items: center; margin-bottom: 64px; }\n.fmstr-cmp-ffc-whats__copy h2 { margin: 0 0 18px; font-size: clamp(28px, 3.5vw, 40px); line-height: 1.15; letter-spacing: -0.02em; font-weight: 700; }\n.fmstr-cmp-ffc-whats__copy p { margin: 0 0 16px; font-size: 16.5px; line-height: 1.65; color: var(--c-fg-2); }\n.fmstr-cmp-ffc-whats__copy p:last-child { margin-bottom: 0; }\n.fmstr-cmp-ffc-whats__copy p strong { color: var(--c-fg-1); font-weight: 600; }\n.fmstr-cmp-ffc-whats__copy a { color: var(--c-violet-700); border-bottom: 1px solid var(--c-violet-300); font-weight: 600; }\n\n/* Vs mockup card */\n.fmstr-cmp-ffc-whats__vs {\ndisplay: grid; grid-template-columns: 1fr 1fr; gap: 14px; padding: 18px; background: #fff; border: 1px solid var(--c-border); border-radius: 18px; box-shadow: var(--c-shadow-md);\n}\n.fmstr-cmp-ffc-whats__vs-col { padding: 16px; border-radius: 12px; }\n.fmstr-cmp-ffc-whats__vs-col--bad { background: #fef3f2; border: 1px solid #fecdca; }\n.fmstr-cmp-ffc-whats__vs-col--good { background: #ecfdf3; border: 1px solid #abefc6; }\n.fmstr-cmp-ffc-whats__vs-h { display: flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 14px; padding-bottom: 12px; border-bottom: 1px solid rgba(0,0,0,.05); }\n.fmstr-cmp-ffc-whats__vs-col--bad .fmstr-cmp-ffc-whats__vs-h { color: #b42318; }\n.fmstr-cmp-ffc-whats__vs-col--good .fmstr-cmp-ffc-whats__vs-h { color: #027a48; }\n.fmstr-cmp-ffc-whats__vs-h-pill {\ndisplay: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 50%; color: #fff;\n}\n.fmstr-cmp-ffc-whats__vs-col--bad .fmstr-cmp-ffc-whats__vs-h-pill { background: var(--c-danger); }\n.fmstr-cmp-ffc-whats__vs-col--good .fmstr-cmp-ffc-whats__vs-h-pill { background: var(--c-success); }\n.fmstr-cmp-ffc-whats__vs-h-pill svg { width: 12px; height: 12px; }\n.fmstr-cmp-ffc-whats__vs-row { display: flex; align-items: center; gap: 8px; font-size: 13.5px; line-height: 1.45; margin-bottom: 8px; }\n.fmstr-cmp-ffc-whats__vs-row:last-child { margin-bottom: 0; }\n.fmstr-cmp-ffc-whats__vs-col--bad .fmstr-cmp-ffc-whats__vs-row { color: #475467; text-decoration: line-through; text-decoration-color: rgba(180,35,24,.45); }\n.fmstr-cmp-ffc-whats__vs-col--good .fmstr-cmp-ffc-whats__vs-row { color: var(--c-fg-1); font-weight: 500; }\n.fmstr-cmp-ffc-whats__vs-row svg { flex-shrink: 0; width: 14px; height: 14px; }\n.fmstr-cmp-ffc-whats__vs-col--bad .fmstr-cmp-ffc-whats__vs-row svg { color: var(--c-danger); }\n.fmstr-cmp-ffc-whats__vs-col--good .fmstr-cmp-ffc-whats__vs-row svg { color: var(--c-success); }\n.fmstr-cmp-ffc-whats__vs-foot {\ngrid-column: 1 / -1; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 14px; background: var(--c-tint); border: 1px solid var(--c-edge); border-radius: 10px;\n}\n.fmstr-cmp-ffc-whats__vs-foot-label { font-size: 12px; font-weight: 600; color: var(--c-fg-3); text-transform: uppercase; letter-spacing: 0.06em; }\n.fmstr-cmp-ffc-whats__vs-foot-vals { display: inline-flex; align-items: center; gap: 12px; font-size: 14px; }\n.fmstr-cmp-ffc-whats__vs-foot-strike { color: var(--c-fg-3); text-decoration: line-through; }\n.fmstr-cmp-ffc-whats__vs-foot-our { color: var(--c-violet-700); font-weight: 800; font-size: 17px; letter-spacing: -0.02em; }\n\n/* Feature tile grid */\n.fmstr-cmp-ffc-whats__grid-label { font-size: 12.5px; font-weight: 700; color: var(--c-violet-700); text-transform: uppercase; letter-spacing: 0.1em; text-align: center; margin-bottom: 32px; }\n.fmstr-cmp-ffc-whats__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }\n.fmstr-cmp-ffc-whats__tile {\ndisplay: flex; flex-direction: column; gap: 8px; padding: 18px 16px 16px; background: #ffffff; border: 1px solid var(--c-border); border-radius: 14px;\ntransition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;\n}\n.fmstr-cmp-ffc-whats__tile:hover { border-color: var(--c-edge); transform: translateY(-2px); box-shadow: var(--c-shadow-md); }\n.fmstr-cmp-ffc-whats__tile-head { display: flex; align-items: center; gap: 10px; }\n.fmstr-cmp-ffc-whats__tile-icon {\nwidth: 32px; height: 32px; border-radius: 9px; background: var(--c-tint); color: var(--c-violet-700);\ndisplay: inline-flex; align-items: center; justify-content: center; flex-shrink: 0;\n}\n.fmstr-cmp-ffc-whats__tile-icon svg { width: 16px; height: 16px; }\n.fmstr-cmp-ffc-whats__tile-cap { font-size: 12px; font-weight: 700; color: var(--c-violet-700); letter-spacing: 0.02em; text-transform: uppercase; }\n.fmstr-cmp-ffc-whats__tile-title { margin: 0; font-size: 14.5px; font-weight: 700; color: var(--c-fg-1); line-height: 1.3; }\n.fmstr-cmp-ffc-whats__tile-body { margin: 0; font-size: 13px; line-height: 1.5; color: var(--c-fg-2); }\n\n.fmstr-cmp-ffc-whats__foot {\nmargin-top: 36px; padding: 18px 22px; background: #fff; border: 1px dashed var(--c-edge); border-radius: 12px;\ndisplay: flex; align-items: center; gap: 14px; flex-wrap: wrap; justify-content: center;\n}\n.fmstr-cmp-ffc-whats__foot-icon { width: 28px; height: 28px; border-radius: 8px; background: var(--c-violet-600); color: #fff; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }\n.fmstr-cmp-ffc-whats__foot-text { margin: 0; font-size: 15px; line-height: 1.5; color: var(--c-fg-2); text-align: center; flex: 1 1 auto; min-width: 0; }\n.fmstr-cmp-ffc-whats__foot-text strong { color: var(--c-fg-1); font-weight: 600; }\n\n@media (max-width: 980px) {\n.fmstr-cmp-ffc-whats__intro { grid-template-columns: 1fr; gap: 36px; }\n.fmstr-cmp-ffc-whats__grid { grid-template-columns: repeat(2, 1fr); }\n}\n@media (max-width: 600px) {\n.fmstr-cmp-ffc-whats { padding: 64px 18px; }\n.fmstr-cmp-ffc-whats__grid { grid-template-columns: 1fr; }\n.fmstr-cmp-ffc-whats__vs { grid-template-columns: 1fr; }\n}\n\u003C/style>\n\n\u003Csection class=\"fmstr-cmp-ffc-whats\">\n\u003Cdiv class=\"fmstr-cmp-ffc-whats__container\">\n\n\u003Cdiv class=\"fmstr-cmp-ffc-whats__intro\">\n\u003Cdiv class=\"fmstr-cmp-ffc-whats__copy\">\n\u003Ch2>What you actually get on the free plan\u003C/h2>\n\u003Cp>Most free form builders are demos. Three forms, fifty submissions, a watermark on every page, and a paywall the moment you want to take a payment or accept a resume.\u003C/p>\n\u003Cp>The Formester free plan ships \u003Cstrong>the product, not a trailer\u003C/strong>. Same \u003Ca href=\"https://formester.com/ai-form-generator/\">AI form generator\u003C/a>, same payment fields, same file uploads as the paid plans. Capped on volume, not on capability.\u003C/p>\n\u003C/div>\n\n\u003Cdiv class=\"fmstr-cmp-ffc-whats__vs\" aria-hidden=\"true\">\n\u003Cdiv class=\"fmstr-cmp-ffc-whats__vs-col fmstr-cmp-ffc-whats__vs-col--bad\">\n\u003Cdiv class=\"fmstr-cmp-ffc-whats__vs-h\">\n\u003Cspan class=\"fmstr-cmp-ffc-whats__vs-h-pill\">\u003Csvg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpath d=\"M11 5L5 11M5 5l6 6\"/>\u003C/svg>\u003C/span>\nOther free tiers\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffc-whats__vs-row\">\u003Csvg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpath d=\"M11 5L5 11M5 5l6 6\"/>\u003C/svg>3 active forms\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffc-whats__vs-row\">\u003Csvg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpath d=\"M11 5L5 11M5 5l6 6\"/>\u003C/svg>50 submissions / mo\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffc-whats__vs-row\">\u003Csvg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpath d=\"M11 5L5 11M5 5l6 6\"/>\u003C/svg>Payments paywalled\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffc-whats__vs-row\">\u003Csvg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpath d=\"M11 5L5 11M5 5l6 6\"/>\u003C/svg>5MB file caps\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffc-whats__vs-row\">\u003Csvg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpath d=\"M11 5L5 11M5 5l6 6\"/>\u003C/svg>Watermark on every page\u003C/div>\n\u003C/div>\n\n\u003Cdiv class=\"fmstr-cmp-ffc-whats__vs-col fmstr-cmp-ffc-whats__vs-col--good\">\n\u003Cdiv class=\"fmstr-cmp-ffc-whats__vs-h\">\n\u003Cspan class=\"fmstr-cmp-ffc-whats__vs-h-pill\">\u003Csvg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpolyline points=\"3 8 7 12 13 4\"/>\u003C/svg>\u003C/span>\nFormester Free\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffc-whats__vs-row\">\u003Csvg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpolyline points=\"3 8 7 12 13 4\"/>\u003C/svg>10 active forms\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffc-whats__vs-row\">\u003Csvg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpolyline points=\"3 8 7 12 13 4\"/>\u003C/svg>100 responses / mo\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffc-whats__vs-row\">\u003Csvg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpolyline points=\"3 8 7 12 13 4\"/>\u003C/svg>Stripe + PayPal native\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffc-whats__vs-row\">\u003Csvg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpolyline points=\"3 8 7 12 13 4\"/>\u003C/svg>100MB uploads\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffc-whats__vs-row\">\u003Csvg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpolyline points=\"3 8 7 12 13 4\"/>\u003C/svg>Footer-only Formester credit\u003C/div>\n\u003C/div>\n\n\u003Cdiv class=\"fmstr-cmp-ffc-whats__vs-foot\">\n\u003Cspan class=\"fmstr-cmp-ffc-whats__vs-foot-label\">Cost to ship paid form\u003C/span>\n\u003Cspan class=\"fmstr-cmp-ffc-whats__vs-foot-vals\">\n\u003Cspan class=\"fmstr-cmp-ffc-whats__vs-foot-strike\">$29 / mo\u003C/span>\n\u003Cspan class=\"fmstr-cmp-ffc-whats__vs-foot-our\">$0\u003C/span>\n\u003C/span>\n\u003C/div>\n\u003C/div>\n\n\u003C/div>\n\n\u003Cp class=\"fmstr-cmp-ffc-whats__grid-label\">10 capabilities included free, day one\u003C/p>\n\n\u003Cdiv class=\"fmstr-cmp-ffc-whats__grid\">\n\n\u003Cdiv class=\"fmstr-cmp-ffc-whats__tile\">\n\u003Cdiv class=\"fmstr-cmp-ffc-whats__tile-head\">\n\u003Cspan class=\"fmstr-cmp-ffc-whats__tile-icon\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Crect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\"/>\u003Cpath d=\"M3 9h18M7 14h4\"/>\u003C/svg>\u003C/span>\n\u003Cspan class=\"fmstr-cmp-ffc-whats__tile-cap\">10\u003C/span>\n\u003C/div>\n\u003Ch3 class=\"fmstr-cmp-ffc-whats__tile-title\">Active forms\u003C/h3>\n\u003Cp class=\"fmstr-cmp-ffc-whats__tile-body\">Run up to 10 live forms in parallel, indefinitely.\u003C/p>\n\u003C/div>\n\n\u003Cdiv class=\"fmstr-cmp-ffc-whats__tile\">\n\u003Cdiv class=\"fmstr-cmp-ffc-whats__tile-head\">\n\u003Cspan class=\"fmstr-cmp-ffc-whats__tile-icon\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpath d=\"M22 12l-4 4-4-4M18 16V4M2 12l4-4 4 4M6 8v12\"/>\u003C/svg>\u003C/span>\n\u003Cspan class=\"fmstr-cmp-ffc-whats__tile-cap\">100 / MO\u003C/span>\n\u003C/div>\n\u003Ch3 class=\"fmstr-cmp-ffc-whats__tile-title\">Responses every month\u003C/h3>\n\u003Cp class=\"fmstr-cmp-ffc-whats__tile-body\">100 submissions, across every form, every month.\u003C/p>\n\u003C/div>\n\n\u003Cdiv class=\"fmstr-cmp-ffc-whats__tile\">\n\u003Cdiv class=\"fmstr-cmp-ffc-whats__tile-head\">\n\u003Cspan class=\"fmstr-cmp-ffc-whats__tile-icon\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpath d=\"M12 2l3 6.6 7 .9-5 5 1.3 7-6.3-3.6-6.3 3.6 1.3-7-5-5 7-.9z\"/>\u003C/svg>\u003C/span>\n\u003Cspan class=\"fmstr-cmp-ffc-whats__tile-cap\">AI\u003C/span>\n\u003C/div>\n\u003Ch3 class=\"fmstr-cmp-ffc-whats__tile-title\">Form generator\u003C/h3>\n\u003Cp class=\"fmstr-cmp-ffc-whats__tile-body\">Prompt, PDF, URL, or image input. Same model as paid.\u003C/p>\n\u003C/div>\n\n\u003Cdiv class=\"fmstr-cmp-ffc-whats__tile\">\n\u003Cdiv class=\"fmstr-cmp-ffc-whats__tile-head\">\n\u003Cspan class=\"fmstr-cmp-ffc-whats__tile-icon\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Crect x=\"2\" y=\"5\" width=\"20\" height=\"14\" rx=\"2\"/>\u003Cline x1=\"2\" y1=\"10\" x2=\"22\" y2=\"10\"/>\u003C/svg>\u003C/span>\n\u003Cspan class=\"fmstr-cmp-ffc-whats__tile-cap\">$0 fee\u003C/span>\n\u003C/div>\n\u003Ch3 class=\"fmstr-cmp-ffc-whats__tile-title\">Stripe + PayPal payments\u003C/h3>\n\u003Cp class=\"fmstr-cmp-ffc-whats__tile-body\">Native fields. No Formester transaction fee on either.\u003C/p>\n\u003C/div>\n\n\u003Cdiv class=\"fmstr-cmp-ffc-whats__tile\">\n\u003Cdiv class=\"fmstr-cmp-ffc-whats__tile-head\">\n\u003Cspan class=\"fmstr-cmp-ffc-whats__tile-icon\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpath d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"/>\u003Cpolyline points=\"17 8 12 3 7 8\"/>\u003Cline x1=\"12\" y1=\"3\" x2=\"12\" y2=\"15\"/>\u003C/svg>\u003C/span>\n\u003Cspan class=\"fmstr-cmp-ffc-whats__tile-cap\">100MB\u003C/span>\n\u003C/div>\n\u003Ch3 class=\"fmstr-cmp-ffc-whats__tile-title\">File uploads\u003C/h3>\n\u003Cp class=\"fmstr-cmp-ffc-whats__tile-body\">Resumes, photos, signed PDFs. Up to 100MB per file.\u003C/p>\n\u003C/div>\n\n\u003Cdiv class=\"fmstr-cmp-ffc-whats__tile\">\n\u003Cdiv class=\"fmstr-cmp-ffc-whats__tile-head\">\n\u003Cspan class=\"fmstr-cmp-ffc-whats__tile-icon\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Crect x=\"3\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\"/>\u003Crect x=\"14\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\"/>\u003Crect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\"/>\u003Crect x=\"14\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\"/>\u003C/svg>\u003C/span>\n\u003Cspan class=\"fmstr-cmp-ffc-whats__tile-cap\">30+\u003C/span>\n\u003C/div>\n\u003Ch3 class=\"fmstr-cmp-ffc-whats__tile-title\">Field types\u003C/h3>\n\u003Cp class=\"fmstr-cmp-ffc-whats__tile-body\">Rating, multi-page, signature, payment, scheduler, more.\u003C/p>\n\u003C/div>\n\n\u003Cdiv class=\"fmstr-cmp-ffc-whats__tile\">\n\u003Cdiv class=\"fmstr-cmp-ffc-whats__tile-head\">\n\u003Cspan class=\"fmstr-cmp-ffc-whats__tile-icon\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpath d=\"M9 11l3 3L22 4M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11\"/>\u003C/svg>\u003C/span>\n\u003Cspan class=\"fmstr-cmp-ffc-whats__tile-cap\">Scored\u003C/span>\n\u003C/div>\n\u003Ch3 class=\"fmstr-cmp-ffc-whats__tile-title\">Quiz mode\u003C/h3>\n\u003Cp class=\"fmstr-cmp-ffc-whats__tile-body\">Pass / fail logic plus weighted points per answer.\u003C/p>\n\u003C/div>\n\n\u003Cdiv class=\"fmstr-cmp-ffc-whats__tile\">\n\u003Cdiv class=\"fmstr-cmp-ffc-whats__tile-head\">\n\u003Cspan class=\"fmstr-cmp-ffc-whats__tile-icon\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Ccircle cx=\"6\" cy=\"12\" r=\"3\"/>\u003Ccircle cx=\"18\" cy=\"6\" r=\"3\"/>\u003Ccircle cx=\"18\" cy=\"18\" r=\"3\"/>\u003Cpath d=\"M8.5 11l7-4M8.5 13l7 4\"/>\u003C/svg>\u003C/span>\n\u003Cspan class=\"fmstr-cmp-ffc-whats__tile-cap\">3 native\u003C/span>\n\u003C/div>\n\u003Ch3 class=\"fmstr-cmp-ffc-whats__tile-title\">Integrations\u003C/h3>\n\u003Cp class=\"fmstr-cmp-ffc-whats__tile-body\">Google Sheets, Slack, HubSpot. Direct, not Zapier.\u003C/p>\n\u003C/div>\n\n\u003Cdiv class=\"fmstr-cmp-ffc-whats__tile\">\n\u003Cdiv class=\"fmstr-cmp-ffc-whats__tile-head\">\n\u003Cspan class=\"fmstr-cmp-ffc-whats__tile-icon\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpath d=\"M14 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z\"/>\u003Cpath d=\"M14 3v6h6M9 13l2 2 4-4\"/>\u003C/svg>\u003C/span>\n\u003Cspan class=\"fmstr-cmp-ffc-whats__tile-cap\">.csv\u003C/span>\n\u003C/div>\n\u003Ch3 class=\"fmstr-cmp-ffc-whats__tile-title\">CSV export\u003C/h3>\n\u003Cp class=\"fmstr-cmp-ffc-whats__tile-body\">One-click export of every response. Always available.\u003C/p>\n\u003C/div>\n\n\u003Cdiv class=\"fmstr-cmp-ffc-whats__tile\">\n\u003Cdiv class=\"fmstr-cmp-ffc-whats__tile-head\">\n\u003Cspan class=\"fmstr-cmp-ffc-whats__tile-icon\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpolyline points=\"16 18 22 12 16 6\"/>\u003Cpolyline points=\"8 6 2 12 8 18\"/>\u003C/svg>\u003C/span>\n\u003Cspan class=\"fmstr-cmp-ffc-whats__tile-cap\">6 modes\u003C/span>\n\u003C/div>\n\u003Ch3 class=\"fmstr-cmp-ffc-whats__tile-title\">Embed, link, or QR\u003C/h3>\n\u003Cp class=\"fmstr-cmp-ffc-whats__tile-body\">Six embed modes, public link, or generate a QR code.\u003C/p>\n\u003C/div>\n\n\u003C/div>\n\n\u003Cdiv class=\"fmstr-cmp-ffc-whats__foot\">\n\u003Cspan class=\"fmstr-cmp-ffc-whats__foot-icon\" aria-hidden=\"true\">\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpolyline points=\"3 8 6.5 11.5 13 5\"/>\u003C/svg>\u003C/span>\n\u003Cp class=\"fmstr-cmp-ffc-whats__foot-text\">\u003Cstrong>The Formester logo shows on free forms.\u003C/strong> Everything else is yours.\u003C/p>\n\u003C/div>\n\n\u003C/div>\n\u003C/section>\n",{"id":175,"__component":168,"markup":176,"useContainer":170},763,"\u003Cstyle>\n.fmstr-cmp-ffc-how a { text-decoration: none !important; }\n.fmstr-cmp-ffc-how {\n--c-bg: #ffffff; --c-soft: #f9fafb; --c-tint: #f7f3ff; --c-edge: #e4d7ff;\n--c-fg-1: #101828; --c-fg-2: #475467; --c-fg-3: #697586;\n--c-violet-100: #ede4ff; --c-violet-300: #c4b1ee; --c-violet-500: #7f56d9; --c-violet-700: #5b34b1;\n--c-success: #12b76a; --c-amber: #f59e0b; --c-border: #eaecf0;\n--c-shadow-md: 0 8px 24px rgba(16,24,40,.08);\nbackground: #ffffff; padding: 96px 24px; font-family: inherit; overflow-x: hidden; color: var(--c-fg-1);\n}\n.fmstr-cmp-ffc-how *, .fmstr-cmp-ffc-how *::before, .fmstr-cmp-ffc-how *::after { box-sizing: border-box; }\n.fmstr-cmp-ffc-how > *, .fmstr-cmp-ffc-how > * > * { min-width: 0; }\n.fmstr-cmp-ffc-how__container { max-width: 1180px; margin: 0 auto; }\n.fmstr-cmp-ffc-how__header { max-width: 760px; margin: 0 auto 64px; text-align: center; }\n.fmstr-cmp-ffc-how__eyebrow {\ndisplay: inline-block; padding: 4px 12px; border-radius: 999px; background: var(--c-violet-100); color: var(--c-violet-700);\nfont-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 14px;\n}\n.fmstr-cmp-ffc-how__h2 { margin: 0 0 14px; font-size: clamp(28px, 3.5vw, 40px); line-height: 1.15; letter-spacing: -0.02em; font-weight: 700; }\n.fmstr-cmp-ffc-how__sub { margin: 0; font-size: 17px; line-height: 1.6; color: var(--c-fg-2); }\n\n.fmstr-cmp-ffc-how__steps { display: flex; flex-direction: column; gap: 64px; }\n.fmstr-cmp-ffc-how__step { display: grid; grid-template-columns: 1fr 1.05fr; gap: 56px; align-items: center; }\n.fmstr-cmp-ffc-how__step--reverse { grid-template-columns: 1.05fr 1fr; }\n.fmstr-cmp-ffc-how__step--reverse .fmstr-cmp-ffc-how__copy { order: 2; }\n.fmstr-cmp-ffc-how__step--reverse .fmstr-cmp-ffc-how__visual { order: 1; }\n\n.fmstr-cmp-ffc-how__step-num {\ndisplay: inline-flex; align-items: center; gap: 10px; font-size: 12.5px; font-weight: 700; color: var(--c-violet-700);\ntext-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 12px;\n}\n.fmstr-cmp-ffc-how__step-num-pill {\ndisplay: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%;\nbackground: linear-gradient(135deg, var(--c-violet-500), var(--c-violet-700)); color: #fff; font-weight: 800; font-size: 13px;\n}\n.fmstr-cmp-ffc-how__step-title { margin: 0 0 14px; font-size: clamp(22px, 2.4vw, 28px); line-height: 1.22; letter-spacing: -0.015em; font-weight: 700; color: var(--c-fg-1); }\n.fmstr-cmp-ffc-how__step-body { margin: 0; font-size: 16px; line-height: 1.65; color: var(--c-fg-2); }\n.fmstr-cmp-ffc-how__step-body strong { color: var(--c-fg-1); font-weight: 600; }\n\n.fmstr-cmp-ffc-how__visual {\nposition: relative; padding: 20px; background: var(--c-soft); border: 1px solid var(--c-border); border-radius: 18px; box-shadow: var(--c-shadow-md);\n}\n.fmstr-cmp-ffc-how__mockup { background: #fff; border: 1px solid var(--c-border); border-radius: 12px; padding: 16px; }\n.fmstr-cmp-ffc-how__mockup-row { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border: 1px solid var(--c-border); border-radius: 8px; background: #fff; margin-bottom: 8px; font-size: 13px; color: var(--c-fg-1); }\n.fmstr-cmp-ffc-how__mockup-row svg { width: 16px; height: 16px; color: var(--c-violet-700); flex-shrink: 0; }\n.fmstr-cmp-ffc-how__mockup-row--gradient { border-color: var(--c-edge); background: var(--c-tint); color: var(--c-violet-700); font-weight: 600; }\n\n/* Step 1: signup card */\n.fmstr-cmp-ffc-how__signup-h { font-size: 16px; font-weight: 700; color: var(--c-fg-1); margin: 0 0 14px; padding-bottom: 12px; border-bottom: 1px solid var(--c-border); }\n.fmstr-cmp-ffc-how__signup-input { display: flex; align-items: center; gap: 8px; padding: 11px 13px; border: 1px solid var(--c-border); border-radius: 8px; background: var(--c-soft); color: var(--c-fg-3); font-size: 13.5px; margin-bottom: 10px; }\n.fmstr-cmp-ffc-how__signup-google { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 12px; border: 1px solid var(--c-border); border-radius: 8px; background: #fff; color: var(--c-fg-1); font-size: 13.5px; font-weight: 600; margin-bottom: 12px; }\n.fmstr-cmp-ffc-how__signup-google svg { width: 16px; height: 16px; }\n.fmstr-cmp-ffc-how__signup-or { text-align: center; font-size: 11px; color: var(--c-fg-3); text-transform: uppercase; letter-spacing: 0.08em; margin: 12px 0; }\n.fmstr-cmp-ffc-how__signup-cta { display: flex; align-items: center; justify-content: center; gap: 6px; padding: 12px; border-radius: 8px; background: linear-gradient(135deg, var(--c-violet-500), var(--c-violet-700)); color: #fff; font-size: 14px; font-weight: 600; }\n.fmstr-cmp-ffc-how__signup-note { margin: 12px 0 0; font-size: 11.5px; text-align: center; color: var(--c-success); font-weight: 600; }\n\n/* Step 2: prompt panel */\n.fmstr-cmp-ffc-how__tabs { display: inline-flex; padding: 4px; background: var(--c-soft); border-radius: 10px; gap: 4px; margin-bottom: 14px; }\n.fmstr-cmp-ffc-how__tab { padding: 7px 14px; font-size: 12.5px; font-weight: 600; color: var(--c-fg-3); border-radius: 7px; }\n.fmstr-cmp-ffc-how__tab--active { background: #fff; color: var(--c-violet-700); box-shadow: 0 1px 3px rgba(16,24,40,.06); }\n.fmstr-cmp-ffc-how__prompt-box {\npadding: 14px 16px; background: var(--c-tint); border: 1px dashed var(--c-edge); border-radius: 10px; font-size: 13.5px; line-height: 1.6; color: var(--c-fg-1);\n}\n.fmstr-cmp-ffc-how__prompt-box strong { color: var(--c-violet-700); }\n.fmstr-cmp-ffc-how__detected { margin: 14px 0 0; display: flex; flex-wrap: wrap; gap: 6px; }\n.fmstr-cmp-ffc-how__chip {\ndisplay: inline-flex; align-items: center; gap: 5px; padding: 5px 9px; border-radius: 999px; background: #fff; border: 1px solid var(--c-edge); font-size: 11.5px; font-weight: 600; color: var(--c-violet-700);\n}\n.fmstr-cmp-ffc-how__chip svg { width: 11px; height: 11px; }\n\n/* Step 3: builder canvas */\n.fmstr-cmp-ffc-how__canvas { padding: 14px; background: var(--c-soft); border: 1px solid var(--c-border); border-radius: 12px; }\n.fmstr-cmp-ffc-how__canvas-bar { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; }\n.fmstr-cmp-ffc-how__canvas-dot { width: 9px; height: 9px; border-radius: 50%; background: #f87171; }\n.fmstr-cmp-ffc-how__canvas-dot--y { background: #fbbf24; }\n.fmstr-cmp-ffc-how__canvas-dot--g { background: #34d399; }\n.fmstr-cmp-ffc-how__canvas-title { margin-left: 8px; font-size: 12px; color: var(--c-fg-3); font-weight: 600; }\n.fmstr-cmp-ffc-how__field-card { display: flex; align-items: center; gap: 10px; padding: 12px 14px; background: #fff; border: 1px solid var(--c-border); border-radius: 8px; margin-bottom: 8px; font-size: 13px; color: var(--c-fg-1); position: relative; }\n.fmstr-cmp-ffc-how__field-card--drag { border-color: var(--c-violet-500); box-shadow: 0 4px 12px rgba(127,86,217,.18); }\n.fmstr-cmp-ffc-how__field-card-icon { width: 26px; height: 26px; border-radius: 6px; background: var(--c-violet-100); color: var(--c-violet-700); display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }\n.fmstr-cmp-ffc-how__field-card-icon svg { width: 13px; height: 13px; }\n.fmstr-cmp-ffc-how__field-card-grip { margin-left: auto; color: var(--c-fg-3); }\n.fmstr-cmp-ffc-how__field-card-grip svg { width: 12px; height: 12px; }\n\n/* Step 4: share modal */\n.fmstr-cmp-ffc-how__share-h { display: flex; align-items: center; justify-content: space-between; margin: 0 0 14px; padding-bottom: 12px; border-bottom: 1px solid var(--c-border); }\n.fmstr-cmp-ffc-how__share-title { font-size: 14px; font-weight: 700; color: var(--c-fg-1); }\n.fmstr-cmp-ffc-how__share-close { width: 22px; height: 22px; border-radius: 50%; background: var(--c-soft); color: var(--c-fg-3); display: inline-flex; align-items: center; justify-content: center; font-size: 14px; }\n.fmstr-cmp-ffc-how__share-url { display: flex; align-items: center; gap: 8px; padding: 10px 12px; border: 1px solid var(--c-border); border-radius: 8px; background: var(--c-soft); margin-bottom: 14px; font-size: 12.5px; color: var(--c-fg-2); font-family: ui-monospace, 'SF Mono', Menlo, monospace; }\n.fmstr-cmp-ffc-how__share-copy { margin-left: auto; padding: 4px 10px; background: var(--c-violet-600); color: #fff; border-radius: 6px; font-size: 11px; font-weight: 700; font-family: inherit; letter-spacing: 0.04em; }\n.fmstr-cmp-ffc-how__share-tabs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }\n.fmstr-cmp-ffc-how__share-tab { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 14px 8px; border: 1px solid var(--c-border); border-radius: 8px; background: #fff; font-size: 11.5px; font-weight: 600; color: var(--c-fg-2); }\n.fmstr-cmp-ffc-how__share-tab svg { width: 18px; height: 18px; color: var(--c-violet-700); }\n.fmstr-cmp-ffc-how__share-tab--active { border-color: var(--c-violet-500); background: var(--c-tint); color: var(--c-violet-700); }\n\n.fmstr-cmp-ffc-how__totals {\nmargin-top: 56px; padding: 22px 28px; background: var(--c-soft); border: 1px solid var(--c-border); border-radius: 14px;\ndisplay: flex; align-items: center; gap: 18px; flex-wrap: wrap; justify-content: center;\n}\n.fmstr-cmp-ffc-how__totals-stat { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; color: var(--c-fg-2); }\n.fmstr-cmp-ffc-how__totals-stat strong { color: var(--c-fg-1); font-weight: 700; font-size: 22px; letter-spacing: -0.01em; }\n.fmstr-cmp-ffc-how__totals-divider { width: 1px; height: 24px; background: var(--c-border); }\n\n@media (max-width: 880px) {\n.fmstr-cmp-ffc-how { padding: 64px 18px; }\n.fmstr-cmp-ffc-how__step, .fmstr-cmp-ffc-how__step--reverse { grid-template-columns: 1fr; gap: 28px; }\n.fmstr-cmp-ffc-how__step--reverse .fmstr-cmp-ffc-how__copy { order: 1; }\n.fmstr-cmp-ffc-how__step--reverse .fmstr-cmp-ffc-how__visual { order: 2; }\n.fmstr-cmp-ffc-how__totals { flex-direction: column; gap: 10px; padding: 18px; }\n.fmstr-cmp-ffc-how__totals-divider { display: none; }\n}\n\u003C/style>\n\n\u003Csection class=\"fmstr-cmp-ffc-how\">\n\u003Cdiv class=\"fmstr-cmp-ffc-how__container\">\n\u003Cdiv class=\"fmstr-cmp-ffc-how__header\">\n\u003Ch2 class=\"fmstr-cmp-ffc-how__h2\">Build your first form in under 5 minutes\u003C/h2>\n\u003Cp class=\"fmstr-cmp-ffc-how__sub\">The fastest path from idea to live URL. Pick the input you already have.\u003C/p>\n\u003C/div>\n\n\u003Cdiv class=\"fmstr-cmp-ffc-how__steps\">\n\n\u003C!-- Step 1 -->\n\u003Cdiv class=\"fmstr-cmp-ffc-how__step\">\n\u003Cdiv class=\"fmstr-cmp-ffc-how__copy\">\n\u003Cdiv class=\"fmstr-cmp-ffc-how__step-num\">\u003Cspan class=\"fmstr-cmp-ffc-how__step-num-pill\">1\u003C/span>Step 1\u003C/div>\n\u003Ch3 class=\"fmstr-cmp-ffc-how__step-title\">Open the AI generator\u003C/h3>\n\u003Cp class=\"fmstr-cmp-ffc-how__step-body\">Sign up with email or Google. No credit card field. You land on the dashboard in under \u003Cstrong>10 seconds\u003C/strong>.\u003C/p>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffc-how__visual\" aria-hidden=\"true\">\n\u003Cdiv class=\"fmstr-cmp-ffc-how__mockup\">\n\u003Cp class=\"fmstr-cmp-ffc-how__signup-h\">Create your free account\u003C/p>\n\u003Cdiv class=\"fmstr-cmp-ffc-how__signup-google\">\n\u003Csvg viewBox=\"0 0 24 24\">\u003Cpath fill=\"#4285F4\" d=\"M22.5 12.27c0-.79-.07-1.55-.2-2.27H12v4.3h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.75h3.57c2.09-1.92 3.22-4.74 3.22-8.09z\"/>\u003Cpath fill=\"#34A853\" d=\"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.75c-.99.66-2.25 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84A11 11 0 0 0 12 23z\"/>\u003Cpath fill=\"#FBBC05\" d=\"M5.84 14.12A6.5 6.5 0 0 1 5.5 12c0-.74.13-1.45.34-2.12V7.04H2.18A11 11 0 0 0 1 12c0 1.78.42 3.46 1.18 4.96l3.66-2.84z\"/>\u003Cpath fill=\"#EA4335\" d=\"M12 5.38c1.62 0 3.06.56 4.21 1.65l3.15-3.15C17.46 2.09 14.97 1 12 1A11 11 0 0 0 2.18 7.04l3.66 2.84C6.71 7.31 9.14 5.38 12 5.38z\"/>\u003C/svg>\nContinue with Google\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffc-how__signup-or\">or\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffc-how__signup-input\">alex@studio.co\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffc-how__signup-cta\">Create my free account\n\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpath d=\"M3 8h10M9 4l4 4-4 4\"/>\u003C/svg>\n\u003C/div>\n\u003Cp class=\"fmstr-cmp-ffc-how__signup-note\">✓ No credit card asked\u003C/p>\n\u003C/div>\n\u003C/div>\n\u003C/div>\n\n\u003C!-- Step 2 -->\n\u003Cdiv class=\"fmstr-cmp-ffc-how__step fmstr-cmp-ffc-how__step--reverse\">\n\u003Cdiv class=\"fmstr-cmp-ffc-how__copy\">\n\u003Cdiv class=\"fmstr-cmp-ffc-how__step-num\">\u003Cspan class=\"fmstr-cmp-ffc-how__step-num-pill\">2\u003C/span>Step 2\u003C/div>\n\u003Ch3 class=\"fmstr-cmp-ffc-how__step-title\">Give it your input\u003C/h3>\n\u003Cp class=\"fmstr-cmp-ffc-how__step-body\">Type a prompt (\"\u003Cstrong>9-question event registration form with t-shirt size and dietary restrictions\u003C/strong>\"), paste an existing form URL, or upload a PDF intake document. The AI reads the structure and picks the right field type for each question. Email questions get email validation. Rating questions get 1-to-5 scales. Date questions get a date picker.\u003C/p>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffc-how__visual\" aria-hidden=\"true\">\n\u003Cdiv class=\"fmstr-cmp-ffc-how__mockup\">\n\u003Cdiv class=\"fmstr-cmp-ffc-how__tabs\">\n\u003Cspan class=\"fmstr-cmp-ffc-how__tab fmstr-cmp-ffc-how__tab--active\">Prompt\u003C/span>\n\u003Cspan class=\"fmstr-cmp-ffc-how__tab\">PDF\u003C/span>\n\u003Cspan class=\"fmstr-cmp-ffc-how__tab\">URL\u003C/span>\n\u003Cspan class=\"fmstr-cmp-ffc-how__tab\">Image\u003C/span>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffc-how__prompt-box\">\u003Cstrong>Prompt:\u003C/strong> 9-question event registration form with t-shirt size and dietary restrictions\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffc-how__detected\">\n\u003Cspan class=\"fmstr-cmp-ffc-how__chip\">\u003Csvg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpath d=\"M3 8h10\"/>\u003C/svg>Email validation\u003C/span>\n\u003Cspan class=\"fmstr-cmp-ffc-how__chip\">\u003Csvg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpolyline points=\"3 6 7 10 13 4\"/>\u003C/svg>Dropdown for t-shirt size\u003C/span>\n\u003Cspan class=\"fmstr-cmp-ffc-how__chip\">\u003Csvg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Crect x=\"2.5\" y=\"3.5\" width=\"11\" height=\"10\" rx=\"1.5\"/>\u003Cpath d=\"M2.5 6.5h11M6 2v3M10 2v3\"/>\u003C/svg>Date picker\u003C/span>\n\u003Cspan class=\"fmstr-cmp-ffc-how__chip\">\u003Csvg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Ccircle cx=\"8\" cy=\"8\" r=\"3\"/>\u003C/svg>Rating 1-5\u003C/span>\n\u003C/div>\n\u003C/div>\n\u003C/div>\n\u003C/div>\n\n\u003C!-- Step 3 -->\n\u003Cdiv class=\"fmstr-cmp-ffc-how__step\">\n\u003Cdiv class=\"fmstr-cmp-ffc-how__copy\">\n\u003Cdiv class=\"fmstr-cmp-ffc-how__step-num\">\u003Cspan class=\"fmstr-cmp-ffc-how__step-num-pill\">3\u003C/span>Step 3\u003C/div>\n\u003Ch3 class=\"fmstr-cmp-ffc-how__step-title\">Edit in the drag-and-drop builder\u003C/h3>\n\u003Cp class=\"fmstr-cmp-ffc-how__step-body\">Every AI draft lands in the editor, not a frozen output. Reorder fields, change labels, add conditional logic, swap themes, attach a Stripe price. Use templates from the library if you'd rather start from a proven structure.\u003C/p>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffc-how__visual\" aria-hidden=\"true\">\n\u003Cdiv class=\"fmstr-cmp-ffc-how__canvas\">\n\u003Cdiv class=\"fmstr-cmp-ffc-how__canvas-bar\">\n\u003Cspan class=\"fmstr-cmp-ffc-how__canvas-dot\">\u003C/span>\n\u003Cspan class=\"fmstr-cmp-ffc-how__canvas-dot fmstr-cmp-ffc-how__canvas-dot--y\">\u003C/span>\n\u003Cspan class=\"fmstr-cmp-ffc-how__canvas-dot fmstr-cmp-ffc-how__canvas-dot--g\">\u003C/span>\n\u003Cspan class=\"fmstr-cmp-ffc-how__canvas-title\">Event registration · Editor\u003C/span>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffc-how__field-card\">\n\u003Cspan class=\"fmstr-cmp-ffc-how__field-card-icon\">\u003Csvg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpath d=\"M14 4H2a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V5a1 1 0 0 0-1-1z\"/>\u003Cpath d=\"M3 7h2M3 9h6\"/>\u003C/svg>\u003C/span>\nFull name\n\u003Cspan class=\"fmstr-cmp-ffc-how__field-card-grip\">\u003Csvg viewBox=\"0 0 16 16\" fill=\"currentColor\">\u003Ccircle cx=\"6\" cy=\"4\" r=\"1\"/>\u003Ccircle cx=\"10\" cy=\"4\" r=\"1\"/>\u003Ccircle cx=\"6\" cy=\"8\" r=\"1\"/>\u003Ccircle cx=\"10\" cy=\"8\" r=\"1\"/>\u003Ccircle cx=\"6\" cy=\"12\" r=\"1\"/>\u003Ccircle cx=\"10\" cy=\"12\" r=\"1\"/>\u003C/svg>\u003C/span>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffc-how__field-card fmstr-cmp-ffc-how__field-card--drag\">\n\u003Cspan class=\"fmstr-cmp-ffc-how__field-card-icon\">\u003Csvg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpolyline points=\"3 6 7 10 13 4\"/>\u003C/svg>\u003C/span>\nT-shirt size (dropdown)\n\u003Cspan class=\"fmstr-cmp-ffc-how__field-card-grip\">\u003Csvg viewBox=\"0 0 16 16\" fill=\"currentColor\">\u003Ccircle cx=\"6\" cy=\"4\" r=\"1\"/>\u003Ccircle cx=\"10\" cy=\"4\" r=\"1\"/>\u003Ccircle cx=\"6\" cy=\"8\" r=\"1\"/>\u003Ccircle cx=\"10\" cy=\"8\" r=\"1\"/>\u003Ccircle cx=\"6\" cy=\"12\" r=\"1\"/>\u003Ccircle cx=\"10\" cy=\"12\" r=\"1\"/>\u003C/svg>\u003C/span>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffc-how__field-card\">\n\u003Cspan class=\"fmstr-cmp-ffc-how__field-card-icon\">\u003Csvg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Crect x=\"2.5\" y=\"5\" width=\"11\" height=\"6\" rx=\"1.5\"/>\u003Cpath d=\"M2.5 8h11\"/>\u003C/svg>\u003C/span>\nPayment field · Stripe · $45\n\u003Cspan class=\"fmstr-cmp-ffc-how__field-card-grip\">\u003Csvg viewBox=\"0 0 16 16\" fill=\"currentColor\">\u003Ccircle cx=\"6\" cy=\"4\" r=\"1\"/>\u003Ccircle cx=\"10\" cy=\"4\" r=\"1\"/>\u003Ccircle cx=\"6\" cy=\"8\" r=\"1\"/>\u003Ccircle cx=\"10\" cy=\"8\" r=\"1\"/>\u003Ccircle cx=\"6\" cy=\"12\" r=\"1\"/>\u003Ccircle cx=\"10\" cy=\"12\" r=\"1\"/>\u003C/svg>\u003C/span>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffc-how__field-card\">\n\u003Cspan class=\"fmstr-cmp-ffc-how__field-card-icon\">\u003Csvg viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpath d=\"M14 5l-9 9-3-3\"/>\u003C/svg>\u003C/span>\nConditional logic · 3 rules\n\u003Cspan class=\"fmstr-cmp-ffc-how__field-card-grip\">\u003Csvg viewBox=\"0 0 16 16\" fill=\"currentColor\">\u003Ccircle cx=\"6\" cy=\"4\" r=\"1\"/>\u003Ccircle cx=\"10\" cy=\"4\" r=\"1\"/>\u003Ccircle cx=\"6\" cy=\"8\" r=\"1\"/>\u003Ccircle cx=\"10\" cy=\"8\" r=\"1\"/>\u003Ccircle cx=\"6\" cy=\"12\" r=\"1\"/>\u003Ccircle cx=\"10\" cy=\"12\" r=\"1\"/>\u003C/svg>\u003C/span>\n\u003C/div>\n\u003C/div>\n\u003C/div>\n\u003C/div>\n\n\u003C!-- Step 4 -->\n\u003Cdiv class=\"fmstr-cmp-ffc-how__step fmstr-cmp-ffc-how__step--reverse\">\n\u003Cdiv class=\"fmstr-cmp-ffc-how__copy\">\n\u003Cdiv class=\"fmstr-cmp-ffc-how__step-num\">\u003Cspan class=\"fmstr-cmp-ffc-how__step-num-pill\">4\u003C/span>Step 4\u003C/div>\n\u003Ch3 class=\"fmstr-cmp-ffc-how__step-title\">Share or embed\u003C/h3>\n\u003Cp class=\"fmstr-cmp-ffc-how__step-body\">Publish to a Formester URL, embed on your site with a single snippet (\u003Cstrong>six embed modes\u003C/strong>: inline, popup, sidebar, side tab, popover, fullscreen), or generate a styled QR code for print. Responses land in your dashboard, Google Sheet, Slack channel, or HubSpot record the moment they submit.\u003C/p>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffc-how__visual\" aria-hidden=\"true\">\n\u003Cdiv class=\"fmstr-cmp-ffc-how__mockup\">\n\u003Cdiv class=\"fmstr-cmp-ffc-how__share-h\">\n\u003Cspan class=\"fmstr-cmp-ffc-how__share-title\">Share your form\u003C/span>\n\u003Cspan class=\"fmstr-cmp-ffc-how__share-close\">×\u003C/span>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffc-how__share-url\">\n\u003Csvg width=\"13\" height=\"13\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpath d=\"M10 6a3 3 0 0 0-3-3H4a3 3 0 0 0 0 6h1.5\"/>\u003Cpath d=\"M6 10a3 3 0 0 0 3 3h3a3 3 0 0 0 0-6h-1.5\"/>\u003C/svg>\nformester.com/f/event-2026\n\u003Cspan class=\"fmstr-cmp-ffc-how__share-copy\">COPY\u003C/span>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffc-how__share-tabs\">\n\u003Cdiv class=\"fmstr-cmp-ffc-how__share-tab fmstr-cmp-ffc-how__share-tab--active\">\n\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpolyline points=\"16 18 22 12 16 6\"/>\u003Cpolyline points=\"8 6 2 12 8 18\"/>\u003C/svg>\nEmbed\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffc-how__share-tab\">\n\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Crect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"/>\u003Cpath d=\"M7 7h4v4H7zM13 7h4v4h-4zM7 13h4v4H7zM13 13h4v4h-4z\"/>\u003C/svg>\nQR code\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffc-how__share-tab\">\n\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Ccircle cx=\"18\" cy=\"5\" r=\"3\"/>\u003Ccircle cx=\"6\" cy=\"12\" r=\"3\"/>\u003Ccircle cx=\"18\" cy=\"19\" r=\"3\"/>\u003Cline x1=\"8.6\" y1=\"13.5\" x2=\"15.4\" y2=\"17.5\"/>\u003Cline x1=\"15.4\" y1=\"6.5\" x2=\"8.6\" y2=\"10.5\"/>\u003C/svg>\nLink\n\u003C/div>\n\u003C/div>\n\u003C/div>\n\u003C/div>\n\u003C/div>\n\n\u003C/div>\n\n\u003Cdiv class=\"fmstr-cmp-ffc-how__totals\">\n\u003Cspan class=\"fmstr-cmp-ffc-how__totals-stat\">\u003Cstrong>< 5 min\u003C/strong>five-field form\u003C/span>\n\u003Cspan class=\"fmstr-cmp-ffc-how__totals-divider\">\u003C/span>\n\u003Cspan class=\"fmstr-cmp-ffc-how__totals-stat\">\u003Cstrong>< 15 min\u003C/strong>30-field application\u003C/span>\n\u003Cspan class=\"fmstr-cmp-ffc-how__totals-divider\">\u003C/span>\n\u003Cspan class=\"fmstr-cmp-ffc-how__totals-stat\">\u003Cstrong>$0\u003C/strong>to start\u003C/span>\n\u003C/div>\n\n\u003C/div>\n\u003C/section>\n",{"id":178,"__component":168,"markup":179,"useContainer":170},762,"\u003Cstyle>\n.fmstr-cmp-ffc-why {\n--c-bg: #ffffff; --c-soft: #f9fafb; --c-tint: #f7f3ff; --c-edge: #e4d7ff;\n--c-fg-1: #101828; --c-fg-2: #475467; --c-fg-3: #697586;\n--c-violet-100: #ede4ff; --c-violet-500: #7f56d9; --c-violet-600: #6941c6; --c-violet-700: #5b34b1;\n--c-amber-bg: #fff7ed; --c-amber-fg: #b45309;\n--c-border: #eaecf0;\nbackground: var(--c-soft); padding: 88px 24px; font-family: inherit; overflow-x: hidden; color: var(--c-fg-1);\n}\n.fmstr-cmp-ffc-why *, .fmstr-cmp-ffc-why *::before, .fmstr-cmp-ffc-why *::after { box-sizing: border-box; }\n.fmstr-cmp-ffc-why > *, .fmstr-cmp-ffc-why > * > * { min-width: 0; }\n.fmstr-cmp-ffc-why__container { max-width: 1180px; margin: 0 auto; }\n.fmstr-cmp-ffc-why__header { max-width: 760px; margin: 0 auto 48px; text-align: center; }\n.fmstr-cmp-ffc-why__eyebrow {\ndisplay: inline-block; padding: 4px 12px; border-radius: 999px; background: var(--c-violet-100); color: var(--c-violet-700);\nfont-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 14px;\n}\n.fmstr-cmp-ffc-why__h2 { margin: 0 0 14px; font-size: clamp(28px, 3.5vw, 40px); line-height: 1.15; letter-spacing: -0.02em; font-weight: 700; }\n.fmstr-cmp-ffc-why__sub { margin: 0; font-size: 17px; line-height: 1.6; color: var(--c-fg-2); }\n.fmstr-cmp-ffc-why__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; }\n.fmstr-cmp-ffc-why__card {\ndisplay: flex; flex-direction: column; gap: 12px; background: #fff; border: 1px solid var(--c-border); border-radius: 16px; padding: 26px;\ntransition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;\n}\n.fmstr-cmp-ffc-why__card:hover { border-color: var(--c-edge); transform: translateY(-2px); box-shadow: 0 8px 24px rgba(16,24,40,.07); }\n.fmstr-cmp-ffc-why__card-icon {\nwidth: 40px; height: 40px; border-radius: 10px; background: var(--c-tint); color: var(--c-violet-700);\ndisplay: inline-flex; align-items: center; justify-content: center;\n}\n.fmstr-cmp-ffc-why__card-icon svg { width: 20px; height: 20px; }\n.fmstr-cmp-ffc-why__card-title { margin: 0; font-size: 18px; font-weight: 700; color: var(--c-fg-1); line-height: 1.3; }\n.fmstr-cmp-ffc-why__card-body { margin: 0; font-size: 14.5px; line-height: 1.55; color: var(--c-fg-2); }\n.fmstr-cmp-ffc-why__paywall {\nmargin-top: 40px; display: flex; gap: 14px; padding: 20px 26px; background: var(--c-amber-bg); border: 1px solid #fed7aa; border-radius: 14px;\n}\n.fmstr-cmp-ffc-why__paywall-icon {\nflex-shrink: 0; width: 28px; height: 28px; border-radius: 8px; background: #f59e0b; color: #fff;\ndisplay: inline-flex; align-items: center; justify-content: center;\n}\n.fmstr-cmp-ffc-why__paywall-text { margin: 0; font-size: 15px; line-height: 1.6; color: var(--c-fg-1); }\n.fmstr-cmp-ffc-why__paywall-text strong { color: var(--c-amber-fg); font-weight: 700; }\n@media (max-width: 880px) {\n.fmstr-cmp-ffc-why { padding: 56px 20px; }\n.fmstr-cmp-ffc-why__grid { grid-template-columns: 1fr; }\n}\n\u003C/style>\n\u003Csection class=\"fmstr-cmp-ffc-why\">\n\u003Cdiv class=\"fmstr-cmp-ffc-why__container\">\n\u003Cdiv class=\"fmstr-cmp-ffc-why__header\">\n\u003Ch2 class=\"fmstr-cmp-ffc-why__h2\">Why free doesn't mean limited\u003C/h2>\n\u003Cp class=\"fmstr-cmp-ffc-why__sub\">The features below are on the free plan, not behind a paid wall.\u003C/p>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffc-why__grid\">\n\u003Cdiv class=\"fmstr-cmp-ffc-why__card\">\n\u003Cdiv class=\"fmstr-cmp-ffc-why__card-icon\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Crect x=\"2.5\" y=\"6\" width=\"19\" height=\"12\" rx=\"2\"/>\u003Cpath d=\"M2.5 10h19M6 14h3\"/>\u003C/svg>\u003C/div>\n\u003Ch3 class=\"fmstr-cmp-ffc-why__card-title\">Accept payments on day one\u003C/h3>\n\u003Cp class=\"fmstr-cmp-ffc-why__card-body\">Stripe and PayPal connect natively. Add a payment field, set a price, and you can sell event tickets, take donations, or collect deposits without a separate Stripe page. AES-256 encrypted at the payment layer. No transaction fee from Formester. You pay only Stripe or PayPal's standard processing rate.\u003C/p>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffc-why__card\">\n\u003Cdiv class=\"fmstr-cmp-ffc-why__card-icon\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpath d=\"M14 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z\"/>\u003Cpath d=\"M14 3v6h6M9 13l3 3 3-3\"/>\u003C/svg>\u003C/div>\n\u003Ch3 class=\"fmstr-cmp-ffc-why__card-title\">Collect real files, not 5MB attachments\u003C/h3>\n\u003Cp class=\"fmstr-cmp-ffc-why__card-body\">100MB file uploads on the free plan. Respondents can attach PDFs, photos, resumes, or videos directly from desktop or phone camera. Most free tiers cap at 5MB or block file fields entirely.\u003C/p>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffc-why__card\">\n\u003Cdiv class=\"fmstr-cmp-ffc-why__card-icon\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Ccircle cx=\"6\" cy=\"12\" r=\"2.5\"/>\u003Ccircle cx=\"18\" cy=\"6\" r=\"2.5\"/>\u003Ccircle cx=\"18\" cy=\"18\" r=\"2.5\"/>\u003Cpath d=\"M8.2 10.7L15.8 7.3M8.2 13.3L15.8 16.7\"/>\u003C/svg>\u003C/div>\n\u003Ch3 class=\"fmstr-cmp-ffc-why__card-title\">Native integrations, not Zapier required\u003C/h3>\n\u003Cp class=\"fmstr-cmp-ffc-why__card-body\">Google Sheets, Slack, HubSpot, Mailchimp, Calendly, and webhooks are direct integrations on every plan. You set them up in the dashboard, not by stitching a Zap that breaks every six weeks. Zapier is available too if you need the long tail.\u003C/p>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffc-why__card\">\n\u003Cdiv class=\"fmstr-cmp-ffc-why__card-icon\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpath d=\"M12 2l2.6 5.3 5.9.9-4.3 4.2 1 5.8L12 15.5 6.8 18.2l1-5.8L3.5 8.2l5.9-.9z\"/>\u003C/svg>\u003C/div>\n\u003Ch3 class=\"fmstr-cmp-ffc-why__card-title\">AI form generation is included\u003C/h3>\n\u003Cp class=\"fmstr-cmp-ffc-why__card-body\">The free plan ships with the same AI generator that paid users get. Prompt, PDF, URL, or image input. The Google Gemini model under the hood. Your inputs are never used to train the model, per Section 4.4 of the Formester DPA.\u003C/p>\n\u003C/div>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffc-why__paywall\">\n\u003Cspan class=\"fmstr-cmp-ffc-why__paywall-icon\" aria-hidden=\"true\">\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Crect x=\"3.5\" y=\"7\" width=\"9\" height=\"6\" rx=\"1.5\"/>\u003Cpath d=\"M5.5 7V5a2.5 2.5 0 0 1 5 0v2\"/>\u003C/svg>\u003C/span>\n\u003Cp class=\"fmstr-cmp-ffc-why__paywall-text\">\u003Cstrong>What is paywalled\u003C/strong> (Personal plan starts at $12/month annual): branding removal, conditional logic, 1,000 monthly responses, custom redirects, GTM and GA4 connect. Honest line, not a surprise mid-build.\u003C/p>\n\u003C/div>\n\u003C/div>\n\u003C/section>\n",{"id":181,"__component":168,"markup":182,"useContainer":170},764,"\u003Cstyle>\n.fmstr-cmp-ffc-cmp {\n--c-bg: #ffffff; --c-tint: #f7f3ff; --c-edge: #e4d7ff;\n--c-fg-1: #101828; --c-fg-2: #475467; --c-fg-3: #697566;\n--c-violet-100: #ede4ff; --c-violet-500: #7f56d9; --c-violet-700: #5b34b1;\n--c-success: #12b76a; --c-warning: #b54708; --c-border: #eaecf0;\nbackground: #ffffff; padding: 88px 24px; font-family: inherit; overflow-x: hidden; color: var(--c-fg-1);\n}\n.fmstr-cmp-ffc-cmp *, .fmstr-cmp-ffc-cmp *::before, .fmstr-cmp-ffc-cmp *::after { box-sizing: border-box; }\n.fmstr-cmp-ffc-cmp > *, .fmstr-cmp-ffc-cmp > * > * { min-width: 0; }\n.fmstr-cmp-ffc-cmp__container { max-width: 1180px; margin: 0 auto; }\n.fmstr-cmp-ffc-cmp__header { max-width: 760px; margin: 0 auto 40px; text-align: center; }\n.fmstr-cmp-ffc-cmp__eyebrow {\ndisplay: inline-block; padding: 4px 12px; border-radius: 999px; background: var(--c-violet-100); color: var(--c-violet-700);\nfont-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 14px;\n}\n.fmstr-cmp-ffc-cmp__h2 { margin: 0 0 14px; font-size: clamp(28px, 3.5vw, 40px); line-height: 1.15; letter-spacing: -0.02em; font-weight: 700; }\n.fmstr-cmp-ffc-cmp__sub { margin: 0; font-size: 17px; line-height: 1.6; color: var(--c-fg-2); }\n.fmstr-cmp-ffc-cmp__scroll { overflow-x: auto; border: 1px solid var(--c-border); border-radius: 16px; box-shadow: 0 1px 3px rgba(16,24,40,.04); }\n.fmstr-cmp-ffc-cmp__table { width: 100%; border-collapse: collapse; min-width: 760px; font-size: 14.5px; }\n.fmstr-cmp-ffc-cmp__table thead th {\ntext-align: left; padding: 16px 18px; font-size: 13px; font-weight: 700; color: var(--c-fg-1); background: #f9fafb; border-bottom: 1px solid var(--c-border); white-space: nowrap;\n}\n.fmstr-cmp-ffc-cmp__table thead th:first-child { background: var(--c-tint); color: var(--c-violet-700); }\n.fmstr-cmp-ffc-cmp__table thead th.fmstr-cmp-ffc-cmp__col-us { background: var(--c-tint); color: var(--c-violet-700); }\n.fmstr-cmp-ffc-cmp__table tbody td { padding: 14px 18px; border-bottom: 1px solid var(--c-border); color: var(--c-fg-2); vertical-align: top; }\n.fmstr-cmp-ffc-cmp__table tbody tr:last-child td { border-bottom: none; }\n.fmstr-cmp-ffc-cmp__table tbody td:first-child { font-weight: 600; color: var(--c-fg-1); }\n.fmstr-cmp-ffc-cmp__table tbody td.fmstr-cmp-ffc-cmp__col-us { background: #fcfaff; color: var(--c-fg-1); font-weight: 500; }\n.fmstr-cmp-ffc-cmp__src { font-size: 13px; line-height: 1.6; color: var(--c-fg-3); margin: 18px 0 0; }\n.fmstr-cmp-ffc-cmp__src a { color: var(--c-violet-700); text-decoration: underline !important; }\n@media (max-width: 720px) {\n.fmstr-cmp-ffc-cmp { padding: 56px 16px; }\n.fmstr-cmp-ffc-cmp__table { font-size: 13.5px; }\n.fmstr-cmp-ffc-cmp__table thead th, .fmstr-cmp-ffc-cmp__table tbody td { padding: 12px 14px; }\n}\n\u003C/style>\n\u003Csection class=\"fmstr-cmp-ffc-cmp\">\n\u003Cdiv class=\"fmstr-cmp-ffc-cmp__container\">\n\u003Cdiv class=\"fmstr-cmp-ffc-cmp__header\">\n\u003Ch2 class=\"fmstr-cmp-ffc-cmp__h2\">Compare free plans: Formester vs Google Forms vs Jotform vs forms.app\u003C/h2>\n\u003Cp class=\"fmstr-cmp-ffc-cmp__sub\">The free plan only matters if it covers your use case. Here's how the major free tiers stack up.\u003C/p>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffc-cmp__scroll\">\n\u003Ctable class=\"fmstr-cmp-ffc-cmp__table\">\n\u003Cthead>\n\u003Ctr>\n\u003Cth>Feature\u003C/th>\n\u003Cth class=\"fmstr-cmp-ffc-cmp__col-us\">Formester Free\u003C/th>\n\u003Cth>Google Forms\u003C/th>\n\u003Cth>Jotform Free\u003C/th>\n\u003Cth>forms.app Free\u003C/th>\n\u003C/tr>\n\u003C/thead>\n\u003Ctbody>\n\u003Ctr>\u003Ctd>Monthly responses\u003C/td>\u003Ctd class=\"fmstr-cmp-ffc-cmp__col-us\">100\u003C/td>\u003Ctd>Unlimited (Drive storage cap)\u003C/td>\u003Ctd>100\u003C/td>\u003Ctd>100\u003C/td>\u003C/tr>\n\u003Ctr>\u003Ctd>Active forms\u003C/td>\u003Ctd class=\"fmstr-cmp-ffc-cmp__col-us\">10\u003C/td>\u003Ctd>Unlimited\u003C/td>\u003Ctd>5\u003C/td>\u003Ctd>5\u003C/td>\u003C/tr>\n\u003Ctr>\u003Ctd>File uploads\u003C/td>\u003Ctd class=\"fmstr-cmp-ffc-cmp__col-us\">100MB per file\u003C/td>\u003Ctd>Drive quota (15GB total)\u003C/td>\u003Ctd>100MB total storage\u003C/td>\u003Ctd>10MB storage\u003C/td>\u003C/tr>\n\u003Ctr>\u003Ctd>Payment collection (Stripe, PayPal)\u003C/td>\u003Ctd class=\"fmstr-cmp-ffc-cmp__col-us\">Yes, native\u003C/td>\u003Ctd>No native field\u003C/td>\u003Ctd>Yes, on free\u003C/td>\u003Ctd>Yes\u003C/td>\u003C/tr>\n\u003Ctr>\u003Ctd>AI form generation\u003C/td>\u003Ctd class=\"fmstr-cmp-ffc-cmp__col-us\">Yes, prompt + PDF + URL + image\u003C/td>\u003Ctd>Gemini-assisted, US-only\u003C/td>\u003Ctd>Yes\u003C/td>\u003Ctd>Yes\u003C/td>\u003C/tr>\n\u003Ctr>\u003Ctd>Drag-and-drop builder\u003C/td>\u003Ctd class=\"fmstr-cmp-ffc-cmp__col-us\">Yes\u003C/td>\u003Ctd>Limited (add and reorder only)\u003C/td>\u003Ctd>Yes\u003C/td>\u003Ctd>Yes\u003C/td>\u003C/tr>\n\u003Ctr>\u003Ctd>Embed on your website\u003C/td>\u003Ctd class=\"fmstr-cmp-ffc-cmp__col-us\">Yes, 6 modes\u003C/td>\u003Ctd>iframe only\u003C/td>\u003Ctd>Yes\u003C/td>\u003Ctd>Yes\u003C/td>\u003C/tr>\n\u003Ctr>\u003Ctd>Branding shown\u003C/td>\u003Ctd class=\"fmstr-cmp-ffc-cmp__col-us\">Formester logo\u003C/td>\u003Ctd>Google logo (cannot remove)\u003C/td>\u003Ctd>Jotform logo (removable on paid)\u003C/td>\u003Ctd>forms.app logo (removable on paid)\u003C/td>\u003C/tr>\n\u003Ctr>\u003Ctd>Conditional logic\u003C/td>\u003Ctd class=\"fmstr-cmp-ffc-cmp__col-us\">Paid (Personal+)\u003C/td>\u003Ctd>Section branching only\u003C/td>\u003Ctd>Yes on free\u003C/td>\u003Ctd>Yes on free\u003C/td>\u003C/tr>\n\u003Ctr>\u003Ctd>CSV export\u003C/td>\u003Ctd class=\"fmstr-cmp-ffc-cmp__col-us\">Yes\u003C/td>\u003Ctd>Yes (via Sheets)\u003C/td>\u003Ctd>Yes\u003C/td>\u003Ctd>Yes\u003C/td>\u003C/tr>\n\u003C/tbody>\n\u003C/table>\n\u003C/div>\n\u003Cp class=\"fmstr-cmp-ffc-cmp__src\">Source for competitor caps: \u003Ca href=\"https://www.jotform.com/pricing/\">Jotform free plan page\u003C/a>, \u003Ca href=\"https://forms.app/en/pricing\">forms.app pricing\u003C/a>, \u003Ca href=\"https://support.google.com/docs/answer/2839588\">Google Forms limits\u003C/a>.\u003C/p>\n\u003C/div>\n\u003C/section>\n",{"id":184,"__component":168,"markup":185,"useContainer":170},765,"\u003Cstyle>\n.fmstr-cmp-ffc-uc {\n--c-bg: #ffffff; --c-soft: #f9fafb; --c-tint: #f7f3ff; --c-edge: #e4d7ff;\n--c-fg-1: #101828; --c-fg-2: #475467; --c-fg-3: #697586;\n--c-violet-100: #ede4ff; --c-violet-500: #7f56d9; --c-violet-700: #5b34b1;\n--c-border: #eaecf0;\nbackground: var(--c-soft); padding: 88px 24px; font-family: inherit; overflow-x: hidden; color: var(--c-fg-1);\n}\n.fmstr-cmp-ffc-uc *, .fmstr-cmp-ffc-uc *::before, .fmstr-cmp-ffc-uc *::after { box-sizing: border-box; }\n.fmstr-cmp-ffc-uc > *, .fmstr-cmp-ffc-uc > * > * { min-width: 0; }\n.fmstr-cmp-ffc-uc__container { max-width: 1180px; margin: 0 auto; }\n.fmstr-cmp-ffc-uc__header { max-width: 760px; margin: 0 auto 48px; text-align: center; }\n.fmstr-cmp-ffc-uc__eyebrow {\ndisplay: inline-block; padding: 4px 12px; border-radius: 999px; background: var(--c-violet-100); color: var(--c-violet-700);\nfont-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 14px;\n}\n.fmstr-cmp-ffc-uc__h2 { margin: 0 0 14px; font-size: clamp(28px, 3.5vw, 40px); line-height: 1.15; letter-spacing: -0.02em; font-weight: 700; }\n.fmstr-cmp-ffc-uc__sub { margin: 0; font-size: 17px; line-height: 1.6; color: var(--c-fg-2); }\n.fmstr-cmp-ffc-uc__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }\n.fmstr-cmp-ffc-uc__card {\ndisplay: flex; flex-direction: column; gap: 10px; background: #ffffff; border: 1px solid var(--c-border); border-radius: 16px; padding: 22px; position: relative;\ntransition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;\n}\n.fmstr-cmp-ffc-uc__card:hover { border-color: var(--c-edge); transform: translateY(-2px); box-shadow: 0 8px 24px rgba(16,24,40,.07); }\n.fmstr-cmp-ffc-uc__card-num {\nwidth: 30px; height: 30px; border-radius: 8px; background: var(--c-tint); color: var(--c-violet-700);\ndisplay: inline-flex; align-items: center; justify-content: center; font-weight: 700; font-size: 13px;\n}\n.fmstr-cmp-ffc-uc__card-title { margin: 0; font-size: 16px; font-weight: 700; color: var(--c-fg-1); line-height: 1.3; }\n.fmstr-cmp-ffc-uc__card-body { margin: 0; font-size: 14px; line-height: 1.55; color: var(--c-fg-2); }\n@media (max-width: 980px) {\n.fmstr-cmp-ffc-uc__grid { grid-template-columns: repeat(2, 1fr); }\n}\n@media (max-width: 600px) {\n.fmstr-cmp-ffc-uc { padding: 56px 20px; }\n.fmstr-cmp-ffc-uc__grid { grid-template-columns: 1fr; }\n}\n\u003C/style>\n\u003Csection class=\"fmstr-cmp-ffc-uc\">\n\u003Cdiv class=\"fmstr-cmp-ffc-uc__container\">\n\u003Cdiv class=\"fmstr-cmp-ffc-uc__header\">\n\u003Ch2 class=\"fmstr-cmp-ffc-uc__h2\">8 use cases the free plan covers (no upgrade required)\u003C/h2>\n\u003Cp class=\"fmstr-cmp-ffc-uc__sub\">Each of these fits inside 100 responses a month and 10 active forms. If you outgrow one, the upgrade is $12 per month.\u003C/p>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffc-uc__grid\">\n\u003Cdiv class=\"fmstr-cmp-ffc-uc__card\">\n\u003Cdiv class=\"fmstr-cmp-ffc-uc__card-num\">1\u003C/div>\n\u003Ch3 class=\"fmstr-cmp-ffc-uc__card-title\">Small business contact form\u003C/h3>\n\u003Cp class=\"fmstr-cmp-ffc-uc__card-body\">Embed a 4-field contact form on your site. Responses route to Slack and a Google Sheet. About 20 to 60 inquiries a month for most local businesses.\u003C/p>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffc-uc__card\">\n\u003Cdiv class=\"fmstr-cmp-ffc-uc__card-num\">2\u003C/div>\n\u003Ch3 class=\"fmstr-cmp-ffc-uc__card-title\">Event registration with payment\u003C/h3>\n\u003Cp class=\"fmstr-cmp-ffc-uc__card-body\">Sell tickets up to $500 each with a Stripe-connected form. Collect dietary restrictions, t-shirt size, and emergency contact in one flow.\u003C/p>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffc-uc__card\">\n\u003Cdiv class=\"fmstr-cmp-ffc-uc__card-num\">3\u003C/div>\n\u003Ch3 class=\"fmstr-cmp-ffc-uc__card-title\">Job application with resume upload\u003C/h3>\n\u003Cp class=\"fmstr-cmp-ffc-uc__card-body\">100MB file uploads handle every resume, portfolio PDF, or work sample. Push qualified candidates to HubSpot automatically.\u003C/p>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffc-uc__card\">\n\u003Cdiv class=\"fmstr-cmp-ffc-uc__card-num\">4\u003C/div>\n\u003Ch3 class=\"fmstr-cmp-ffc-uc__card-title\">Customer feedback survey\u003C/h3>\n\u003Cp class=\"fmstr-cmp-ffc-uc__card-body\">\u003Ca href=\"https://formester.com/ai-survey-generator/\" style=\"color: var(--c-violet-700); text-decoration: underline !important;\">AI-generate a 6-question survey\u003C/a> from one prompt. NPS, open-ended, and rating fields. Drop-off analytics show where respondents quit.\u003C/p>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffc-uc__card\">\n\u003Cdiv class=\"fmstr-cmp-ffc-uc__card-num\">5\u003C/div>\n\u003Ch3 class=\"fmstr-cmp-ffc-uc__card-title\">Nonprofit donation form\u003C/h3>\n\u003Cp class=\"fmstr-cmp-ffc-uc__card-body\">PayPal or Stripe field, recurring or one-time, donor details, and a tax-receipt PDF auto-emailed after submission.\u003C/p>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffc-uc__card\">\n\u003Cdiv class=\"fmstr-cmp-ffc-uc__card-num\">6\u003C/div>\n\u003Ch3 class=\"fmstr-cmp-ffc-uc__card-title\">School or class registration\u003C/h3>\n\u003Cp class=\"fmstr-cmp-ffc-uc__card-body\">Parent name, student details, allergies, photo permission. Multi-page card layout so it doesn't feel like a wall of fields.\u003C/p>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffc-uc__card\">\n\u003Cdiv class=\"fmstr-cmp-ffc-uc__card-num\">7\u003C/div>\n\u003Ch3 class=\"fmstr-cmp-ffc-uc__card-title\">Lead capture for a landing page\u003C/h3>\n\u003Cp class=\"fmstr-cmp-ffc-uc__card-body\">Embed as a popup, push leads to HubSpot, and connect Google Analytics 4 (paid) or use the built-in submission analytics on free.\u003C/p>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffc-uc__card\">\n\u003Cdiv class=\"fmstr-cmp-ffc-uc__card-num\">8\u003C/div>\n\u003Ch3 class=\"fmstr-cmp-ffc-uc__card-title\">Quiz or assessment\u003C/h3>\n\u003Cp class=\"fmstr-cmp-ffc-uc__card-body\">\u003Ca href=\"https://formester.com/ai-quiz-maker/\" style=\"color: var(--c-violet-700); text-decoration: underline !important;\">Quiz mode\u003C/a> is on the free plan. Set pass/fail, weight questions, and show the score on the thank-you page. Works for lead-magnet quizzes, training assessments, or classroom quick-checks.\u003C/p>\n\u003C/div>\n\u003C/div>\n\u003C/div>\n\u003C/section>\n",{"id":187,"__component":168,"markup":188,"useContainer":170},766,"\u003Cstyle>\n.fmstr-cmp-ffc-up {\n--c-bg: #ffffff; --c-tint: #f7f3ff; --c-edge: #e4d7ff;\n--c-fg-1: #101828; --c-fg-2: #475467; --c-fg-3: #697586;\n--c-violet-100: #ede4ff; --c-violet-500: #7f56d9; --c-violet-700: #5b34b1;\n--c-border: #eaecf0;\nbackground: #ffffff; padding: 88px 24px; font-family: inherit; overflow-x: hidden; color: var(--c-fg-1);\n}\n.fmstr-cmp-ffc-up *, .fmstr-cmp-ffc-up *::before, .fmstr-cmp-ffc-up *::after { box-sizing: border-box; }\n.fmstr-cmp-ffc-up > *, .fmstr-cmp-ffc-up > * > * { min-width: 0; }\n.fmstr-cmp-ffc-up__container { max-width: 1180px; margin: 0 auto; }\n.fmstr-cmp-ffc-up__header { max-width: 760px; margin: 0 auto 48px; text-align: center; }\n.fmstr-cmp-ffc-up__eyebrow {\ndisplay: inline-block; padding: 4px 12px; border-radius: 999px; background: var(--c-violet-100); color: var(--c-violet-700);\nfont-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 14px;\n}\n.fmstr-cmp-ffc-up__h2 { margin: 0 0 14px; font-size: clamp(28px, 3.5vw, 40px); line-height: 1.15; letter-spacing: -0.02em; font-weight: 700; }\n.fmstr-cmp-ffc-up__sub { margin: 0; font-size: 17px; line-height: 1.6; color: var(--c-fg-2); }\n.fmstr-cmp-ffc-up__list { display: grid; grid-template-columns: 1fr; gap: 14px; max-width: 880px; margin: 0 auto; }\n.fmstr-cmp-ffc-up__row {\ndisplay: grid; grid-template-columns: 60px 1fr; gap: 22px; align-items: flex-start; padding: 22px 26px;\nbackground: #ffffff; border: 1px solid var(--c-border); border-radius: 14px;\ntransition: border-color .2s ease;\n}\n.fmstr-cmp-ffc-up__row:hover { border-color: var(--c-edge); }\n.fmstr-cmp-ffc-up__num {\ndisplay: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 14px;\nbackground: linear-gradient(135deg, var(--c-violet-500), var(--c-violet-700)); color: #fff; font-weight: 700; font-size: 18px;\n}\n.fmstr-cmp-ffc-up__body { display: flex; flex-direction: column; gap: 8px; }\n.fmstr-cmp-ffc-up__title { margin: 0; font-size: 17px; font-weight: 700; color: var(--c-fg-1); line-height: 1.35; }\n.fmstr-cmp-ffc-up__copy { margin: 0; font-size: 14.5px; line-height: 1.6; color: var(--c-fg-2); }\n.fmstr-cmp-ffc-up__copy a { color: var(--c-violet-700); text-decoration: underline !important; }\n.fmstr-cmp-ffc-up__final { margin: 28px auto 0; max-width: 880px; padding: 18px 22px; background: var(--c-tint); border: 1px solid var(--c-edge); border-radius: 12px; font-size: 14.5px; color: var(--c-fg-2); line-height: 1.55; }\n@media (max-width: 600px) {\n.fmstr-cmp-ffc-up { padding: 56px 20px; }\n.fmstr-cmp-ffc-up__row { grid-template-columns: 1fr; gap: 12px; padding: 20px; }\n}\n\u003C/style>\n\u003Csection class=\"fmstr-cmp-ffc-up\">\n\u003Cdiv class=\"fmstr-cmp-ffc-up__container\">\n\u003Cdiv class=\"fmstr-cmp-ffc-up__header\">\n\u003Ch2 class=\"fmstr-cmp-ffc-up__h2\">When you'd want to upgrade\u003C/h2>\n\u003Cp class=\"fmstr-cmp-ffc-up__sub\">Three real reasons to leave free. None of them are the editor stops working.\u003C/p>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffc-up__list\">\n\u003Cdiv class=\"fmstr-cmp-ffc-up__row\">\n\u003Cspan class=\"fmstr-cmp-ffc-up__num\">1\u003C/span>\n\u003Cdiv class=\"fmstr-cmp-ffc-up__body\">\n\u003Ch3 class=\"fmstr-cmp-ffc-up__title\">You break 100 responses a month\u003C/h3>\n\u003Cp class=\"fmstr-cmp-ffc-up__copy\">The Personal plan at \u003Ca href=\"https://formester.com/pricing/\">$12 per month (annual)\u003C/a> gives you 1,000 monthly responses, unlimited forms, branding removal, and conditional logic. If you're already collecting 80 a month and growing, upgrade before you hit the wall.\u003C/p>\n\u003C/div>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffc-up__row\">\n\u003Cspan class=\"fmstr-cmp-ffc-up__num\">2\u003C/span>\n\u003Cdiv class=\"fmstr-cmp-ffc-up__body\">\n\u003Ch3 class=\"fmstr-cmp-ffc-up__title\">You need to remove the Formester logo\u003C/h3>\n\u003Cp class=\"fmstr-cmp-ffc-up__copy\">The footer credit is fine on internal forms and most small-business sites. If you're building white-label for a client, sending a form to enterprise procurement, or running a branded campaign, the Personal plan strips it.\u003C/p>\n\u003C/div>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffc-up__row\">\n\u003Cspan class=\"fmstr-cmp-ffc-up__num\">3\u003C/span>\n\u003Cdiv class=\"fmstr-cmp-ffc-up__body\">\n\u003Ch3 class=\"fmstr-cmp-ffc-up__title\">You want conditional logic\u003C/h3>\n\u003Cp class=\"fmstr-cmp-ffc-up__copy\">Branching, calculated fields, and skip-logic are on Personal+. If your form has more than 8 fields and not every respondent should see every question, you'll want this.\u003C/p>\n\u003C/div>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffc-up__row\">\n\u003Cspan class=\"fmstr-cmp-ffc-up__num\">4\u003C/span>\n\u003Cdiv class=\"fmstr-cmp-ffc-up__body\">\n\u003Ch3 class=\"fmstr-cmp-ffc-up__title\">You need API access or 50GB of file storage\u003C/h3>\n\u003Cp class=\"fmstr-cmp-ffc-up__copy\">Business at $45 per month (annual) opens the REST API v2, PDF response exports, team collaboration, and 15,000 monthly responses. Most teams don't need this for two years.\u003C/p>\n\u003C/div>\n\u003C/div>\n\u003C/div>\n\u003Cp class=\"fmstr-cmp-ffc-up__final\">If you're using the free plan for a hobby project, personal site, or a small client, none of these will bite you for months.\u003C/p>\n\u003C/div>\n\u003C/section>\n",{"id":190,"__component":168,"markup":191,"useContainer":170},767,"\u003Cstyle>\n.fmstr-cmp-ffc-tpl a { text-decoration: none !important; }\n.fmstr-cmp-ffc-tpl {\n--c-bg: #ffffff; --c-soft: #f9fafb; --c-tint: #f7f3ff; --c-edge: #e4d7ff;\n--c-fg-1: #101828; --c-fg-2: #475467; --c-fg-3: #697586;\n--c-violet-100: #ede4ff; --c-violet-300: #c4b1ee; --c-violet-500: #7f56d9; --c-violet-700: #5b34b1;\n--c-border: #eaecf0;\nbackground: var(--c-soft); padding: 96px 24px; font-family: inherit; overflow-x: hidden; color: var(--c-fg-1);\n}\n.fmstr-cmp-ffc-tpl *, .fmstr-cmp-ffc-tpl *::before, .fmstr-cmp-ffc-tpl *::after { box-sizing: border-box; }\n.fmstr-cmp-ffc-tpl > *, .fmstr-cmp-ffc-tpl > * > * { min-width: 0; }\n.fmstr-cmp-ffc-tpl__container { max-width: 1180px; margin: 0 auto; }\n.fmstr-cmp-ffc-tpl__header { max-width: 760px; margin: 0 auto 40px; text-align: center; }\n.fmstr-cmp-ffc-tpl__eyebrow { display: inline-block; padding: 4px 12px; border-radius: 999px; background: var(--c-violet-100); color: var(--c-violet-700); font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 14px; }\n.fmstr-cmp-ffc-tpl__h2 { margin: 0 0 14px; font-size: clamp(28px, 3.5vw, 40px); line-height: 1.15; letter-spacing: -0.02em; font-weight: 700; }\n.fmstr-cmp-ffc-tpl__sub { margin: 0; font-size: 17px; line-height: 1.6; color: var(--c-fg-2); }\n\n.fmstr-cmp-ffc-tpl__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }\n.fmstr-cmp-ffc-tpl__card {\ndisplay: flex; flex-direction: column; background: #fff; border: 1px solid var(--c-border); border-radius: 16px; overflow: hidden;\ncolor: inherit !important; transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;\n}\n.fmstr-cmp-ffc-tpl__card:hover { border-color: var(--c-edge); transform: translateY(-2px); box-shadow: 0 12px 28px rgba(16,24,40,.08); }\n.fmstr-cmp-ffc-tpl__visual {\nheight: 124px; padding: 16px 18px; display: flex; align-items: center; gap: 12px; position: relative; overflow: hidden;\n}\n.fmstr-cmp-ffc-tpl__visual--contact { background: linear-gradient(135deg, #c4b1ee 0%, #7f56d9 100%); color: #fff; }\n.fmstr-cmp-ffc-tpl__visual--event { background: linear-gradient(135deg, #fde68a 0%, #f59e0b 100%); color: #7c2d12; }\n.fmstr-cmp-ffc-tpl__visual--job { background: linear-gradient(135deg, #67e8f9 0%, #0891b2 100%); color: #fff; }\n.fmstr-cmp-ffc-tpl__visual--feedback { background: linear-gradient(135deg, #f9a8d4 0%, #be185d 100%); color: #fff; }\n.fmstr-cmp-ffc-tpl__visual--donation { background: linear-gradient(135deg, #86efac 0%, #059669 100%); color: #fff; }\n.fmstr-cmp-ffc-tpl__visual--registration { background: linear-gradient(135deg, #c7d2fe 0%, #4338ca 100%); color: #fff; }\n.fmstr-cmp-ffc-tpl__visual-emoji { font-size: 38px; line-height: 1; filter: drop-shadow(0 2px 4px rgba(0,0,0,0.18)); }\n.fmstr-cmp-ffc-tpl__visual-meta { font-size: 11.5px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; opacity: 0.9; }\n.fmstr-cmp-ffc-tpl__visual-name { font-size: 17px; font-weight: 800; margin: 2px 0 0; letter-spacing: -0.01em; }\n.fmstr-cmp-ffc-tpl__visual-fields { position: absolute; right: 14px; bottom: 14px; display: inline-flex; flex-direction: column; gap: 4px; align-items: flex-end; }\n.fmstr-cmp-ffc-tpl__visual-field { padding: 3px 8px; background: rgba(255,255,255,0.32); border: 1px solid rgba(255,255,255,0.45); backdrop-filter: blur(8px); border-radius: 6px; font-size: 10.5px; font-weight: 700; color: inherit; letter-spacing: 0.02em; }\n.fmstr-cmp-ffc-tpl__body { padding: 18px 22px; display: flex; flex-direction: column; gap: 8px; }\n.fmstr-cmp-ffc-tpl__cat { font-size: 11px; font-weight: 700; color: var(--c-violet-700); text-transform: uppercase; letter-spacing: 0.08em; }\n.fmstr-cmp-ffc-tpl__title { margin: 0; font-size: 16px; font-weight: 700; color: var(--c-fg-1); line-height: 1.3; }\n.fmstr-cmp-ffc-tpl__copy { margin: 0; font-size: 14px; line-height: 1.55; color: var(--c-fg-2); }\n.fmstr-cmp-ffc-tpl__cta {\nmargin-top: auto; padding-top: 12px; display: inline-flex; align-items: center; gap: 6px;\nfont-size: 13.5px; font-weight: 700; color: var(--c-violet-700) !important;\n}\n.fmstr-cmp-ffc-tpl__more {\nmargin: 36px auto 0; display: inline-flex; align-items: center; gap: 8px; padding: 13px 22px; border-radius: 999px;\nbackground: #fff !important; color: var(--c-violet-700) !important; font-weight: 600; font-size: 14.5px;\nborder: 1px solid var(--c-border);\n}\n.fmstr-cmp-ffc-tpl__more-wrap { text-align: center; }\n.fmstr-cmp-ffc-tpl__more:hover { border-color: var(--c-violet-500); background: var(--c-tint) !important; }\n\n@media (max-width: 880px) {\n.fmstr-cmp-ffc-tpl { padding: 64px 18px; }\n.fmstr-cmp-ffc-tpl__grid { grid-template-columns: repeat(2, 1fr); }\n}\n@media (max-width: 540px) {\n.fmstr-cmp-ffc-tpl__grid { grid-template-columns: 1fr; }\n.fmstr-cmp-ffc-tpl__tab { padding: 7px 12px; font-size: 12.5px; }\n}\n\u003C/style>\n\u003Csection class=\"fmstr-cmp-ffc-tpl\">\n\u003Cdiv class=\"fmstr-cmp-ffc-tpl__container\">\n\u003Cdiv class=\"fmstr-cmp-ffc-tpl__header\">\n\u003Ch2 class=\"fmstr-cmp-ffc-tpl__h2\">Templates you can use right now\u003C/h2>\n\u003Cp class=\"fmstr-cmp-ffc-tpl__sub\">Six templates that work on the free plan. Open, customize, and publish in under 10 minutes.\u003C/p>\n\u003C/div>\n\n\u003Cdiv class=\"fmstr-cmp-ffc-tpl__grid\">\n\n\u003Ca href=\"https://formester.com/templates/categories/contact-forms/\" class=\"fmstr-cmp-ffc-tpl__card\">\n\u003Cdiv class=\"fmstr-cmp-ffc-tpl__visual fmstr-cmp-ffc-tpl__visual--contact\">\n\u003Cspan class=\"fmstr-cmp-ffc-tpl__visual-emoji\">✉️\u003C/span>\n\u003Cdiv>\u003Cspan class=\"fmstr-cmp-ffc-tpl__visual-meta\">Contact\u003C/span>\u003Cp class=\"fmstr-cmp-ffc-tpl__visual-name\">Contact form\u003C/p>\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffc-tpl__visual-fields\">\u003Cspan class=\"fmstr-cmp-ffc-tpl__visual-field\">NAME\u003C/span>\u003Cspan class=\"fmstr-cmp-ffc-tpl__visual-field\">EMAIL\u003C/span>\u003C/div>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffc-tpl__body\">\n\u003Cspan class=\"fmstr-cmp-ffc-tpl__cat\">Contact · 4 fields\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-ffc-tpl__title\">Contact form\u003C/h3>\n\u003Cp class=\"fmstr-cmp-ffc-tpl__copy\">Name, email, message, optional phone. Pre-wired to Google Sheets.\u003C/p>\n\u003Cspan class=\"fmstr-cmp-ffc-tpl__cta\">Browse contact form templates →\u003C/span>\n\u003C/div>\n\u003C/a>\n\n\u003Ca href=\"https://formester.com/templates/categories/registration-forms/\" class=\"fmstr-cmp-ffc-tpl__card\">\n\u003Cdiv class=\"fmstr-cmp-ffc-tpl__visual fmstr-cmp-ffc-tpl__visual--event\">\n\u003Cspan class=\"fmstr-cmp-ffc-tpl__visual-emoji\">🎟️\u003C/span>\n\u003Cdiv>\u003Cspan class=\"fmstr-cmp-ffc-tpl__visual-meta\">Event\u003C/span>\u003Cp class=\"fmstr-cmp-ffc-tpl__visual-name\">Event registration\u003C/p>\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffc-tpl__visual-fields\">\u003Cspan class=\"fmstr-cmp-ffc-tpl__visual-field\">PAY\u003C/span>\u003Cspan class=\"fmstr-cmp-ffc-tpl__visual-field\">DIET\u003C/span>\u003C/div>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffc-tpl__body\">\n\u003Cspan class=\"fmstr-cmp-ffc-tpl__cat\">Event · with payment\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-ffc-tpl__title\">Event registration form\u003C/h3>\n\u003Cp class=\"fmstr-cmp-ffc-tpl__copy\">Multi-field with payment, dietary restrictions, and emergency contact.\u003C/p>\n\u003Cspan class=\"fmstr-cmp-ffc-tpl__cta\">Browse event registration templates →\u003C/span>\n\u003C/div>\n\u003C/a>\n\n\u003Ca href=\"https://formester.com/templates/categories/job-application-forms/\" class=\"fmstr-cmp-ffc-tpl__card\">\n\u003Cdiv class=\"fmstr-cmp-ffc-tpl__visual fmstr-cmp-ffc-tpl__visual--job\">\n\u003Cspan class=\"fmstr-cmp-ffc-tpl__visual-emoji\">💼\u003C/span>\n\u003Cdiv>\u003Cspan class=\"fmstr-cmp-ffc-tpl__visual-meta\">Hiring\u003C/span>\u003Cp class=\"fmstr-cmp-ffc-tpl__visual-name\">Job application\u003C/p>\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffc-tpl__visual-fields\">\u003Cspan class=\"fmstr-cmp-ffc-tpl__visual-field\">RESUME\u003C/span>\u003Cspan class=\"fmstr-cmp-ffc-tpl__visual-field\">EEO\u003C/span>\u003C/div>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffc-tpl__body\">\n\u003Cspan class=\"fmstr-cmp-ffc-tpl__cat\">Hiring · 100MB upload\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-ffc-tpl__title\">Job application form\u003C/h3>\n\u003Cp class=\"fmstr-cmp-ffc-tpl__copy\">Resume upload, work experience, references, and equal-opportunity questions.\u003C/p>\n\u003Cspan class=\"fmstr-cmp-ffc-tpl__cta\">Browse job application templates →\u003C/span>\n\u003C/div>\n\u003C/a>\n\n\u003Ca href=\"https://formester.com/templates/categories/feedback-forms/\" class=\"fmstr-cmp-ffc-tpl__card\">\n\u003Cdiv class=\"fmstr-cmp-ffc-tpl__visual fmstr-cmp-ffc-tpl__visual--feedback\">\n\u003Cspan class=\"fmstr-cmp-ffc-tpl__visual-emoji\">⭐\u003C/span>\n\u003Cdiv>\u003Cspan class=\"fmstr-cmp-ffc-tpl__visual-meta\">Feedback\u003C/span>\u003Cp class=\"fmstr-cmp-ffc-tpl__visual-name\">Customer feedback\u003C/p>\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffc-tpl__visual-fields\">\u003Cspan class=\"fmstr-cmp-ffc-tpl__visual-field\">NPS\u003C/span>\u003Cspan class=\"fmstr-cmp-ffc-tpl__visual-field\">1-10\u003C/span>\u003C/div>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffc-tpl__body\">\n\u003Cspan class=\"fmstr-cmp-ffc-tpl__cat\">Feedback · NPS + rating\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-ffc-tpl__title\">Customer feedback survey\u003C/h3>\n\u003Cp class=\"fmstr-cmp-ffc-tpl__copy\">NPS, rating scales, and open-ended fields.\u003C/p>\n\u003Cspan class=\"fmstr-cmp-ffc-tpl__cta\">Browse feedback survey templates →\u003C/span>\n\u003C/div>\n\u003C/a>\n\n\u003Ca href=\"https://formester.com/templates/categories/donation-forms/\" class=\"fmstr-cmp-ffc-tpl__card\">\n\u003Cdiv class=\"fmstr-cmp-ffc-tpl__visual fmstr-cmp-ffc-tpl__visual--donation\">\n\u003Cspan class=\"fmstr-cmp-ffc-tpl__visual-emoji\">💚\u003C/span>\n\u003Cdiv>\u003Cspan class=\"fmstr-cmp-ffc-tpl__visual-meta\">Nonprofit\u003C/span>\u003Cp class=\"fmstr-cmp-ffc-tpl__visual-name\">Donation form\u003C/p>\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffc-tpl__visual-fields\">\u003Cspan class=\"fmstr-cmp-ffc-tpl__visual-field\">STRIPE\u003C/span>\u003Cspan class=\"fmstr-cmp-ffc-tpl__visual-field\">RECUR\u003C/span>\u003C/div>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffc-tpl__body\">\n\u003Cspan class=\"fmstr-cmp-ffc-tpl__cat\">Nonprofit · one-time or recurring\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-ffc-tpl__title\">Donation form\u003C/h3>\n\u003Cp class=\"fmstr-cmp-ffc-tpl__copy\">Stripe or PayPal field with one-time or recurring giving levels.\u003C/p>\n\u003Cspan class=\"fmstr-cmp-ffc-tpl__cta\">Browse donation form templates →\u003C/span>\n\u003C/div>\n\u003C/a>\n\n\u003Ca href=\"https://formester.com/templates/categories/registration-forms/\" class=\"fmstr-cmp-ffc-tpl__card\">\n\u003Cdiv class=\"fmstr-cmp-ffc-tpl__visual fmstr-cmp-ffc-tpl__visual--registration\">\n\u003Cspan class=\"fmstr-cmp-ffc-tpl__visual-emoji\">📝\u003C/span>\n\u003Cdiv>\u003Cspan class=\"fmstr-cmp-ffc-tpl__visual-meta\">General\u003C/span>\u003Cp class=\"fmstr-cmp-ffc-tpl__visual-name\">Registration\u003C/p>\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffc-tpl__visual-fields\">\u003Cspan class=\"fmstr-cmp-ffc-tpl__visual-field\">CONFIRM\u003C/span>\u003Cspan class=\"fmstr-cmp-ffc-tpl__visual-field\">PAY\u003C/span>\u003C/div>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffc-tpl__body\">\n\u003Cspan class=\"fmstr-cmp-ffc-tpl__cat\">General · with confirmation email\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-ffc-tpl__title\">Registration form\u003C/h3>\n\u003Cp class=\"fmstr-cmp-ffc-tpl__copy\">General-purpose registration with payment and confirmation email.\u003C/p>\n\u003Cspan class=\"fmstr-cmp-ffc-tpl__cta\">Browse registration form templates →\u003C/span>\n\u003C/div>\n\u003C/a>\n\n\u003C/div>\n\n\u003Cdiv class=\"fmstr-cmp-ffc-tpl__more-wrap\">\n\u003Ca href=\"https://formester.com/templates/\" class=\"fmstr-cmp-ffc-tpl__more\">Browse all 200+ free templates\n\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpath d=\"M3 8h10M9 4l4 4-4 4\"/>\u003C/svg>\n\u003C/a>\n\u003C/div>\n\n\u003C/div>\n\u003C/section>\n",{"id":193,"__component":168,"markup":194,"useContainer":170},768,"\u003Cstyle>\n/* host-link-override */\n.fmstr-cmp-ffc-cta a { text-decoration: none !important; }\n.fmstr-cmp-ffc-cta {\n--c-violet-100: #ede4ff; --c-violet-300: #c4b1ee; --c-violet-500: #7f56d9; --c-violet-700: #5b34b1;\n--c-fg-on-dark: #ffffff; --c-fg-on-dark-2: rgba(255,255,255,0.78); --c-fg-on-dark-3: rgba(255,255,255,0.6);\npadding: 96px 24px; font-family: inherit; overflow-x: hidden; color: var(--c-fg-on-dark);\nposition: relative; overflow: hidden;\nbackground:\nradial-gradient(ellipse at 20% 0%, rgba(127, 86, 217, 0.6) 0%, transparent 55%),\nradial-gradient(ellipse at 80% 100%, rgba(91, 52, 177, 0.6) 0%, transparent 55%),\nlinear-gradient(135deg, #2a1568 0%, #3f1d8a 50%, #5b34b1 100%);\n}\n.fmstr-cmp-ffc-cta *, .fmstr-cmp-ffc-cta *::before, .fmstr-cmp-ffc-cta *::after { box-sizing: border-box; }\n.fmstr-cmp-ffc-cta > *, .fmstr-cmp-ffc-cta > * > * { min-width: 0; }\n.fmstr-cmp-ffc-cta__grid {\nposition: absolute; inset: 0; pointer-events: none;\nbackground-image:\nlinear-gradient(rgba(255,255,255,0.04) 1px, transparent 1px),\nlinear-gradient(90deg, rgba(255,255,255,0.04) 1px, transparent 1px);\nbackground-size: 56px 56px;\nmask-image: radial-gradient(ellipse at center, #000 0%, transparent 75%);\n}\n.fmstr-cmp-ffc-cta__container { position: relative; max-width: 880px; margin: 0 auto; text-align: center; }\n.fmstr-cmp-ffc-cta__eyebrow {\ndisplay: inline-flex; align-items: center; gap: 8px; padding: 6px 14px; margin-bottom: 22px;\nborder-radius: 999px; background: rgba(255,255,255,0.08); border: 1px solid rgba(255,255,255,0.18);\nbackdrop-filter: blur(8px); font-size: 13px; font-weight: 600; color: rgba(255,255,255,0.95);\n}\n.fmstr-cmp-ffc-cta__eyebrow-dot { width: 8px; height: 8px; border-radius: 50%; background: #12b76a; box-shadow: 0 0 0 4px rgba(18,183,106,0.3); animation: pulseDot 2.2s infinite; }\n@keyframes pulseDot { 0%, 100% { box-shadow: 0 0 0 4px rgba(18,183,106,0.3); } 50% { box-shadow: 0 0 0 8px rgba(18,183,106,0.05); } }\n.fmstr-cmp-ffc-cta__h2 {\nmargin: 0 0 18px; font-size: clamp(32px, 4.4vw, 50px); line-height: 1.12; letter-spacing: -0.024em; font-weight: 700; color: var(--c-fg-on-dark);\n}\n.fmstr-cmp-ffc-cta__h2 strong { color: #c4b1ee; font-weight: 700; }\n.fmstr-cmp-ffc-cta__sub {\nmargin: 0 auto 36px; max-width: 720px; font-size: 17px; line-height: 1.6; color: var(--c-fg-on-dark-2);\n}\n.fmstr-cmp-ffc-cta__ctas { display: inline-flex; gap: 14px; flex-wrap: wrap; justify-content: center; align-items: center; }\n.fmstr-cmp-ffc-cta__primary {\ndisplay: inline-flex; align-items: center; gap: 8px; padding: 14px 26px; border-radius: 999px;\nbackground: #ffffff !important; color: #5b34b1 !important;\nfont-weight: 700; font-size: 15px; border: 1px solid #ffffff;\nbox-shadow: 0 8px 24px rgba(0,0,0,0.18);\n}\n.fmstr-cmp-ffc-cta__primary:hover { background: #f7f3ff !important; }\n.fmstr-cmp-ffc-cta__secondary {\ndisplay: inline-flex; align-items: center; gap: 6px; padding: 14px 22px; border-radius: 999px;\nbackground: rgba(255,255,255,0.08) !important; color: #ffffff !important;\nfont-weight: 600; font-size: 15px; border: 1px solid rgba(255,255,255,0.28); backdrop-filter: blur(6px);\n}\n.fmstr-cmp-ffc-cta__secondary:hover { background: rgba(255,255,255,0.14) !important; }\n.fmstr-cmp-ffc-cta__stats {\nmargin-top: 44px; padding-top: 32px; border-top: 1px solid rgba(255,255,255,0.12);\ndisplay: flex; gap: 24px; justify-content: center; flex-wrap: wrap;\n}\n.fmstr-cmp-ffc-cta__stat { display: flex; flex-direction: column; align-items: center; gap: 4px; }\n.fmstr-cmp-ffc-cta__stat-num { font-size: 22px; font-weight: 700; color: var(--c-fg-on-dark); }\n.fmstr-cmp-ffc-cta__stat-label { font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.06em; color: var(--c-fg-on-dark-3); }\n@media (max-width: 720px) {\n.fmstr-cmp-ffc-cta { padding: 64px 20px; }\n}\n\u003C/style>\n\u003Csection class=\"fmstr-cmp-ffc-cta\">\n\u003Cdiv class=\"fmstr-cmp-ffc-cta__grid\" aria-hidden=\"true\">\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffc-cta__container\">\n\u003Cspan class=\"fmstr-cmp-ffc-cta__eyebrow\">\u003Cspan class=\"fmstr-cmp-ffc-cta__eyebrow-dot\">\u003C/span>FREE FOREVER. NO CREDIT CARD.\u003C/span>\n\u003Ch2 class=\"fmstr-cmp-ffc-cta__h2\">Start building. The free plan is \u003Cstrong>the product\u003C/strong>, not a teaser.\u003C/h2>\n\u003Cp class=\"fmstr-cmp-ffc-cta__sub\">100 responses a month. 10 active forms. AI generator, payments, and file uploads included. Sign up takes 20 seconds.\u003C/p>\n\u003Cdiv class=\"fmstr-cmp-ffc-cta__ctas\">\n\u003Ca href=\"https://app.formester.com/users/sign_up\" class=\"fmstr-cmp-ffc-cta__primary\">Create a free form, no credit card\n\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\u003Cpath d=\"M3 8h10M9 4l4 4-4 4\"/>\u003C/svg>\n\u003C/a>\n\u003Ca href=\"https://formester.com/templates/\" class=\"fmstr-cmp-ffc-cta__secondary\">Browse the template gallery\u003C/a>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffc-cta__stats\">\n\u003Cdiv class=\"fmstr-cmp-ffc-cta__stat\">\u003Cspan class=\"fmstr-cmp-ffc-cta__stat-num\">100\u003C/span>\u003Cspan class=\"fmstr-cmp-ffc-cta__stat-label\">Responses / mo free\u003C/span>\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffc-cta__stat\">\u003Cspan class=\"fmstr-cmp-ffc-cta__stat-num\">10\u003C/span>\u003Cspan class=\"fmstr-cmp-ffc-cta__stat-label\">Active forms\u003C/span>\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffc-cta__stat\">\u003Cspan class=\"fmstr-cmp-ffc-cta__stat-num\">100MB\u003C/span>\u003Cspan class=\"fmstr-cmp-ffc-cta__stat-label\">File uploads\u003C/span>\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffc-cta__stat\">\u003Cspan class=\"fmstr-cmp-ffc-cta__stat-num\">30+\u003C/span>\u003Cspan class=\"fmstr-cmp-ffc-cta__stat-label\">Field types\u003C/span>\u003C/div>\n\u003C/div>\n\u003C/div>\n\u003C/section>\n",{"id":196,"__component":168,"markup":197,"useContainer":170},769,"\u003Cstyle>\n.fmstr-cmp-ffc-faq {\n--c-bg: #ffffff; --c-soft: #f9fafb; --c-tint: #f7f3ff; --c-edge: #e4d7ff;\n--c-fg-1: #101828; --c-fg-2: #475467; --c-fg-3: #697586;\n--c-violet-100: #ede4ff; --c-violet-500: #7f56d9; --c-violet-700: #5b34b1;\n--c-border: #eaecf0;\nbackground: #ffffff; padding: 88px 24px; font-family: inherit; overflow-x: hidden; color: var(--c-fg-1);\n}\n.fmstr-cmp-ffc-faq *, .fmstr-cmp-ffc-faq *::before, .fmstr-cmp-ffc-faq *::after { box-sizing: border-box; }\n.fmstr-cmp-ffc-faq > *, .fmstr-cmp-ffc-faq > * > * { min-width: 0; }\n.fmstr-cmp-ffc-faq__container { max-width: 880px; margin: 0 auto; }\n.fmstr-cmp-ffc-faq__header { text-align: center; margin-bottom: 48px; }\n.fmstr-cmp-ffc-faq__eyebrow {\ndisplay: inline-block; padding: 4px 12px; border-radius: 999px; background: var(--c-violet-100); color: var(--c-violet-700);\nfont-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 14px;\n}\n.fmstr-cmp-ffc-faq__h2 { margin: 0 0 14px; font-size: clamp(28px, 3.5vw, 40px); line-height: 1.15; letter-spacing: -0.02em; font-weight: 700; }\n.fmstr-cmp-ffc-faq__sub { margin: 0; font-size: 17px; line-height: 1.6; color: var(--c-fg-2); }\n.fmstr-cmp-ffc-faq__list { display: flex; flex-direction: column; gap: 12px; }\n.fmstr-cmp-ffc-faq__item {\nbackground: #fff; border: 1px solid var(--c-border); border-radius: 14px; padding: 0; overflow: hidden;\ntransition: border-color .2s ease;\n}\n.fmstr-cmp-ffc-faq__item:hover { border-color: var(--c-edge); }\n.fmstr-cmp-ffc-faq__item[open] { border-color: var(--c-edge); background: #fff; }\n.fmstr-cmp-ffc-faq__summary {\nlist-style: none; display: flex; justify-content: space-between; align-items: center; gap: 20px;\npadding: 22px 26px; cursor: pointer; font-size: 16px; font-weight: 600; color: var(--c-fg-1);\n}\n.fmstr-cmp-ffc-faq__summary::-webkit-details-marker { display: none; }\n.fmstr-cmp-ffc-faq__chev {\nflex-shrink: 0; width: 28px; height: 28px; border-radius: 50%; background: var(--c-tint); color: var(--c-violet-700);\ndisplay: inline-flex; align-items: center; justify-content: center;\ntransition: transform .25s ease;\n}\n.fmstr-cmp-ffc-faq__item[open] .fmstr-cmp-ffc-faq__chev { transform: rotate(180deg); }\n.fmstr-cmp-ffc-faq__answer { padding: 0 26px 22px; font-size: 15px; line-height: 1.65; color: var(--c-fg-2); }\n.fmstr-cmp-ffc-faq__answer strong { color: var(--c-fg-1); font-weight: 600; }\n@media (max-width: 560px) {\n.fmstr-cmp-ffc-faq { padding: 56px 18px; }\n.fmstr-cmp-ffc-faq__summary { padding: 18px 20px; font-size: 15.5px; }\n.fmstr-cmp-ffc-faq__answer { padding: 0 20px 18px; }\n}\n\u003C/style>\n\u003Csection class=\"fmstr-cmp-ffc-faq\">\n\u003Cdiv class=\"fmstr-cmp-ffc-faq__container\">\n\u003Cdiv class=\"fmstr-cmp-ffc-faq__header\">\n\u003Cspan class=\"fmstr-cmp-ffc-faq__eyebrow\">Common questions\u003C/span>\n\u003Ch2 class=\"fmstr-cmp-ffc-faq__h2\">Free form creator FAQs\u003C/h2>\n\u003Cp class=\"fmstr-cmp-ffc-faq__sub\">Honest answers about caps, limits, branding, and what's actually included on the free plan.\u003C/p>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffc-faq__list\">\n\u003Cdetails class=\"fmstr-cmp-ffc-faq__item\">\n\u003Csummary class=\"fmstr-cmp-ffc-faq__summary\">Is it really free, forever?\u003Cspan class=\"fmstr-cmp-ffc-faq__chev\">\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpath d=\"M4 6l4 4 4-4\"/>\u003C/svg>\u003C/span>\u003C/summary>\n\u003Cdiv class=\"fmstr-cmp-ffc-faq__answer\">Yes. The free plan does not expire and does not require a credit card. You can run 10 active forms and collect 100 responses per month indefinitely. You only pay when you choose to upgrade for more responses, branding removal, or conditional logic.\u003C/div>\n\u003C/details>\n\u003Cdetails class=\"fmstr-cmp-ffc-faq__item\">\n\u003Csummary class=\"fmstr-cmp-ffc-faq__summary\">How many submissions can I collect on the free plan?\u003Cspan class=\"fmstr-cmp-ffc-faq__chev\">\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpath d=\"M4 6l4 4 4-4\"/>\u003C/svg>\u003C/span>\u003C/summary>\n\u003Cdiv class=\"fmstr-cmp-ffc-faq__answer\">100 responses per month, across all your forms combined. If you hit the cap mid-month, new submissions pause until the counter resets on the first of the next month. Existing responses stay in your dashboard either way.\u003C/div>\n\u003C/details>\n\u003Cdetails class=\"fmstr-cmp-ffc-faq__item\">\n\u003Csummary class=\"fmstr-cmp-ffc-faq__summary\">Will I see Powered by Formester on my forms?\u003Cspan class=\"fmstr-cmp-ffc-faq__chev\">\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpath d=\"M4 6l4 4 4-4\"/>\u003C/svg>\u003C/span>\u003C/summary>\n\u003Cdiv class=\"fmstr-cmp-ffc-faq__answer\">Yes. The free plan shows the Formester logo in the form footer. It's not aggressive (no popups, no upsell banners to respondents), but it is visible. Branding removal is included on the Personal plan at $12 per month.\u003C/div>\n\u003C/details>\n\u003Cdetails class=\"fmstr-cmp-ffc-faq__item\">\n\u003Csummary class=\"fmstr-cmp-ffc-faq__summary\">Can I accept payments on the free plan?\u003Cspan class=\"fmstr-cmp-ffc-faq__chev\">\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpath d=\"M4 6l4 4 4-4\"/>\u003C/svg>\u003C/span>\u003C/summary>\n\u003Cdiv class=\"fmstr-cmp-ffc-faq__answer\">Yes. Stripe and PayPal connect natively, and the payment field works on every plan including free. Formester does not charge a transaction fee. You pay only the standard Stripe or PayPal processing rate.\u003C/div>\n\u003C/details>\n\u003Cdetails class=\"fmstr-cmp-ffc-faq__item\">\n\u003Csummary class=\"fmstr-cmp-ffc-faq__summary\">How do I export my responses?\u003Cspan class=\"fmstr-cmp-ffc-faq__chev\">\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpath d=\"M4 6l4 4 4-4\"/>\u003C/svg>\u003C/span>\u003C/summary>\n\u003Cdiv class=\"fmstr-cmp-ffc-faq__answer\">One-click CSV export of all responses from the Submissions tab, available on every plan including free. You can also auto-push every new response to a Google Sheet, Slack channel, or HubSpot record. PDF export of individual responses is on the Business plan.\u003C/div>\n\u003C/details>\n\u003Cdetails class=\"fmstr-cmp-ffc-faq__item\">\n\u003Csummary class=\"fmstr-cmp-ffc-faq__summary\">Can I embed the form on my own website?\u003Cspan class=\"fmstr-cmp-ffc-faq__chev\">\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpath d=\"M4 6l4 4 4-4\"/>\u003C/svg>\u003C/span>\u003C/summary>\n\u003Cdiv class=\"fmstr-cmp-ffc-faq__answer\">Yes. Six embed modes: inline, popup, sidebar, side tab, popover, and fullscreen. Copy a snippet from the Share menu and paste into your site. Native plugins exist for Shopify, WordPress, Webflow, Wix, and Canva.\u003C/div>\n\u003C/details>\n\u003Cdetails class=\"fmstr-cmp-ffc-faq__item\">\n\u003Csummary class=\"fmstr-cmp-ffc-faq__summary\">What happens if I exceed the free limits?\u003Cspan class=\"fmstr-cmp-ffc-faq__chev\">\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpath d=\"M4 6l4 4 4-4\"/>\u003C/svg>\u003C/span>\u003C/summary>\n\u003Cdiv class=\"fmstr-cmp-ffc-faq__answer\">Form collection pauses at 100 responses until the next monthly reset. Your forms stay live, your existing data stays in the dashboard, and respondents see a polite submissions paused message. To collect more, upgrade to Personal ($12/month) for 1,000 monthly responses, or wait for the reset.\u003C/div>\n\u003C/details>\n\u003Cdetails class=\"fmstr-cmp-ffc-faq__item\">\n\u003Csummary class=\"fmstr-cmp-ffc-faq__summary\">Do I need a credit card to sign up?\u003Cspan class=\"fmstr-cmp-ffc-faq__chev\">\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 16 16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpath d=\"M4 6l4 4 4-4\"/>\u003C/svg>\u003C/span>\u003C/summary>\n\u003Cdiv class=\"fmstr-cmp-ffc-faq__answer\">No. The free plan does not ask for a credit card at any point. You sign up with email or Google, build forms, collect responses, and pay nothing. A card is only requested if you choose to upgrade.\u003C/div>\n\u003C/details>\n\u003C/div>\n\u003C/div>\n\u003C/section>\n",{"id":199,"__component":168,"markup":200,"useContainer":170},770,"\u003Cstyle>\n.fmstr-cmp-ffc-rel a { text-decoration: none !important; }\n.fmstr-cmp-ffc-rel {\n--c-bg: #ffffff; --c-soft: #f9fafb; --c-tint: #f7f3ff; --c-edge: #e4d7ff;\n--c-fg-1: #101828; --c-fg-2: #475467; --c-fg-3: #697586;\n--c-violet-100: #ede4ff; --c-violet-500: #7f56d9; --c-violet-700: #5b34b1;\n--c-border: #eaecf0;\nbackground: var(--c-soft); padding: 88px 24px; font-family: inherit; overflow-x: hidden; color: var(--c-fg-1);\nborder-top: 1px solid var(--c-border);\n}\n.fmstr-cmp-ffc-rel *, .fmstr-cmp-ffc-rel *::before, .fmstr-cmp-ffc-rel *::after { box-sizing: border-box; }\n.fmstr-cmp-ffc-rel > *, .fmstr-cmp-ffc-rel > * > * { min-width: 0; }\n.fmstr-cmp-ffc-rel__container { max-width: 1180px; margin: 0 auto; }\n.fmstr-cmp-ffc-rel__header { max-width: 720px; margin: 0 auto 40px; text-align: center; }\n.fmstr-cmp-ffc-rel__eyebrow { display: inline-block; padding: 4px 12px; border-radius: 999px; background: var(--c-violet-100); color: var(--c-violet-700); font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 14px; }\n.fmstr-cmp-ffc-rel__h2 { margin: 0 0 12px; font-size: clamp(26px, 3.2vw, 36px); line-height: 1.18; letter-spacing: -0.02em; font-weight: 700; }\n.fmstr-cmp-ffc-rel__sub { margin: 0; font-size: 16px; line-height: 1.6; color: var(--c-fg-2); }\n.fmstr-cmp-ffc-rel__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }\n.fmstr-cmp-ffc-rel__card {\ndisplay: flex; gap: 14px; padding: 18px 20px; background: #fff; border: 1px solid var(--c-border); border-radius: 12px;\ncolor: inherit !important; transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;\n}\n.fmstr-cmp-ffc-rel__card:hover { border-color: var(--c-edge); transform: translateY(-1px); box-shadow: 0 4px 12px rgba(16,24,40,.05); }\n.fmstr-cmp-ffc-rel__icon {\nflex-shrink: 0; width: 36px; height: 36px; border-radius: 10px;\nbackground: linear-gradient(135deg, var(--c-violet-500), var(--c-violet-700)); color: #fff;\ndisplay: inline-flex; align-items: center; justify-content: center;\n}\n.fmstr-cmp-ffc-rel__icon svg { width: 18px; height: 18px; }\n.fmstr-cmp-ffc-rel__body { display: flex; flex-direction: column; gap: 4px; min-width: 0; }\n.fmstr-cmp-ffc-rel__title { margin: 0; font-size: 15px; font-weight: 700; color: var(--c-fg-1); }\n.fmstr-cmp-ffc-rel__copy { margin: 0; font-size: 14px; line-height: 1.5; color: var(--c-fg-2); -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; }\n@media (max-width: 720px) {\n.fmstr-cmp-ffc-rel { padding: 56px 18px; }\n.fmstr-cmp-ffc-rel__grid { grid-template-columns: 1fr; }\n}\n\u003C/style>\n\u003Csection class=\"fmstr-cmp-ffc-rel\">\n\u003Cdiv class=\"fmstr-cmp-ffc-rel__container\">\n\u003Cdiv class=\"fmstr-cmp-ffc-rel__header\">\n\u003Cspan class=\"fmstr-cmp-ffc-rel__eyebrow\">Keep building\u003C/span>\n\u003Ch2 class=\"fmstr-cmp-ffc-rel__h2\">Keep building with Formester\u003C/h2>\n\u003Cp class=\"fmstr-cmp-ffc-rel__sub\">Every tool below works on the free plan. Pick the one that matches your next form.\u003C/p>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-ffc-rel__grid\">\n\u003Ca href=\"https://formester.com/ai-form-generator/\" class=\"fmstr-cmp-ffc-rel__card\">\n\u003Cspan class=\"fmstr-cmp-ffc-rel__icon\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpath d=\"M12 2l2.6 5.3 5.9.9-4.3 4.2 1 5.8L12 15.5 6.8 18.2l1-5.8L3.5 8.2l5.9-.9z\"/>\u003C/svg>\u003C/span>\n\u003Cdiv class=\"fmstr-cmp-ffc-rel__body\">\u003Ch3 class=\"fmstr-cmp-ffc-rel__title\">AI form generator\u003C/h3>\u003Cp class=\"fmstr-cmp-ffc-rel__copy\">Generate any form from a prompt, PDF, URL, or image.\u003C/p>\u003C/div>\n\u003C/a>\n\u003Ca href=\"https://formester.com/features/drag-and-drop-form-builder/\" class=\"fmstr-cmp-ffc-rel__card\">\n\u003Cspan class=\"fmstr-cmp-ffc-rel__icon\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Crect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"/>\u003Cpath d=\"M9 9h6M9 13h6M9 17h3\"/>\u003C/svg>\u003C/span>\n\u003Cdiv class=\"fmstr-cmp-ffc-rel__body\">\u003Ch3 class=\"fmstr-cmp-ffc-rel__title\">Drag-and-drop form builder\u003C/h3>\u003Cp class=\"fmstr-cmp-ffc-rel__copy\">The full drag-and-drop editor with every field type.\u003C/p>\u003C/div>\n\u003C/a>\n\u003Ca href=\"https://formester.com/ai-quiz-maker/\" class=\"fmstr-cmp-ffc-rel__card\">\n\u003Cspan class=\"fmstr-cmp-ffc-rel__icon\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Ccircle cx=\"12\" cy=\"12\" r=\"9\"/>\u003Cpath d=\"M9 9.5a3 3 0 1 1 5.2 2c-1.3 1-2.2 1.3-2.2 2.5M12 17h.01\"/>\u003C/svg>\u003C/span>\n\u003Cdiv class=\"fmstr-cmp-ffc-rel__body\">\u003Ch3 class=\"fmstr-cmp-ffc-rel__title\">AI quiz maker\u003C/h3>\u003Cp class=\"fmstr-cmp-ffc-rel__copy\">Scored quizzes with pass/fail and weighted answers.\u003C/p>\u003C/div>\n\u003C/a>\n\u003Ca href=\"https://formester.com/ai-survey-generator/\" class=\"fmstr-cmp-ffc-rel__card\">\n\u003Cspan class=\"fmstr-cmp-ffc-rel__icon\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpath d=\"M3 12h4l3-9 4 18 3-9h4\"/>\u003C/svg>\u003C/span>\n\u003Cdiv class=\"fmstr-cmp-ffc-rel__body\">\u003Ch3 class=\"fmstr-cmp-ffc-rel__title\">AI survey generator\u003C/h3>\u003Cp class=\"fmstr-cmp-ffc-rel__copy\">NPS, multi-page, and conditional surveys.\u003C/p>\u003C/div>\n\u003C/a>\n\u003Ca href=\"https://formester.com/templates/\" class=\"fmstr-cmp-ffc-rel__card\">\n\u003Cspan class=\"fmstr-cmp-ffc-rel__icon\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Crect x=\"3\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\"/>\u003Crect x=\"14\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\"/>\u003Crect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\"/>\u003Crect x=\"14\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\"/>\u003C/svg>\u003C/span>\n\u003Cdiv class=\"fmstr-cmp-ffc-rel__body\">\u003Ch3 class=\"fmstr-cmp-ffc-rel__title\">Form templates\u003C/h3>\u003Cp class=\"fmstr-cmp-ffc-rel__copy\">200+ free starting points across industries.\u003C/p>\u003C/div>\n\u003C/a>\n\u003Ca href=\"https://formester.com/pricing/\" class=\"fmstr-cmp-ffc-rel__card\">\n\u003Cspan class=\"fmstr-cmp-ffc-rel__icon\">\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpath d=\"M12 2v20M17 5H9.5a3.5 3.5 0 0 0 0 7H14a3.5 3.5 0 0 1 0 7H6\"/>\u003C/svg>\u003C/span>\n\u003Cdiv class=\"fmstr-cmp-ffc-rel__body\">\u003Ch3 class=\"fmstr-cmp-ffc-rel__title\">Pricing\u003C/h3>\u003Cp class=\"fmstr-cmp-ffc-rel__copy\">Compare Free, Personal ($12/mo), Business ($45/mo).\u003C/p>\u003C/div>\n\u003C/a>\n\u003C/div>\n\u003C/div>\n\u003C/section>\n",1781362403140]