[{"data":1,"prerenderedAt":188},["ShallowReactive",2],{"page-contact-form-generator":3},{"head":4,"jsonld":63,"components":143},{"title":5,"link":6,"meta":10},"Free Contact Form Generator, Build in 2 Minutes | Formester",[7],{"hid":8,"rel":8,"href":9},"canonical","https://formester.com/contact-form-generator/",[11,14,17,19,22,24,26,28,31,34,36,39,41,43,45,47,50,53,55],{"property":12,"content":13},"article:modified_time","2026-07-13T05:32:07.092Z",{"hid":15,"name":15,"content":16},"description","Free contact form generator with unlimited forms and responses, spam protection, and email routing. No credit card. Ships to any site in two minutes.",{"hid":18,"name":18,"content":5},"og:site_name",{"hid":20,"property":20,"content":21},"og:type","website",{"hid":23,"property":23,"content":9},"og:url",{"hid":25,"property":25,"content":5},"og:title",{"hid":27,"property":27,"content":16},"og:description",{"hid":29,"property":29,"content":30},"og:image","https://formester.com/formester-logo-meta-image.png",{"hid":32,"name":32,"content":33},"og:image:alt","Formester Logo",{"hid":35,"name":35,"content":9},"twitter:url",{"name":37,"content":38},"twitter:site","@_formester_",{"hid":40,"name":40,"content":5},"twitter:title",{"hid":42,"name":42,"content":16},"twitter:description",{"hid":44,"name":44,"content":30},"twitter:image",{"hid":46,"name":46,"content":33},"twitter:image:alt",{"hid":48,"name":48,"content":49},"twitter:card","summary_large_image",{"hid":51,"name":51,"content":52},"apple-mobile-web-app-title","Formester",{"hid":54,"name":54,"property":29,"content":30},"image",{"hid":56,"name":56,"content":57},"keywords",[58,59,60,61,62],"contact form generator","free contact form generator","online contact form maker","contact us form builder","contact form for website",[64],{"@graph":65,"@context":142},[66,73,82,92,118],{"@id":67,"url":68,"logo":69,"name":52,"@type":72},"https://formester.com/#organization","https://formester.com/",{"url":70,"@type":71},"https://formester.com/logo.png","ImageObject","Organization",{"@id":74,"url":9,"name":75,"@type":76,"headline":75,"isPartOf":77,"breadcrumb":78,"inLanguage":80,"description":16,"dateModified":81,"datePublished":81},"https://formester.com/contact-form-generator/#webpage","Free Contact Form Generator, Build in 2 Minutes","WebPage",{"@id":67},{"@id":79},"https://formester.com/contact-form-generator/#breadcrumb","en-US","2026-07-13",{"@id":79,"@type":83,"itemListElement":84},"BreadcrumbList",[85,89],{"item":68,"name":86,"@type":87,"position":88},"Home","ListItem",1,{"item":9,"name":90,"@type":87,"position":91},"Contact Form Generator",2,{"@id":93,"@type":94,"mainEntity":95},"https://formester.com/contact-form-generator/#faq","FAQPage",[96,102,106,110,114],{"name":97,"@type":98,"acceptedAnswer":99},"Is the contact form generator really free?","Question",{"text":100,"@type":101},"Yes. Unlimited forms and unlimited responses on the free plan. No trial that expires, no card required at signup, no cap on how many forms you build.","Answer",{"name":103,"@type":98,"acceptedAnswer":104},"Can I embed the form on WordPress, Webflow, or Framer?",{"text":105,"@type":101},"Yes, on all three. Copy the embed code from the publish menu and paste it into a Custom HTML block (WordPress), Embed element (Webflow), or Embed element (Framer).",{"name":107,"@type":98,"acceptedAnswer":108},"Where do submissions go by default?",{"text":109,"@type":101},"To the email address associated with your Formester account, unless you route them elsewhere. You can add Google Sheets, Slack, or any CRM integration in one click.",{"name":111,"@type":98,"acceptedAnswer":112},"Can I stop spam without adding reCAPTCHA?",{"text":113,"@type":101},"Yes. Honeypot field, rate limiting, keyword blocklist, and country blocking are all on by default and require no configuration.",{"name":115,"@type":98,"acceptedAnswer":116},"Can the form auto-respond to the person who submitted?",{"text":117,"@type":101},"Yes. Turn on Autoresponder Email in the notifications tab.",{"@id":119,"url":68,"name":52,"@type":120,"offers":121,"publisher":132,"description":133,"aggregateRating":134,"operatingSystem":140,"applicationCategory":141},"https://formester.com/#software","SoftwareApplication",[122,129],{"url":123,"name":124,"@type":125,"price":126,"availability":127,"priceCurrency":128},"https://formester.com/pricing/","Free","Offer","0","https://schema.org/InStock","USD",{"url":123,"name":130,"@type":125,"price":131,"availability":127,"priceCurrency":128},"Personal","13",{"@id":67},"Reliable online form builder with unlimited forms and responses on the free plan.",{"@type":135,"bestRating":136,"ratingCount":137,"ratingValue":138,"worstRating":139},"AggregateRating","5","11","4.7","1","Web","BusinessApplication","https://schema.org",[144,149,156,159,162,165,168,171,174,179,182,185],{"id":145,"__component":146,"markup":147,"useContainer":148},1075,"micro-components.raw-html","\u003Cstyle>\n.fmstr-cmp-cfg-hero a { text-decoration: none !important; }\n.fmstr-cmp-cfg-hero {\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-600: #6941c6; --c-violet-700: #5b34b1;\n--c-success: #12b76a; --c-border: #eaecf0;\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, var(--c-tint) 0%, #ffffff 60%);\npadding: 88px 24px 64px; font-family: inherit; overflow: hidden; color: var(--c-fg-1); position: relative;\n}\n.fmstr-cmp-cfg-hero *, .fmstr-cmp-cfg-hero *::before, .fmstr-cmp-cfg-hero *::after { box-sizing: border-box; }\n.fmstr-cmp-cfg-hero__container { max-width: 1000px; margin: 0 auto; text-align: center; }\n.fmstr-cmp-cfg-hero__badge {\ndisplay: inline-flex; align-items: center; gap: 8px;\npadding: 6px 14px; border-radius: 999px;\nbackground: #fff; border: 1px solid var(--c-edge);\ncolor: var(--c-violet-700); font-size: 11.5px; font-weight: 700;\nletter-spacing: 0.08em; text-transform: uppercase;\nmargin: 0 0 24px;\nbox-shadow: 0 1px 3px rgba(16,24,40,.05);\n}\n.fmstr-cmp-cfg-hero__badge::before {\ncontent: \"\"; width: 8px; height: 8px; border-radius: 50%;\nbackground: var(--c-success); box-shadow: 0 0 0 3px rgba(18,183,106,.18);\n}\n.fmstr-cmp-cfg-hero__h1 {\nmargin: 0 0 20px; font-size: clamp(36px, 5vw, 60px);\nline-height: 1.07; letter-spacing: -0.03em; font-weight: 700;\ncolor: var(--c-fg-1);\n}\n.fmstr-cmp-cfg-hero__h1-accent {\ncolor: var(--c-violet-600);\n}\n.fmstr-cmp-cfg-hero__sub {\nmargin: 0 auto 34px; max-width: 680px;\nfont-size: clamp(16px, 1.8vw, 19px); line-height: 1.6;\ncolor: var(--c-fg-2);\n}\n.fmstr-cmp-cfg-hero__ctas {\ndisplay: inline-flex; flex-wrap: wrap; gap: 12px; margin-bottom: 26px; justify-content: center;\n}\n.fmstr-cmp-cfg-hero__cta-primary {\ndisplay: inline-flex; align-items: center; gap: 8px;\npadding: 14px 26px; border-radius: 10px;\nbackground: var(--c-violet-500) !important; color: #fff !important;\nfont-weight: 600; font-size: 15.5px;\nborder: 1px solid var(--c-violet-500);\nbox-shadow: 0 6px 16px rgba(127,86,217,.25);\n}\n.fmstr-cmp-cfg-hero__cta-primary:hover { background: var(--c-violet-600) !important; }\n.fmstr-cmp-cfg-hero__cta-secondary {\ndisplay: inline-flex; align-items: center; gap: 8px;\npadding: 14px 22px; border-radius: 10px;\nbackground: #fff !important; color: var(--c-fg-1) !important;\nfont-weight: 600; font-size: 15.5px;\nborder: 1px solid var(--c-border);\n}\n.fmstr-cmp-cfg-hero__cta-secondary:hover { border-color: var(--c-violet-500); color: var(--c-violet-600) !important; }\n.fmstr-cmp-cfg-hero__footer {\ndisplay: flex; flex-wrap: wrap; gap: 16px 28px; font-size: 13px; color: var(--c-fg-3); justify-content: center;\n}\n.fmstr-cmp-cfg-hero__footer-item { display: inline-flex; align-items: center; gap: 6px; }\n.fmstr-cmp-cfg-hero__check { color: var(--c-success); flex-shrink: 0; }\n\n@media (max-width: 760px) {\n.fmstr-cmp-cfg-hero { padding: 72px 16px 56px; }\n.fmstr-cmp-cfg-hero__footer { flex-direction: column; align-items: center; gap: 10px; }\n}\n\u003C/style>\n\n\u003Csection class=\"fmstr-cmp-cfg-hero\">\n\u003Cdiv class=\"fmstr-cmp-cfg-hero__container\">\n\u003Cspan class=\"fmstr-cmp-cfg-hero__badge\">Free forever. No credit card.\u003C/span>\n\u003Ch1 class=\"fmstr-cmp-cfg-hero__h1\">The free \u003Cspan class=\"fmstr-cmp-cfg-hero__h1-accent\">contact form generator\u003C/span> that ships in two minutes\u003C/h1>\n\u003Cp class=\"fmstr-cmp-cfg-hero__sub\">Build a contact form, copy one line of embed code, paste it into any site. Unlimited responses on the free plan. Spam protection, autoresponder, and email routing included.\u003C/p>\n\u003Cdiv class=\"fmstr-cmp-cfg-hero__ctas\">\n\u003Ca class=\"fmstr-cmp-cfg-hero__cta-primary\" href=\"https://app.formester.com/users/sign_up\">Start free\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\u003Ca class=\"fmstr-cmp-cfg-hero__cta-secondary\" href=\"#3-ways\">See how it works\u003C/a>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-cfg-hero__footer\">\n\u003Cspan class=\"fmstr-cmp-cfg-hero__footer-item\">\u003Csvg class=\"fmstr-cmp-cfg-hero__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>Trusted by 56,000+ teams\u003C/span>\n\u003Cspan class=\"fmstr-cmp-cfg-hero__footer-item\">\u003Csvg class=\"fmstr-cmp-cfg-hero__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>Unlimited responses on free\u003C/span>\n\u003Cspan class=\"fmstr-cmp-cfg-hero__footer-item\">\u003Csvg class=\"fmstr-cmp-cfg-hero__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>Setup in 2 minutes\u003C/span>\n\u003C/div>\n\u003C/div>\n\u003C/section>\n",false,{"id":150,"__component":151,"label":152,"heading":153,"description":153,"showTrustBadges":148,"rawHtml":153,"title":154,"logos":155},667,"macro-components.trust-seals","Trusted by leading organisations",null,[],[],{"id":157,"__component":146,"markup":158,"useContainer":148},1076,"\u003Cdiv class=\"raw-html-embed\">\u003Cstyle>\n.fmstr-cmp-cfg-3ways a { text-decoration: none !important; }\n.fmstr-cmp-cfg-3ways {\n--c-card: #ffffff;\n--c-fg-1: #101828; --c-fg-2: #475467; --c-fg-3: #697586;\n--c-violet-500: #7f56d9; --c-violet-600: #6941c6;\n--c-tint: #f7f3ff; --c-edge: #e4d7ff;\n--c-border: #eaecf0;\n--c-shadow: 0 1px 3px rgba(16,24,40,.05);\nbackground: transparent;\npadding: 56px 24px;\nfont-family: inherit;\ncolor: var(--c-fg-1);\ntext-align: left !important;\noverflow-x: hidden;\n}\n.fmstr-cmp-cfg-3ways *, .fmstr-cmp-cfg-3ways *::before, .fmstr-cmp-cfg-3ways *::after { box-sizing: border-box; }\n.fmstr-cmp-cfg-3ways__container { max-width: 1180px; margin: 0 auto; padding: 0 24px; min-width: 0; }\n.fmstr-cmp-cfg-3ways__header { margin: 0 auto 40px; max-width: 760px; text-align: center; }\n.fmstr-cmp-cfg-3ways__eyebrow { font-size: 12px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: var(--c-violet-600); background: #f4ebff; display: inline-block; padding: 4px 12px; border-radius: 9999px; margin: 0 0 16px; }\n.fmstr-cmp-cfg-3ways__h2 { font-size: clamp(26px, 3vw, 36px); font-weight: 600; line-height: 1.15; letter-spacing: -0.02em; margin: 0 0 14px; color: var(--c-fg-1); }\n.fmstr-cmp-cfg-3ways__sub { color: var(--c-fg-2); font-size: 17px; line-height: 1.6; margin: 0; }\n.fmstr-cmp-cfg-3ways__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; min-width: 0; }\n.fmstr-cmp-cfg-3ways__card { min-width: 0; background: var(--c-card); border: 1px solid var(--c-border); border-radius: 16px; padding: 24px; box-shadow: var(--c-shadow); display: flex; flex-direction: column; gap: 14px; transition: border-color 0.15s ease, box-shadow 0.15s ease; }\n.fmstr-cmp-cfg-3ways__card:hover { border-color: #9777e0; box-shadow: 0 2px 4px 0 rgba(16,24,40,.06); }\n.fmstr-cmp-cfg-3ways__icon { width: 40px; height: 40px; border-radius: 8px; background: var(--c-tint); border: 1px solid var(--c-edge); display: grid; place-items: center; color: var(--c-violet-600); }\n.fmstr-cmp-cfg-3ways__icon svg { width: 22px; height: 22px; }\n.fmstr-cmp-cfg-3ways__title { font-size: 18px; font-weight: 600; line-height: 1.3; margin: 0; color: var(--c-fg-1); }\n.fmstr-cmp-cfg-3ways__body { color: var(--c-fg-2); font-size: 15px; line-height: 1.55; margin: 0; }\n.fmstr-cmp-cfg-3ways__example { background: var(--c-tint); border-left: 3px solid var(--c-violet-500); padding: 10px 14px; border-radius: 6px; font-size: 14px; line-height: 1.5; color: var(--c-fg-1); font-style: italic; }\n@media (max-width: 760px) {\n.fmstr-cmp-cfg-3ways { padding: 48px 16px; }\n.fmstr-cmp-cfg-3ways__grid { grid-template-columns: 1fr; gap: 14px; }\n.fmstr-cmp-cfg-3ways__h2 { font-size: 24px; }\n}\n\u003C/style>\n\n\u003Csection class=\"fmstr-cmp-cfg-3ways\" aria-labelledby=\"fmstr-cmp-cfg-3ways-h2\">\n\u003Cdiv class=\"fmstr-cmp-cfg-3ways__container\">\n\u003Cdiv class=\"fmstr-cmp-cfg-3ways__header\">\n\u003Cdiv class=\"fmstr-cmp-cfg-3ways__eyebrow\">How it works\u003C/div>\n\u003Ch2 class=\"fmstr-cmp-cfg-3ways__h2\" id=\"fmstr-cmp-cfg-3ways-h2\">Three ways to build your contact form\u003C/h2>\n\u003Cp class=\"fmstr-cmp-cfg-3ways__sub\">Pick whichever start point fits how you work. Every route ends in a form you can embed on any site.\u003C/p>\n\u003C/div>\n\n\u003Cdiv class=\"fmstr-cmp-cfg-3ways__grid\">\n\n\u003Cdiv class=\"fmstr-cmp-cfg-3ways__card\">\n\u003Cdiv class=\"fmstr-cmp-cfg-3ways__icon\" aria-hidden=\"true\">\n\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpath d=\"M3 7h18M3 12h18M3 17h12\"/>\u003C/svg>\n\u003C/div>\n\u003Ch3 class=\"fmstr-cmp-cfg-3ways__title\">Start from a template\u003C/h3>\n\u003Cp class=\"fmstr-cmp-cfg-3ways__body\">Drop a pre-built contact form template into the editor. Swap the fields, connect your email, and publish. Live in two minutes.\u003C/p>\n\u003Cp class=\"fmstr-cmp-cfg-3ways__example\">Best when the site is going live this week and you want to skip the design decisions.\u003C/p>\n\u003C/div>\n\n\u003Cdiv class=\"fmstr-cmp-cfg-3ways__card\">\n\u003Cdiv class=\"fmstr-cmp-cfg-3ways__icon\" aria-hidden=\"true\">\n\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpath d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"/>\u003Cpolyline points=\"14 2 14 8 20 8\"/>\u003Cline x1=\"9\" y1=\"13\" x2=\"15\" y2=\"13\"/>\u003Cline x1=\"9\" y1=\"17\" x2=\"15\" y2=\"17\"/>\u003C/svg>\n\u003C/div>\n\u003Ch3 class=\"fmstr-cmp-cfg-3ways__title\">Generate with AI\u003C/h3>\n\u003Cp class=\"fmstr-cmp-cfg-3ways__body\">Type what your contact form needs to collect. Our AI picks the right field types, wires the validation, and adds routing logic. Ships in 30 seconds.\u003C/p>\n\u003C/div>\n\n\u003Cdiv class=\"fmstr-cmp-cfg-3ways__card\">\n\u003Cdiv class=\"fmstr-cmp-cfg-3ways__icon\" aria-hidden=\"true\">\n\u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpath d=\"M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71\"/>\u003Cpath d=\"M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71\"/>\u003C/svg>\n\u003C/div>\n\u003Ch3 class=\"fmstr-cmp-cfg-3ways__title\">Build from scratch\u003C/h3>\n\u003Cp class=\"fmstr-cmp-cfg-3ways__body\">Drag fields onto a blank canvas. Full control over every field type, order, validation rule, and layout. For when the design has to be exact.\u003C/p>\n\u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003C/section>\u003C/div>\n",{"id":160,"__component":146,"markup":161,"useContainer":148},1077,"\u003Cstyle>\n  @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');\n\n  .fmstr-cmp-cfg-inputs {\n    --fmstr-cmp-cfg-inputs-bg-card: #ffffff;\n    --fmstr-cmp-cfg-inputs-bg-violet-25: #f7f3ff;\n    --fmstr-cmp-cfg-inputs-fg-1: #101828;\n    --fmstr-cmp-cfg-inputs-fg-2: #475467;\n    --fmstr-cmp-cfg-inputs-fg-3: #697586;\n    --fmstr-cmp-cfg-inputs-violet-600: #6941c6;\n    --fmstr-cmp-cfg-inputs-border-light: #eaecf0;\n    --fmstr-cmp-cfg-inputs-border-violet: #9777e0;\n    --fmstr-cmp-cfg-inputs-shadow-xs: 0 1px 2px 0 rgba(16, 24, 40, 0.05);\n    --fmstr-cmp-cfg-inputs-shadow-md: 0 2px 4px 0 rgba(16, 24, 40, 0.06);\n    --fmstr-cmp-cfg-inputs-fs-xs: 12px;\n    --fmstr-cmp-cfg-inputs-fs-sm: 14px;\n    --fmstr-cmp-cfg-inputs-fs-md: 16px;\n    --fmstr-cmp-cfg-inputs-fs-lg: 18px;\n    --fmstr-cmp-cfg-inputs-fs-2xl: 24px;\n    --fmstr-cmp-cfg-inputs-fs-3xl: 36px;\n    --fmstr-cmp-cfg-inputs-fw-semibold: 600;\n    --fmstr-cmp-cfg-inputs-fw-bold: 700;\n    --fmstr-cmp-cfg-inputs-lh-md: 24px;\n    --fmstr-cmp-cfg-inputs-lh-lg: 28px;\n    --fmstr-cmp-cfg-inputs-lh-2xl: 32px;\n    --fmstr-cmp-cfg-inputs-space-1: 4px;\n    --fmstr-cmp-cfg-inputs-space-2: 8px;\n    --fmstr-cmp-cfg-inputs-space-3: 12px;\n    --fmstr-cmp-cfg-inputs-space-4: 16px;\n    --fmstr-cmp-cfg-inputs-space-5: 20px;\n    --fmstr-cmp-cfg-inputs-space-6: 24px;\n    --fmstr-cmp-cfg-inputs-space-7: 28px;\n    --fmstr-cmp-cfg-inputs-space-8: 32px;\n    --fmstr-cmp-cfg-inputs-space-10: 40px;\n    --fmstr-cmp-cfg-inputs-space-12: 48px;\n    --fmstr-cmp-cfg-inputs-space-16: 64px;\n    --fmstr-cmp-cfg-inputs-r-md: 8px;\n    --fmstr-cmp-cfg-inputs-r-lg: 12px;\n    --fmstr-cmp-cfg-inputs-r-2xl: 16px;\n\n    padding: var(--fmstr-cmp-cfg-inputs-space-16) var(--fmstr-cmp-cfg-inputs-space-6);\n    font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;\n    color: var(--fmstr-cmp-cfg-inputs-fg-1);\n  }\n\n  .fmstr-cmp-cfg-inputs *, .fmstr-cmp-cfg-inputs *::before, .fmstr-cmp-cfg-inputs *::after { box-sizing: border-box; }\n\n  .fmstr-cmp-cfg-inputs__container { max-width: 1180px; margin: 0 auto; }\n\n  .fmstr-cmp-cfg-inputs__header {\n    max-width: 760px;\n    margin: 0 auto var(--fmstr-cmp-cfg-inputs-space-10);\n    text-align: center;\n  }\n\n  .fmstr-cmp-cfg-inputs__heading {\n    font-size: var(--fmstr-cmp-cfg-inputs-fs-3xl);\n    line-height: 44px;\n    font-weight: var(--fmstr-cmp-cfg-inputs-fw-bold);\n    letter-spacing: -0.02em;\n    color: var(--fmstr-cmp-cfg-inputs-fg-1);\n    margin: 0 0 var(--fmstr-cmp-cfg-inputs-space-3);\n  }\n\n  .fmstr-cmp-cfg-inputs__sub {\n    font-size: var(--fmstr-cmp-cfg-inputs-fs-md);\n    line-height: var(--fmstr-cmp-cfg-inputs-lh-md);\n    color: var(--fmstr-cmp-cfg-inputs-fg-3);\n    margin: 0;\n  }\n\n  .fmstr-cmp-cfg-inputs__grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    align-items: stretch;\n    gap: var(--fmstr-cmp-cfg-inputs-space-5);\n  }\n\n  .fmstr-cmp-cfg-inputs__card {\n    display: flex;\n    flex-direction: column;\n    gap: var(--fmstr-cmp-cfg-inputs-space-4);\n    padding: var(--fmstr-cmp-cfg-inputs-space-8);\n    background: var(--fmstr-cmp-cfg-inputs-bg-card);\n    border: 1px solid var(--fmstr-cmp-cfg-inputs-border-light);\n    border-radius: var(--fmstr-cmp-cfg-inputs-r-2xl);\n    box-shadow: var(--fmstr-cmp-cfg-inputs-shadow-xs);\n    transition: border-color 200ms ease, box-shadow 200ms ease, transform 200ms ease;\n  }\n  .fmstr-cmp-cfg-inputs__card:hover {\n    border-color: var(--fmstr-cmp-cfg-inputs-border-violet);\n    box-shadow: var(--fmstr-cmp-cfg-inputs-shadow-md);\n    transform: translateY(-2px);\n  }\n\n  .fmstr-cmp-cfg-inputs__icon {\n    width: 52px;\n    height: 52px;\n    border-radius: var(--fmstr-cmp-cfg-inputs-r-lg);\n    background: var(--fmstr-cmp-cfg-inputs-bg-violet-25);\n    color: var(--fmstr-cmp-cfg-inputs-violet-600);\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    margin-bottom: var(--fmstr-cmp-cfg-inputs-space-2);\n  }\n\n  .fmstr-cmp-cfg-inputs__title {\n    margin: 0;\n    font-size: var(--fmstr-cmp-cfg-inputs-fs-lg);\n    line-height: var(--fmstr-cmp-cfg-inputs-lh-lg);\n    font-weight: var(--fmstr-cmp-cfg-inputs-fw-bold);\n    color: var(--fmstr-cmp-cfg-inputs-fg-1);\n  }\n\n  .fmstr-cmp-cfg-inputs__body {\n    margin: 0;\n    font-size: var(--fmstr-cmp-cfg-inputs-fs-md);\n    line-height: var(--fmstr-cmp-cfg-inputs-lh-md);\n    color: var(--fmstr-cmp-cfg-inputs-fg-2);\n  }\n\n  @media (max-width: 1024px) {\n    .fmstr-cmp-cfg-inputs__grid { grid-template-columns: repeat(2, 1fr); }\n  }\n\n  @media (max-width: 760px) {\n    .fmstr-cmp-cfg-inputs { padding: var(--fmstr-cmp-cfg-inputs-space-12) var(--fmstr-cmp-cfg-inputs-space-4); }\n    .fmstr-cmp-cfg-inputs__heading { font-size: var(--fmstr-cmp-cfg-inputs-fs-2xl); line-height: var(--fmstr-cmp-cfg-inputs-lh-2xl); }\n    .fmstr-cmp-cfg-inputs__grid { grid-template-columns: 1fr; }\n    .fmstr-cmp-cfg-inputs__card { padding: var(--fmstr-cmp-cfg-inputs-space-6); }\n  }\n\u003C/style>\n\n\u003Csection class=\"fmstr-cmp-cfg-inputs\" aria-labelledby=\"fmstr-cmp-cfg-inputs-heading\">\n  \u003Cdiv class=\"fmstr-cmp-cfg-inputs__container\">\n\n    \u003Cheader class=\"fmstr-cmp-cfg-inputs__header\">\n      \u003Ch2 id=\"fmstr-cmp-cfg-inputs-heading\" class=\"fmstr-cmp-cfg-inputs__heading\">Every field type your contact form needs\u003C/h2>\n      \u003Cp class=\"fmstr-cmp-cfg-inputs__sub\">From short text to file upload to signature, every field ships on the free plan. Drag and drop to reorder, or add conditional logic to surface fields based on prior answers.\u003C/p>\n    \u003C/header>\n\n    \u003Cdiv class=\"fmstr-cmp-cfg-inputs__grid\">\n\n      \u003Carticle class=\"fmstr-cmp-cfg-inputs__card\">\n        \u003Cspan class=\"fmstr-cmp-cfg-inputs__icon\" aria-hidden=\"true\">\n          \u003Csvg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            \u003Cpath d=\"M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8z\"/>\n          \u003C/svg>\n        \u003C/span>\n        \u003Ch3 class=\"fmstr-cmp-cfg-inputs__title\">Text inputs\u003C/h3>\n\u003Cp class=\"fmstr-cmp-cfg-inputs__body\">Name, email, phone, message, URL, address. All validated in-line, all responsive. Email has domain-check, phone has country-code formatting.\u003C/p>\n      \u003C/article>\n\n      \u003Carticle class=\"fmstr-cmp-cfg-inputs__card\">\n        \u003Cspan class=\"fmstr-cmp-cfg-inputs__icon\" aria-hidden=\"true\">\n          \u003Csvg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            \u003Cpath d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"/>\n            \u003Cpath d=\"M14 2v6h6\"/>\n            \u003Cpath d=\"M9 13h6M9 17h4\"/>\n          \u003C/svg>\n        \u003C/span>\n        \u003Ch3 class=\"fmstr-cmp-cfg-inputs__title\">Choice inputs\u003C/h3>\n\u003Cp class=\"fmstr-cmp-cfg-inputs__body\">Dropdown, radio, checkbox, rating scale, matrix. Route submissions based on any choice: support to Slack, sales to CRM, feedback to Notion.\u003C/p>\n      \u003C/article>\n\n      \u003Carticle class=\"fmstr-cmp-cfg-inputs__card\">\n        \u003Cspan class=\"fmstr-cmp-cfg-inputs__icon\" aria-hidden=\"true\">\n          \u003Csvg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            \u003Cline x1=\"8\" y1=\"6\" x2=\"21\" y2=\"6\"/>\n            \u003Cline x1=\"8\" y1=\"12\" x2=\"21\" y2=\"12\"/>\n            \u003Cline x1=\"8\" y1=\"18\" x2=\"21\" y2=\"18\"/>\n            \u003Cline x1=\"3\" y1=\"6\" x2=\"3.01\" y2=\"6\"/>\n            \u003Cline x1=\"3\" y1=\"12\" x2=\"3.01\" y2=\"12\"/>\n            \u003Cline x1=\"3\" y1=\"18\" x2=\"3.01\" y2=\"18\"/>\n          \u003C/svg>\n        \u003C/span>\n        \u003Ch3 class=\"fmstr-cmp-cfg-inputs__title\">Rich inputs\u003C/h3>\n\u003Cp class=\"fmstr-cmp-cfg-inputs__body\">File upload with size and type limits, date + time picker, e-signature for consent-plus-contact, image upload with preview.\u003C/p>\n      \u003C/article>\n\n    \u003C/div>\n  \u003C/div>\n\u003C/section>\n",{"id":163,"__component":146,"markup":164,"useContainer":148},1078,"\u003Cstyle>\n  @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');\n\n  .fmstr-cmp-cfg-quality-control {\n    --fmstr-cmp-cfg-quality-control-bg-section: #0F0921;\n    --fmstr-cmp-cfg-quality-control-bg-glow: radial-gradient(ellipse 900px 600px at 95% 0%, rgba(127, 86, 217, 0.45) 0%, rgba(100, 52, 208, 0.15) 30%, transparent 65%);\n    --fmstr-cmp-cfg-quality-control-bg-card: rgba(255, 255, 255, 0.04);\n    --fmstr-cmp-cfg-quality-control-bg-card-glow: radial-gradient(ellipse 500px 400px at 90% 5%, rgba(127, 86, 217, 0.30) 0%, transparent 60%);\n    --fmstr-cmp-cfg-quality-control-bg-pill: rgba(255, 255, 255, 0.08);\n    --fmstr-cmp-cfg-quality-control-bg-row: rgba(255, 255, 255, 0.04);\n    --fmstr-cmp-cfg-quality-control-fg-eyebrow: #bda6ff;\n    --fmstr-cmp-cfg-quality-control-fg-row: rgba(255, 255, 255, 0.85);\n    --fmstr-cmp-cfg-quality-control-fg-row-tag: #bda6ff;\n    --fmstr-cmp-cfg-quality-control-fg-link: #d9c7ff;\n    --fmstr-cmp-cfg-quality-control-fg-link-hover: #ffffff;\n    --fmstr-cmp-cfg-quality-control-fs-xs: 12px;\n    --fmstr-cmp-cfg-quality-control-fs-sm: 14px;\n    --fmstr-cmp-cfg-quality-control-fs-md: 16px;\n    --fmstr-cmp-cfg-quality-control-fs-lg: 18px;\n    --fmstr-cmp-cfg-quality-control-fs-2xl: 24px;\n    --fmstr-cmp-cfg-quality-control-fs-3xl: 32px;\n    --fmstr-cmp-cfg-quality-control-fw-semibold: 600;\n    --fmstr-cmp-cfg-quality-control-fw-bold: 700;\n    --fmstr-cmp-cfg-quality-control-lh-md: 24px;\n    --fmstr-cmp-cfg-quality-control-lh-lg: 28px;\n    --fmstr-cmp-cfg-quality-control-lh-2xl: 32px;\n    --fmstr-cmp-cfg-quality-control-space-1: 4px;\n    --fmstr-cmp-cfg-quality-control-space-2: 8px;\n    --fmstr-cmp-cfg-quality-control-space-3: 12px;\n    --fmstr-cmp-cfg-quality-control-space-4: 16px;\n    --fmstr-cmp-cfg-quality-control-space-5: 20px;\n    --fmstr-cmp-cfg-quality-control-space-6: 24px;\n    --fmstr-cmp-cfg-quality-control-space-7: 28px;\n    --fmstr-cmp-cfg-quality-control-space-8: 32px;\n    --fmstr-cmp-cfg-quality-control-space-12: 48px;\n    --fmstr-cmp-cfg-quality-control-r-md: 8px;\n    --fmstr-cmp-cfg-quality-control-r-2xl: 16px;\n    --fmstr-cmp-cfg-quality-control-r-full: 9999px;\n\n    background: transparent;\n    padding: var(--fmstr-cmp-cfg-quality-control-space-12) var(--fmstr-cmp-cfg-quality-control-space-6);\n    font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;\n  }\n\n  .fmstr-cmp-cfg-quality-control *, .fmstr-cmp-cfg-quality-control *::before, .fmstr-cmp-cfg-quality-control *::after { box-sizing: border-box; }\n\n  .fmstr-cmp-cfg-quality-control__container {\n    position: relative;\n    max-width: 1180px;\n    margin: 0 auto;\n    background-color: var(--fmstr-cmp-cfg-quality-control-bg-section);\n    background-image: var(--fmstr-cmp-cfg-quality-control-bg-glow);\n    border-radius: 28px;\n    padding: var(--fmstr-cmp-cfg-quality-control-space-12);\n    overflow: hidden;\n  }\n\n  .fmstr-cmp-cfg-quality-control__inner {\n    display: grid;\n    grid-template-columns: 1.05fr 0.95fr;\n    gap: var(--fmstr-cmp-cfg-quality-control-space-12);\n    align-items: center;\n  }\n\n  .fmstr-cmp-cfg-quality-control__eyebrow {\n    display: inline-block;\n    padding: var(--fmstr-cmp-cfg-quality-control-space-2) var(--fmstr-cmp-cfg-quality-control-space-4);\n    background: var(--fmstr-cmp-cfg-quality-control-bg-pill);\n    color: var(--fmstr-cmp-cfg-quality-control-fg-eyebrow);\n    border: 1px solid rgba(255, 255, 255, 0.10);\n    border-radius: var(--fmstr-cmp-cfg-quality-control-r-full);\n    font-size: var(--fmstr-cmp-cfg-quality-control-fs-xs);\n    font-weight: var(--fmstr-cmp-cfg-quality-control-fw-bold);\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    margin-bottom: var(--fmstr-cmp-cfg-quality-control-space-5);\n  }\n\n  .fmstr-cmp-cfg-quality-control__heading {\n    font-size: var(--fmstr-cmp-cfg-quality-control-fs-3xl);\n    line-height: 40px;\n    font-weight: var(--fmstr-cmp-cfg-quality-control-fw-bold);\n    letter-spacing: -0.02em;\n    color: #ffffff;\n    margin: 0 0 var(--fmstr-cmp-cfg-quality-control-space-6);\n  }\n\n  .fmstr-cmp-cfg-quality-control__body p {\n    font-size: var(--fmstr-cmp-cfg-quality-control-fs-md);\n    line-height: var(--fmstr-cmp-cfg-quality-control-lh-md);\n    color: rgba(255, 255, 255, 0.78);\n    margin: 0 0 var(--fmstr-cmp-cfg-quality-control-space-4);\n  }\n  .fmstr-cmp-cfg-quality-control__body p:last-child { margin-bottom: 0; }\n\n  .fmstr-cmp-cfg-quality-control__card {\n    background-color: var(--fmstr-cmp-cfg-quality-control-bg-card);\n    background-image: var(--fmstr-cmp-cfg-quality-control-bg-card-glow);\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    border-radius: var(--fmstr-cmp-cfg-quality-control-r-2xl);\n    padding: var(--fmstr-cmp-cfg-quality-control-space-7);\n    backdrop-filter: blur(8px);\n  }\n\n  .fmstr-cmp-cfg-quality-control__pill {\n    display: inline-block;\n    padding: var(--fmstr-cmp-cfg-quality-control-space-2) var(--fmstr-cmp-cfg-quality-control-space-4);\n    background: var(--fmstr-cmp-cfg-quality-control-bg-pill);\n    color: var(--fmstr-cmp-cfg-quality-control-fg-eyebrow);\n    border: 1px solid rgba(255, 255, 255, 0.10);\n    border-radius: var(--fmstr-cmp-cfg-quality-control-r-full);\n    font-size: var(--fmstr-cmp-cfg-quality-control-fs-xs);\n    font-weight: var(--fmstr-cmp-cfg-quality-control-fw-bold);\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    margin-bottom: var(--fmstr-cmp-cfg-quality-control-space-5);\n  }\n\n  .fmstr-cmp-cfg-quality-control__card-title {\n    font-size: var(--fmstr-cmp-cfg-quality-control-fs-lg);\n    line-height: var(--fmstr-cmp-cfg-quality-control-lh-lg);\n    font-weight: var(--fmstr-cmp-cfg-quality-control-fw-bold);\n    color: #ffffff;\n    margin: 0 0 var(--fmstr-cmp-cfg-quality-control-space-5);\n  }\n\n  .fmstr-cmp-cfg-quality-control__list {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n    display: flex;\n    flex-direction: column;\n    gap: var(--fmstr-cmp-cfg-quality-control-space-2);\n  }\n\n  .fmstr-cmp-cfg-quality-control__item {\n    display: flex;\n    align-items: flex-start;\n    gap: var(--fmstr-cmp-cfg-quality-control-space-3);\n    padding: var(--fmstr-cmp-cfg-quality-control-space-3) var(--fmstr-cmp-cfg-quality-control-space-4);\n    background: var(--fmstr-cmp-cfg-quality-control-bg-row);\n    border: 1px solid rgba(255, 255, 255, 0.06);\n    border-radius: var(--fmstr-cmp-cfg-quality-control-r-md);\n  }\n\n  .fmstr-cmp-cfg-quality-control__check {\n    flex-shrink: 0;\n    width: 20px;\n    height: 20px;\n    color: var(--fmstr-cmp-cfg-quality-control-fg-row-tag);\n    margin-top: 2px;\n  }\n\n  .fmstr-cmp-cfg-quality-control__item-text {\n    font-size: var(--fmstr-cmp-cfg-quality-control-fs-sm);\n    line-height: 22px;\n    color: var(--fmstr-cmp-cfg-quality-control-fg-row);\n  }\n  .fmstr-cmp-cfg-quality-control__item-text strong {\n    color: #ffffff;\n    font-weight: var(--fmstr-cmp-cfg-quality-control-fw-bold);\n  }\n\n  @media (max-width: 760px) {\n    .fmstr-cmp-cfg-quality-control { padding: var(--fmstr-cmp-cfg-quality-control-space-8) var(--fmstr-cmp-cfg-quality-control-space-4); }\n    .fmstr-cmp-cfg-quality-control__container { padding: var(--fmstr-cmp-cfg-quality-control-space-7); border-radius: 20px; }\n    .fmstr-cmp-cfg-quality-control__inner { grid-template-columns: 1fr; gap: var(--fmstr-cmp-cfg-quality-control-space-8); }\n    .fmstr-cmp-cfg-quality-control__heading { font-size: var(--fmstr-cmp-cfg-quality-control-fs-2xl); line-height: var(--fmstr-cmp-cfg-quality-control-lh-2xl); }\n    .fmstr-cmp-cfg-quality-control__card { padding: var(--fmstr-cmp-cfg-quality-control-space-6); }\n  }\n\u003C/style>\n\n\u003Csection class=\"fmstr-cmp-cfg-quality-control\" aria-labelledby=\"fmstr-cmp-cfg-quality-control-heading\">\n  \u003Cdiv class=\"fmstr-cmp-cfg-quality-control__container\">\n    \u003Cdiv class=\"fmstr-cmp-cfg-quality-control__inner\">\n\n      \u003Cdiv class=\"fmstr-cmp-cfg-quality-control__text\">\n        \u003Cspan class=\"fmstr-cmp-cfg-quality-control__eyebrow\">Quality control\u003C/span>\n        \u003Ch2 id=\"fmstr-cmp-cfg-quality-control-heading\" class=\"fmstr-cmp-cfg-quality-control__heading\">Spam protection and validation baked in, not bolted on.\u003C/h2>\n        \u003Cdiv class=\"fmstr-cmp-cfg-quality-control__body\">\n          \u003Cp>When the AI drafts a form, it picks the right field type for each question. \"What's your email?\" gets email validation. \"How would you rate us?\" gets a 1 to 5 rating scale. \"Pick the closest match\" gets multiple choice. \"When can we follow up?\" gets a date picker. These are the small calls a form designer normally makes manually for every field.\u003C/p>\n          \u003Cp>Every draft lands in the Formester editor, never as a frozen output. Change a field type, add validation, make a question conditional, group related fields, or rewrite the labels. The AI handles the obvious 80%; the editor is where the last 20% gets human judgment.\u003C/p>\n        \u003C/div>\n      \u003C/div>\n\n      \u003Caside class=\"fmstr-cmp-cfg-quality-control__card\">\n        \u003Cspan class=\"fmstr-cmp-cfg-quality-control__pill\">What the AI handles automatically\u003C/span>\n        \u003Ch3 class=\"fmstr-cmp-cfg-quality-control__card-title\">Five layers of protection, on by default.\u003C/h3>\n        \u003Cul class=\"fmstr-cmp-cfg-quality-control__list\">\n          \u003Cli class=\"fmstr-cmp-cfg-quality-control__item\">\n            \u003Csvg class=\"fmstr-cmp-cfg-quality-control__check\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\u003Cpolyline points=\"20 6 9 17 4 12\"/>\u003C/svg>\n            \u003Cspan class=\"fmstr-cmp-cfg-quality-control__item-text\">\u003Cstrong>Email validation\u003C/strong> on every email field, before the response gets to your inbox.\u003C/span>\n          \u003C/li>\n          \u003Cli class=\"fmstr-cmp-cfg-quality-control__item\">\n            \u003Csvg class=\"fmstr-cmp-cfg-quality-control__check\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\u003Cpolyline points=\"20 6 9 17 4 12\"/>\u003C/svg>\n            \u003Cspan class=\"fmstr-cmp-cfg-quality-control__item-text\">\u003Cstrong>Phone formatting\u003C/strong> with country codes, no respondent guessing the right format.\u003C/span>\n          \u003C/li>\n          \u003Cli class=\"fmstr-cmp-cfg-quality-control__item\">\n            \u003Csvg class=\"fmstr-cmp-cfg-quality-control__check\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\u003Cpolyline points=\"20 6 9 17 4 12\"/>\u003C/svg>\n            \u003Cspan class=\"fmstr-cmp-cfg-quality-control__item-text\">\u003Cstrong>Date pickers\u003C/strong> for date questions, instead of a free-text field that returns \"next Tuesday.\"\u003C/span>\n          \u003C/li>\n          \u003Cli class=\"fmstr-cmp-cfg-quality-control__item\">\n            \u003Csvg class=\"fmstr-cmp-cfg-quality-control__check\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\u003Cpolyline points=\"20 6 9 17 4 12\"/>\u003C/svg>\n            \u003Cspan class=\"fmstr-cmp-cfg-quality-control__item-text\">\u003Cstrong>Required flags\u003C/strong> set on the questions a form genuinely needs answered, optional on the rest.\u003C/span>\n          \u003C/li>\n          \u003Cli class=\"fmstr-cmp-cfg-quality-control__item\">\n            \u003Csvg class=\"fmstr-cmp-cfg-quality-control__check\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\u003Cpolyline points=\"20 6 9 17 4 12\"/>\u003C/svg>\n            \u003Cspan class=\"fmstr-cmp-cfg-quality-control__item-text\">\u003Cstrong>Field grouping\u003C/strong> so contact info sits together, scoring questions sit together, open-ended sits at the end.\u003C/span>\n          \u003C/li>\n        \u003C/ul>\n      \u003C/aside>\n\n    \u003C/div>\n  \u003C/div>\n\u003C/section>\n",{"id":166,"__component":146,"markup":167,"useContainer":148},1079,"\u003Cstyle>\n  @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');\n\n  .fmstr-cmp-cfg-who-uses {\n    --fmstr-cmp-cfg-who-uses-bg-card: #ffffff;\n    --fmstr-cmp-cfg-who-uses-bg-violet-25: #f7f3ff;\n    --fmstr-cmp-cfg-who-uses-fg-1: #101828;\n    --fmstr-cmp-cfg-who-uses-fg-2: #475467;\n    --fmstr-cmp-cfg-who-uses-fg-3: #697586;\n    --fmstr-cmp-cfg-who-uses-violet-600: #6941c6;\n    --fmstr-cmp-cfg-who-uses-violet-700: #53389e;\n    --fmstr-cmp-cfg-who-uses-border-light: #eaecf0;\n    --fmstr-cmp-cfg-who-uses-border-violet: #9777e0;\n    --fmstr-cmp-cfg-who-uses-shadow-xs: 0 1px 2px 0 rgba(16, 24, 40, 0.05);\n    --fmstr-cmp-cfg-who-uses-shadow-md: 0 2px 4px 0 rgba(16, 24, 40, 0.06);\n    --fmstr-cmp-cfg-who-uses-fs-xs: 12px;\n    --fmstr-cmp-cfg-who-uses-fs-sm: 14px;\n    --fmstr-cmp-cfg-who-uses-fs-md: 16px;\n    --fmstr-cmp-cfg-who-uses-fs-lg: 18px;\n    --fmstr-cmp-cfg-who-uses-fs-2xl: 24px;\n    --fmstr-cmp-cfg-who-uses-fs-3xl: 36px;\n    --fmstr-cmp-cfg-who-uses-fw-semibold: 600;\n    --fmstr-cmp-cfg-who-uses-fw-bold: 700;\n    --fmstr-cmp-cfg-who-uses-lh-md: 24px;\n    --fmstr-cmp-cfg-who-uses-lh-lg: 28px;\n    --fmstr-cmp-cfg-who-uses-lh-2xl: 32px;\n    --fmstr-cmp-cfg-who-uses-space-1: 4px;\n    --fmstr-cmp-cfg-who-uses-space-2: 8px;\n    --fmstr-cmp-cfg-who-uses-space-3: 12px;\n    --fmstr-cmp-cfg-who-uses-space-4: 16px;\n    --fmstr-cmp-cfg-who-uses-space-5: 20px;\n    --fmstr-cmp-cfg-who-uses-space-6: 24px;\n    --fmstr-cmp-cfg-who-uses-space-7: 28px;\n    --fmstr-cmp-cfg-who-uses-space-8: 32px;\n    --fmstr-cmp-cfg-who-uses-space-10: 40px;\n    --fmstr-cmp-cfg-who-uses-space-12: 48px;\n    --fmstr-cmp-cfg-who-uses-space-16: 64px;\n    --fmstr-cmp-cfg-who-uses-r-md: 8px;\n    --fmstr-cmp-cfg-who-uses-r-lg: 12px;\n    --fmstr-cmp-cfg-who-uses-r-2xl: 16px;\n\n    padding: var(--fmstr-cmp-cfg-who-uses-space-16) var(--fmstr-cmp-cfg-who-uses-space-6);\n    font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;\n    color: var(--fmstr-cmp-cfg-who-uses-fg-1);\n  }\n\n  .fmstr-cmp-cfg-who-uses *, .fmstr-cmp-cfg-who-uses *::before, .fmstr-cmp-cfg-who-uses *::after { box-sizing: border-box; }\n\n  .fmstr-cmp-cfg-who-uses__container { max-width: 1180px; margin: 0 auto; }\n\n  .fmstr-cmp-cfg-who-uses__header {\n    max-width: 760px;\n    margin: 0 auto var(--fmstr-cmp-cfg-who-uses-space-10);\n    text-align: center;\n  }\n\n  .fmstr-cmp-cfg-who-uses__heading {\n    font-size: var(--fmstr-cmp-cfg-who-uses-fs-3xl);\n    line-height: 44px;\n    font-weight: var(--fmstr-cmp-cfg-who-uses-fw-bold);\n    letter-spacing: -0.02em;\n    color: var(--fmstr-cmp-cfg-who-uses-fg-1);\n    margin: 0 0 var(--fmstr-cmp-cfg-who-uses-space-3);\n  }\n\n  .fmstr-cmp-cfg-who-uses__sub {\n    font-size: var(--fmstr-cmp-cfg-who-uses-fs-md);\n    line-height: var(--fmstr-cmp-cfg-who-uses-lh-md);\n    color: var(--fmstr-cmp-cfg-who-uses-fg-3);\n    margin: 0;\n  }\n\n  .fmstr-cmp-cfg-who-uses__grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    align-items: stretch;\n    gap: var(--fmstr-cmp-cfg-who-uses-space-5);\n  }\n\n  .fmstr-cmp-cfg-who-uses__card {\n    display: flex;\n    flex-direction: column;\n    gap: var(--fmstr-cmp-cfg-who-uses-space-4);\n    padding: var(--fmstr-cmp-cfg-who-uses-space-7);\n    background: var(--fmstr-cmp-cfg-who-uses-bg-card);\n    border: 1px solid var(--fmstr-cmp-cfg-who-uses-border-light);\n    border-radius: var(--fmstr-cmp-cfg-who-uses-r-2xl);\n    box-shadow: var(--fmstr-cmp-cfg-who-uses-shadow-xs);\n    transition: border-color 200ms ease, box-shadow 200ms ease, transform 200ms ease;\n  }\n  .fmstr-cmp-cfg-who-uses__card:hover {\n    border-color: var(--fmstr-cmp-cfg-who-uses-border-violet);\n    box-shadow: var(--fmstr-cmp-cfg-who-uses-shadow-md);\n    transform: translateY(-2px);\n  }\n\n  .fmstr-cmp-cfg-who-uses__icon {\n    width: 44px;\n    height: 44px;\n    border-radius: var(--fmstr-cmp-cfg-who-uses-r-md);\n    background: var(--fmstr-cmp-cfg-who-uses-bg-violet-25);\n    color: var(--fmstr-cmp-cfg-who-uses-violet-600);\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n  }\n\n  .fmstr-cmp-cfg-who-uses__title {\n    margin: 0;\n    font-size: var(--fmstr-cmp-cfg-who-uses-fs-lg);\n    line-height: var(--fmstr-cmp-cfg-who-uses-lh-lg);\n    font-weight: var(--fmstr-cmp-cfg-who-uses-fw-bold);\n    color: var(--fmstr-cmp-cfg-who-uses-fg-1);\n  }\n\n  .fmstr-cmp-cfg-who-uses__body {\n    margin: 0;\n    font-size: var(--fmstr-cmp-cfg-who-uses-fs-sm);\n    line-height: 22px;\n    color: var(--fmstr-cmp-cfg-who-uses-fg-2);\n  }\n\n  .fmstr-cmp-cfg-who-uses__divider {\n    margin-top: auto;\n    border: none;\n    border-top: 1px solid var(--fmstr-cmp-cfg-who-uses-border-light);\n  }\n\n  .fmstr-cmp-cfg-who-uses__cta {\n    color: var(--fmstr-cmp-cfg-who-uses-violet-600);\n    font-size: var(--fmstr-cmp-cfg-who-uses-fs-sm);\n    font-weight: var(--fmstr-cmp-cfg-who-uses-fw-bold);\n    text-decoration: none;\n    display: inline-flex;\n    align-items: center;\n    gap: var(--fmstr-cmp-cfg-who-uses-space-1);\n    transition: color 150ms ease;\n  }\n  .fmstr-cmp-cfg-who-uses__cta:hover {\n    color: var(--fmstr-cmp-cfg-who-uses-violet-700);\n    text-decoration: underline;\n  }\n\n  @media (max-width: 1024px) {\n    .fmstr-cmp-cfg-who-uses__grid { grid-template-columns: repeat(2, 1fr); }\n  }\n\n  @media (max-width: 760px) {\n    .fmstr-cmp-cfg-who-uses { padding: var(--fmstr-cmp-cfg-who-uses-space-12) var(--fmstr-cmp-cfg-who-uses-space-4); }\n    .fmstr-cmp-cfg-who-uses__heading { font-size: var(--fmstr-cmp-cfg-who-uses-fs-2xl); line-height: var(--fmstr-cmp-cfg-who-uses-lh-2xl); }\n    .fmstr-cmp-cfg-who-uses__grid { grid-template-columns: 1fr; }\n    .fmstr-cmp-cfg-who-uses__card { padding: var(--fmstr-cmp-cfg-who-uses-space-6); }\n  }\n\u003C/style>\n\n\u003Csection class=\"fmstr-cmp-cfg-who-uses\" aria-labelledby=\"fmstr-cmp-cfg-who-uses-heading\">\n  \u003Cdiv class=\"fmstr-cmp-cfg-who-uses__container\">\n\n    \u003Cheader class=\"fmstr-cmp-cfg-who-uses__header\">\n      \u003Ch2 id=\"fmstr-cmp-cfg-who-uses-heading\" class=\"fmstr-cmp-cfg-who-uses__heading\">Who uses our contact form generator\u003C/h2>\n      \u003Cp class=\"fmstr-cmp-cfg-who-uses__sub\">Teams turning prompts into live forms every week\u003C/p>\n    \u003C/header>\n\n    \u003Cdiv class=\"fmstr-cmp-cfg-who-uses__grid\">\n\n      \u003Carticle class=\"fmstr-cmp-cfg-who-uses__card\">\n        \u003Cspan class=\"fmstr-cmp-cfg-who-uses__icon\" aria-hidden=\"true\">\n          \u003Csvg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            \u003Cpath d=\"M3 11v2a1 1 0 0 0 1 1h3l5 4V6L7 10H4a1 1 0 0 0-1 1z\"/>\n            \u003Cpath d=\"M16 8a4 4 0 0 1 0 8\"/>\n            \u003Cpath d=\"M19 5a8 8 0 0 1 0 14\"/>\n          \u003C/svg>\n        \u003C/span>\n        \u003Ch3 class=\"fmstr-cmp-cfg-who-uses__title\">Small business owners\u003C/h3>\n        \u003Cp class=\"fmstr-cmp-cfg-who-uses__body\">Ideal for lead capture, event registration, and customer feedback. Build a campaign-specific form in the time it takes to write the brief.\u003C/p>\n      \u003C/article>\n\n      \u003Carticle class=\"fmstr-cmp-cfg-who-uses__card\">\n        \u003Cspan class=\"fmstr-cmp-cfg-who-uses__icon\" aria-hidden=\"true\">\n          \u003Csvg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            \u003Cpath d=\"M16 21v-2a4 4 0 0 0-4-4H7a4 4 0 0 0-4 4v2\"/>\n            \u003Ccircle cx=\"9.5\" cy=\"7\" r=\"3.5\"/>\n            \u003Cpath d=\"M22 21v-2a4 4 0 0 0-3-3.87\"/>\n            \u003Cpath d=\"M16 3.13a4 4 0 0 1 0 7.75\"/>\n          \u003C/svg>\n        \u003C/span>\n        \u003Ch3 class=\"fmstr-cmp-cfg-who-uses__title\">Agencies\u003C/h3>\n        \u003Cp class=\"fmstr-cmp-cfg-who-uses__body\">Ideal for job applications, onboarding surveys, and 360° feedback forms.\u003C/p>\n      \u003C/article>\n\n      \u003Carticle class=\"fmstr-cmp-cfg-who-uses__card\">\n        \u003Cspan class=\"fmstr-cmp-cfg-who-uses__icon\" aria-hidden=\"true\">\n          \u003Csvg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            \u003Cpath d=\"M22 10 12 5 2 10l10 5 10-5z\"/>\n            \u003Cpath d=\"M6 12v5c3 2 9 2 12 0v-5\"/>\n            \u003Cpath d=\"M22 10v6\"/>\n          \u003C/svg>\n        \u003C/span>\n        \u003Ch3 class=\"fmstr-cmp-cfg-who-uses__title\">Freelancers\u003C/h3>\n        \u003Cp class=\"fmstr-cmp-cfg-who-uses__body\">Ideal for quizzes, assignments, and student feedback surveys. Auto-generate assessments aligned to your curriculum in seconds with our AI Quiz Maker.\u003C/p>\n        \u003Chr class=\"fmstr-cmp-cfg-who-uses__divider\" />\n        \u003Ca class=\"fmstr-cmp-cfg-who-uses__cta\" href=\"https://formester.com/ai-quiz-maker/\">Generate Quizzes in Seconds →\u003C/a>\n      \u003C/article>\n\n      \u003Carticle class=\"fmstr-cmp-cfg-who-uses__card\">\n        \u003Cspan class=\"fmstr-cmp-cfg-who-uses__icon\" aria-hidden=\"true\">\n          \u003Csvg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            \u003Ccircle cx=\"6\" cy=\"6\" r=\"3\"/>\n            \u003Ccircle cx=\"18\" cy=\"6\" r=\"3\"/>\n            \u003Ccircle cx=\"12\" cy=\"18\" r=\"3\"/>\n            \u003Cpath d=\"M8.5 8 11 16M15.5 8 13 16\"/>\n          \u003C/svg>\n        \u003C/span>\n        \u003Ch3 class=\"fmstr-cmp-cfg-who-uses__title\">Support teams\u003C/h3>\n        \u003Cp class=\"fmstr-cmp-cfg-who-uses__body\">Ideal for training needs assessments, skill-gap diagnostics, and post-session feedback. Turn a syllabus into a pre-assessment in one prompt.\u003C/p>\n      \u003C/article>\n\n      \u003Carticle class=\"fmstr-cmp-cfg-who-uses__card\">\n        \u003Cspan class=\"fmstr-cmp-cfg-who-uses__icon\" aria-hidden=\"true\">\n          \u003Csvg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            \u003Cpath d=\"M9 11a4 4 0 1 0-3-7\"/>\n            \u003Cpath d=\"M5 21v-4a4 4 0 0 1 4-4h2\"/>\n            \u003Cpath d=\"M16 11a4 4 0 1 1 3-7\"/>\n            \u003Cpath d=\"M19 21v-4a4 4 0 0 0-4-4h-2\"/>\n            \u003Ccircle cx=\"12\" cy=\"14\" r=\"1\"/>\n          \u003C/svg>\n        \u003C/span>\n        \u003Ch3 class=\"fmstr-cmp-cfg-who-uses__title\">Marketing teams\u003C/h3>\n        \u003Cp class=\"fmstr-cmp-cfg-who-uses__body\">Ideal for customer interviews, product feedback, and churn surveys. See how other founders use AI to analyze customer feedback faster.\u003C/p>\n        \u003Chr class=\"fmstr-cmp-cfg-who-uses__divider\" />\n        \u003Ca class=\"fmstr-cmp-cfg-who-uses__cta\" href=\"https://formester.com/ai-survey-generator/\">Analyze Customer Feedback →\u003C/a>\n      \u003C/article>\n\n      \u003Carticle class=\"fmstr-cmp-cfg-who-uses__card\">\n        \u003Cspan class=\"fmstr-cmp-cfg-who-uses__icon\" aria-hidden=\"true\">\n          \u003Csvg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            \u003Ccircle cx=\"11\" cy=\"11\" r=\"7\"/>\n            \u003Cpath d=\"M21 21l-4.3-4.3\"/>\n            \u003Cpath d=\"M11 8v6M8 11h6\"/>\n          \u003C/svg>\n        \u003C/span>\n        \u003Ch3 class=\"fmstr-cmp-cfg-who-uses__title\">Researchers\u003C/h3>\n        \u003Cp class=\"fmstr-cmp-cfg-who-uses__body\">Ideal for survey instruments, consent forms, and participant screening. Pair it with our AI Survey Generator for research-grade question design.\u003C/p>\n        \u003Chr class=\"fmstr-cmp-cfg-who-uses__divider\" />\n        \u003Ca class=\"fmstr-cmp-cfg-who-uses__cta\" href=\"https://formester.com/ai-survey-generator/\">Generate Surveys with AI in Seconds →\u003C/a>\n      \u003C/article>\n\n      \u003Carticle class=\"fmstr-cmp-cfg-who-uses__card\">\n        \u003Cspan class=\"fmstr-cmp-cfg-who-uses__icon\" aria-hidden=\"true\">\n          \u003Csvg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            \u003Crect x=\"3\" y=\"5\" width=\"18\" height=\"16\" rx=\"2\"/>\n            \u003Cpath d=\"M3 9h18\"/>\n            \u003Cpath d=\"M8 3v4M16 3v4\"/>\n            \u003Cpath d=\"M8 14h2M8 17h6\"/>\n          \u003C/svg>\n        \u003C/span>\n        \u003Ch3 class=\"fmstr-cmp-cfg-who-uses__title\">Event organizers\u003C/h3>\n        \u003Cp class=\"fmstr-cmp-cfg-who-uses__body\">Ideal for event registration, speaker submissions, and post-event feedback.\u003C/p>\n      \u003C/article>\n\n      \u003Carticle class=\"fmstr-cmp-cfg-who-uses__card\">\n        \u003Cspan class=\"fmstr-cmp-cfg-who-uses__icon\" aria-hidden=\"true\">\n          \u003Csvg width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            \u003Cpath d=\"M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z\"/>\n          \u003C/svg>\n        \u003C/span>\n        \u003Ch3 class=\"fmstr-cmp-cfg-who-uses__title\">Nonprofits\u003C/h3>\n        \u003Cp class=\"fmstr-cmp-cfg-who-uses__body\">Ideal for volunteer signups, donor intake, and grant applications. Generate compliance-ready forms from a funding-requirement PDF in seconds.\u003C/p>\n      \u003C/article>\n\n    \u003C/div>\n  \u003C/div>\n\u003C/section>\n",{"id":169,"__component":146,"markup":170,"useContainer":148},1080,"\u003Cstyle>\n  @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');\n\n  .fmstr-cmp-cfg-api-mcp {\n    --fmstr-cmp-cfg-api-mcp-bg-card: #ffffff;\n    --fmstr-cmp-cfg-api-mcp-bg-tint: #f7f3ff;\n    --fmstr-cmp-cfg-api-mcp-bg-pill: #f4ebff;\n    --fmstr-cmp-cfg-api-mcp-bg-chip: #f2f4f7;\n    --fmstr-cmp-cfg-api-mcp-fg-1: #101828;\n    --fmstr-cmp-cfg-api-mcp-fg-2: #475467;\n    --fmstr-cmp-cfg-api-mcp-fg-strong: #344054;\n    --fmstr-cmp-cfg-api-mcp-violet-500: #7f56d9;\n    --fmstr-cmp-cfg-api-mcp-violet-600: #6941c6;\n    --fmstr-cmp-cfg-api-mcp-violet-300: #9777e0;\n    --fmstr-cmp-cfg-api-mcp-border: #eaecf0;\n    --fmstr-cmp-cfg-api-mcp-fs-xs: 12px;\n    --fmstr-cmp-cfg-api-mcp-fs-sm: 14px;\n    --fmstr-cmp-cfg-api-mcp-fs-md: 16px;\n    --fmstr-cmp-cfg-api-mcp-fs-lg: 18px;\n    --fmstr-cmp-cfg-api-mcp-fs-xl: 20px;\n    --fmstr-cmp-cfg-api-mcp-fs-2xl: 24px;\n    --fmstr-cmp-cfg-api-mcp-fs-3xl: 36px;\n    --fmstr-cmp-cfg-api-mcp-lh-md: 24px;\n    --fmstr-cmp-cfg-api-mcp-lh-lg: 28px;\n    --fmstr-cmp-cfg-api-mcp-lh-xl: 30px;\n    --fmstr-cmp-cfg-api-mcp-fw-semibold: 600;\n    --fmstr-cmp-cfg-api-mcp-fw-bold: 700;\n    --fmstr-cmp-cfg-api-mcp-space-2: 8px;\n    --fmstr-cmp-cfg-api-mcp-space-3: 12px;\n    --fmstr-cmp-cfg-api-mcp-space-4: 16px;\n    --fmstr-cmp-cfg-api-mcp-space-5: 20px;\n    --fmstr-cmp-cfg-api-mcp-space-6: 24px;\n    --fmstr-cmp-cfg-api-mcp-space-7: 28px;\n    --fmstr-cmp-cfg-api-mcp-space-8: 32px;\n    --fmstr-cmp-cfg-api-mcp-space-10: 40px;\n    --fmstr-cmp-cfg-api-mcp-space-12: 48px;\n    --fmstr-cmp-cfg-api-mcp-space-16: 64px;\n    --fmstr-cmp-cfg-api-mcp-r-md: 6px;\n    --fmstr-cmp-cfg-api-mcp-r-lg: 12px;\n    --fmstr-cmp-cfg-api-mcp-r-2xl: 16px;\n    --fmstr-cmp-cfg-api-mcp-r-full: 9999px;\n    --fmstr-cmp-cfg-api-mcp-shadow-md: 0 2px 4px 0 rgba(16, 24, 40, 0.06);\n\n    padding: var(--fmstr-cmp-cfg-api-mcp-space-16) var(--fmstr-cmp-cfg-api-mcp-space-6);\n    font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;\n  }\n\n  .fmstr-cmp-cfg-api-mcp *, .fmstr-cmp-cfg-api-mcp *::before, .fmstr-cmp-cfg-api-mcp *::after { box-sizing: border-box; }\n\n  .fmstr-cmp-cfg-api-mcp__container { max-width: 1180px; margin: 0 auto; }\n\n  .fmstr-cmp-cfg-api-mcp__header {\n    margin: 0 auto var(--fmstr-cmp-cfg-api-mcp-space-10);\n    max-width: 760px;\n    text-align: center;\n  }\n\n  .fmstr-cmp-cfg-api-mcp__eyebrow {\n    display: inline-block;\n    padding: var(--fmstr-cmp-cfg-api-mcp-space-2) var(--fmstr-cmp-cfg-api-mcp-space-4);\n    background: var(--fmstr-cmp-cfg-api-mcp-bg-pill);\n    color: var(--fmstr-cmp-cfg-api-mcp-violet-600);\n    border-radius: var(--fmstr-cmp-cfg-api-mcp-r-full);\n    font-size: var(--fmstr-cmp-cfg-api-mcp-fs-xs);\n    font-weight: var(--fmstr-cmp-cfg-api-mcp-fw-bold);\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    margin-bottom: var(--fmstr-cmp-cfg-api-mcp-space-4);\n  }\n\n  .fmstr-cmp-cfg-api-mcp__title {\n    font-size: var(--fmstr-cmp-cfg-api-mcp-fs-3xl);\n    line-height: 44px;\n    font-weight: var(--fmstr-cmp-cfg-api-mcp-fw-bold);\n    letter-spacing: -0.02em;\n    color: var(--fmstr-cmp-cfg-api-mcp-fg-1);\n    margin: 0 0 var(--fmstr-cmp-cfg-api-mcp-space-3);\n  }\n\n  .fmstr-cmp-cfg-api-mcp__intro {\n    font-size: var(--fmstr-cmp-cfg-api-mcp-fs-lg);\n    line-height: var(--fmstr-cmp-cfg-api-mcp-lh-lg);\n    color: var(--fmstr-cmp-cfg-api-mcp-fg-2);\n    margin: 0;\n  }\n\n  .fmstr-cmp-cfg-api-mcp__grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: var(--fmstr-cmp-cfg-api-mcp-space-5);\n    align-items: stretch;\n  }\n\n  .fmstr-cmp-cfg-api-mcp__card {\n    background: var(--fmstr-cmp-cfg-api-mcp-bg-card);\n    border: 1px solid var(--fmstr-cmp-cfg-api-mcp-border);\n    border-radius: var(--fmstr-cmp-cfg-api-mcp-r-2xl);\n    padding: var(--fmstr-cmp-cfg-api-mcp-space-8);\n    display: flex;\n    flex-direction: column;\n    transition: border-color 150ms ease, box-shadow 150ms ease;\n  }\n  .fmstr-cmp-cfg-api-mcp__card:hover {\n    border-color: var(--fmstr-cmp-cfg-api-mcp-violet-300);\n    box-shadow: var(--fmstr-cmp-cfg-api-mcp-shadow-md);\n  }\n\n  .fmstr-cmp-cfg-api-mcp__icon {\n    width: 52px;\n    height: 52px;\n    border-radius: var(--fmstr-cmp-cfg-api-mcp-r-lg);\n    background: var(--fmstr-cmp-cfg-api-mcp-bg-tint);\n    color: var(--fmstr-cmp-cfg-api-mcp-violet-600);\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: var(--fmstr-cmp-cfg-api-mcp-space-5);\n    flex-shrink: 0;\n  }\n\n  .fmstr-cmp-cfg-api-mcp__badge {\n    display: inline-block;\n    padding: 4px 10px;\n    background: var(--fmstr-cmp-cfg-api-mcp-violet-500);\n    color: #ffffff;\n    border-radius: var(--fmstr-cmp-cfg-api-mcp-r-md);\n    font-size: var(--fmstr-cmp-cfg-api-mcp-fs-xs);\n    font-weight: var(--fmstr-cmp-cfg-api-mcp-fw-bold);\n    letter-spacing: 0.06em;\n    text-transform: uppercase;\n    margin-bottom: var(--fmstr-cmp-cfg-api-mcp-space-3);\n    align-self: flex-start;\n  }\n  .fmstr-cmp-cfg-api-mcp__badge--alt {\n    background: var(--fmstr-cmp-cfg-api-mcp-bg-tint);\n    color: var(--fmstr-cmp-cfg-api-mcp-violet-600);\n  }\n\n  .fmstr-cmp-cfg-api-mcp__card-title {\n    font-size: var(--fmstr-cmp-cfg-api-mcp-fs-xl);\n    line-height: var(--fmstr-cmp-cfg-api-mcp-lh-xl);\n    font-weight: var(--fmstr-cmp-cfg-api-mcp-fw-semibold);\n    letter-spacing: -0.01em;\n    color: var(--fmstr-cmp-cfg-api-mcp-fg-1);\n    margin: 0 0 var(--fmstr-cmp-cfg-api-mcp-space-4);\n  }\n\n  .fmstr-cmp-cfg-api-mcp__chips {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--fmstr-cmp-cfg-api-mcp-space-2);\n    margin-bottom: var(--fmstr-cmp-cfg-api-mcp-space-4);\n  }\n\n  .fmstr-cmp-cfg-api-mcp__chip {\n    display: inline-block;\n    padding: 4px 10px;\n    background: var(--fmstr-cmp-cfg-api-mcp-bg-chip);\n    color: var(--fmstr-cmp-cfg-api-mcp-fg-strong);\n    border-radius: var(--fmstr-cmp-cfg-api-mcp-r-md);\n    font-size: var(--fmstr-cmp-cfg-api-mcp-fs-sm);\n    font-weight: var(--fmstr-cmp-cfg-api-mcp-fw-semibold);\n    line-height: 20px;\n  }\n\n  .fmstr-cmp-cfg-api-mcp__body {\n    font-size: var(--fmstr-cmp-cfg-api-mcp-fs-md);\n    line-height: var(--fmstr-cmp-cfg-api-mcp-lh-md);\n    color: var(--fmstr-cmp-cfg-api-mcp-fg-2);\n    margin: 0 0 var(--fmstr-cmp-cfg-api-mcp-space-5);\n    flex: 1 1 auto;\n  }\n\n  .fmstr-cmp-cfg-api-mcp__cta {\n    color: var(--fmstr-cmp-cfg-api-mcp-violet-600);\n    font-weight: var(--fmstr-cmp-cfg-api-mcp-fw-semibold);\n    font-size: var(--fmstr-cmp-cfg-api-mcp-fs-sm);\n    text-decoration: none;\n    align-self: flex-start;\n  }\n  .fmstr-cmp-cfg-api-mcp__cta:hover { text-decoration: underline; }\n\n  @media (max-width: 760px) {\n    .fmstr-cmp-cfg-api-mcp { padding: var(--fmstr-cmp-cfg-api-mcp-space-12) var(--fmstr-cmp-cfg-api-mcp-space-4); }\n    .fmstr-cmp-cfg-api-mcp__title { font-size: var(--fmstr-cmp-cfg-api-mcp-fs-2xl); line-height: 32px; }\n    .fmstr-cmp-cfg-api-mcp__intro { font-size: var(--fmstr-cmp-cfg-api-mcp-fs-md); line-height: var(--fmstr-cmp-cfg-api-mcp-lh-md); }\n    .fmstr-cmp-cfg-api-mcp__grid { grid-template-columns: 1fr; }\n    .fmstr-cmp-cfg-api-mcp__card { padding: var(--fmstr-cmp-cfg-api-mcp-space-6); }\n  }\n\u003C/style>\n\n\u003Csection class=\"fmstr-cmp-cfg-api-mcp\" aria-labelledby=\"fmstr-cmp-cfg-api-mcp-title\">\n  \u003Cdiv class=\"fmstr-cmp-cfg-api-mcp__container\">\n\n    \u003Cheader class=\"fmstr-cmp-cfg-api-mcp__header\">\n      \u003Cspan class=\"fmstr-cmp-cfg-api-mcp__eyebrow\">For developers\u003C/span>\n      \u003Ch2 id=\"fmstr-cmp-cfg-api-mcp-title\" class=\"fmstr-cmp-cfg-api-mcp__title\">Your submissions, ready for the CRM you already use.\u003C/h2>\n      \u003Cp class=\"fmstr-cmp-cfg-api-mcp__intro\">Every Formester form ships with a REST API and an MCP server, so submissions don't stop at a CSV. Pipe leads into your agent. Stream applications into your hiring copilot. Nobody else on this list ships MCP.\u003C/p>\n    \u003C/header>\n\n    \u003Cdiv class=\"fmstr-cmp-cfg-api-mcp__grid\">\n\n      \u003Carticle class=\"fmstr-cmp-cfg-api-mcp__card\">\n        \u003Cspan class=\"fmstr-cmp-cfg-api-mcp__icon\" aria-hidden=\"true\">\n          \u003Csvg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            \u003Ccircle cx=\"6\" cy=\"6\" r=\"2.5\"/>\n            \u003Ccircle cx=\"18\" cy=\"6\" r=\"2.5\"/>\n            \u003Ccircle cx=\"12\" cy=\"18\" r=\"2.5\"/>\n            \u003Cpath d=\"M8 7l3 9M16 7l-3 9\"/>\n          \u003C/svg>\n        \u003C/span>\n        \u003Cspan class=\"fmstr-cmp-cfg-api-mcp__badge\">MCP server\u003C/span>\n        \u003Ch3 class=\"fmstr-cmp-cfg-api-mcp__card-title\">Plug Formester into Claude, ChatGPT, or any MCP-compatible model.\u003C/h3>\n        \u003Cdiv class=\"fmstr-cmp-cfg-api-mcp__chips\">\n          \u003Cspan class=\"fmstr-cmp-cfg-api-mcp__chip\">Claude\u003C/span>\n          \u003Cspan class=\"fmstr-cmp-cfg-api-mcp__chip\">ChatGPT\u003C/span>\n          \u003Cspan class=\"fmstr-cmp-cfg-api-mcp__chip\">Custom agents\u003C/span>\n        \u003C/div>\n        \u003Cp class=\"fmstr-cmp-cfg-api-mcp__body\">Connect Formester to any MCP-compatible model and let it read your form submissions directly. Ask Claude \"which leads from this week's webinar form look highest-fit?\", or have a custom agent score job applications against the role brief and flag the top candidates for the recruiter.\u003C/p>\n        \u003Ca class=\"fmstr-cmp-cfg-api-mcp__cta\" href=\"https://docs.formester.com/formester-mcp-server.html\">Read the MCP docs →\u003C/a>\n      \u003C/article>\n\n      \u003Carticle class=\"fmstr-cmp-cfg-api-mcp__card\">\n        \u003Cspan class=\"fmstr-cmp-cfg-api-mcp__icon\" aria-hidden=\"true\">\n          \u003Csvg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            \u003Cpolyline points=\"16 18 22 12 16 6\"/>\n            \u003Cpolyline points=\"8 6 2 12 8 18\"/>\n            \u003Cline x1=\"13\" y1=\"4\" x2=\"11\" y2=\"20\"/>\n          \u003C/svg>\n        \u003C/span>\n        \u003Cspan class=\"fmstr-cmp-cfg-api-mcp__badge fmstr-cmp-cfg-api-mcp__badge--alt\">REST API v2\u003C/span>\n        \u003Ch3 class=\"fmstr-cmp-cfg-api-mcp__card-title\">Or build directly on the REST API.\u003C/h3>\n        \u003Cdiv class=\"fmstr-cmp-cfg-api-mcp__chips\">\n          \u003Cspan class=\"fmstr-cmp-cfg-api-mcp__chip\">Self-service token\u003C/span>\n          \u003Cspan class=\"fmstr-cmp-cfg-api-mcp__chip\">Webhooks\u003C/span>\n          \u003Cspan class=\"fmstr-cmp-cfg-api-mcp__chip\">Business plan +\u003C/span>\n        \u003C/div>\n        \u003Cp class=\"fmstr-cmp-cfg-api-mcp__body\">Pull form submissions into your data warehouse, push pre-filled form URLs back from your CRM, or build a custom enrichment pipeline. Self-service token at app.formester.com/api in two clicks. No support ticket, no waiting.\u003C/p>\n        \u003Ca class=\"fmstr-cmp-cfg-api-mcp__cta\" href=\"https://docs.formester.com/formester-api.html\">Read the API docs →\u003C/a>\n      \u003C/article>\n\n    \u003C/div>\n  \u003C/div>\n\u003C/section>\n",{"id":172,"__component":146,"markup":173,"useContainer":148},1081,"\u003Cstyle>\n  @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');\n\n  .fmstr-cmp-cfg-privacy-data-ownership {\n    --fmstr-cmp-cfg-privacy-data-ownership-bg-section: #0F0921;\n    --fmstr-cmp-cfg-privacy-data-ownership-bg-glow: radial-gradient(ellipse 900px 600px at 95% 0%, rgba(127, 86, 217, 0.45) 0%, rgba(100, 52, 208, 0.15) 30%, transparent 65%);\n    --fmstr-cmp-cfg-privacy-data-ownership-bg-card: rgba(255, 255, 255, 0.04);\n    --fmstr-cmp-cfg-privacy-data-ownership-bg-card-glow: radial-gradient(ellipse 500px 400px at 90% 5%, rgba(127, 86, 217, 0.30) 0%, transparent 60%);\n    --fmstr-cmp-cfg-privacy-data-ownership-bg-pill: rgba(255, 255, 255, 0.08);\n    --fmstr-cmp-cfg-privacy-data-ownership-fg-eyebrow: #bda6ff;\n    --fmstr-cmp-cfg-privacy-data-ownership-fg-link: #bda6ff;\n    --fmstr-cmp-cfg-privacy-data-ownership-fg-link-hover: #ffffff;\n    --fmstr-cmp-cfg-privacy-data-ownership-fs-xs: 12px;\n    --fmstr-cmp-cfg-privacy-data-ownership-fs-sm: 14px;\n    --fmstr-cmp-cfg-privacy-data-ownership-fs-md: 16px;\n    --fmstr-cmp-cfg-privacy-data-ownership-fs-lg: 18px;\n    --fmstr-cmp-cfg-privacy-data-ownership-fs-2xl: 24px;\n    --fmstr-cmp-cfg-privacy-data-ownership-fs-3xl: 32px;\n    --fmstr-cmp-cfg-privacy-data-ownership-fw-semibold: 600;\n    --fmstr-cmp-cfg-privacy-data-ownership-fw-bold: 700;\n    --fmstr-cmp-cfg-privacy-data-ownership-lh-md: 24px;\n    --fmstr-cmp-cfg-privacy-data-ownership-lh-lg: 28px;\n    --fmstr-cmp-cfg-privacy-data-ownership-lh-2xl: 32px;\n    --fmstr-cmp-cfg-privacy-data-ownership-space-1: 4px;\n    --fmstr-cmp-cfg-privacy-data-ownership-space-2: 8px;\n    --fmstr-cmp-cfg-privacy-data-ownership-space-3: 12px;\n    --fmstr-cmp-cfg-privacy-data-ownership-space-4: 16px;\n    --fmstr-cmp-cfg-privacy-data-ownership-space-5: 20px;\n    --fmstr-cmp-cfg-privacy-data-ownership-space-6: 24px;\n    --fmstr-cmp-cfg-privacy-data-ownership-space-7: 28px;\n    --fmstr-cmp-cfg-privacy-data-ownership-space-8: 32px;\n    --fmstr-cmp-cfg-privacy-data-ownership-space-12: 48px;\n    --fmstr-cmp-cfg-privacy-data-ownership-space-16: 64px;\n    --fmstr-cmp-cfg-privacy-data-ownership-r-2xl: 16px;\n    --fmstr-cmp-cfg-privacy-data-ownership-r-full: 9999px;\n\n    background: transparent;\n    padding: var(--fmstr-cmp-cfg-privacy-data-ownership-space-12) var(--fmstr-cmp-cfg-privacy-data-ownership-space-6);\n    font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;\n  }\n\n  .fmstr-cmp-cfg-privacy-data-ownership *, .fmstr-cmp-cfg-privacy-data-ownership *::before, .fmstr-cmp-cfg-privacy-data-ownership *::after { box-sizing: border-box; }\n\n  .fmstr-cmp-cfg-privacy-data-ownership__container {\n    position: relative;\n    max-width: 1180px;\n    margin: 0 auto;\n    background-color: var(--fmstr-cmp-cfg-privacy-data-ownership-bg-section);\n    background-image: var(--fmstr-cmp-cfg-privacy-data-ownership-bg-glow);\n    border-radius: 28px;\n    padding: var(--fmstr-cmp-cfg-privacy-data-ownership-space-12);\n    overflow: hidden;\n  }\n\n  .fmstr-cmp-cfg-privacy-data-ownership__inner {\n    display: grid;\n    grid-template-columns: 1.05fr 0.95fr;\n    gap: var(--fmstr-cmp-cfg-privacy-data-ownership-space-12);\n    align-items: center;\n  }\n\n  .fmstr-cmp-cfg-privacy-data-ownership__eyebrow {\n    display: inline-block;\n    padding: var(--fmstr-cmp-cfg-privacy-data-ownership-space-2) var(--fmstr-cmp-cfg-privacy-data-ownership-space-4);\n    background: var(--fmstr-cmp-cfg-privacy-data-ownership-bg-pill);\n    color: var(--fmstr-cmp-cfg-privacy-data-ownership-fg-eyebrow);\n    border: 1px solid rgba(255, 255, 255, 0.10);\n    border-radius: var(--fmstr-cmp-cfg-privacy-data-ownership-r-full);\n    font-size: var(--fmstr-cmp-cfg-privacy-data-ownership-fs-xs);\n    font-weight: var(--fmstr-cmp-cfg-privacy-data-ownership-fw-bold);\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    margin-bottom: var(--fmstr-cmp-cfg-privacy-data-ownership-space-5);\n  }\n\n  .fmstr-cmp-cfg-privacy-data-ownership__heading {\n    font-size: var(--fmstr-cmp-cfg-privacy-data-ownership-fs-3xl);\n    line-height: 40px;\n    font-weight: var(--fmstr-cmp-cfg-privacy-data-ownership-fw-bold);\n    letter-spacing: -0.02em;\n    color: #ffffff;\n    margin: 0 0 var(--fmstr-cmp-cfg-privacy-data-ownership-space-6);\n  }\n\n  .fmstr-cmp-cfg-privacy-data-ownership__body p {\n    font-size: var(--fmstr-cmp-cfg-privacy-data-ownership-fs-md);\n    line-height: var(--fmstr-cmp-cfg-privacy-data-ownership-lh-md);\n    color: rgba(255, 255, 255, 0.78);\n    margin: 0 0 var(--fmstr-cmp-cfg-privacy-data-ownership-space-4);\n  }\n  .fmstr-cmp-cfg-privacy-data-ownership__body p:last-child { margin-bottom: 0; }\n\n  .fmstr-cmp-cfg-privacy-data-ownership__card {\n    background-color: var(--fmstr-cmp-cfg-privacy-data-ownership-bg-card);\n    background-image: var(--fmstr-cmp-cfg-privacy-data-ownership-bg-card-glow);\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    border-radius: var(--fmstr-cmp-cfg-privacy-data-ownership-r-2xl);\n    padding: var(--fmstr-cmp-cfg-privacy-data-ownership-space-7);\n    backdrop-filter: blur(8px);\n  }\n\n  .fmstr-cmp-cfg-privacy-data-ownership__pill {\n    display: inline-block;\n    padding: var(--fmstr-cmp-cfg-privacy-data-ownership-space-2) var(--fmstr-cmp-cfg-privacy-data-ownership-space-4);\n    background: var(--fmstr-cmp-cfg-privacy-data-ownership-bg-pill);\n    color: var(--fmstr-cmp-cfg-privacy-data-ownership-fg-eyebrow);\n    border: 1px solid rgba(255, 255, 255, 0.10);\n    border-radius: var(--fmstr-cmp-cfg-privacy-data-ownership-r-full);\n    font-size: var(--fmstr-cmp-cfg-privacy-data-ownership-fs-xs);\n    font-weight: var(--fmstr-cmp-cfg-privacy-data-ownership-fw-bold);\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    margin-bottom: var(--fmstr-cmp-cfg-privacy-data-ownership-space-5);\n  }\n\n  .fmstr-cmp-cfg-privacy-data-ownership__quote {\n    font-size: var(--fmstr-cmp-cfg-privacy-data-ownership-fs-lg);\n    line-height: var(--fmstr-cmp-cfg-privacy-data-ownership-lh-lg);\n    font-weight: var(--fmstr-cmp-cfg-privacy-data-ownership-fw-semibold);\n    font-style: italic;\n    color: #ffffff;\n    margin: 0 0 var(--fmstr-cmp-cfg-privacy-data-ownership-space-5);\n  }\n\n  .fmstr-cmp-cfg-privacy-data-ownership__divider { border: none; border-top: 1px solid rgba(255, 255, 255, 0.12); margin: 0 0 var(--fmstr-cmp-cfg-privacy-data-ownership-space-5); }\n\n  .fmstr-cmp-cfg-privacy-data-ownership__cite {\n    font-size: var(--fmstr-cmp-cfg-privacy-data-ownership-fs-sm);\n    line-height: var(--fmstr-cmp-cfg-privacy-data-ownership-lh-md);\n    color: rgba(255, 255, 255, 0.7);\n    margin: 0 0 var(--fmstr-cmp-cfg-privacy-data-ownership-space-3);\n  }\n\n  .fmstr-cmp-cfg-privacy-data-ownership__links {\n    display: flex;\n    gap: var(--fmstr-cmp-cfg-privacy-data-ownership-space-4);\n    flex-wrap: wrap;\n  }\n\n  .fmstr-cmp-cfg-privacy-data-ownership__links a {\n    color: var(--fmstr-cmp-cfg-privacy-data-ownership-fg-link);\n    font-weight: var(--fmstr-cmp-cfg-privacy-data-ownership-fw-semibold);\n    font-size: var(--fmstr-cmp-cfg-privacy-data-ownership-fs-sm);\n    text-decoration: none;\n  }\n\n  .fmstr-cmp-cfg-privacy-data-ownership__links a:hover { color: var(--fmstr-cmp-cfg-privacy-data-ownership-fg-link-hover); text-decoration: underline; }\n\n  @media (max-width: 760px) {\n    .fmstr-cmp-cfg-privacy-data-ownership { padding: var(--fmstr-cmp-cfg-privacy-data-ownership-space-8) var(--fmstr-cmp-cfg-privacy-data-ownership-space-4); }\n    .fmstr-cmp-cfg-privacy-data-ownership__container { padding: var(--fmstr-cmp-cfg-privacy-data-ownership-space-7); border-radius: 20px; }\n    .fmstr-cmp-cfg-privacy-data-ownership__inner { grid-template-columns: 1fr; gap: var(--fmstr-cmp-cfg-privacy-data-ownership-space-8); }\n    .fmstr-cmp-cfg-privacy-data-ownership__heading { font-size: var(--fmstr-cmp-cfg-privacy-data-ownership-fs-2xl); line-height: var(--fmstr-cmp-cfg-privacy-data-ownership-lh-2xl); }\n    .fmstr-cmp-cfg-privacy-data-ownership__quote { font-size: var(--fmstr-cmp-cfg-privacy-data-ownership-fs-md); line-height: var(--fmstr-cmp-cfg-privacy-data-ownership-lh-md); }\n    .fmstr-cmp-cfg-privacy-data-ownership__card { padding: var(--fmstr-cmp-cfg-privacy-data-ownership-space-6); }\n  }\n\u003C/style>\n\n\u003Csection class=\"fmstr-cmp-cfg-privacy-data-ownership\" aria-labelledby=\"fmstr-cmp-cfg-privacy-data-ownership-heading\">\n  \u003Cdiv class=\"fmstr-cmp-cfg-privacy-data-ownership__container\">\n    \u003Cdiv class=\"fmstr-cmp-cfg-privacy-data-ownership__inner\">\n\n    \u003Cdiv class=\"fmstr-cmp-cfg-privacy-data-ownership__text\">\n      \u003Cspan class=\"fmstr-cmp-cfg-privacy-data-ownership__eyebrow\">Privacy and data ownership\u003C/span>\n      \u003Ch2 id=\"fmstr-cmp-cfg-privacy-data-ownership-heading\" class=\"fmstr-cmp-cfg-privacy-data-ownership__heading\">Your submissions are your data. Not ours, not our vendors\\'.\u003C/h2>\n      \u003Cdiv class=\"fmstr-cmp-cfg-privacy-data-ownership__body\">\n        \u003Cp>When you upload a PDF, paste a prompt, or generate a form, that content is used to generate your form and nothing else. Per Section 4.4 of our DPA, Formester does not use Customer Data for analytics, advertising, marketing, or product training. The Google Gemini integration we use to power AI features inherits the same boundary.\u003C/p>\n        \u003Cp>Encrypted in transit and at rest, hosted on Heroku and AWS, automated encrypted backups with a 90-day retention, and full data deletion on request. We are GDPR, UK GDPR, and CCPA compliant. We are not SOC 2 or ISO 27001 certified yet, and we will tell you so directly rather than dance around it.\u003C/p>\n      \u003C/div>\n    \u003C/div>\n\n    \u003Caside class=\"fmstr-cmp-cfg-privacy-data-ownership__card\">\n      \u003Cspan class=\"fmstr-cmp-cfg-privacy-data-ownership__pill\">What's in the DPA\u003C/span>\n      \u003Cblockquote class=\"fmstr-cmp-cfg-privacy-data-ownership__quote\">\"Formester does not use Customer Data for analytics, advertising, marketing, or product training.\"\u003C/blockquote>\n      \u003Chr class=\"fmstr-cmp-cfg-privacy-data-ownership__divider\" />\n      \u003Cp class=\"fmstr-cmp-cfg-privacy-data-ownership__cite\">Section 4.4, Formester Data Processing Agreement, effective January 2026.\u003C/p>\n      \u003Cdiv class=\"fmstr-cmp-cfg-privacy-data-ownership__links\">\n        \u003Ca href=\"https://formester.com/dpa/\">Read the DPA →\u003C/a>\n        \u003Ca href=\"https://formester.com/security/\">Security overview →\u003C/a>\n      \u003C/div>\n    \u003C/aside>\n\n    \u003C/div>\n  \u003C/div>\n\u003C/section>\n",{"id":175,"__component":176,"description":153,"title":177,"badges":178},397,"macro-components.trustbadges",[],[],{"id":180,"__component":146,"markup":181,"useContainer":148},1082,"\u003Cstyle>\n  @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');\n\n  .fmstr-cmp-cfg-more-tools {\n\n    --fmstr-cmp-cfg-more-tools-bg-card: #ffffff;\n    --fmstr-cmp-cfg-more-tools-bg-violet-25: #f7f3ff;\n    --fmstr-cmp-cfg-more-tools-fg-1: #101828;\n    --fmstr-cmp-cfg-more-tools-fg-2: #475467;\n    --fmstr-cmp-cfg-more-tools-violet-600: #6941c6;\n    --fmstr-cmp-cfg-more-tools-violet-700: #53389e;\n    --fmstr-cmp-cfg-more-tools-border-light: #eaecf0;\n    --fmstr-cmp-cfg-more-tools-border-violet: #9777e0;\n    --fmstr-cmp-cfg-more-tools-shadow-md: 0 2px 4px 0 rgba(16, 24, 40, 0.06);\n    --fmstr-cmp-cfg-more-tools-fs-sm: 14px;\n    --fmstr-cmp-cfg-more-tools-fs-md: 16px;\n    --fmstr-cmp-cfg-more-tools-fs-2xl: 24px;\n    --fmstr-cmp-cfg-more-tools-fs-3xl: 36px;\n    --fmstr-cmp-cfg-more-tools-fw-regular: 400;\n    --fmstr-cmp-cfg-more-tools-fw-semibold: 600;\n    --fmstr-cmp-cfg-more-tools-lh-sm: 20px;\n    --fmstr-cmp-cfg-more-tools-lh-md: 24px;\n    --fmstr-cmp-cfg-more-tools-lh-2xl: 32px;\n    --fmstr-cmp-cfg-more-tools-space-1: 4px;\n    --fmstr-cmp-cfg-more-tools-space-3: 12px;\n    --fmstr-cmp-cfg-more-tools-space-4: 16px;\n    --fmstr-cmp-cfg-more-tools-space-6: 24px;\n    --fmstr-cmp-cfg-more-tools-space-8: 32px;\n    --fmstr-cmp-cfg-more-tools-space-12: 48px;\n    --fmstr-cmp-cfg-more-tools-space-16: 64px;\n    --fmstr-cmp-cfg-more-tools-r-lg: 8px;\n    --fmstr-cmp-cfg-more-tools-r-2xl: 16px;\n    padding: var(--fmstr-cmp-cfg-more-tools-space-16) var(--fmstr-cmp-cfg-more-tools-space-6);\n    font-family: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;\n  }\n\n  .fmstr-cmp-cfg-more-tools *, .fmstr-cmp-cfg-more-tools *::before, .fmstr-cmp-cfg-more-tools *::after {\n    box-sizing: border-box;\n  }\n\n  .fmstr-cmp-cfg-more-tools__inner {\n    max-width: 1180px;\n    margin: 0 auto;\n  }\n\n  .fmstr-cmp-cfg-more-tools__heading {\n    font-size: var(--fmstr-cmp-cfg-more-tools-fs-3xl);\n    line-height: 44px;\n    font-weight: var(--fmstr-cmp-cfg-more-tools-fw-semibold);\n    letter-spacing: -0.02em;\n    color: var(--fmstr-cmp-cfg-more-tools-fg-1);\n    text-align: center;\n    margin: 0 0 var(--fmstr-cmp-cfg-more-tools-space-12);\n  }\n\n  .fmstr-cmp-cfg-more-tools__grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: var(--fmstr-cmp-cfg-more-tools-space-4);\n  }\n\n  .fmstr-cmp-cfg-more-tools__card {\n    display: flex;\n    flex-direction: column;\n    gap: var(--fmstr-cmp-cfg-more-tools-space-3);\n    padding: var(--fmstr-cmp-cfg-more-tools-space-6);\n    background: var(--fmstr-cmp-cfg-more-tools-bg-card);\n    border: 1px solid var(--fmstr-cmp-cfg-more-tools-border-light);\n    border-radius: var(--fmstr-cmp-cfg-more-tools-r-2xl);\n    text-decoration: none;\n    color: inherit;\n    transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;\n  }\n\n  .fmstr-cmp-cfg-more-tools__card:hover {\n    border-color: var(--fmstr-cmp-cfg-more-tools-border-violet);\n    box-shadow: var(--fmstr-cmp-cfg-more-tools-shadow-md);\n    transform: translateY(-2px);\n    text-decoration: none;\n  }\n\n  .fmstr-cmp-cfg-more-tools__icon {\n    width: 40px;\n    height: 40px;\n    border-radius: var(--fmstr-cmp-cfg-more-tools-r-lg);\n    background: var(--fmstr-cmp-cfg-more-tools-bg-violet-25);\n    color: var(--fmstr-cmp-cfg-more-tools-violet-600);\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n  }\n\n  .fmstr-cmp-cfg-more-tools__title {\n    font-size: var(--fmstr-cmp-cfg-more-tools-fs-md);\n    line-height: var(--fmstr-cmp-cfg-more-tools-lh-md);\n    font-weight: var(--fmstr-cmp-cfg-more-tools-fw-semibold);\n    color: var(--fmstr-cmp-cfg-more-tools-fg-1);\n    margin: var(--fmstr-cmp-cfg-more-tools-space-1) 0 0;\n  }\n\n  .fmstr-cmp-cfg-more-tools__desc {\n    font-size: var(--fmstr-cmp-cfg-more-tools-fs-sm);\n    line-height: var(--fmstr-cmp-cfg-more-tools-lh-sm);\n    font-weight: var(--fmstr-cmp-cfg-more-tools-fw-regular);\n    color: var(--fmstr-cmp-cfg-more-tools-fg-2);\n    margin: 0;\n  }\n\n  @media (max-width: 760px) {\n    .fmstr-cmp-cfg-more-tools {\n      padding: var(--fmstr-cmp-cfg-more-tools-space-12) var(--fmstr-cmp-cfg-more-tools-space-4);\n    }\n    .fmstr-cmp-cfg-more-tools__heading {\n      font-size: var(--fmstr-cmp-cfg-more-tools-fs-2xl);\n      line-height: var(--fmstr-cmp-cfg-more-tools-lh-2xl);\n      margin-bottom: var(--fmstr-cmp-cfg-more-tools-space-8);\n    }\n    .fmstr-cmp-cfg-more-tools__grid {\n      grid-template-columns: 1fr;\n      gap: var(--fmstr-cmp-cfg-more-tools-space-3);\n    }\n  }\n\u003C/style>\n\n\u003Csection class=\"fmstr-cmp-cfg-more-tools\" aria-labelledby=\"fmstr-cmp-cfg-more-tools-heading\">\n  \u003Cdiv class=\"fmstr-cmp-cfg-more-tools__inner\">\n    \u003Ch2 id=\"fmstr-cmp-cfg-more-tools-heading\" class=\"fmstr-cmp-cfg-more-tools__heading\">More generators from Formester\u003C/h2>\n\n    \u003Cdiv class=\"fmstr-cmp-cfg-more-tools__grid\">\n\n      \u003Ca class=\"fmstr-cmp-cfg-more-tools__card\" href=\"https://formester.com/ai-quiz-maker/\">\n        \u003Cspan class=\"fmstr-cmp-cfg-more-tools__icon\" aria-hidden=\"true\">\n          \u003Csvg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            \u003Cpath d=\"M9.5 2A2.5 2.5 0 0 0 7 4.5v.5a2.5 2.5 0 0 0-2 4 2.5 2.5 0 0 0 0 4 2.5 2.5 0 0 0 2 4v.5A2.5 2.5 0 0 0 9.5 20a2.5 2.5 0 0 0 2.5-2.5V4.5A2.5 2.5 0 0 0 9.5 2Z\"/>\n            \u003Cpath d=\"M14.5 2A2.5 2.5 0 0 1 17 4.5v.5a2.5 2.5 0 0 1 2 4 2.5 2.5 0 0 1 0 4 2.5 2.5 0 0 1-2 4v.5a2.5 2.5 0 0 1-2.5 2.5 2.5 2.5 0 0 1-2.5-2.5V4.5A2.5 2.5 0 0 1 14.5 2Z\"/>\n          \u003C/svg>\n        \u003C/span>\n        \u003Ch3 class=\"fmstr-cmp-cfg-more-tools__title\">AI Form Generator\u003C/h3>\n        \u003Cp class=\"fmstr-cmp-cfg-more-tools__desc\">Generate assessments with answer keys in seconds.\u003C/p>\n      \u003C/a>\n\n      \u003Ca class=\"fmstr-cmp-cfg-more-tools__card\" href=\"https://formester.com/ai-survey-generator/\">\n        \u003Cspan class=\"fmstr-cmp-cfg-more-tools__icon\" aria-hidden=\"true\">\n          \u003Csvg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            \u003Cline x1=\"3\" y1=\"20\" x2=\"21\" y2=\"20\"/>\n            \u003Crect x=\"5\" y=\"11\" width=\"3.5\" height=\"9\" rx=\"0.5\"/>\n            \u003Crect x=\"10.25\" y=\"6\" width=\"3.5\" height=\"14\" rx=\"0.5\"/>\n            \u003Crect x=\"15.5\" y=\"13\" width=\"3.5\" height=\"7\" rx=\"0.5\"/>\n          \u003C/svg>\n        \u003C/span>\n        \u003Ch3 class=\"fmstr-cmp-cfg-more-tools__title\">AI Quiz Maker\u003C/h3>\n        \u003Cp class=\"fmstr-cmp-cfg-more-tools__desc\">Research-grade survey instruments from a brief.\u003C/p>\n      \u003C/a>\n\n      \u003Ca class=\"fmstr-cmp-cfg-more-tools__card\" href=\"https://formester.com/ai-powered-multilingual-forms/\">\n        \u003Cspan class=\"fmstr-cmp-cfg-more-tools__icon\" aria-hidden=\"true\">\n          \u003Csvg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            \u003Ccircle cx=\"12\" cy=\"12\" r=\"9\"/>\n            \u003Cpath d=\"M3 12h18\"/>\n            \u003Cpath d=\"M12 3a13.5 13.5 0 0 1 0 18\"/>\n            \u003Cpath d=\"M12 3a13.5 13.5 0 0 0 0 18\"/>\n          \u003C/svg>\n        \u003C/span>\n        \u003Ch3 class=\"fmstr-cmp-cfg-more-tools__title\">AI Survey Generator\u003C/h3>\n        \u003Cp class=\"fmstr-cmp-cfg-more-tools__desc\">Auto-translate any form into 50+ languages.\u003C/p>\n      \u003C/a>\n\n      \u003Ca class=\"fmstr-cmp-cfg-more-tools__card\" href=\"https://formester.com/features/ai-workflows/\">\n        \u003Cspan class=\"fmstr-cmp-cfg-more-tools__icon\" aria-hidden=\"true\">\n          \u003Csvg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n            \u003Cpath d=\"M13 2 4 14h7l-1 8 9-12h-7l1-8Z\"/>\n          \u003C/svg>\n        \u003C/span>\n        \u003Ch3 class=\"fmstr-cmp-cfg-more-tools__title\">AI Multilingual Forms\u003C/h3>\n        \u003Cp class=\"fmstr-cmp-cfg-more-tools__desc\">Trigger automations on form submission.\u003C/p>\n      \u003C/a>\n\n    \u003C/div>\n  \u003C/div>\n\u003C/section>\n",{"id":183,"__component":146,"markup":184,"useContainer":148},1083,"\u003Cstyle>\n.fmstr-cmp-cfg-faq a { text-decoration: none !important; color: #6941c6 !important; }\n.fmstr-cmp-cfg-faq a:hover { text-decoration: underline !important; }\n.fmstr-cmp-cfg-faq {\n--c-fg-1: #101828; --c-fg-2: #475467; --c-fg-3: #697586;\n--c-violet-500: #7f56d9; --c-violet-600: #6941c6;\n--c-tint: #f7f3ff; --c-edge: #e4d7ff; --c-border: #eaecf0;\nbackground: transparent; padding: 96px 24px; font-family: inherit; color: var(--c-fg-1);\n}\n.fmstr-cmp-cfg-faq *, .fmstr-cmp-cfg-faq *::before, .fmstr-cmp-cfg-faq *::after { box-sizing: border-box; }\n.fmstr-cmp-cfg-faq__container { max-width: 820px; margin: 0 auto; }\n.fmstr-cmp-cfg-faq__header { text-align: center; margin: 0 0 40px; }\n.fmstr-cmp-cfg-faq__h2 { font-size: clamp(28px, 3.5vw, 40px); line-height: 1.15; letter-spacing: -0.02em; font-weight: 700; margin: 0; }\n.fmstr-cmp-cfg-faq__item {\nbackground: #fff; border: 1px solid var(--c-border); border-radius: 12px;\npadding: 4px 6px; margin: 0 0 12px;\ntransition: border-color 0.15s ease;\n}\n.fmstr-cmp-cfg-faq__item:hover { border-color: var(--c-edge); }\n.fmstr-cmp-cfg-faq__item[open] { border-color: var(--c-edge); background: var(--c-tint); }\n.fmstr-cmp-cfg-faq__q {\ncursor: pointer; list-style: none;\npadding: 16px 44px 16px 20px;\nfont-size: 16px; font-weight: 600; line-height: 1.45;\ncolor: var(--c-fg-1); position: relative;\n}\n.fmstr-cmp-cfg-faq__q::-webkit-details-marker { display: none; }\n.fmstr-cmp-cfg-faq__q::after {\ncontent: \"+\"; position: absolute; right: 20px; top: 50%; transform: translateY(-50%);\nfont-size: 22px; color: var(--c-violet-600); font-weight: 400; line-height: 1;\n}\n.fmstr-cmp-cfg-faq__item[open] .fmstr-cmp-cfg-faq__q::after { content: \"–\"; }\n.fmstr-cmp-cfg-faq__a {\npadding: 0 20px 20px; font-size: 15.5px; line-height: 1.65;\ncolor: var(--c-fg-2);\n}\n@media (max-width: 600px) {\n.fmstr-cmp-cfg-faq { padding: 64px 16px; }\n.fmstr-cmp-cfg-faq__q { padding: 14px 40px 14px 16px; font-size: 15px; }\n}\n\u003C/style>\n\n\u003Csection class=\"fmstr-cmp-cfg-faq\">\n\u003Cdiv class=\"fmstr-cmp-cfg-faq__container\">\n\u003Cdiv class=\"fmstr-cmp-cfg-faq__header\">\n\u003Ch2 class=\"fmstr-cmp-cfg-faq__h2\">Frequently asked questions\u003C/h2>\n\u003C/div>\n\u003Cdetails class=\"fmstr-cmp-cfg-faq__item\">\u003Csummary class=\"fmstr-cmp-cfg-faq__q\">Is the contact form generator really free?\u003C/summary>\u003Cdiv class=\"fmstr-cmp-cfg-faq__a\">Yes. Unlimited forms and unlimited responses on the free plan. No trial that expires, no card required at signup, no cap on how many forms you build.\u003C/div>\u003C/details>\n\u003Cdetails class=\"fmstr-cmp-cfg-faq__item\">\u003Csummary class=\"fmstr-cmp-cfg-faq__q\">Can I embed the form on WordPress, Webflow, or Framer?\u003C/summary>\u003Cdiv class=\"fmstr-cmp-cfg-faq__a\">Yes, on all three. Copy the embed code from the publish menu and paste it into a Custom HTML block (WordPress), Embed element (Webflow), or Embed element (Framer). The form loads inline and stays responsive.\u003C/div>\u003C/details>\n\u003Cdetails class=\"fmstr-cmp-cfg-faq__item\">\u003Csummary class=\"fmstr-cmp-cfg-faq__q\">Where do submissions go by default?\u003C/summary>\u003Cdiv class=\"fmstr-cmp-cfg-faq__a\">To the email address associated with your Formester account, unless you route them elsewhere. You can add Google Sheets, Slack, or any CRM integration in one click.\u003C/div>\u003C/details>\n\u003Cdetails class=\"fmstr-cmp-cfg-faq__item\">\u003Csummary class=\"fmstr-cmp-cfg-faq__q\">Can I stop spam without adding reCAPTCHA?\u003C/summary>\u003Cdiv class=\"fmstr-cmp-cfg-faq__a\">Yes. Honeypot field, rate limiting, keyword blocklist, and country blocking are all on by default and require no configuration. reCAPTCHA v3 is an optional add-on for very high-volume forms.\u003C/div>\u003C/details>\n\u003Cdetails class=\"fmstr-cmp-cfg-faq__item\">\u003Csummary class=\"fmstr-cmp-cfg-faq__q\">Can the form auto-respond to the person who submitted?\u003C/summary>\u003Cdiv class=\"fmstr-cmp-cfg-faq__a\">Yes. Turn on Autoresponder Email in the notifications tab. The submitter receives a customizable confirmation email the moment they submit, and you can attach a PDF of their responses.\u003C/div>\u003C/details>\n\u003Cdetails class=\"fmstr-cmp-cfg-faq__item\">\u003Csummary class=\"fmstr-cmp-cfg-faq__q\">Does the form work on mobile?\u003C/summary>\u003Cdiv class=\"fmstr-cmp-cfg-faq__a\">Yes. Every form is responsive by default. Fields stack, buttons resize, and the layout stays legible from 360px up.\u003C/div>\u003C/details>\n\u003Cdetails class=\"fmstr-cmp-cfg-faq__item\">\u003Csummary class=\"fmstr-cmp-cfg-faq__q\">Can I collect payments through the same form?\u003C/summary>\u003Cdiv class=\"fmstr-cmp-cfg-faq__a\">Yes. Add a Stripe, PayPal, or Razorpay field for one-time or recurring payments. Payment collection ships on the free plan.\u003C/div>\u003C/details>\n\u003Cdetails class=\"fmstr-cmp-cfg-faq__item\">\u003Csummary class=\"fmstr-cmp-cfg-faq__q\">Can I export the responses to CSV?\u003C/summary>\u003Cdiv class=\"fmstr-cmp-cfg-faq__a\">Yes. Export any form's responses to CSV, XLSX, or PDF from the dashboard, or connect Google Sheets for real-time sync.\u003C/div>\u003C/details>\n\u003Cdetails class=\"fmstr-cmp-cfg-faq__item\">\u003Csummary class=\"fmstr-cmp-cfg-faq__q\">Is my data secure?\u003C/summary>\u003Cdiv class=\"fmstr-cmp-cfg-faq__a\">Every submission is encrypted in transit (TLS 1.3) and at rest (AES-256). Formester is GDPR, UK GDPR, and CCPA compliant. HIPAA compliance is on the roadmap but not shipped in 2026.\u003C/div>\u003C/details>\n\u003C/div>\n\u003C/section>\n",{"id":186,"__component":146,"markup":187,"useContainer":148},1084,"\u003Cstyle>\n.fmstr-cmp-cfg-final-cta a { text-decoration: none !important; }\n.fmstr-cmp-cfg-final-cta {\n--c-violet-500: #7f56d9; --c-violet-600: #6941c6; --c-violet-700: #5b34b1;\nbackground: linear-gradient(135deg, #2a1568 0%, #5b34b1 100%);\npadding: 96px 24px; font-family: inherit; color: #fff;\ntext-align: center;\nposition: relative; overflow: hidden;\n}\n.fmstr-cmp-cfg-final-cta::before {\ncontent: \"\"; position: absolute; inset: 0;\nbackground-image:\nlinear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),\nlinear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px);\nbackground-size: 40px 40px;\npointer-events: none;\n}\n.fmstr-cmp-cfg-final-cta *, .fmstr-cmp-cfg-final-cta *::before, .fmstr-cmp-cfg-final-cta *::after { box-sizing: border-box; }\n.fmstr-cmp-cfg-final-cta__container { max-width: 720px; margin: 0 auto; position: relative; z-index: 1; }\n.fmstr-cmp-cfg-final-cta__eyebrow {\ndisplay: inline-flex; align-items: center; gap: 8px;\npadding: 6px 14px; border-radius: 9999px;\nbackground: rgba(255,255,255,.1); backdrop-filter: blur(10px);\nborder: 1px solid rgba(255,255,255,.15);\ncolor: #fff; font-size: 11.5px; font-weight: 700;\nletter-spacing: 0.08em; text-transform: uppercase;\nmargin: 0 0 22px;\n}\n.fmstr-cmp-cfg-final-cta__eyebrow::before {\ncontent: \"\"; width: 8px; height: 8px; border-radius: 50%;\nbackground: #12b76a;\nbox-shadow: 0 0 0 3px rgba(18,183,106,.35);\nanimation: fmstr-cmp-cfg-final-cta-pulse 2s infinite;\n}\n@keyframes fmstr-cmp-cfg-final-cta-pulse {\n0%, 100% { box-shadow: 0 0 0 3px rgba(18,183,106,.35); }\n50% { box-shadow: 0 0 0 6px rgba(18,183,106,.15); }\n}\n.fmstr-cmp-cfg-final-cta__h2 {\nfont-size: clamp(30px, 4vw, 46px);\nline-height: 1.1; letter-spacing: -0.03em; font-weight: 700;\nmargin: 0 0 18px; color: #fff;\n}\n.fmstr-cmp-cfg-final-cta__sub {\nfont-size: clamp(16px, 1.6vw, 18px); line-height: 1.6;\ncolor: rgba(255,255,255,.75); margin: 0 auto 32px; max-width: 560px;\n}\n.fmstr-cmp-cfg-final-cta__ctas {\ndisplay: inline-flex; flex-wrap: wrap; gap: 12px; justify-content: center; margin-bottom: 24px;\n}\n.fmstr-cmp-cfg-final-cta__cta-primary {\ndisplay: inline-flex; align-items: center; gap: 8px;\npadding: 14px 28px; border-radius: 10px;\nbackground: #fff !important; color: #2a1568 !important;\nfont-weight: 700; font-size: 15.5px;\nborder: 1px solid #fff;\nbox-shadow: 0 8px 20px rgba(0,0,0,.15);\n}\n.fmstr-cmp-cfg-final-cta__cta-primary:hover { transform: translateY(-1px); box-shadow: 0 12px 24px rgba(0,0,0,.2); }\n.fmstr-cmp-cfg-final-cta__cta-secondary {\ndisplay: inline-flex; align-items: center; gap: 8px;\npadding: 14px 22px; border-radius: 10px;\nbackground: rgba(255,255,255,.08) !important; backdrop-filter: blur(10px);\ncolor: #fff !important; font-weight: 600; font-size: 15.5px;\nborder: 1px solid rgba(255,255,255,.2);\n}\n.fmstr-cmp-cfg-final-cta__cta-secondary:hover { background: rgba(255,255,255,.14) !important; }\n.fmstr-cmp-cfg-final-cta__meta {\nfont-size: 13px; color: rgba(255,255,255,.55);\n}\n@media (max-width: 600px) { .fmstr-cmp-cfg-final-cta { padding: 72px 16px; } }\n\u003C/style>\n\n\u003Csection class=\"fmstr-cmp-cfg-final-cta\">\n\u003Cdiv class=\"fmstr-cmp-cfg-final-cta__container\">\n\u003Cspan class=\"fmstr-cmp-cfg-final-cta__eyebrow\">Free forever\u003C/span>\n\u003Ch2 class=\"fmstr-cmp-cfg-final-cta__h2\">Ship your contact form in two minutes\u003C/h2>\n\u003Cp class=\"fmstr-cmp-cfg-final-cta__sub\">Unlimited responses, spam protection, and email routing on the free plan. No credit card. Live on your site by the end of this coffee.\u003C/p>\n\u003Cdiv class=\"fmstr-cmp-cfg-final-cta__ctas\">\n\u003Ca class=\"fmstr-cmp-cfg-final-cta__cta-primary\" href=\"https://app.formester.com/users/sign_up\">Start free\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\u003Ca class=\"fmstr-cmp-cfg-final-cta__cta-secondary\" href=\"https://formester.com/pricing/\">See pricing\u003C/a>\n\u003C/div>\n\u003Cp class=\"fmstr-cmp-cfg-final-cta__meta\">Free forever plan • No credit card • Setup in 2 minutes\u003C/p>\n\u003C/div>\n\u003C/section>\n",1783921009977]