[{"data":1,"prerenderedAt":105},["ShallowReactive",2],{"feature-form-abandonment-recovery":3},{"head":4,"jsonld":61,"components":62},{"title":5,"link":6,"meta":7},"Form Abandonment Recovery: Recover Half-Filled Forms with Reminders",[],[8,11,14,16,19,22,24,26,29,32,34,37,39,41,43,45,48,51,53],{"property":9,"content":10},"article:modified_time","2026-05-28T06:27:37.940Z",{"hid":12,"name":12,"content":13},"description","Recover form submissions that get abandoned halfway. Autosave every partial entry and send email reminders that bring users back to finish. Built into Formester, no Zapier",{"hid":15,"name":15,"content":5},"og:site_name",{"hid":17,"property":17,"content":18},"og:type","website",{"hid":20,"property":20,"content":21},"og:url","https://formester.com/features/form-abandonment-recovery/",{"hid":23,"property":23,"content":5},"og:title",{"hid":25,"property":25,"content":13},"og:description",{"hid":27,"property":27,"content":28},"og:image","https://formester.com/formester-logo-meta-image.png",{"hid":30,"name":30,"content":31},"og:image:alt","Formester Logo",{"hid":33,"name":33,"content":21},"twitter:url",{"name":35,"content":36},"twitter:site","@_formester_",{"hid":38,"name":38,"content":5},"twitter:title",{"hid":40,"name":40,"content":13},"twitter:description",{"hid":42,"name":42,"content":28},"twitter:image",{"hid":44,"name":44,"content":31},"twitter:image:alt",{"hid":46,"name":46,"content":47},"twitter:card","summary_large_image",{"hid":49,"name":49,"content":50},"apple-mobile-web-app-title","Formester",{"hid":52,"name":52,"property":27,"content":28},"image",{"hid":54,"name":54,"content":55},"keywords",[56,57,58,59,60],"ecover abandoned forms","partial submission reminder","abandoned form recovery","save and resume form","form drop-off",[],[63,68,75,78,81,84,87,90,93,96,99,102],{"id":64,"__component":65,"markup":66,"useContainer":67},254,"micro-components.raw-html","\u003Cdiv class=\"raw-html-embed\">\u003Cstyle>\n/* host-link-override */\n.fmstr-cmp-far-hero a { text-decoration: none !important; }\n\n.fmstr-cmp-far-hero {\n--c-bg: #ffffff;\n--c-soft: #f9fafb;\n--c-tint: #f7f3ff;\n--c-edge: #e4d7ff;\n--c-fg-1: #101828;\n--c-fg-2: #475467;\n--c-fg-3: #697586;\n--c-violet-500: #7f56d9;\n--c-violet-600: #6941c6;\n--c-violet-700: #5b34b1;\n--c-amber-500: #f79009;\n--c-green-500: #12b76a;\n--c-border: #eaecf0;\n--c-shadow-sm: 0 1px 3px rgba(16,24,40,.06), 0 1px 2px rgba(16,24,40,.04);\n--c-shadow-md: 0 8px 24px rgba(16,24,40,.08);\n--c-shadow-lg: 0 20px 50px rgba(16,24,40,.12);\n\nposition: relative;\nbackground:\nlinear-gradient(180deg, #ffffff 0%, #fbfaff 60%, #f7f3ff 100%);\npadding: 96px 24px 80px;\nfont-family: inherit;\noverflow-x: hidden;\ncolor: var(--c-fg-1);\n}\n.fmstr-cmp-far-hero *, .fmstr-cmp-far-hero *::before, .fmstr-cmp-far-hero *::after { box-sizing: border-box; }\n.fmstr-cmp-far-hero > *, .fmstr-cmp-far-hero > * > * { min-width: 0; }\n\n.fmstr-cmp-far-hero__container {\nmax-width: 1180px;\nmargin: 0 auto;\ndisplay: grid;\ngrid-template-columns: 1.05fr 1fr;\ngap: 56px;\nalign-items: center;\nposition: relative;\nz-index: 1;\n}\n\n.fmstr-cmp-far-hero__copy { max-width: 560px; }\n\n.fmstr-cmp-far-hero__badge {\ndisplay: inline-flex;\nalign-items: center;\ngap: 8px;\npadding: 6px 12px 6px 8px;\nmargin-bottom: 24px;\nbackground: #ffffff;\nborder: 1px solid var(--c-edge);\nborder-radius: 9999px;\nfont-size: 12.5px;\nfont-weight: 600;\ncolor: var(--c-violet-700);\nletter-spacing: 0.01em;\nbox-shadow: var(--c-shadow-sm);\n}\n.fmstr-cmp-far-hero__badge-dot {\nwidth: 18px;\nheight: 18px;\nborder-radius: 9999px;\nbackground: var(--c-violet-500);\ndisplay: inline-flex;\nalign-items: center;\njustify-content: center;\ncolor: #fff;\n}\n\n.fmstr-cmp-far-hero__h1 {\nmargin: 0 0 18px;\nfont-size: clamp(36px, 5vw, 56px);\nline-height: 1.05;\nletter-spacing: -0.025em;\nfont-weight: 700;\ncolor: var(--c-fg-1);\n}\n\n.fmstr-cmp-far-hero__sub {\nmargin: 0 0 32px;\nfont-size: 18px;\nline-height: 1.6;\ncolor: var(--c-fg-2);\n}\n\n.fmstr-cmp-far-hero__ctas {\ndisplay: flex;\nflex-wrap: wrap;\ngap: 12px;\nmargin-bottom: 24px;\n}\n.fmstr-cmp-far-hero__cta-primary,\n.fmstr-cmp-far-hero__cta-secondary {\ndisplay: inline-flex;\nalign-items: center;\ngap: 8px;\npadding: 14px 22px;\nborder-radius: 9999px;\nfont-size: 15.5px;\nfont-weight: 600;\nline-height: 1;\nmin-height: 48px;\ntransition: background .2s ease, color .2s ease, border-color .2s ease, transform .2s ease, box-shadow .2s ease;\n}\n.fmstr-cmp-far-hero__cta-primary {\nbackground: var(--c-violet-500) !important;\ncolor: #ffffff !important;\nborder: 1px solid var(--c-violet-500);\nbox-shadow: 0 6px 16px rgba(127,86,217,.28);\n}\n.fmstr-cmp-far-hero__cta-primary:hover {\nbackground: var(--c-violet-600) !important;\nborder-color: var(--c-violet-600);\ntransform: translateY(-1px);\nbox-shadow: 0 10px 22px rgba(127,86,217,.34);\n}\n.fmstr-cmp-far-hero__cta-secondary {\nbackground: #ffffff !important;\ncolor: var(--c-fg-1) !important;\nborder: 1px solid var(--c-border);\n}\n.fmstr-cmp-far-hero__cta-secondary:hover { border-color: var(--c-edge); background: var(--c-soft) !important; }\n\n.fmstr-cmp-far-hero__trust {\ndisplay: flex;\nalign-items: center;\ngap: 14px;\nfont-size: 13.5px;\ncolor: var(--c-fg-3);\n}\n.fmstr-cmp-far-hero__trust-dot { width: 6px; height: 6px; border-radius: 9999px; background: var(--c-green-500); flex-shrink: 0; }\n\n/* MOCKUP */\n.fmstr-cmp-far-hero__visual {\nposition: relative;\nmax-width: 100%;\n}\n\n.fmstr-cmp-far-hero__browser {\nbackground: #ffffff;\nborder: 1px solid var(--c-border);\nborder-radius: 18px;\nbox-shadow: var(--c-shadow-lg);\noverflow: hidden;\nposition: relative;\n}\n.fmstr-cmp-far-hero__browser-bar {\ndisplay: flex;\nalign-items: center;\ngap: 8px;\npadding: 12px 16px;\nbackground: #f9fafb;\nborder-bottom: 1px solid var(--c-border);\n}\n.fmstr-cmp-far-hero__browser-dot { width: 10px; height: 10px; border-radius: 9999px; background: #d0d5dd; flex-shrink: 0; }\n.fmstr-cmp-far-hero__browser-url {\nflex: 1;\nmargin-left: 8px;\npadding: 4px 10px;\nbackground: #ffffff;\nborder: 1px solid var(--c-border);\nborder-radius: 6px;\nfont-size: 11.5px;\ncolor: var(--c-fg-3);\nfont-family: ui-monospace, SFMono-Regular, Menlo, monospace;\n}\n\n.fmstr-cmp-far-hero__form {\npadding: 22px 22px 24px;\ndisplay: flex;\nflex-direction: column;\ngap: 14px;\n}\n.fmstr-cmp-far-hero__form-title {\ndisplay: flex;\nalign-items: center;\njustify-content: space-between;\ngap: 12px;\nmargin: 0 0 4px;\n}\n.fmstr-cmp-far-hero__form-title-text {\nfont-size: 14.5px;\nfont-weight: 700;\ncolor: var(--c-fg-1);\n}\n.fmstr-cmp-far-hero__autosave {\ndisplay: inline-flex;\nalign-items: center;\ngap: 6px;\npadding: 4px 8px;\nbackground: #ecfdf3;\ncolor: #027a48;\nborder-radius: 9999px;\nfont-size: 10.5px;\nfont-weight: 600;\nletter-spacing: 0.02em;\ntext-transform: uppercase;\n}\n.fmstr-cmp-far-hero__autosave-pulse {\nwidth: 6px;\nheight: 6px;\nborder-radius: 9999px;\nbackground: var(--c-green-500);\nbox-shadow: 0 0 0 0 rgba(18,183,106,.6);\nanimation: fmstr-cmp-far-hero-pulse 1.8s ease-out infinite;\n}\n@keyframes fmstr-cmp-far-hero-pulse {\n0% { box-shadow: 0 0 0 0 rgba(18,183,106,.55); }\n70% { box-shadow: 0 0 0 8px rgba(18,183,106,0); }\n100% { box-shadow: 0 0 0 0 rgba(18,183,106,0); }\n}\n\n.fmstr-cmp-far-hero__field {\ndisplay: flex;\nflex-direction: column;\ngap: 5px;\n}\n.fmstr-cmp-far-hero__field-label {\nfont-size: 11.5px;\nfont-weight: 600;\ncolor: var(--c-fg-2);\n}\n.fmstr-cmp-far-hero__field-input {\npadding: 9px 12px;\nborder: 1px solid var(--c-border);\nborder-radius: 8px;\nbackground: #ffffff;\nfont-size: 13px;\ncolor: var(--c-fg-1);\n}\n.fmstr-cmp-far-hero__field-input--filled { color: var(--c-fg-1); }\n.fmstr-cmp-far-hero__field-input--empty { color: var(--c-fg-3); background: #f9fafb; }\n.fmstr-cmp-far-hero__field-input--cursor::after {\ncontent: \"\";\ndisplay: inline-block;\nwidth: 1.5px;\nheight: 12px;\nbackground: var(--c-violet-600);\nmargin-left: 1px;\nvertical-align: middle;\nanimation: fmstr-cmp-far-hero-blink 1s steps(2) infinite;\n}\n@keyframes fmstr-cmp-far-hero-blink { to { opacity: 0; } }\n\n.fmstr-cmp-far-hero__progress {\ndisplay: flex;\nalign-items: center;\ngap: 10px;\nmargin-top: 4px;\nfont-size: 11.5px;\ncolor: var(--c-fg-3);\n}\n.fmstr-cmp-far-hero__progress-bar {\nflex: 1;\nheight: 6px;\nborder-radius: 9999px;\nbackground: #f4ebff;\noverflow: hidden;\n}\n.fmstr-cmp-far-hero__progress-fill {\nwidth: 60%;\nheight: 100%;\nbackground: linear-gradient(90deg, var(--c-violet-500), var(--c-violet-600));\nborder-radius: 9999px;\n}\n\n/* REMINDER EMAIL CARD overlay */\n.fmstr-cmp-far-hero__reminder {\nposition: absolute;\nright: -18px;\nbottom: -32px;\nwidth: 260px;\nmax-width: 80%;\nbackground: #ffffff;\nborder: 1px solid var(--c-border);\nborder-radius: 14px;\nbox-shadow: var(--c-shadow-lg);\npadding: 14px 14px 12px;\ndisplay: flex;\nflex-direction: column;\ngap: 8px;\n}\n.fmstr-cmp-far-hero__reminder-from {\ndisplay: flex;\nalign-items: center;\ngap: 8px;\nfont-size: 11px;\ncolor: var(--c-fg-3);\n}\n.fmstr-cmp-far-hero__reminder-avatar {\nwidth: 22px;\nheight: 22px;\nborder-radius: 9999px;\nbackground: linear-gradient(135deg, var(--c-violet-500), var(--c-violet-700));\ncolor: #ffffff;\ndisplay: inline-flex;\nalign-items: center;\njustify-content: center;\nfont-size: 10px;\nfont-weight: 700;\nflex-shrink: 0;\n}\n.fmstr-cmp-far-hero__reminder-subj {\nfont-size: 13px;\nfont-weight: 700;\ncolor: var(--c-fg-1);\nline-height: 1.35;\n}\n.fmstr-cmp-far-hero__reminder-body {\nfont-size: 11.5px;\ncolor: var(--c-fg-2);\nline-height: 1.5;\n}\n.fmstr-cmp-far-hero__reminder-cta {\ndisplay: inline-flex;\npadding: 6px 12px;\nbackground: var(--c-violet-500);\ncolor: #ffffff;\nborder-radius: 9999px;\nfont-size: 11px;\nfont-weight: 600;\nalign-self: flex-start;\n}\n\n@media (max-width: 980px) {\n.fmstr-cmp-far-hero__container { grid-template-columns: 1fr; gap: 48px; }\n.fmstr-cmp-far-hero__copy { max-width: 100%; }\n.fmstr-cmp-far-hero__reminder { right: 4px; bottom: -28px; width: 240px; }\n}\n@media (max-width: 760px) {\n.fmstr-cmp-far-hero { padding: 72px 16px 64px; }\n.fmstr-cmp-far-hero__ctas { flex-direction: column; align-items: stretch; }\n.fmstr-cmp-far-hero__cta-primary,\n.fmstr-cmp-far-hero__cta-secondary { justify-content: center; }\n.fmstr-cmp-far-hero__reminder { position: static; width: 100%; max-width: 100%; margin-top: 18px; }\n}\n\u003C/style>\n\n\u003Csection class=\"fmstr-cmp-far-hero\" aria-labelledby=\"fmstr-cmp-far-hero-h1\">\n\u003Cdiv class=\"fmstr-cmp-far-hero__container\">\n\n\u003Cdiv class=\"fmstr-cmp-far-hero__copy\">\n\u003Cspan class=\"fmstr-cmp-far-hero__badge\">\n\u003Cspan class=\"fmstr-cmp-far-hero__badge-dot\" aria-hidden=\"true\">\n\u003Csvg width=\"10\" height=\"10\" 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/polyline>\u003C/svg>\n\u003C/span>\nBusiness plan. No Zapier. No code.\n\u003C/span>\n\u003Ch1 class=\"fmstr-cmp-far-hero__h1\" id=\"fmstr-cmp-far-hero-h1\">Recover abandoned forms before they cost you the lead\u003C/h1>\n\u003Cp class=\"fmstr-cmp-far-hero__sub\">Autosave every partial submission. Send the reminder. Bring users back to finish what they started, without writing a single line of automation.\u003C/p>\n\u003Cdiv class=\"fmstr-cmp-far-hero__ctas\">\n\u003Ca class=\"fmstr-cmp-far-hero__cta-primary\" href=\"https://app.formester.com/users/sign_up\">\nStart recovering abandoned forms\n\u003Csvg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\u003Cline x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\">\u003C/line>\u003Cpolyline points=\"12 5 19 12 12 19\">\u003C/polyline>\u003C/svg>\n\u003C/a>\n\u003Ca class=\"fmstr-cmp-far-hero__cta-secondary\" href=\"#how-it-works\">See the 90-second demo\u003C/a>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-far-hero__trust\">\n\u003Cspan class=\"fmstr-cmp-far-hero__trust-dot\" aria-hidden=\"true\">\u003C/span>\nTrusted by 56,000+ teams to capture leads they would have lost\n\u003C/div>\n\u003C/div>\n\n\u003Cdiv class=\"fmstr-cmp-far-hero__visual\" aria-hidden=\"true\">\n\u003Cdiv class=\"fmstr-cmp-far-hero__browser\">\n\u003Cdiv class=\"fmstr-cmp-far-hero__browser-bar\">\n\u003Cspan class=\"fmstr-cmp-far-hero__browser-dot\">\u003C/span>\n\u003Cspan class=\"fmstr-cmp-far-hero__browser-dot\">\u003C/span>\n\u003Cspan class=\"fmstr-cmp-far-hero__browser-dot\">\u003C/span>\n\u003Cspan class=\"fmstr-cmp-far-hero__browser-url\">yourdomain.com/apply\u003C/span>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-far-hero__form\">\n\u003Cdiv class=\"fmstr-cmp-far-hero__form-title\">\n\u003Cspan class=\"fmstr-cmp-far-hero__form-title-text\">Senior Engineer · Application\u003C/span>\n\u003Cspan class=\"fmstr-cmp-far-hero__autosave\">\n\u003Cspan class=\"fmstr-cmp-far-hero__autosave-pulse\">\u003C/span>\nAutosaved\n\u003C/span>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-far-hero__field\">\n\u003Cspan class=\"fmstr-cmp-far-hero__field-label\">Full name\u003C/span>\n\u003Cspan class=\"fmstr-cmp-far-hero__field-input fmstr-cmp-far-hero__field-input--filled\">Maya Patel\u003C/span>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-far-hero__field\">\n\u003Cspan class=\"fmstr-cmp-far-hero__field-label\">Work email\u003C/span>\n\u003Cspan class=\"fmstr-cmp-far-hero__field-input fmstr-cmp-far-hero__field-input--filled\">maya@northwind.co\u003C/span>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-far-hero__field\">\n\u003Cspan class=\"fmstr-cmp-far-hero__field-label\">Years of experience\u003C/span>\n\u003Cspan class=\"fmstr-cmp-far-hero__field-input fmstr-cmp-far-hero__field-input--filled fmstr-cmp-far-hero__field-input--cursor\">7\u003C/span>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-far-hero__field\">\n\u003Cspan class=\"fmstr-cmp-far-hero__field-label\">Portfolio link\u003C/span>\n\u003Cspan class=\"fmstr-cmp-far-hero__field-input fmstr-cmp-far-hero__field-input--empty\">https://\u003C/span>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-far-hero__progress\">\n\u003Cspan>3 of 5 fields\u003C/span>\n\u003Cspan class=\"fmstr-cmp-far-hero__progress-bar\">\u003Cspan class=\"fmstr-cmp-far-hero__progress-fill\">\u003C/span>\u003C/span>\n\u003Cspan>60%\u003C/span>\n\u003C/div>\n\u003C/div>\n\u003C/div>\n\n\u003Cdiv class=\"fmstr-cmp-far-hero__reminder\">\n\u003Cdiv class=\"fmstr-cmp-far-hero__reminder-from\">\n\u003Cspan class=\"fmstr-cmp-far-hero__reminder-avatar\">N\u003C/span>\n\u003Cspan>Northwind Careers · 2 days later\u003C/span>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-far-hero__reminder-subj\">Your Senior Engineer application is almost done\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-far-hero__reminder-body\">Two fields left: portfolio link and notice period. Pick up where you left off.\u003C/div>\n\u003Cspan class=\"fmstr-cmp-far-hero__reminder-cta\">Finish application\u003C/span>\n\u003C/div>\n\u003C/div>\n\n\u003C/div>\n\u003C/section>\n\u003C/div>",false,{"id":69,"__component":70,"label":71,"heading":72,"description":72,"showTrustBadges":67,"rawHtml":72,"title":73,"logos":74},438,"macro-components.trust-seals","Trusted by leading organisations",null,[],[],{"id":76,"__component":65,"markup":77,"useContainer":67},255,"\u003Cdiv class=\"raw-html-embed\">\u003Cstyle>\n/* host-link-override */\n.fmstr-cmp-far-cost a { color: var(--c-violet-600) !important; text-decoration: none !important; }\n.fmstr-cmp-far-cost a:hover { text-decoration: underline !important; }\n\n.fmstr-cmp-far-cost {\n--c-bg: #ffffff;\n--c-soft: #f9fafb;\n--c-tint: #f7f3ff;\n--c-edge: #e4d7ff;\n--c-fg-1: #101828;\n--c-fg-2: #475467;\n--c-fg-3: #697586;\n--c-violet-500: #7f56d9;\n--c-violet-600: #6941c6;\n--c-violet-700: #5b34b1;\n--c-border: #eaecf0;\n--c-shadow-md: 0 4px 20px rgba(16,24,40,.06);\n\nbackground: var(--c-bg);\npadding: 88px 24px;\nfont-family: inherit;\noverflow-x: hidden;\ncolor: var(--c-fg-1);\n}\n.fmstr-cmp-far-cost *, .fmstr-cmp-far-cost *::before, .fmstr-cmp-far-cost *::after { box-sizing: border-box; }\n.fmstr-cmp-far-cost > *, .fmstr-cmp-far-cost > * > * { min-width: 0; }\n\n.fmstr-cmp-far-cost__container { max-width: 980px; margin: 0 auto; }\n\n.fmstr-cmp-far-cost__header {\nmax-width: 760px;\nmargin: 0 auto 48px;\ntext-align: center;\n}\n.fmstr-cmp-far-cost__eyebrow {\ndisplay: inline-block;\npadding: 4px 12px;\nmargin-bottom: 16px;\nbackground: var(--c-tint);\nborder-radius: 9999px;\nfont-size: 12px;\nfont-weight: 700;\nletter-spacing: 0.08em;\ntext-transform: uppercase;\ncolor: var(--c-violet-700);\n}\n.fmstr-cmp-far-cost__h2 {\nmargin: 0 0 16px;\nfont-size: clamp(28px, 3.6vw, 42px);\nline-height: 1.12;\nletter-spacing: -0.02em;\nfont-weight: 700;\ncolor: var(--c-fg-1);\n}\n.fmstr-cmp-far-cost__sub {\nmargin: 0;\nfont-size: 17px;\nline-height: 1.6;\ncolor: var(--c-fg-2);\n}\n\n.fmstr-cmp-far-cost__stat-wrap {\ndisplay: flex;\nalign-items: center;\njustify-content: center;\ngap: 28px;\nmargin: 32px auto 48px;\n}\n.fmstr-cmp-far-cost__stat-big {\nfont-size: clamp(72px, 12vw, 132px);\nline-height: 1;\nfont-weight: 800;\nbackground: linear-gradient(135deg, var(--c-violet-500), var(--c-violet-700));\n-webkit-background-clip: text;\nbackground-clip: text;\ncolor: transparent;\nletter-spacing: -0.04em;\n}\n.fmstr-cmp-far-cost__stat-meta {\ndisplay: flex;\nflex-direction: column;\ngap: 4px;\ntext-align: left;\n}\n.fmstr-cmp-far-cost__stat-label {\nfont-size: 13px;\nfont-weight: 700;\nletter-spacing: 0.06em;\ntext-transform: uppercase;\ncolor: var(--c-violet-600);\n}\n.fmstr-cmp-far-cost__stat-body {\nfont-size: 15px;\ncolor: var(--c-fg-2);\nmax-width: 280px;\nline-height: 1.55;\n}\n\n.fmstr-cmp-far-cost__body {\nmargin: 0 auto;\nmax-width: 760px;\nfont-size: 17px;\nline-height: 1.7;\ncolor: var(--c-fg-2);\n}\n.fmstr-cmp-far-cost__body p { margin: 0 0 16px; }\n.fmstr-cmp-far-cost__body p:last-child { margin-bottom: 0; }\n.fmstr-cmp-far-cost__body strong { color: var(--c-fg-1); font-weight: 600; }\n\n@media (max-width: 640px) {\n.fmstr-cmp-far-cost { padding: 64px 16px; }\n.fmstr-cmp-far-cost__stat-wrap { flex-direction: column; gap: 12px; text-align: center; }\n.fmstr-cmp-far-cost__stat-meta { text-align: center; align-items: center; }\n}\n\u003C/style>\n\n\u003Csection class=\"fmstr-cmp-far-cost\" aria-labelledby=\"fmstr-cmp-far-cost-h2\">\n\u003Cdiv class=\"fmstr-cmp-far-cost__container\">\n\n\u003Cheader class=\"fmstr-cmp-far-cost__header\">\n\u003Cspan class=\"fmstr-cmp-far-cost__eyebrow\">The hidden conversion leak\u003C/span>\n\u003Ch2 class=\"fmstr-cmp-far-cost__h2\" id=\"fmstr-cmp-far-cost-h2\">67% of users who start a form never finish it\u003C/h2>\n\u003Cp class=\"fmstr-cmp-far-cost__sub\">Every form-builder ships a high-converting top-of-funnel and hopes for the best. Most never measure what happens between page-load and submit.\u003C/p>\n\u003C/header>\n\n\u003Cdiv class=\"fmstr-cmp-far-cost__stat-wrap\">\n\u003Cdiv class=\"fmstr-cmp-far-cost__stat-big\">25%\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-far-cost__stat-meta\">\n\u003Cspan class=\"fmstr-cmp-far-cost__stat-label\">Past 11 fields\u003C/span>\n\u003Cspan class=\"fmstr-cmp-far-cost__stat-body\">of starters drop off before the second page on long forms.\u003C/span>\n\u003C/div>\n\u003C/div>\n\n\u003Cdiv class=\"fmstr-cmp-far-cost__body\">\n\u003Cp>That gap is form abandonment. A user enters real intent, types into the first few fields, hits friction, and leaves. No record, no follow-up, no retry. The lead is gone before it ever entered your CRM.\u003C/p>\n\u003Cp>For long forms (job applications, mortgage intake, multi-step registration), the abandonment number climbs. \u003Ca href=\"https://cxl.com/blog/form-design/\">CXL benchmarks show that forms with more than 11 fields lose 1 in 4 users\u003C/a> before the second page. The fix is not to make every form shorter. \u003Cstrong>The fix is to capture what users have already typed, then bring them back to finish.\u003C/strong>\u003C/p>\n\u003C/div>\n\n\u003C/div>\n\u003C/section>\n\u003C/div>",{"id":79,"__component":65,"markup":80,"useContainer":67},256,"\u003Cdiv class=\"raw-html-embed\">\u003Cstyle>\n/* host-link-override */\n.fmstr-cmp-far-why a { color: var(--c-violet-600) !important; text-decoration: none !important; }\n.fmstr-cmp-far-why a:hover { text-decoration: underline !important; }\n\n.fmstr-cmp-far-why {\n--c-bg: #ffffff;\n--c-soft: #f9fafb;\n--c-tint: #f7f3ff;\n--c-edge: #e4d7ff;\n--c-fg-1: #101828;\n--c-fg-2: #475467;\n--c-fg-3: #697586;\n--c-violet-500: #7f56d9;\n--c-violet-600: #6941c6;\n--c-border: #eaecf0;\n--c-shadow-sm: 0 1px 3px rgba(16,24,40,.05), 0 1px 2px rgba(16,24,40,.03);\n--c-shadow-md: 0 4px 20px rgba(16,24,40,.06);\n\nbackground: var(--c-soft);\npadding: 88px 24px;\nfont-family: inherit;\noverflow-x: hidden;\ncolor: var(--c-fg-1);\n}\n.fmstr-cmp-far-why *, .fmstr-cmp-far-why *::before, .fmstr-cmp-far-why *::after { box-sizing: border-box; }\n.fmstr-cmp-far-why > *, .fmstr-cmp-far-why > * > * { min-width: 0; }\n\n.fmstr-cmp-far-why__container { max-width: 1180px; margin: 0 auto; }\n\n.fmstr-cmp-far-why__header {\nmax-width: 760px;\nmargin: 0 auto 48px;\ntext-align: center;\n}\n.fmstr-cmp-far-why__h2 {\nmargin: 0 0 14px;\nfont-size: clamp(28px, 3.6vw, 42px);\nline-height: 1.12;\nletter-spacing: -0.02em;\nfont-weight: 700;\ncolor: var(--c-fg-1);\n}\n.fmstr-cmp-far-why__sub {\nmargin: 0;\nfont-size: 17px;\nline-height: 1.6;\ncolor: var(--c-fg-2);\n}\n\n.fmstr-cmp-far-why__grid {\ndisplay: grid;\ngrid-template-columns: repeat(3, 1fr);\ngap: 20px;\n}\n\n.fmstr-cmp-far-why__card {\ndisplay: flex;\nflex-direction: column;\ngap: 12px;\npadding: 28px;\nbackground: #ffffff;\nborder: 1px solid var(--c-border);\nborder-radius: 16px;\nbox-shadow: var(--c-shadow-sm);\ntransition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;\n}\n.fmstr-cmp-far-why__card:hover {\nborder-color: var(--c-edge);\nbox-shadow: var(--c-shadow-md);\ntransform: translateY(-2px);\n}\n\n.fmstr-cmp-far-why__num {\ndisplay: inline-flex;\nalign-items: center;\njustify-content: center;\nwidth: 32px;\nheight: 32px;\nborder-radius: 8px;\nbackground: var(--c-tint);\ncolor: var(--c-violet-600);\nfont-weight: 700;\nfont-size: 14px;\nflex-shrink: 0;\n}\n\n.fmstr-cmp-far-why__h3 {\nmargin: 0;\nfont-size: 18px;\nline-height: 1.3;\nfont-weight: 700;\ncolor: var(--c-fg-1);\n}\n\n.fmstr-cmp-far-why__body {\nmargin: 0;\nfont-size: 15px;\nline-height: 1.65;\ncolor: var(--c-fg-2);\n}\n.fmstr-cmp-far-why__body strong { color: var(--c-fg-1); font-weight: 600; }\n\n@media (max-width: 1000px) {\n.fmstr-cmp-far-why__grid { grid-template-columns: repeat(2, 1fr); }\n}\n@media (max-width: 720px) {\n.fmstr-cmp-far-why { padding: 64px 16px; }\n.fmstr-cmp-far-why__grid { grid-template-columns: 1fr; gap: 14px; }\n.fmstr-cmp-far-why__card { padding: 22px; }\n}\n\u003C/style>\n\n\u003Csection class=\"fmstr-cmp-far-why\" aria-labelledby=\"fmstr-cmp-far-why-h2\">\n\u003Cdiv class=\"fmstr-cmp-far-why__container\">\n\n\u003Cheader class=\"fmstr-cmp-far-why__header\">\n\u003Ch2 class=\"fmstr-cmp-far-why__h2\" id=\"fmstr-cmp-far-why-h2\">The five things that cause form abandonment\u003C/h2>\n\u003Cp class=\"fmstr-cmp-far-why__sub\">Diagnose the leak before you patch it. Each reason maps to a fix you can ship today.\u003C/p>\n\u003C/header>\n\n\u003Cdiv class=\"fmstr-cmp-far-why__grid\">\n\n\u003Carticle class=\"fmstr-cmp-far-why__card\">\n\u003Cspan class=\"fmstr-cmp-far-why__num\" aria-hidden=\"true\">1\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-far-why__h3\">Form length\u003C/h3>\n\u003Cp class=\"fmstr-cmp-far-why__body\">Every additional field reduces completion rate. Past 11 fields, you lose 25% of starters. Past 20, you lose half. Most teams add fields defensively (\"just in case sales needs this\"); the cost shows up as silently abandoned forms.\u003C/p>\n\u003C/article>\n\n\u003Carticle class=\"fmstr-cmp-far-why__card\">\n\u003Cspan class=\"fmstr-cmp-far-why__num\" aria-hidden=\"true\">2\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-far-why__h3\">Page-load lag\u003C/h3>\n\u003Cp class=\"fmstr-cmp-far-why__body\">If your form takes more than 3 seconds to render, \u003Ca href=\"https://www.thinkwithgoogle.com/marketing-strategies/app-and-mobile/page-load-time-statistics/\">40% of users bounce before the first field\u003C/a>. This is a CDN problem more than a form problem, but the form is what gets blamed.\u003C/p>\n\u003C/article>\n\n\u003Carticle class=\"fmstr-cmp-far-why__card\">\n\u003Cspan class=\"fmstr-cmp-far-why__num\" aria-hidden=\"true\">3\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-far-why__h3\">Mobile friction\u003C/h3>\n\u003Cp class=\"fmstr-cmp-far-why__body\">Tap targets too small, dropdowns that do not render right, autofocus issues. Mobile form abandonment runs 2x higher than desktop on the same form. If your form looks fine on desktop but you have not tested on a mid-tier Android, you are bleeding leads.\u003C/p>\n\u003C/article>\n\n\u003Carticle class=\"fmstr-cmp-far-why__card\">\n\u003Cspan class=\"fmstr-cmp-far-why__num\" aria-hidden=\"true\">4\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-far-why__h3\">Field-level friction\u003C/h3>\n\u003Cp class=\"fmstr-cmp-far-why__body\">Asking for date of birth as three separate dropdowns. Requiring a phone number with strict format rules. Forcing a password before email confirmation. These are individual fields that each cost around 5% to 10% of users.\u003C/p>\n\u003C/article>\n\n\u003Carticle class=\"fmstr-cmp-far-why__card\">\n\u003Cspan class=\"fmstr-cmp-far-why__num\" aria-hidden=\"true\">5\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-far-why__h3\">Trust signals missing\u003C/h3>\n\u003Cp class=\"fmstr-cmp-far-why__body\">No SSL badge, no privacy callout, no plan or payment clarity. Users abandon at the field where they would be giving you data they consider sensitive (SSN, salary, financial info). The fix is rarely the form itself; it is the signals around it.\u003C/p>\n\u003C/article>\n\n\u003C/div>\n\u003C/div>\n\u003C/section>\n\u003C/div>",{"id":82,"__component":65,"markup":83,"useContainer":67},257,"\u003Cdiv class=\"raw-html-embed\">\u003Cstyle>\n/* host-link-override */\n.fmstr-cmp-far-hiw a { color: var(--c-violet-600) !important; text-decoration: none !important; }\n.fmstr-cmp-far-hiw a:hover { text-decoration: underline !important; }\n\n.fmstr-cmp-far-hiw {\n--c-bg: #ffffff;\n--c-soft: #f9fafb;\n--c-tint: #f7f3ff;\n--c-edge: #e4d7ff;\n--c-fg-1: #101828;\n--c-fg-2: #475467;\n--c-fg-3: #697586;\n--c-violet-500: #7f56d9;\n--c-violet-600: #6941c6;\n--c-violet-700: #5b34b1;\n--c-green-500: #12b76a;\n--c-border: #eaecf0;\n--c-shadow-sm: 0 1px 3px rgba(16,24,40,.05), 0 1px 2px rgba(16,24,40,.03);\n--c-shadow-md: 0 4px 20px rgba(16,24,40,.06);\n--c-shadow-lg: 0 16px 40px rgba(16,24,40,.10);\n\nposition: relative;\nbackground: var(--c-bg);\npadding: 96px 24px;\nfont-family: inherit;\noverflow-x: hidden;\ncolor: var(--c-fg-1);\n}\n.fmstr-cmp-far-hiw *, .fmstr-cmp-far-hiw *::before, .fmstr-cmp-far-hiw *::after { box-sizing: border-box; }\n.fmstr-cmp-far-hiw > *, .fmstr-cmp-far-hiw > * > * { min-width: 0; }\n\n.fmstr-cmp-far-hiw__container { max-width: 1180px; margin: 0 auto; position: relative; }\n\n.fmstr-cmp-far-hiw__header {\nmax-width: 760px;\nmargin: 0 auto 56px;\ntext-align: center;\n}\n.fmstr-cmp-far-hiw__h2 {\nmargin: 0 0 14px;\nfont-size: clamp(28px, 3.6vw, 42px);\nline-height: 1.12;\nletter-spacing: -0.02em;\nfont-weight: 700;\ncolor: var(--c-fg-1);\n}\n.fmstr-cmp-far-hiw__sub {\nmargin: 0;\nfont-size: 17px;\nline-height: 1.6;\ncolor: var(--c-fg-2);\n}\n\n.fmstr-cmp-far-hiw__steps {\ndisplay: flex;\nflex-direction: column;\ngap: 40px;\nposition: relative;\n}\n.fmstr-cmp-far-hiw__steps::before {\ncontent: \"\";\nposition: absolute;\ntop: 32px;\nbottom: 32px;\nleft: 27px;\nwidth: 2px;\nbackground: repeating-linear-gradient(to bottom, var(--c-edge) 0, var(--c-edge) 6px, transparent 6px, transparent 12px);\nz-index: 0;\n}\n\n.fmstr-cmp-far-hiw__step {\nposition: relative;\nz-index: 1;\ndisplay: grid;\ngrid-template-columns: 56px 1fr 1fr;\ngap: 24px;\nalign-items: start;\n}\n\n.fmstr-cmp-far-hiw__num {\ndisplay: inline-flex;\nalign-items: center;\njustify-content: center;\nwidth: 56px;\nheight: 56px;\nborder-radius: 50%;\nbackground: linear-gradient(135deg, var(--c-violet-500), var(--c-violet-700));\ncolor: #ffffff;\nfont-weight: 700;\nfont-size: 20px;\nbox-shadow: 0 8px 18px rgba(127,86,217,.28);\nflex-shrink: 0;\n}\n\n.fmstr-cmp-far-hiw__copy {\npadding-top: 6px;\nmax-width: 460px;\n}\n.fmstr-cmp-far-hiw__h3 {\nmargin: 0 0 8px;\nfont-size: 22px;\nline-height: 1.3;\nfont-weight: 700;\ncolor: var(--c-fg-1);\n}\n.fmstr-cmp-far-hiw__body {\nmargin: 0;\nfont-size: 15.5px;\nline-height: 1.65;\ncolor: var(--c-fg-2);\n}\n\n.fmstr-cmp-far-hiw__visual {\nposition: relative;\nz-index: 1;\nbackground: #ffffff;\nborder: 1px solid var(--c-border);\nborder-radius: 14px;\nbox-shadow: var(--c-shadow-md);\npadding: 16px;\nfont-size: 12.5px;\nmax-width: 100%;\noverflow: hidden;\n}\n\n/* STEP 1 — autosave field row */\n.fmstr-cmp-far-hiw__field-row {\ndisplay: flex;\nflex-direction: column;\ngap: 6px;\nmargin-bottom: 12px;\n}\n.fmstr-cmp-far-hiw__field-row:last-child { margin-bottom: 0; }\n.fmstr-cmp-far-hiw__field-label {\nfont-size: 11px;\nfont-weight: 600;\ncolor: var(--c-fg-2);\n}\n.fmstr-cmp-far-hiw__field-val {\ndisplay: flex;\nalign-items: center;\ngap: 8px;\npadding: 8px 10px;\nborder: 1px solid var(--c-border);\nborder-radius: 7px;\nfont-size: 12.5px;\ncolor: var(--c-fg-1);\nbackground: #fff;\n}\n.fmstr-cmp-far-hiw__field-val--active {\nborder-color: var(--c-violet-500);\nbox-shadow: 0 0 0 3px rgba(127,86,217,.12);\n}\n.fmstr-cmp-far-hiw__field-saved {\nmargin-left: auto;\ndisplay: inline-flex;\nalign-items: center;\ngap: 4px;\ncolor: #027a48;\nfont-size: 10.5px;\nfont-weight: 600;\n}\n.fmstr-cmp-far-hiw__field-saved-dot { width: 6px; height: 6px; border-radius: 9999px; background: var(--c-green-500); }\n\n/* STEP 2 — email mockup */\n.fmstr-cmp-far-hiw__email-bar {\ndisplay: flex;\nalign-items: center;\ngap: 8px;\npadding-bottom: 10px;\nmargin-bottom: 10px;\nborder-bottom: 1px solid var(--c-border);\nfont-size: 11px;\ncolor: var(--c-fg-3);\n}\n.fmstr-cmp-far-hiw__email-avatar {\nwidth: 26px;\nheight: 26px;\nborder-radius: 9999px;\nbackground: linear-gradient(135deg, var(--c-violet-500), var(--c-violet-700));\ncolor: #fff;\ndisplay: inline-flex;\nalign-items: center;\njustify-content: center;\nfont-weight: 700;\nfont-size: 11px;\nflex-shrink: 0;\n}\n.fmstr-cmp-far-hiw__email-from { display: flex; flex-direction: column; gap: 1px; }\n.fmstr-cmp-far-hiw__email-from-name { color: var(--c-fg-1); font-weight: 600; }\n.fmstr-cmp-far-hiw__email-subj { font-size: 13.5px; font-weight: 700; color: var(--c-fg-1); margin-bottom: 6px; }\n.fmstr-cmp-far-hiw__email-body { font-size: 12px; color: var(--c-fg-2); line-height: 1.55; margin-bottom: 10px; }\n.fmstr-cmp-far-hiw__email-cta {\ndisplay: inline-block;\npadding: 7px 14px;\nbackground: var(--c-violet-500);\ncolor: #ffffff;\nborder-radius: 9999px;\nfont-size: 11.5px;\nfont-weight: 600;\n}\n\n/* STEP 3 — resumed form */\n.fmstr-cmp-far-hiw__resume-banner {\ndisplay: flex;\nalign-items: center;\ngap: 8px;\npadding: 8px 10px;\nmargin-bottom: 10px;\nbackground: var(--c-tint);\nborder-radius: 7px;\nfont-size: 11.5px;\ncolor: var(--c-violet-700);\nfont-weight: 600;\n}\n.fmstr-cmp-far-hiw__progress {\ndisplay: flex;\nalign-items: center;\ngap: 8px;\nfont-size: 11px;\ncolor: var(--c-fg-3);\nmargin-top: 10px;\n}\n.fmstr-cmp-far-hiw__progress-bar {\nflex: 1;\nheight: 5px;\nbackground: #f4ebff;\nborder-radius: 9999px;\noverflow: hidden;\n}\n.fmstr-cmp-far-hiw__progress-fill {\nheight: 100%;\nbackground: linear-gradient(90deg, var(--c-violet-500), var(--c-violet-600));\nborder-radius: 9999px;\n}\n\n@media (max-width: 980px) {\n.fmstr-cmp-far-hiw__step { grid-template-columns: 56px 1fr; gap: 18px; }\n.fmstr-cmp-far-hiw__visual { grid-column: 2 / -1; margin-left: 0; }\n}\n@media (max-width: 640px) {\n.fmstr-cmp-far-hiw { padding: 72px 16px; }\n.fmstr-cmp-far-hiw__steps::before { display: none; }\n.fmstr-cmp-far-hiw__step { grid-template-columns: 48px 1fr; gap: 14px; }\n.fmstr-cmp-far-hiw__num { width: 48px; height: 48px; font-size: 18px; }\n.fmstr-cmp-far-hiw__h3 { font-size: 19px; }\n}\n\u003C/style>\n\n\u003Csection class=\"fmstr-cmp-far-hiw\" id=\"how-it-works\" aria-labelledby=\"fmstr-cmp-far-hiw-h2\">\n\u003Cdiv class=\"fmstr-cmp-far-hiw__container\">\n\n\u003Cheader class=\"fmstr-cmp-far-hiw__header\">\n\u003Ch2 class=\"fmstr-cmp-far-hiw__h2\" id=\"fmstr-cmp-far-hiw-h2\">Three-step recovery: autosave, remind, resume\u003C/h2>\n\u003Cp class=\"fmstr-cmp-far-hiw__sub\">No Zapier. No webhooks. Autosave is on by default. The reminder is one toggle. The resume link works on every device.\u003C/p>\n\u003C/header>\n\n\u003Cdiv class=\"fmstr-cmp-far-hiw__steps\">\n\n\u003Cdiv class=\"fmstr-cmp-far-hiw__step\">\n\u003Cspan class=\"fmstr-cmp-far-hiw__num\" aria-hidden=\"true\">1\u003C/span>\n\u003Cdiv class=\"fmstr-cmp-far-hiw__copy\">\n\u003Ch3 class=\"fmstr-cmp-far-hiw__h3\">Every keystroke gets saved\u003C/h3>\n\u003Cp class=\"fmstr-cmp-far-hiw__body\">The moment a user types into the first field, Formester captures the partial submission. If they close the tab, refresh the page, or lose connection, their progress is preserved. No \"your form will be lost\" warning. No frustrated re-typing. Powered by \u003Ca href=\"https://formester.com/features/partial-submissions/\">Partial Submissions\u003C/a>, included on the Business plan.\u003C/p>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-far-hiw__visual\" aria-hidden=\"true\">\n\u003Cdiv class=\"fmstr-cmp-far-hiw__field-row\">\n\u003Cspan class=\"fmstr-cmp-far-hiw__field-label\">Full name\u003C/span>\n\u003Cspan class=\"fmstr-cmp-far-hiw__field-val\">\nMaya Patel\n\u003Cspan class=\"fmstr-cmp-far-hiw__field-saved\">\u003Cspan class=\"fmstr-cmp-far-hiw__field-saved-dot\">\u003C/span> Saved\u003C/span>\n\u003C/span>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-far-hiw__field-row\">\n\u003Cspan class=\"fmstr-cmp-far-hiw__field-label\">Work email\u003C/span>\n\u003Cspan class=\"fmstr-cmp-far-hiw__field-val\">\nmaya@northwind.co\n\u003Cspan class=\"fmstr-cmp-far-hiw__field-saved\">\u003Cspan class=\"fmstr-cmp-far-hiw__field-saved-dot\">\u003C/span> Saved\u003C/span>\n\u003C/span>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-far-hiw__field-row\">\n\u003Cspan class=\"fmstr-cmp-far-hiw__field-label\">Notice period (weeks)\u003C/span>\n\u003Cspan class=\"fmstr-cmp-far-hiw__field-val fmstr-cmp-far-hiw__field-val--active\">\n4\n\u003Cspan class=\"fmstr-cmp-far-hiw__field-saved\">\u003Cspan class=\"fmstr-cmp-far-hiw__field-saved-dot\">\u003C/span> Saving…\u003C/span>\n\u003C/span>\n\u003C/div>\n\u003C/div>\n\u003C/div>\n\n\u003Cdiv class=\"fmstr-cmp-far-hiw__step\">\n\u003Cspan class=\"fmstr-cmp-far-hiw__num\" aria-hidden=\"true\">2\u003C/span>\n\u003Cdiv class=\"fmstr-cmp-far-hiw__copy\">\n\u003Ch3 class=\"fmstr-cmp-far-hiw__h3\">A reminder lands in their inbox\u003C/h3>\n\u003Cp class=\"fmstr-cmp-far-hiw__body\">If the email field is filled and the form is not submitted within your chosen window (24 hours, 3 days, 7 days), Formester sends an automated reminder. The email links to a pre-filled resume URL. The user clicks, lands back on the form with their previous answers intact, and finishes. You write the reminder copy once. Formester sends it on every qualifying abandonment.\u003C/p>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-far-hiw__visual\" aria-hidden=\"true\">\n\u003Cdiv class=\"fmstr-cmp-far-hiw__email-bar\">\n\u003Cspan class=\"fmstr-cmp-far-hiw__email-avatar\">N\u003C/span>\n\u003Cdiv class=\"fmstr-cmp-far-hiw__email-from\">\n\u003Cspan class=\"fmstr-cmp-far-hiw__email-from-name\">Northwind Careers\u003C/span>\n\u003Cspan>to maya · 2 days later\u003C/span>\n\u003C/div>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-far-hiw__email-subj\">Your Senior Engineer application is almost done\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-far-hiw__email-body\">Hi Maya, you got most of the way through. Two fields left: portfolio link and notice period. Here's the link to finish.\u003C/div>\n\u003Cspan class=\"fmstr-cmp-far-hiw__email-cta\">Finish application →\u003C/span>\n\u003C/div>\n\u003C/div>\n\n\u003Cdiv class=\"fmstr-cmp-far-hiw__step\">\n\u003Cspan class=\"fmstr-cmp-far-hiw__num\" aria-hidden=\"true\">3\u003C/span>\n\u003Cdiv class=\"fmstr-cmp-far-hiw__copy\">\n\u003Ch3 class=\"fmstr-cmp-far-hiw__h3\">They finish where they left off\u003C/h3>\n\u003Cp class=\"fmstr-cmp-far-hiw__body\">The resume link opens the form with every field they previously entered already populated. They see exactly where they stopped. No re-introduction, no \"please re-enter your details.\" They complete the last few fields, hit submit, and the response lands in your usual results view, same as any other submission.\u003C/p>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-far-hiw__visual\" aria-hidden=\"true\">\n\u003Cdiv class=\"fmstr-cmp-far-hiw__resume-banner\">\n\u003Csvg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpolyline points=\"9 11 12 14 22 4\">\u003C/polyline>\u003Cpath d=\"M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11\">\u003C/path>\u003C/svg>\nWelcome back, Maya. Picking up where you left off.\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-far-hiw__field-row\">\n\u003Cspan class=\"fmstr-cmp-far-hiw__field-label\">Portfolio link\u003C/span>\n\u003Cspan class=\"fmstr-cmp-far-hiw__field-val fmstr-cmp-far-hiw__field-val--active\">maya.dev/work\u003C/span>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-far-hiw__field-row\">\n\u003Cspan class=\"fmstr-cmp-far-hiw__field-label\">Earliest start date\u003C/span>\n\u003Cspan class=\"fmstr-cmp-far-hiw__field-val\">15 Jun 2026\u003C/span>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-far-hiw__progress\">\n\u003Cspan>5 of 5\u003C/span>\n\u003Cspan class=\"fmstr-cmp-far-hiw__progress-bar\">\u003Cspan class=\"fmstr-cmp-far-hiw__progress-fill\" style=\"width:100%;\">\u003C/span>\u003C/span>\n\u003Cspan>Submit\u003C/span>\n\u003C/div>\n\u003C/div>\n\u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003C/section>\n\u003C/div>",{"id":85,"__component":65,"markup":86,"useContainer":67},258,"\u003Cdiv class=\"raw-html-embed\">\u003Cstyle>\n/* host-link-override */\n.fmstr-cmp-far-doa a { color: var(--c-violet-600) !important; text-decoration: none !important; }\n.fmstr-cmp-far-doa a:hover { text-decoration: underline !important; }\n\n.fmstr-cmp-far-doa {\n--c-bg: #ffffff;\n--c-soft: #f9fafb;\n--c-tint: #f7f3ff;\n--c-edge: #e4d7ff;\n--c-fg-1: #101828;\n--c-fg-2: #475467;\n--c-fg-3: #697586;\n--c-violet-500: #7f56d9;\n--c-violet-600: #6941c6;\n--c-violet-700: #5b34b1;\n--c-red-500: #f04438;\n--c-amber-500: #f79009;\n--c-green-500: #12b76a;\n--c-border: #eaecf0;\n--c-shadow-sm: 0 1px 3px rgba(16,24,40,.05), 0 1px 2px rgba(16,24,40,.03);\n--c-shadow-md: 0 4px 20px rgba(16,24,40,.06);\n\nbackground: var(--c-soft);\npadding: 88px 24px;\nfont-family: inherit;\noverflow-x: hidden;\ncolor: var(--c-fg-1);\n}\n.fmstr-cmp-far-doa *, .fmstr-cmp-far-doa *::before, .fmstr-cmp-far-doa *::after { box-sizing: border-box; }\n.fmstr-cmp-far-doa > *, .fmstr-cmp-far-doa > * > * { min-width: 0; }\n\n.fmstr-cmp-far-doa__container { max-width: 1180px; margin: 0 auto; }\n\n.fmstr-cmp-far-doa__header {\nmax-width: 820px;\nmargin: 0 auto 48px;\ntext-align: center;\n}\n.fmstr-cmp-far-doa__eyebrow {\ndisplay: inline-block;\npadding: 4px 12px;\nmargin-bottom: 16px;\nbackground: var(--c-tint);\nborder-radius: 9999px;\nfont-size: 12px;\nfont-weight: 700;\nletter-spacing: 0.08em;\ntext-transform: uppercase;\ncolor: var(--c-violet-700);\n}\n.fmstr-cmp-far-doa__h2 {\nmargin: 0 0 14px;\nfont-size: clamp(28px, 3.6vw, 42px);\nline-height: 1.12;\nletter-spacing: -0.02em;\nfont-weight: 700;\ncolor: var(--c-fg-1);\n}\n.fmstr-cmp-far-doa__sub {\nmargin: 0;\nfont-size: 17px;\nline-height: 1.6;\ncolor: var(--c-fg-2);\n}\n\n.fmstr-cmp-far-doa__grid {\ndisplay: grid;\ngrid-template-columns: repeat(3, 1fr);\ngap: 20px;\n}\n\n.fmstr-cmp-far-doa__card {\ndisplay: flex;\nflex-direction: column;\ngap: 16px;\npadding: 28px;\nbackground: #ffffff;\nborder: 1px solid var(--c-border);\nborder-radius: 16px;\nbox-shadow: var(--c-shadow-sm);\ntransition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;\n}\n.fmstr-cmp-far-doa__card:hover {\nborder-color: var(--c-edge);\nbox-shadow: var(--c-shadow-md);\ntransform: translateY(-2px);\n}\n\n.fmstr-cmp-far-doa__h3 {\nmargin: 0;\nfont-size: 18px;\nline-height: 1.3;\nfont-weight: 700;\ncolor: var(--c-fg-1);\n}\n.fmstr-cmp-far-doa__body {\nmargin: 0;\nfont-size: 15px;\nline-height: 1.65;\ncolor: var(--c-fg-2);\n}\n\n/* visuals */\n.fmstr-cmp-far-doa__visual {\nmargin-top: auto;\npadding: 14px;\nbackground: var(--c-soft);\nborder: 1px solid var(--c-border);\nborder-radius: 10px;\n}\n\n/* Card 1: field bar chart */\n.fmstr-cmp-far-doa__bars { display: flex; flex-direction: column; gap: 8px; }\n.fmstr-cmp-far-doa__bar-row {\ndisplay: grid;\ngrid-template-columns: 1fr 36px;\ngap: 10px;\nalign-items: center;\nfont-size: 11.5px;\ncolor: var(--c-fg-2);\n}\n.fmstr-cmp-far-doa__bar-track {\nposition: relative;\nheight: 7px;\nbackground: #f4ebff;\nborder-radius: 9999px;\noverflow: hidden;\n}\n.fmstr-cmp-far-doa__bar-fill {\nposition: absolute;\ninset: 0;\nheight: 100%;\nborder-radius: 9999px;\n}\n.fmstr-cmp-far-doa__bar-fill--good { background: var(--c-green-500); }\n.fmstr-cmp-far-doa__bar-fill--ok { background: var(--c-amber-500); }\n.fmstr-cmp-far-doa__bar-fill--bad { background: var(--c-red-500); }\n.fmstr-cmp-far-doa__bar-label { display: flex; align-items: center; gap: 6px; }\n.fmstr-cmp-far-doa__bar-flag {\ndisplay: inline-block;\npadding: 1px 5px;\nborder-radius: 4px;\nbackground: #fee4e2;\ncolor: #b42318;\nfont-size: 9.5px;\nfont-weight: 700;\nletter-spacing: 0.02em;\ntext-transform: uppercase;\n}\n.fmstr-cmp-far-doa__bar-pct { text-align: right; font-weight: 600; color: var(--c-fg-1); }\n\n/* Card 2: device toggle */\n.fmstr-cmp-far-doa__tabs {\ndisplay: flex;\ngap: 4px;\npadding: 3px;\nbackground: #ffffff;\nborder: 1px solid var(--c-border);\nborder-radius: 9999px;\nmargin-bottom: 12px;\n}\n.fmstr-cmp-far-doa__tab {\nflex: 1;\npadding: 6px 10px;\nborder-radius: 9999px;\nfont-size: 11.5px;\nfont-weight: 600;\ntext-align: center;\ncolor: var(--c-fg-2);\n}\n.fmstr-cmp-far-doa__tab--active { background: var(--c-violet-500); color: #ffffff; }\n.fmstr-cmp-far-doa__split {\ndisplay: grid;\ngrid-template-columns: 1fr 1fr;\ngap: 10px;\n}\n.fmstr-cmp-far-doa__metric {\npadding: 10px;\nbackground: #ffffff;\nborder: 1px solid var(--c-border);\nborder-radius: 8px;\ntext-align: center;\n}\n.fmstr-cmp-far-doa__metric-val { font-size: 20px; font-weight: 800; color: var(--c-violet-600); line-height: 1; }\n.fmstr-cmp-far-doa__metric-label { font-size: 10.5px; color: var(--c-fg-3); margin-top: 4px; letter-spacing: 0.04em; text-transform: uppercase; font-weight: 600; }\n\n/* Card 3: sparkline */\n.fmstr-cmp-far-doa__spark {\nwidth: 100%;\nheight: 70px;\ndisplay: block;\n}\n.fmstr-cmp-far-doa__spark-meta {\ndisplay: flex;\njustify-content: space-between;\nmargin-top: 8px;\nfont-size: 11px;\ncolor: var(--c-fg-3);\n}\n.fmstr-cmp-far-doa__spark-alert {\ndisplay: inline-flex;\nalign-items: center;\ngap: 4px;\ncolor: #b42318;\nfont-weight: 600;\n}\n\n/* caveat */\n.fmstr-cmp-far-doa__caveat {\nmargin: 32px auto 0;\nmax-width: 760px;\npadding: 16px 22px;\nbackground: var(--c-tint);\nborder: 1px solid var(--c-edge);\nborder-radius: 12px;\nfont-size: 14.5px;\nline-height: 1.6;\ncolor: var(--c-fg-2);\ntext-align: center;\n}\n\n@media (max-width: 1000px) {\n.fmstr-cmp-far-doa__grid { grid-template-columns: 1fr; max-width: 560px; margin: 0 auto; }\n}\n@media (max-width: 640px) {\n.fmstr-cmp-far-doa { padding: 64px 16px; }\n.fmstr-cmp-far-doa__card { padding: 22px; }\n}\n\u003C/style>\n\n\u003Csection class=\"fmstr-cmp-far-doa\" aria-labelledby=\"fmstr-cmp-far-doa-h2\">\n\u003Cdiv class=\"fmstr-cmp-far-doa__container\">\n\n\u003Cheader class=\"fmstr-cmp-far-doa__header\">\n\u003Cspan class=\"fmstr-cmp-far-doa__eyebrow\">Recovery plus diagnosis\u003C/span>\n\u003Ch2 class=\"fmstr-cmp-far-doa__h2\" id=\"fmstr-cmp-far-doa-h2\">See exactly where users drop off, then fix the field that is killing the form\u003C/h2>\n\u003Cp class=\"fmstr-cmp-far-doa__sub\">Recovery brings users back. Drop-off analysis tells you which field is losing them in the first place, so you can fix the form, not just the funnel.\u003C/p>\n\u003C/header>\n\n\u003Cdiv class=\"fmstr-cmp-far-doa__grid\">\n\n\u003Carticle class=\"fmstr-cmp-far-doa__card\">\n\u003Ch3 class=\"fmstr-cmp-far-doa__h3\">Field-level drop-off map\u003C/h3>\n\u003Cp class=\"fmstr-cmp-far-doa__body\">Every field on your form gets a completion percentage. The drop from \"field 4 to field 5\" tells you exactly where users tap out. The single highest-friction field is flagged at the top so you know what to fix first.\u003C/p>\n\u003Cdiv class=\"fmstr-cmp-far-doa__visual\" aria-hidden=\"true\">\n\u003Cdiv class=\"fmstr-cmp-far-doa__bars\">\n\u003Cdiv class=\"fmstr-cmp-far-doa__bar-row\">\n\u003Cdiv class=\"fmstr-cmp-far-doa__bar-label\">Full name \u003Cspan class=\"fmstr-cmp-far-doa__bar-track\">\u003Cspan class=\"fmstr-cmp-far-doa__bar-fill fmstr-cmp-far-doa__bar-fill--good\" style=\"width:98%;\">\u003C/span>\u003C/span>\u003C/div>\n\u003Cspan class=\"fmstr-cmp-far-doa__bar-pct\">98%\u003C/span>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-far-doa__bar-row\">\n\u003Cdiv class=\"fmstr-cmp-far-doa__bar-label\">Work email \u003Cspan class=\"fmstr-cmp-far-doa__bar-track\">\u003Cspan class=\"fmstr-cmp-far-doa__bar-fill fmstr-cmp-far-doa__bar-fill--good\" style=\"width:91%;\">\u003C/span>\u003C/span>\u003C/div>\n\u003Cspan class=\"fmstr-cmp-far-doa__bar-pct\">91%\u003C/span>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-far-doa__bar-row\">\n\u003Cdiv class=\"fmstr-cmp-far-doa__bar-label\">Salary range \u003Cspan class=\"fmstr-cmp-far-doa__bar-flag\">Killer\u003C/span> \u003Cspan class=\"fmstr-cmp-far-doa__bar-track\">\u003Cspan class=\"fmstr-cmp-far-doa__bar-fill fmstr-cmp-far-doa__bar-fill--bad\" style=\"width:42%;\">\u003C/span>\u003C/span>\u003C/div>\n\u003Cspan class=\"fmstr-cmp-far-doa__bar-pct\">42%\u003C/span>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-far-doa__bar-row\">\n\u003Cdiv class=\"fmstr-cmp-far-doa__bar-label\">Portfolio link \u003Cspan class=\"fmstr-cmp-far-doa__bar-track\">\u003Cspan class=\"fmstr-cmp-far-doa__bar-fill fmstr-cmp-far-doa__bar-fill--ok\" style=\"width:64%;\">\u003C/span>\u003C/span>\u003C/div>\n\u003Cspan class=\"fmstr-cmp-far-doa__bar-pct\">64%\u003C/span>\n\u003C/div>\n\u003C/div>\n\u003C/div>\n\u003C/article>\n\n\u003Carticle class=\"fmstr-cmp-far-doa__card\">\n\u003Ch3 class=\"fmstr-cmp-far-doa__h3\">Device and source filters\u003C/h3>\n\u003Cp class=\"fmstr-cmp-far-doa__body\">Toggle desktop, mobile, and tablet to see if the drop is mobile-specific (often a dropdown or date picker is the culprit). Filter by traffic source to see if paid clicks abandon differently than organic.\u003C/p>\n\u003Cdiv class=\"fmstr-cmp-far-doa__visual\" aria-hidden=\"true\">\n\u003Cdiv class=\"fmstr-cmp-far-doa__tabs\">\n\u003Cspan class=\"fmstr-cmp-far-doa__tab\">Desktop\u003C/span>\n\u003Cspan class=\"fmstr-cmp-far-doa__tab fmstr-cmp-far-doa__tab--active\">Mobile\u003C/span>\n\u003Cspan class=\"fmstr-cmp-far-doa__tab\">Tablet\u003C/span>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-far-doa__split\">\n\u003Cdiv class=\"fmstr-cmp-far-doa__metric\">\n\u003Cdiv class=\"fmstr-cmp-far-doa__metric-val\">28%\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-far-doa__metric-label\">Mobile finish\u003C/div>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-far-doa__metric\">\n\u003Cdiv class=\"fmstr-cmp-far-doa__metric-val\">61%\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-far-doa__metric-label\">Desktop finish\u003C/div>\n\u003C/div>\n\u003C/div>\n\u003C/div>\n\u003C/article>\n\n\u003Carticle class=\"fmstr-cmp-far-doa__card\">\n\u003Ch3 class=\"fmstr-cmp-far-doa__h3\">Trend over time\u003C/h3>\n\u003Cp class=\"fmstr-cmp-far-doa__body\">Field-level drop-off moves week to week. A change in form copy, a new tracking pixel, or a third-party script can spike abandonment on a single field. The trend view surfaces the regression the day it starts, not a month later in a quarterly review.\u003C/p>\n\u003Cdiv class=\"fmstr-cmp-far-doa__visual\" aria-hidden=\"true\">\n\u003Csvg class=\"fmstr-cmp-far-doa__spark\" viewBox=\"0 0 240 70\" preserveAspectRatio=\"none\">\n\u003Cdefs>\n\u003ClinearGradient id=\"far-doa-grad\" x1=\"0\" y1=\"0\" x2=\"0\" y2=\"1\">\n\u003Cstop offset=\"0%\" stop-color=\"#7f56d9\" stop-opacity=\"0.32\">\u003C/stop>\n\u003Cstop offset=\"100%\" stop-color=\"#7f56d9\" stop-opacity=\"0\">\u003C/stop>\n\u003C/linearGradient>\n\u003C/defs>\n\u003Cpath d=\"M0,38 L30,34 L60,40 L90,36 L120,42 L150,48 L180,54 L210,62 L240,66 L240,70 L0,70 Z\" fill=\"url(#far-doa-grad)\">\u003C/path>\n\u003Cpath d=\"M0,38 L30,34 L60,40 L90,36 L120,42 L150,48 L180,54 L210,62 L240,66\" fill=\"none\" stroke=\"#7f56d9\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003C/path>\n\u003Ccircle cx=\"210\" cy=\"62\" r=\"3.5\" fill=\"#f04438\">\u003C/circle>\n\u003C/svg>\n\u003Cdiv class=\"fmstr-cmp-far-doa__spark-meta\">\n\u003Cspan>Week 1\u003C/span>\n\u003Cspan class=\"fmstr-cmp-far-doa__spark-alert\">\n\u003Csvg width=\"11\" height=\"11\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpath d=\"M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z\">\u003C/path>\u003Cline x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\">\u003C/line>\u003Cline x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\">\u003C/line>\u003C/svg>\nSpike on Jun 12\n\u003C/span>\n\u003C/div>\n\u003C/div>\n\u003C/article>\n\n\u003C/div>\n\n\u003Cp class=\"fmstr-cmp-far-doa__caveat\">Drop-off analysis pairs with \u003Ca href=\"https://formester.com/features/partial-submissions/\">Partial Submissions\u003C/a>. The autosave captures the data; the analysis layer turns it into a fix.\u003C/p>\n\n\u003C/div>\n\u003C/section>\n\u003C/div>",{"id":88,"__component":65,"markup":89,"useContainer":67},259,"\u003Cdiv class=\"raw-html-embed\">\u003Cstyle>\n/* host-link-override */\n.fmstr-cmp-far-rem a { color: var(--c-violet-600) !important; text-decoration: none !important; }\n.fmstr-cmp-far-rem a:hover { text-decoration: underline !important; }\n\n.fmstr-cmp-far-rem {\n--c-bg: #ffffff;\n--c-soft: #f9fafb;\n--c-tint: #f7f3ff;\n--c-edge: #e4d7ff;\n--c-fg-1: #101828;\n--c-fg-2: #475467;\n--c-fg-3: #697586;\n--c-violet-500: #7f56d9;\n--c-violet-600: #6941c6;\n--c-violet-700: #5b34b1;\n--c-border: #eaecf0;\n--c-shadow-sm: 0 1px 3px rgba(16,24,40,.05), 0 1px 2px rgba(16,24,40,.03);\n--c-shadow-md: 0 4px 20px rgba(16,24,40,.06);\n--c-shadow-lg: 0 16px 40px rgba(16,24,40,.10);\n\nbackground: var(--c-bg);\npadding: 96px 24px;\nfont-family: inherit;\noverflow-x: hidden;\ncolor: var(--c-fg-1);\n}\n.fmstr-cmp-far-rem *, .fmstr-cmp-far-rem *::before, .fmstr-cmp-far-rem *::after { box-sizing: border-box; }\n.fmstr-cmp-far-rem > *, .fmstr-cmp-far-rem > * > * { min-width: 0; }\n\n.fmstr-cmp-far-rem__container { max-width: 1180px; margin: 0 auto; }\n\n.fmstr-cmp-far-rem__header {\nmax-width: 760px;\nmargin: 0 auto 56px;\ntext-align: center;\n}\n.fmstr-cmp-far-rem__h2 {\nmargin: 0 0 14px;\nfont-size: clamp(28px, 3.6vw, 42px);\nline-height: 1.12;\nletter-spacing: -0.02em;\nfont-weight: 700;\ncolor: var(--c-fg-1);\n}\n.fmstr-cmp-far-rem__sub {\nmargin: 0;\nfont-size: 17px;\nline-height: 1.6;\ncolor: var(--c-fg-2);\n}\n\n.fmstr-cmp-far-rem__layout {\ndisplay: grid;\ngrid-template-columns: 1fr 380px;\ngap: 48px;\nalign-items: start;\n}\n\n.fmstr-cmp-far-rem__parts {\ndisplay: flex;\nflex-direction: column;\ngap: 22px;\n}\n.fmstr-cmp-far-rem__part {\ndisplay: grid;\ngrid-template-columns: 36px 1fr;\ngap: 16px;\n}\n.fmstr-cmp-far-rem__num {\ndisplay: inline-flex;\nalign-items: center;\njustify-content: center;\nwidth: 36px;\nheight: 36px;\nborder-radius: 8px;\nbackground: var(--c-tint);\ncolor: var(--c-violet-700);\nfont-weight: 700;\nfont-size: 14px;\nflex-shrink: 0;\n}\n.fmstr-cmp-far-rem__h3 {\nmargin: 0 0 6px;\nfont-size: 17px;\nline-height: 1.35;\nfont-weight: 700;\ncolor: var(--c-fg-1);\n}\n.fmstr-cmp-far-rem__body {\nmargin: 0;\nfont-size: 15px;\nline-height: 1.6;\ncolor: var(--c-fg-2);\n}\n\n.fmstr-cmp-far-rem__caveat {\nmargin-top: 18px;\npadding: 14px 16px;\nbackground: var(--c-tint);\nborder: 1px solid var(--c-edge);\nborder-radius: 10px;\nfont-size: 14px;\nline-height: 1.55;\ncolor: var(--c-fg-2);\n}\n.fmstr-cmp-far-rem__caveat strong { color: var(--c-violet-700); font-weight: 600; }\n\n/* email preview */\n.fmstr-cmp-far-rem__email {\nposition: sticky;\ntop: 24px;\nbackground: #ffffff;\nborder: 1px solid var(--c-border);\nborder-radius: 16px;\nbox-shadow: var(--c-shadow-lg);\noverflow: hidden;\n}\n.fmstr-cmp-far-rem__email-window {\ndisplay: flex;\nalign-items: center;\ngap: 6px;\npadding: 10px 14px;\nbackground: #f9fafb;\nborder-bottom: 1px solid var(--c-border);\n}\n.fmstr-cmp-far-rem__email-dot { width: 9px; height: 9px; border-radius: 9999px; background: #d0d5dd; }\n.fmstr-cmp-far-rem__email-app {\nmargin-left: 8px;\nfont-size: 11px;\ncolor: var(--c-fg-3);\nfont-weight: 600;\n}\n.fmstr-cmp-far-rem__email-inner { padding: 18px 20px 20px; }\n.fmstr-cmp-far-rem__email-meta {\ndisplay: flex;\nalign-items: center;\ngap: 10px;\npadding-bottom: 14px;\nmargin-bottom: 14px;\nborder-bottom: 1px solid var(--c-border);\n}\n.fmstr-cmp-far-rem__email-avatar {\nwidth: 36px;\nheight: 36px;\nborder-radius: 9999px;\nbackground: linear-gradient(135deg, var(--c-violet-500), var(--c-violet-700));\ncolor: #fff;\ndisplay: inline-flex;\nalign-items: center;\njustify-content: center;\nfont-weight: 700;\nfont-size: 14px;\nflex-shrink: 0;\n}\n.fmstr-cmp-far-rem__email-sender {\ndisplay: flex;\nflex-direction: column;\ngap: 1px;\nfont-size: 12px;\ncolor: var(--c-fg-3);\n}\n.fmstr-cmp-far-rem__email-sender-name { color: var(--c-fg-1); font-weight: 600; font-size: 13px; }\n.fmstr-cmp-far-rem__email-subject {\nfont-size: 17px;\nfont-weight: 700;\ncolor: var(--c-fg-1);\nline-height: 1.3;\nmargin-bottom: 12px;\n}\n.fmstr-cmp-far-rem__email-context {\nfont-size: 14px;\nline-height: 1.6;\ncolor: var(--c-fg-2);\nmargin-bottom: 16px;\n}\n.fmstr-cmp-far-rem a.fmstr-cmp-far-rem__email-btn {\ndisplay: inline-block;\npadding: 10px 18px;\nmargin-bottom: 16px;\nbackground: var(--c-violet-500) !important;\ncolor: #ffffff !important;\nborder-radius: 9999px;\nfont-size: 14px;\nfont-weight: 600;\n}\n.fmstr-cmp-far-rem__email-left {\npadding: 12px;\nbackground: var(--c-soft);\nborder-radius: 8px;\nfont-size: 13px;\ncolor: var(--c-fg-2);\nline-height: 1.5;\n}\n.fmstr-cmp-far-rem__email-left strong { color: var(--c-fg-1); font-weight: 600; }\n\n/* labels overlay */\n.fmstr-cmp-far-rem__email-tag {\ndisplay: inline-flex;\nalign-items: center;\ngap: 4px;\npadding: 2px 7px;\nmargin-right: 6px;\nbackground: var(--c-tint);\ncolor: var(--c-violet-700);\nborder-radius: 9999px;\nfont-size: 10.5px;\nfont-weight: 700;\nletter-spacing: 0.04em;\ntext-transform: uppercase;\nvertical-align: middle;\n}\n\n@media (max-width: 980px) {\n.fmstr-cmp-far-rem__layout { grid-template-columns: 1fr; gap: 40px; }\n.fmstr-cmp-far-rem__email { position: static; max-width: 420px; margin: 0 auto; }\n}\n@media (max-width: 640px) {\n.fmstr-cmp-far-rem { padding: 72px 16px; }\n}\n\u003C/style>\n\n\u003Csection class=\"fmstr-cmp-far-rem\" aria-labelledby=\"fmstr-cmp-far-rem-h2\">\n\u003Cdiv class=\"fmstr-cmp-far-rem__container\">\n\n\u003Cheader class=\"fmstr-cmp-far-rem__header\">\n\u003Ch2 class=\"fmstr-cmp-far-rem__h2\" id=\"fmstr-cmp-far-rem-h2\">The anatomy of a reminder that converts\u003C/h2>\n\u003Cp class=\"fmstr-cmp-far-rem__sub\">A reminder email is not a marketing email. It is a transactional nudge to a user who has already shown intent. Short, helpful, assumes the user wanted to finish.\u003C/p>\n\u003C/header>\n\n\u003Cdiv class=\"fmstr-cmp-far-rem__layout\">\n\n\u003Cdiv class=\"fmstr-cmp-far-rem__parts\">\n\u003Cdiv class=\"fmstr-cmp-far-rem__part\">\n\u003Cspan class=\"fmstr-cmp-far-rem__num\" aria-hidden=\"true\">1\u003C/span>\n\u003Cdiv>\n\u003Ch3 class=\"fmstr-cmp-far-rem__h3\">Subject line that names the specific form\u003C/h3>\n\u003Cp class=\"fmstr-cmp-far-rem__body\">Bad: \"Don't forget!\" Good: \"Your job application is almost done.\" Naming the form reduces the \"is this spam?\" hesitation.\u003C/p>\n\u003C/div>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-far-rem__part\">\n\u003Cspan class=\"fmstr-cmp-far-rem__num\" aria-hidden=\"true\">2\u003C/span>\n\u003Cdiv>\n\u003Ch3 class=\"fmstr-cmp-far-rem__h3\">One sentence of context\u003C/h3>\n\u003Cp class=\"fmstr-cmp-far-rem__body\">\"You started Job Application. Senior Engineer on Monday and got most of the way through. Here is the link to finish.\"\u003C/p>\n\u003C/div>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-far-rem__part\">\n\u003Cspan class=\"fmstr-cmp-far-rem__num\" aria-hidden=\"true\">3\u003C/span>\n\u003Cdiv>\n\u003Ch3 class=\"fmstr-cmp-far-rem__h3\">The resume button\u003C/h3>\n\u003Cp class=\"fmstr-cmp-far-rem__body\">Single primary CTA. Direct link to the pre-filled form. No alternate paths, no newsletter signup, no social links.\u003C/p>\n\u003C/div>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-far-rem__part\">\n\u003Cspan class=\"fmstr-cmp-far-rem__num\" aria-hidden=\"true\">4\u003C/span>\n\u003Cdiv>\n\u003Ch3 class=\"fmstr-cmp-far-rem__h3\">The fields they have left\u003C/h3>\n\u003Cp class=\"fmstr-cmp-far-rem__body\">A line that previews what is still to fill: \"Last three fields: salary range, notice period, portfolio link.\" Knowing the finish line is close lifts completion rate.\u003C/p>\n\u003C/div>\n\u003C/div>\n\u003Cp class=\"fmstr-cmp-far-rem__caveat\">\u003Cstrong>Formester defaults:\u003C/strong> the reminder template ships with all four elements pre-filled. Override copy if you want; do nothing if you do not.\u003C/p>\n\u003C/div>\n\n\u003Cdiv class=\"fmstr-cmp-far-rem__email\" aria-hidden=\"true\">\n\u003Cdiv class=\"fmstr-cmp-far-rem__email-window\">\n\u003Cspan class=\"fmstr-cmp-far-rem__email-dot\">\u003C/span>\n\u003Cspan class=\"fmstr-cmp-far-rem__email-dot\">\u003C/span>\n\u003Cspan class=\"fmstr-cmp-far-rem__email-dot\">\u003C/span>\n\u003Cspan class=\"fmstr-cmp-far-rem__email-app\">Inbox · 1 new\u003C/span>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-far-rem__email-inner\">\n\u003Cdiv class=\"fmstr-cmp-far-rem__email-meta\">\n\u003Cspan class=\"fmstr-cmp-far-rem__email-avatar\">N\u003C/span>\n\u003Cdiv class=\"fmstr-cmp-far-rem__email-sender\">\n\u003Cspan class=\"fmstr-cmp-far-rem__email-sender-name\">Northwind Careers\u003C/span>\n\u003Cspan>to maya@northwind.co · 2 days later\u003C/span>\n\u003C/div>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-far-rem__email-subject\">\u003Cspan class=\"fmstr-cmp-far-rem__email-tag\">1\u003C/span>Your Senior Engineer application is almost done\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-far-rem__email-context\">\u003Cspan class=\"fmstr-cmp-far-rem__email-tag\">2\u003C/span>You started Senior Engineer · Application on Monday and got most of the way through. Here's the link to finish.\u003C/div>\n\u003Ca class=\"fmstr-cmp-far-rem__email-btn\">\u003Cspan class=\"fmstr-cmp-far-rem__email-tag\" style=\"background:#fff;color:var(--c-violet-700);margin-right:8px;\">3\u003C/span>Finish application\u003C/a>\n\u003Cdiv class=\"fmstr-cmp-far-rem__email-left\">\u003Cspan class=\"fmstr-cmp-far-rem__email-tag\">4\u003C/span>\u003Cstrong>Last three fields:\u003C/strong> salary range, notice period, portfolio link.\u003C/div>\n\u003C/div>\n\u003C/div>\n\n\u003C/div>\n\u003C/div>\n\u003C/section>\n\u003C/div>",{"id":91,"__component":65,"markup":92,"useContainer":67},260,"\u003Cdiv class=\"raw-html-embed\">\u003Cstyle>\n/* host-link-override */\n.fmstr-cmp-far-ch a { color: var(--c-violet-600) !important; text-decoration: none !important; }\n.fmstr-cmp-far-ch a:hover { text-decoration: underline !important; }\n\n.fmstr-cmp-far-ch {\n--c-bg: #ffffff;\n--c-soft: #f9fafb;\n--c-tint: #f7f3ff;\n--c-edge: #e4d7ff;\n--c-fg-1: #101828;\n--c-fg-2: #475467;\n--c-fg-3: #697586;\n--c-violet-500: #7f56d9;\n--c-violet-600: #6941c6;\n--c-violet-700: #5b34b1;\n--c-green-500: #12b76a;\n--c-border: #eaecf0;\n--c-shadow-sm: 0 1px 3px rgba(16,24,40,.05), 0 1px 2px rgba(16,24,40,.03);\n--c-shadow-md: 0 4px 20px rgba(16,24,40,.06);\n\nbackground: var(--c-soft);\npadding: 88px 24px;\nfont-family: inherit;\noverflow-x: hidden;\ncolor: var(--c-fg-1);\n}\n.fmstr-cmp-far-ch *, .fmstr-cmp-far-ch *::before, .fmstr-cmp-far-ch *::after { box-sizing: border-box; }\n.fmstr-cmp-far-ch > *, .fmstr-cmp-far-ch > * > * { min-width: 0; }\n\n.fmstr-cmp-far-ch__container { max-width: 1180px; margin: 0 auto; }\n\n.fmstr-cmp-far-ch__header {\nmax-width: 760px;\nmargin: 0 auto 48px;\ntext-align: center;\n}\n.fmstr-cmp-far-ch__h2 {\nmargin: 0 0 14px;\nfont-size: clamp(28px, 3.6vw, 42px);\nline-height: 1.12;\nletter-spacing: -0.02em;\nfont-weight: 700;\ncolor: var(--c-fg-1);\n}\n.fmstr-cmp-far-ch__sub {\nmargin: 0;\nfont-size: 17px;\nline-height: 1.6;\ncolor: var(--c-fg-2);\n}\n\n.fmstr-cmp-far-ch__grid {\ndisplay: grid;\ngrid-template-columns: repeat(3, 1fr);\ngap: 20px;\n}\n\n.fmstr-cmp-far-ch__card {\ndisplay: flex;\nflex-direction: column;\ngap: 16px;\npadding: 32px;\nbackground: #ffffff;\nborder: 1px solid var(--c-border);\nborder-radius: 16px;\nbox-shadow: var(--c-shadow-sm);\nposition: relative;\ntransition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;\n}\n.fmstr-cmp-far-ch__card:hover {\nborder-color: var(--c-edge);\nbox-shadow: var(--c-shadow-md);\ntransform: translateY(-2px);\n}\n\n.fmstr-cmp-far-ch__logo-row {\ndisplay: flex;\nalign-items: center;\njustify-content: space-between;\ngap: 12px;\n}\n.fmstr-cmp-far-ch__logo {\nwidth: 52px;\nheight: 52px;\nborder-radius: 12px;\ndisplay: inline-flex;\nalign-items: center;\njustify-content: center;\nflex-shrink: 0;\n}\n.fmstr-cmp-far-ch__logo--email { background: var(--c-tint); color: var(--c-violet-600); }\n.fmstr-cmp-far-ch__logo--sms { background: #ecfdf3; color: #027a48; }\n.fmstr-cmp-far-ch__logo--whatsapp { background: #e7f8ef; color: #25D366; }\n\n.fmstr-cmp-far-ch__badge {\ndisplay: inline-flex;\nalign-items: center;\ngap: 6px;\npadding: 4px 10px;\nborder-radius: 9999px;\nfont-size: 11px;\nfont-weight: 700;\nletter-spacing: 0.04em;\ntext-transform: uppercase;\n}\n.fmstr-cmp-far-ch__badge--live { background: #ecfdf3; color: #027a48; }\n.fmstr-cmp-far-ch__badge--roadmap { background: #fff5e6; color: #b54708; }\n.fmstr-cmp-far-ch__badge-dot { width: 6px; height: 6px; border-radius: 9999px; background: currentColor; }\n\n.fmstr-cmp-far-ch__h3 {\nmargin: 0;\nfont-size: 19px;\nline-height: 1.3;\nfont-weight: 700;\ncolor: var(--c-fg-1);\n}\n.fmstr-cmp-far-ch__body {\nmargin: 0;\nfont-size: 15px;\nline-height: 1.65;\ncolor: var(--c-fg-2);\n}\n\n@media (max-width: 1000px) {\n.fmstr-cmp-far-ch__grid { grid-template-columns: 1fr; max-width: 520px; margin: 0 auto; }\n}\n@media (max-width: 640px) {\n.fmstr-cmp-far-ch { padding: 64px 16px; }\n.fmstr-cmp-far-ch__card { padding: 24px; }\n}\n\u003C/style>\n\n\u003Csection class=\"fmstr-cmp-far-ch\" aria-labelledby=\"fmstr-cmp-far-ch-h2\">\n\u003Cdiv class=\"fmstr-cmp-far-ch__container\">\n\n\u003Cheader class=\"fmstr-cmp-far-ch__header\">\n\u003Ch2 class=\"fmstr-cmp-far-ch__h2\" id=\"fmstr-cmp-far-ch-h2\">Reach users on the channel they actually check\u003C/h2>\n\u003Cp class=\"fmstr-cmp-far-ch__sub\">Email is universal. SMS hits faster. WhatsApp delivers in markets where email open-rate is below 15%.\u003C/p>\n\u003C/header>\n\n\u003Cdiv class=\"fmstr-cmp-far-ch__grid\">\n\n\u003Carticle class=\"fmstr-cmp-far-ch__card\">\n\u003Cdiv class=\"fmstr-cmp-far-ch__logo-row\">\n\u003Cspan class=\"fmstr-cmp-far-ch__logo fmstr-cmp-far-ch__logo--email\" aria-hidden=\"true\">\n\u003Csvg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpath d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\">\u003C/path>\u003Cpolyline points=\"22,6 12,13 2,6\">\u003C/polyline>\u003C/svg>\n\u003C/span>\n\u003Cspan class=\"fmstr-cmp-far-ch__badge fmstr-cmp-far-ch__badge--live\">\u003Cspan class=\"fmstr-cmp-far-ch__badge-dot\">\u003C/span>Live today\u003C/span>\n\u003C/div>\n\u003Ch3 class=\"fmstr-cmp-far-ch__h3\">Email reminder\u003C/h3>\n\u003Cp class=\"fmstr-cmp-far-ch__body\">The default channel. 24-hour, 3-day, 7-day windows. Delivered from your own sender domain via \u003Ca href=\"https://formester.com/features/smtp-integration/\">SMTP Integration\u003C/a>. Tracked open + click rates feed back into form analytics.\u003C/p>\n\u003C/article>\n\n\u003Carticle class=\"fmstr-cmp-far-ch__card\">\n\u003Cdiv class=\"fmstr-cmp-far-ch__logo-row\">\n\u003Cspan class=\"fmstr-cmp-far-ch__logo fmstr-cmp-far-ch__logo--sms\" aria-hidden=\"true\">\n\u003Csvg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\u003Cpath d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\">\u003C/path>\u003C/svg>\n\u003C/span>\n\u003Cspan class=\"fmstr-cmp-far-ch__badge fmstr-cmp-far-ch__badge--roadmap\">\u003Cspan class=\"fmstr-cmp-far-ch__badge-dot\">\u003C/span>Roadmap\u003C/span>\n\u003C/div>\n\u003Ch3 class=\"fmstr-cmp-far-ch__h3\">SMS reminder\u003C/h3>\n\u003Cp class=\"fmstr-cmp-far-ch__body\">For high-urgency forms (event registrations, appointment confirmations, urgent applications), SMS hits faster than email. 30-character body, single link.\u003C/p>\n\u003C/article>\n\n\u003Carticle class=\"fmstr-cmp-far-ch__card\">\n\u003Cdiv class=\"fmstr-cmp-far-ch__logo-row\">\n\u003Cspan class=\"fmstr-cmp-far-ch__logo fmstr-cmp-far-ch__logo--whatsapp\" aria-hidden=\"true\">\n\u003Csvg width=\"26\" height=\"26\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\u003Cpath d=\"M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 0 1-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 0 1 2.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0 0 12.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 0 0 5.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893A11.821 11.821 0 0 0 20.464 3.488\">\u003C/path>\u003C/svg>\n\u003C/span>\n\u003Cspan class=\"fmstr-cmp-far-ch__badge fmstr-cmp-far-ch__badge--roadmap\">\u003Cspan class=\"fmstr-cmp-far-ch__badge-dot\">\u003C/span>Roadmap\u003C/span>\n\u003C/div>\n\u003Ch3 class=\"fmstr-cmp-far-ch__h3\">WhatsApp reminder\u003C/h3>\n\u003Cp class=\"fmstr-cmp-far-ch__body\">In markets where WhatsApp is the dominant channel (India, Brazil, MENA, parts of LATAM), email reminders underperform. WhatsApp reminders are in development.\u003C/p>\n\u003C/article>\n\n\u003C/div>\n\u003C/div>\n\u003C/section>\n\u003C/div>",{"id":94,"__component":65,"markup":95,"useContainer":67},261,"\u003Cdiv class=\"raw-html-embed\">\u003Cstyle>\n/* host-link-override */\n.fmstr-cmp-far-set a { text-decoration: none !important; }\n\n.fmstr-cmp-far-set {\n--c-bg: #ffffff;\n--c-soft: #f9fafb;\n--c-tint: #f7f3ff;\n--c-edge: #e4d7ff;\n--c-fg-1: #101828;\n--c-fg-2: #475467;\n--c-fg-3: #697586;\n--c-violet-500: #7f56d9;\n--c-violet-600: #6941c6;\n--c-violet-700: #5b34b1;\n--c-green-500: #12b76a;\n--c-border: #eaecf0;\n--c-shadow-sm: 0 1px 3px rgba(16,24,40,.05), 0 1px 2px rgba(16,24,40,.03);\n--c-shadow-md: 0 4px 20px rgba(16,24,40,.06);\n\nbackground: var(--c-bg);\npadding: 88px 24px;\nfont-family: inherit;\noverflow-x: hidden;\ncolor: var(--c-fg-1);\n}\n.fmstr-cmp-far-set *, .fmstr-cmp-far-set *::before, .fmstr-cmp-far-set *::after { box-sizing: border-box; }\n.fmstr-cmp-far-set > *, .fmstr-cmp-far-set > * > * { min-width: 0; }\n\n.fmstr-cmp-far-set__container { max-width: 1180px; margin: 0 auto; }\n\n.fmstr-cmp-far-set__header {\nmax-width: 760px;\nmargin: 0 auto 48px;\ntext-align: center;\n}\n.fmstr-cmp-far-set__h2 {\nmargin: 0 0 14px;\nfont-size: clamp(28px, 3.6vw, 42px);\nline-height: 1.12;\nletter-spacing: -0.02em;\nfont-weight: 700;\ncolor: var(--c-fg-1);\n}\n.fmstr-cmp-far-set__sub {\nmargin: 0;\nfont-size: 17px;\nline-height: 1.6;\ncolor: var(--c-fg-2);\n}\n\n.fmstr-cmp-far-set__grid {\ndisplay: grid;\ngrid-template-columns: repeat(3, 1fr);\ngap: 20px;\n}\n\n.fmstr-cmp-far-set__card {\ndisplay: flex;\nflex-direction: column;\ngap: 18px;\npadding: 28px;\nbackground: #ffffff;\nborder: 1px solid var(--c-border);\nborder-radius: 16px;\nbox-shadow: var(--c-shadow-sm);\n}\n\n.fmstr-cmp-far-set__num {\ndisplay: inline-flex;\nalign-items: center;\njustify-content: center;\nwidth: 36px;\nheight: 36px;\nborder-radius: 10px;\nbackground: linear-gradient(135deg, var(--c-violet-500), var(--c-violet-700));\ncolor: #ffffff;\nfont-weight: 700;\nfont-size: 15px;\nflex-shrink: 0;\n}\n\n.fmstr-cmp-far-set__h3 {\nmargin: 0;\nfont-size: 18px;\nline-height: 1.3;\nfont-weight: 700;\ncolor: var(--c-fg-1);\n}\n.fmstr-cmp-far-set__body {\nmargin: 0;\nfont-size: 15px;\nline-height: 1.65;\ncolor: var(--c-fg-2);\n}\n\n.fmstr-cmp-far-set__visual {\nmargin-top: auto;\npadding: 14px;\nbackground: var(--c-soft);\nborder: 1px solid var(--c-border);\nborder-radius: 10px;\nfont-size: 12.5px;\n}\n\n/* Step 1: toggle */\n.fmstr-cmp-far-set__row {\ndisplay: flex;\nalign-items: center;\njustify-content: space-between;\ngap: 10px;\npadding: 8px 10px;\nbackground: #ffffff;\nborder: 1px solid var(--c-border);\nborder-radius: 8px;\n}\n.fmstr-cmp-far-set__row + .fmstr-cmp-far-set__row { margin-top: 6px; }\n.fmstr-cmp-far-set__row-label { font-size: 12px; color: var(--c-fg-1); font-weight: 500; }\n.fmstr-cmp-far-set__toggle {\nposition: relative;\nwidth: 32px;\nheight: 18px;\nbackground: var(--c-green-500);\nborder-radius: 9999px;\nflex-shrink: 0;\n}\n.fmstr-cmp-far-set__toggle::after {\ncontent: \"\";\nposition: absolute;\ntop: 2px;\nright: 2px;\nwidth: 14px;\nheight: 14px;\nborder-radius: 9999px;\nbackground: #ffffff;\nbox-shadow: 0 1px 2px rgba(0,0,0,.15);\n}\n.fmstr-cmp-far-set__toggle--off { background: #d0d5dd; }\n.fmstr-cmp-far-set__toggle--off::after { right: auto; left: 2px; }\n\n/* Step 2: pill choices */\n.fmstr-cmp-far-set__pills { display: flex; gap: 6px; flex-wrap: wrap; }\n.fmstr-cmp-far-set__pill {\npadding: 6px 10px;\nborder: 1px solid var(--c-border);\nborder-radius: 9999px;\nfont-size: 11.5px;\nfont-weight: 600;\ncolor: var(--c-fg-2);\nbackground: #ffffff;\n}\n.fmstr-cmp-far-set__pill--active {\nbackground: var(--c-violet-500);\nborder-color: var(--c-violet-500);\ncolor: #ffffff;\n}\n\n/* Step 3: editor preview */\n.fmstr-cmp-far-set__editor-tabs {\ndisplay: flex;\ngap: 4px;\nmargin-bottom: 8px;\n}\n.fmstr-cmp-far-set__editor-tab {\npadding: 5px 10px;\nborder-radius: 7px;\nfont-size: 11.5px;\nfont-weight: 600;\ncolor: var(--c-fg-3);\n}\n.fmstr-cmp-far-set__editor-tab--active { background: var(--c-tint); color: var(--c-violet-700); }\n.fmstr-cmp-far-set__editor-line {\ndisplay: flex;\nflex-direction: column;\ngap: 4px;\npadding: 8px 10px;\nbackground: #ffffff;\nborder: 1px solid var(--c-border);\nborder-radius: 7px;\nfont-family: ui-monospace, SFMono-Regular, Menlo, monospace;\nfont-size: 11px;\ncolor: var(--c-fg-1);\n}\n.fmstr-cmp-far-set__editor-var {\ncolor: var(--c-violet-700);\nfont-weight: 600;\n}\n\n.fmstr-cmp-far-set__cta-row {\nmargin-top: 40px;\ntext-align: center;\n}\n.fmstr-cmp-far-set__cta {\ndisplay: inline-flex;\nalign-items: center;\ngap: 8px;\npadding: 14px 22px;\nbackground: var(--c-violet-500) !important;\ncolor: #ffffff !important;\nborder-radius: 9999px;\nfont-size: 15.5px;\nfont-weight: 600;\nbox-shadow: 0 6px 16px rgba(127,86,217,.28);\n}\n.fmstr-cmp-far-set__cta:hover { background: var(--c-violet-600) !important; }\n\n@media (max-width: 1000px) {\n.fmstr-cmp-far-set__grid { grid-template-columns: 1fr; max-width: 520px; margin: 0 auto; }\n}\n@media (max-width: 640px) {\n.fmstr-cmp-far-set { padding: 64px 16px; }\n.fmstr-cmp-far-set__card { padding: 22px; }\n}\n\u003C/style>\n\n\u003Csection class=\"fmstr-cmp-far-set\" aria-labelledby=\"fmstr-cmp-far-set-h2\">\n\u003Cdiv class=\"fmstr-cmp-far-set__container\">\n\n\u003Cheader class=\"fmstr-cmp-far-set__header\">\n\u003Ch2 class=\"fmstr-cmp-far-set__h2\" id=\"fmstr-cmp-far-set-h2\">Turn it on in under 60 seconds\u003C/h2>\n\u003Cp class=\"fmstr-cmp-far-set__sub\">No code. No external automation tool. One toggle in the form editor.\u003C/p>\n\u003C/header>\n\n\u003Cdiv class=\"fmstr-cmp-far-set__grid\">\n\n\u003Carticle class=\"fmstr-cmp-far-set__card\">\n\u003Cspan class=\"fmstr-cmp-far-set__num\" aria-hidden=\"true\">1\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-far-set__h3\">Toggle Partial Submissions on\u003C/h3>\n\u003Cp class=\"fmstr-cmp-far-set__body\">In your form's Settings → Submissions, flip \"Save partial submissions.\" Every keystroke from that point gets captured. Existing forms keep their old submissions; new entries get autosave from the next visit.\u003C/p>\n\u003Cdiv class=\"fmstr-cmp-far-set__visual\" aria-hidden=\"true\">\n\u003Cdiv class=\"fmstr-cmp-far-set__row\">\n\u003Cspan class=\"fmstr-cmp-far-set__row-label\">Save partial submissions\u003C/span>\n\u003Cspan class=\"fmstr-cmp-far-set__toggle\">\u003C/span>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-far-set__row\">\n\u003Cspan class=\"fmstr-cmp-far-set__row-label\">Send abandonment reminder\u003C/span>\n\u003Cspan class=\"fmstr-cmp-far-set__toggle\">\u003C/span>\n\u003C/div>\n\u003C/div>\n\u003C/article>\n\n\u003Carticle class=\"fmstr-cmp-far-set__card\">\n\u003Cspan class=\"fmstr-cmp-far-set__num\" aria-hidden=\"true\">2\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-far-set__h3\">Set your reminder window\u003C/h3>\n\u003Cp class=\"fmstr-cmp-far-set__body\">Pick when the reminder fires: 24 hours, 3 days, or 7 days after the user stops typing. For job applications, 3 days hits the sweet spot. For event RSVPs, 24 hours.\u003C/p>\n\u003Cdiv class=\"fmstr-cmp-far-set__visual\" aria-hidden=\"true\">\n\u003Cdiv style=\"font-size:11px;color:var(--c-fg-3);font-weight:600;margin-bottom:8px;text-transform:uppercase;letter-spacing:0.04em;\">Send reminder after\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-far-set__pills\">\n\u003Cspan class=\"fmstr-cmp-far-set__pill\">24 hours\u003C/span>\n\u003Cspan class=\"fmstr-cmp-far-set__pill fmstr-cmp-far-set__pill--active\">3 days\u003C/span>\n\u003Cspan class=\"fmstr-cmp-far-set__pill\">7 days\u003C/span>\n\u003C/div>\n\u003C/div>\n\u003C/article>\n\n\u003Carticle class=\"fmstr-cmp-far-set__card\">\n\u003Cspan class=\"fmstr-cmp-far-set__num\" aria-hidden=\"true\">3\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-far-set__h3\">Customize the reminder email (optional)\u003C/h3>\n\u003Cp class=\"fmstr-cmp-far-set__body\">Formester ships a default reminder template that works. If you want to add brand voice or a specific subject line, edit it once in the form's Automate tab. Variables for first_name, form_name, and resume_link are wired in automatically.\u003C/p>\n\u003Cdiv class=\"fmstr-cmp-far-set__visual\" aria-hidden=\"true\">\n\u003Cdiv class=\"fmstr-cmp-far-set__editor-tabs\">\n\u003Cspan class=\"fmstr-cmp-far-set__editor-tab\">Build\u003C/span>\n\u003Cspan class=\"fmstr-cmp-far-set__editor-tab fmstr-cmp-far-set__editor-tab--active\">Automate\u003C/span>\n\u003Cspan class=\"fmstr-cmp-far-set__editor-tab\">Publish\u003C/span>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-far-set__editor-line\">\n\u003Cspan>Hi \u003Cspan class=\"fmstr-cmp-far-set__editor-var\">{{first_name}}\u003C/span>,\u003C/span>\n\u003Cspan>Your \u003Cspan class=\"fmstr-cmp-far-set__editor-var\">{{form_name}}\u003C/span> is almost done.\u003C/span>\n\u003Cspan>\u003Cspan class=\"fmstr-cmp-far-set__editor-var\">{{resume_link}}\u003C/span>\u003C/span>\n\u003C/div>\n\u003C/div>\n\u003C/article>\n\n\u003C/div>\n\n\u003Cdiv class=\"fmstr-cmp-far-set__cta-row\">\n\u003Ca class=\"fmstr-cmp-far-set__cta\" href=\"https://app.formester.com/users/sign_up\">\nTry it on the Business plan\n\u003Csvg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\u003Cline x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\">\u003C/line>\u003Cpolyline points=\"12 5 19 12 12 19\">\u003C/polyline>\u003C/svg>\n\u003C/a>\n\u003C/div>\n\n\u003C/div>\n\u003C/section>\n\u003C/div>",{"id":97,"__component":65,"markup":98,"useContainer":67},262,"\u003Cdiv class=\"raw-html-embed\">\u003Cstyle>\n/* host-link-override */\n.fmstr-cmp-far-uc a { color: var(--c-violet-600) !important; text-decoration: none !important; }\n.fmstr-cmp-far-uc a:hover { text-decoration: underline !important; }\n\n.fmstr-cmp-far-uc {\n--c-bg: #ffffff;\n--c-soft: #f9fafb;\n--c-tint: #f7f3ff;\n--c-edge: #e4d7ff;\n--c-fg-1: #101828;\n--c-fg-2: #475467;\n--c-fg-3: #697586;\n--c-violet-500: #7f56d9;\n--c-violet-600: #6941c6;\n--c-border: #eaecf0;\n--c-shadow-sm: 0 1px 3px rgba(16,24,40,.05), 0 1px 2px rgba(16,24,40,.03);\n--c-shadow-md: 0 4px 20px rgba(16,24,40,.06);\n\nbackground: var(--c-soft);\npadding: 88px 24px;\nfont-family: inherit;\noverflow-x: hidden;\ncolor: var(--c-fg-1);\n}\n.fmstr-cmp-far-uc *, .fmstr-cmp-far-uc *::before, .fmstr-cmp-far-uc *::after { box-sizing: border-box; }\n.fmstr-cmp-far-uc > *, .fmstr-cmp-far-uc > * > * { min-width: 0; }\n\n.fmstr-cmp-far-uc__container { max-width: 1180px; margin: 0 auto; }\n\n.fmstr-cmp-far-uc__header {\nmax-width: 760px;\nmargin: 0 auto 48px;\ntext-align: center;\n}\n.fmstr-cmp-far-uc__h2 {\nmargin: 0 0 14px;\nfont-size: clamp(28px, 3.6vw, 42px);\nline-height: 1.12;\nletter-spacing: -0.02em;\nfont-weight: 700;\ncolor: var(--c-fg-1);\n}\n.fmstr-cmp-far-uc__sub {\nmargin: 0;\nfont-size: 17px;\nline-height: 1.6;\ncolor: var(--c-fg-2);\n}\n\n.fmstr-cmp-far-uc__grid {\ndisplay: grid;\ngrid-template-columns: repeat(3, 1fr);\ngap: 20px;\n}\n\n.fmstr-cmp-far-uc__card {\ndisplay: flex;\nflex-direction: column;\ngap: 12px;\npadding: 28px;\nbackground: #ffffff;\nborder: 1px solid var(--c-border);\nborder-radius: 16px;\nbox-shadow: var(--c-shadow-sm);\ntransition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;\n}\n.fmstr-cmp-far-uc__card:hover {\nborder-color: var(--c-edge);\nbox-shadow: var(--c-shadow-md);\ntransform: translateY(-2px);\n}\n\n.fmstr-cmp-far-uc__icon {\nwidth: 44px;\nheight: 44px;\nborder-radius: 10px;\nbackground: var(--c-tint);\ncolor: var(--c-violet-600);\ndisplay: inline-flex;\nalign-items: center;\njustify-content: center;\nflex-shrink: 0;\n}\n\n.fmstr-cmp-far-uc__h3 {\nmargin: 0;\nfont-size: 17px;\nline-height: 1.3;\nfont-weight: 700;\ncolor: var(--c-fg-1);\n}\n\n.fmstr-cmp-far-uc__body {\nmargin: 0;\nfont-size: 15px;\nline-height: 1.65;\ncolor: var(--c-fg-2);\n}\n\n@media (max-width: 1000px) {\n.fmstr-cmp-far-uc__grid { grid-template-columns: repeat(2, 1fr); }\n}\n@media (max-width: 640px) {\n.fmstr-cmp-far-uc { padding: 64px 16px; }\n.fmstr-cmp-far-uc__grid { grid-template-columns: 1fr; gap: 14px; }\n.fmstr-cmp-far-uc__card { padding: 22px; }\n}\n\u003C/style>\n\n\u003Csection class=\"fmstr-cmp-far-uc\" aria-labelledby=\"fmstr-cmp-far-uc-h2\">\n\u003Cdiv class=\"fmstr-cmp-far-uc__container\">\n\n\u003Cheader class=\"fmstr-cmp-far-uc__header\">\n\u003Ch2 class=\"fmstr-cmp-far-uc__h2\" id=\"fmstr-cmp-far-uc-h2\">Where this changes the funnel math\u003C/h2>\n\u003Cp class=\"fmstr-cmp-far-uc__sub\">Six form types where partial-submission recovery is worth more than every other optimization combined.\u003C/p>\n\u003C/header>\n\n\u003Cdiv class=\"fmstr-cmp-far-uc__grid\">\n\n\u003Carticle class=\"fmstr-cmp-far-uc__card\">\n\u003Cspan class=\"fmstr-cmp-far-uc__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\">\u003Cpath d=\"M20 7h-4V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v2H4a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2z\">\u003C/path>\u003Cpath d=\"M10 5h4v2h-4z\" opacity=\".2\" fill=\"currentColor\">\u003C/path>\u003C/svg>\n\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-far-uc__h3\">Job applications\u003C/h3>\n\u003Cp class=\"fmstr-cmp-far-uc__body\">The longest forms in any company. CV upload plus 12 fields plus custom screening questions. Without recovery, 40% to 60% of starters never finish. Each recovered application is a candidate who self-selected to apply at your company; the LTV is high.\u003C/p>\n\u003C/article>\n\n\u003Carticle class=\"fmstr-cmp-far-uc__card\">\n\u003Cspan class=\"fmstr-cmp-far-uc__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\">\u003Crect x=\"3\" y=\"4\" width=\"18\" height=\"16\" rx=\"2\">\u003C/rect>\u003Cline x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\">\u003C/line>\u003Cline x1=\"9\" y1=\"4\" x2=\"9\" y2=\"20\">\u003C/line>\u003C/svg>\n\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-far-uc__h3\">Multi-page intake forms\u003C/h3>\n\u003Cp class=\"fmstr-cmp-far-uc__body\">Healthcare intake, legal intake, financial advisor onboarding. Users start on a desktop, walk away, return on mobile. Without autosave, the return-on-mobile is what kills the funnel. With it, the return picks up where it left off.\u003C/p>\n\u003C/article>\n\n\u003Carticle class=\"fmstr-cmp-far-uc__card\">\n\u003Cspan class=\"fmstr-cmp-far-uc__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\">\u003Cpath d=\"M3 9.5L12 3l9 6.5V21a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V9.5z\">\u003C/path>\u003Cpolyline points=\"9 22 9 12 15 12 15 22\">\u003C/polyline>\u003C/svg>\n\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-far-uc__h3\">Mortgage and loan applications\u003C/h3>\n\u003Cp class=\"fmstr-cmp-far-uc__body\">Sensitive data (SSN, salary, employer history) makes users hesitate at specific fields. They abandon at field 8, sleep on it, want to come back. The reminder is the difference between a returning user and a lost lead. Pair with \u003Ca href=\"https://formester.com/features/conditional-logic/\">Conditional Logic\u003C/a> for risk-tier routing.\u003C/p>\n\u003C/article>\n\n\u003Carticle class=\"fmstr-cmp-far-uc__card\">\n\u003Cspan class=\"fmstr-cmp-far-uc__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\">\u003Crect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\">\u003C/rect>\u003Cline x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\">\u003C/line>\u003Cline x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\">\u003C/line>\u003Cline x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\">\u003C/line>\u003C/svg>\n\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-far-uc__h3\">Event registrations\u003C/h3>\n\u003Cp class=\"fmstr-cmp-far-uc__body\">Multi-attendee registrations, paid tickets, dietary requirements, plus-one fields. RSVP forms hit a friction wall when attendees pause to check with their plus-one. 24-hour reminders recover most of them.\u003C/p>\n\u003C/article>\n\n\u003Carticle class=\"fmstr-cmp-far-uc__card\">\n\u003Cspan class=\"fmstr-cmp-far-uc__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\">\u003Cpath d=\"M9 11l3 3L22 4\">\u003C/path>\u003Cpath d=\"M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11\">\u003C/path>\u003C/svg>\n\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-far-uc__h3\">Surveys (long-form research)\u003C/h3>\n\u003Cp class=\"fmstr-cmp-far-uc__body\">Academic studies, market research, NPS deep-dives. Anything over 15 questions sees 50%+ drop-off by question 10. The reminder gives partial-completers a low-pressure path to finish, in their own time.\u003C/p>\n\u003C/article>\n\n\u003Carticle class=\"fmstr-cmp-far-uc__card\">\n\u003Cspan class=\"fmstr-cmp-far-uc__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\">\u003Cpath d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\">\u003C/path>\u003C/svg>\n\u003C/span>\n\u003Ch3 class=\"fmstr-cmp-far-uc__h3\">Insurance quote forms\u003C/h3>\n\u003Cp class=\"fmstr-cmp-far-uc__body\">Insurance quote requests are dense and high-friction. Most quote tools lose 70%+ at field 6. Recovery flips quote forms from a one-shot bet to a two-touch funnel.\u003C/p>\n\u003C/article>\n\n\u003C/div>\n\u003C/div>\n\u003C/section>\n\u003C/div>",{"id":100,"__component":65,"markup":101,"useContainer":67},264,"\u003Cdiv class=\"raw-html-embed\">\u003Cstyle>\n/* host-link-override */\n.fmstr-cmp-far-faq a { text-decoration: none !important; }\n\n.fmstr-cmp-far-faq {\n--c-card: #ffffff;\n--c-soft: #f9fafb;\n--c-fg-1: #101828;\n--c-fg-2: #475467;\n--c-fg-3: #697586;\n--c-violet-600: #6941c6;\n--c-tint: #f7f3ff;\n--c-edge: #e4d7ff;\n--c-border: #eaecf0;\n--c-chip-bg: #f4f4f7;\n--c-shadow-sm: 0 1px 3px rgba(16,24,40,.05);\n\nbackground: var(--c-soft);\npadding: 88px 24px;\nfont-family: inherit;\noverflow-x: hidden;\ncolor: var(--c-fg-1);\n}\n.fmstr-cmp-far-faq *, .fmstr-cmp-far-faq *::before, .fmstr-cmp-far-faq *::after { box-sizing: border-box; }\n.fmstr-cmp-far-faq > *, .fmstr-cmp-far-faq > * > * { min-width: 0; }\n\n.fmstr-cmp-far-faq__container { max-width: 820px; margin: 0 auto; }\n\n.fmstr-cmp-far-faq__header {\nmax-width: 760px;\nmargin: 0 auto 40px;\ntext-align: center;\n}\n\n.fmstr-cmp-far-faq__h2 {\nmargin: 0;\nfont-size: clamp(28px, 3.5vw, 40px);\nline-height: 1.15;\nletter-spacing: -0.02em;\nfont-weight: 700;\ncolor: var(--c-fg-1);\n}\n\n.fmstr-cmp-far-faq__list {\ndisplay: flex;\nflex-direction: column;\ngap: 12px;\n}\n\n.fmstr-cmp-far-faq__item {\nbackground: var(--c-card);\nborder: 1px solid var(--c-border);\nborder-radius: 14px;\nbox-shadow: var(--c-shadow-sm);\noverflow: hidden;\n}\n\n.fmstr-cmp-far-faq__item > summary {\npadding: 18px 22px;\ncursor: pointer;\nfont-weight: 600;\nfont-size: 16.5px;\ncolor: var(--c-fg-1);\ndisplay: flex;\nalign-items: center;\ngap: 14px;\nlist-style: none;\n}\n.fmstr-cmp-far-faq__item > summary::-webkit-details-marker { display: none; }\n.fmstr-cmp-far-faq__item > summary::before {\ncontent: \"\";\nwidth: 28px;\nheight: 28px;\nborder-radius: 8px;\nflex-shrink: 0;\nbackground-color: var(--c-chip-bg);\nbackground-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14' fill='none' stroke='%2375747f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5l4 4 4-4'/%3E%3C/svg%3E\");\nbackground-repeat: no-repeat;\nbackground-position: center;\ntransition: transform .15s ease, background-color .15s ease;\n}\n.fmstr-cmp-far-faq__item[open] > summary::before { transform: rotate(180deg); background-color: var(--c-tint); }\n.fmstr-cmp-far-faq__item[open] > summary { color: var(--c-violet-600) !important; }\n\n.fmstr-cmp-far-faq__h3 {\nmargin: 0;\nfont-size: inherit;\nfont-weight: inherit;\nline-height: inherit;\ncolor: inherit;\nflex: 1;\n}\n\n.fmstr-cmp-far-faq__answer {\npadding: 0 22px 22px 64px;\ncolor: var(--c-fg-2);\nfont-size: 15.5px;\nline-height: 1.7;\n}\n.fmstr-cmp-far-faq__answer p { margin: 0 0 10px; }\n.fmstr-cmp-far-faq__answer p:last-child { margin-bottom: 0; }\n.fmstr-cmp-far-faq__answer a { color: var(--c-violet-600) !important; text-decoration: none !important; }\n.fmstr-cmp-far-faq__answer a:hover { text-decoration: underline !important; }\n\n@media (max-width: 760px) {\n.fmstr-cmp-far-faq { padding: 64px 16px; }\n.fmstr-cmp-far-faq__item > summary { padding: 16px; font-size: 15.5px; gap: 12px; }\n.fmstr-cmp-far-faq__item > summary::before { width: 26px; height: 26px; }\n.fmstr-cmp-far-faq__answer { padding: 0 16px 18px 16px; font-size: 15px; line-height: 1.65; }\n}\n\u003C/style>\n\n\u003Csection class=\"fmstr-cmp-far-faq\" aria-labelledby=\"fmstr-cmp-far-faq-h2\">\n\u003Cdiv class=\"fmstr-cmp-far-faq__container\">\n\n\u003Cheader class=\"fmstr-cmp-far-faq__header\">\n\u003Ch2 class=\"fmstr-cmp-far-faq__h2\" id=\"fmstr-cmp-far-faq-h2\">Common questions\u003C/h2>\n\u003C/header>\n\n\u003Cdiv class=\"fmstr-cmp-far-faq__list\">\n\n\u003Cdetails class=\"fmstr-cmp-far-faq__item\">\n\u003Csummary>\u003Ch3 class=\"fmstr-cmp-far-faq__h3\">Do users see anything different on the form itself?\u003C/h3>\u003C/summary>\n\u003Cdiv class=\"fmstr-cmp-far-faq__answer\">\n\u003Cp>No. The autosave is silent. There is no banner, no \"your progress is saved\" toast, no extra UI. Users type, type, leave, and never know that what they typed was captured. The first thing they see is the reminder email, which lands in their inbox at the window you set.\u003C/p>\n\u003C/div>\n\u003C/details>\n\n\u003Cdetails class=\"fmstr-cmp-far-faq__item\">\n\u003Csummary>\u003Ch3 class=\"fmstr-cmp-far-faq__h3\">What counts as an \"abandoned\" submission?\u003C/h3>\u003C/summary>\n\u003Cdiv class=\"fmstr-cmp-far-faq__answer\">\n\u003Cp>Any form where a user typed into at least one field, did not click submit, and is past your chosen reminder window (24h, 3d, or 7d). If they completed the email field, they get a reminder. If they did not, the partial submission is still captured in your dashboard, but no email is sent.\u003C/p>\n\u003C/div>\n\u003C/details>\n\n\u003Cdetails class=\"fmstr-cmp-far-faq__item\">\n\u003Csummary>\u003Ch3 class=\"fmstr-cmp-far-faq__h3\">Can I see the partial submissions in my dashboard?\u003C/h3>\u003C/summary>\n\u003Cdiv class=\"fmstr-cmp-far-faq__answer\">\n\u003Cp>Yes. Every partial submission appears in your form's Results tab with a \"Partial\" badge and a timestamp of last activity. You can review the field-by-field data, export it, or manually trigger a follow-up.\u003C/p>\n\u003C/div>\n\u003C/details>\n\n\u003Cdetails class=\"fmstr-cmp-far-faq__item\">\n\u003Csummary>\u003Ch3 class=\"fmstr-cmp-far-faq__h3\">Will this work with email-gated forms?\u003C/h3>\u003C/summary>\n\u003Cdiv class=\"fmstr-cmp-far-faq__answer\">\n\u003Cp>Yes, but it requires the email field to be early in the form (page 1, ideally first 3 fields). If the user abandons before reaching the email field, Formester captures the partial submission but cannot send a reminder. Plan field order with this in mind.\u003C/p>\n\u003C/div>\n\u003C/details>\n\n\u003Cdetails class=\"fmstr-cmp-far-faq__item\">\n\u003Csummary>\u003Ch3 class=\"fmstr-cmp-far-faq__h3\">Is this GDPR-compliant?\u003C/h3>\u003C/summary>\n\u003Cdiv class=\"fmstr-cmp-far-faq__answer\">\n\u003Cp>Yes. Partial submissions are subject to the same data retention, deletion, and consent rules as completed submissions. Users can request data deletion via the unsubscribe link or your standard GDPR workflow. Formester is \u003Ca href=\"https://formester.com/security/\">GDPR, UK GDPR, and CCPA compliant\u003C/a>.\u003C/p>\n\u003C/div>\n\u003C/details>\n\n\u003Cdetails class=\"fmstr-cmp-far-faq__item\">\n\u003Csummary>\u003Ch3 class=\"fmstr-cmp-far-faq__h3\">What if the user does not want to be reminded?\u003C/h3>\u003C/summary>\n\u003Cdiv class=\"fmstr-cmp-far-faq__answer\">\n\u003Cp>Every reminder email includes a one-click opt-out. The user is added to your suppression list and never receives another reminder for that form. The partial submission stays in your dashboard for analytics; only the outreach stops.\u003C/p>\n\u003C/div>\n\u003C/details>\n\n\u003Cdetails class=\"fmstr-cmp-far-faq__item\">\n\u003Csummary>\u003Ch3 class=\"fmstr-cmp-far-faq__h3\">Does the resume link expire?\u003C/h3>\u003C/summary>\n\u003Cdiv class=\"fmstr-cmp-far-faq__answer\">\n\u003Cp>The default is 30 days from the initial reminder. Past that, the link still works (the partial submission is not deleted) but the user must re-enter their email to verify.\u003C/p>\n\u003C/div>\n\u003C/details>\n\n\u003Cdetails class=\"fmstr-cmp-far-faq__item\">\n\u003Csummary>\u003Ch3 class=\"fmstr-cmp-far-faq__h3\">How much does this cost?\u003C/h3>\u003C/summary>\n\u003Cdiv class=\"fmstr-cmp-far-faq__answer\">\n\u003Cp>Form abandonment recovery sits on top of \u003Ca href=\"https://formester.com/features/partial-submissions/\">Partial Submissions\u003C/a>, which is included on the Business plan and above. Email reminders, drop-off analysis, and the resume link are all bundled with that plan tier. SMS and WhatsApp reminders are roadmap; pricing not yet set.\u003C/p>\n\u003C/div>\n\u003C/details>\n\n\u003C/div>\n\u003C/div>\n\u003C/section>\n\u003C/div>",{"id":103,"__component":65,"markup":104,"useContainer":67},263,"\u003Cdiv class=\"raw-html-embed\">\u003Cstyle>\n/* host-link-override */\n.fmstr-cmp-far-cta a { text-decoration: none !important; }\n\n.fmstr-cmp-far-cta {\n--c-violet-100: #ede4ff;\n--c-violet-300: #c4b1ee;\n--c-violet-500: #7f56d9;\n--c-violet-600: #6941c6;\n--c-violet-700: #5b34b1;\n--c-violet-900: #3f1d8a;\n--c-fg-on-dark: #ffffff;\n--c-fg-on-dark-2: rgba(255,255,255,0.78);\n--c-fg-on-dark-3: rgba(255,255,255,0.6);\n\npadding: 96px 24px;\nfont-family: inherit;\noverflow-x: hidden;\ncolor: var(--c-fg-on-dark);\nposition: relative;\noverflow: hidden;\nbackground:\nradial-gradient(ellipse at 20% 0%, rgba(127, 86, 217, 0.6) 0%, transparent 55%),\nradial-gradient(ellipse at 80% 100%, rgba(91, 52, 177, 0.6) 0%, transparent 55%),\nlinear-gradient(135deg, #2a1568 0%, #3f1d8a 50%, #5b34b1 100%);\n}\n.fmstr-cmp-far-cta *, .fmstr-cmp-far-cta *::before, .fmstr-cmp-far-cta *::after { box-sizing: border-box; }\n.fmstr-cmp-far-cta > *, .fmstr-cmp-far-cta > * > * { min-width: 0; }\n\n/* Decorative grid pattern */\n.fmstr-cmp-far-cta::before {\ncontent: \"\";\nposition: absolute;\ninset: 0;\nbackground-image:\nlinear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),\nlinear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);\nbackground-size: 48px 48px;\npointer-events: none;\nmask-image: radial-gradient(ellipse at center, #000 30%, transparent 75%);\n-webkit-mask-image: radial-gradient(ellipse at center, #000 30%, transparent 75%);\n}\n\n.fmstr-cmp-far-cta__container {\nmax-width: 880px;\nmargin: 0 auto;\ntext-align: center;\nposition: relative;\nz-index: 1;\n}\n\n.fmstr-cmp-far-cta__eyebrow {\ndisplay: inline-flex;\nalign-items: center;\ngap: 8px;\nmargin: 0 0 22px;\npadding: 6px 14px;\nborder-radius: 999px;\nbackground: rgba(255,255,255,0.1);\nborder: 1px solid rgba(255,255,255,0.18);\nbackdrop-filter: blur(8px);\n-webkit-backdrop-filter: blur(8px);\ncolor: var(--c-fg-on-dark);\nfont-size: 13px;\nfont-weight: 600;\n}\n.fmstr-cmp-far-cta__eyebrow-dot {\nwidth: 8px; height: 8px; border-radius: 50%;\nbackground: #86efac;\nbox-shadow: 0 0 0 4px rgba(134, 239, 172, 0.25);\nanimation: fmstr-cmp-far-cta-pulse 2s ease-in-out infinite;\n}\n@keyframes fmstr-cmp-far-cta-pulse {\n0%, 100% { box-shadow: 0 0 0 4px rgba(134, 239, 172, 0.25); }\n50% { box-shadow: 0 0 0 8px rgba(134, 239, 172, 0.1); }\n}\n\n.fmstr-cmp-far-cta__h2 {\nmargin: 0 0 18px;\nfont-size: clamp(34px, 5vw, 52px);\nline-height: 1.08;\nletter-spacing: -0.025em;\nfont-weight: 700;\ncolor: var(--c-fg-on-dark);\n}\n\n.fmstr-cmp-far-cta__sub {\nmargin: 0 auto 36px;\nmax-width: 580px;\nfont-size: 18px;\nline-height: 1.6;\ncolor: var(--c-fg-on-dark-2);\n}\n\n.fmstr-cmp-far-cta__ctas {\ndisplay: inline-flex;\nflex-wrap: wrap;\ngap: 12px;\njustify-content: center;\n}\n\n.fmstr-cmp-far-cta__cta-primary {\ndisplay: inline-flex;\nalign-items: center;\ngap: 8px;\npadding: 16px 32px;\nborder-radius: 12px;\nbackground: #ffffff !important;\ncolor: var(--c-violet-900) !important;\nfont-weight: 700;\nfont-size: 16px;\ntext-decoration: none !important;\nborder: 1px solid #ffffff;\nbox-shadow: 0 12px 32px rgba(0,0,0,0.2);\ntransition: transform .15s ease, box-shadow .15s ease;\n}\n.fmstr-cmp-far-cta__cta-primary:hover {\ntransform: translateY(-2px);\nbox-shadow: 0 16px 36px rgba(0,0,0,0.28);\ntext-decoration: none !important;\n}\n.fmstr-cmp-far-cta__cta-arrow { transition: transform .15s ease; }\n.fmstr-cmp-far-cta__cta-primary:hover .fmstr-cmp-far-cta__cta-arrow { transform: translateX(2px); }\n\n.fmstr-cmp-far-cta__cta-secondary {\ndisplay: inline-flex;\nalign-items: center;\ngap: 8px;\npadding: 16px 28px;\nborder-radius: 12px;\nbackground: rgba(255,255,255,0.08) !important;\ncolor: var(--c-fg-on-dark) !important;\nfont-weight: 600;\nfont-size: 16px;\ntext-decoration: none !important;\nborder: 1px solid rgba(255,255,255,0.2);\nbackdrop-filter: blur(8px);\n-webkit-backdrop-filter: blur(8px);\ntransition: background .15s ease, border-color .15s ease;\n}\n.fmstr-cmp-far-cta__cta-secondary:hover {\nbackground: rgba(255,255,255,0.16) !important;\nborder-color: rgba(255,255,255,0.32);\ntext-decoration: none !important;\n}\n\n.fmstr-cmp-far-cta__meta {\nmargin: 32px 0 0;\nfont-size: 13.5px;\ncolor: var(--c-fg-on-dark-3);\n}\n\n.fmstr-cmp-far-cta__stats {\ndisplay: flex;\njustify-content: center;\ngap: 48px;\nmargin-top: 56px;\npadding-top: 36px;\nborder-top: 1px solid rgba(255,255,255,0.12);\nflex-wrap: wrap;\n}\n.fmstr-cmp-far-cta__stat {\ndisplay: flex;\nflex-direction: column;\nalign-items: center;\ngap: 4px;\n}\n.fmstr-cmp-far-cta__stat-value {\nfont-size: 28px;\nfont-weight: 700;\nletter-spacing: -0.02em;\ncolor: var(--c-fg-on-dark);\nfont-variant-numeric: tabular-nums;\n}\n.fmstr-cmp-far-cta__stat-label {\nfont-size: 12.5px;\ncolor: var(--c-fg-on-dark-3);\ntext-transform: uppercase;\nletter-spacing: 0.08em;\nfont-weight: 600;\n}\n\n@media (max-width: 760px) {\n.fmstr-cmp-far-cta { padding: 72px 16px; }\n.fmstr-cmp-far-cta__cta-primary, .fmstr-cmp-far-cta__cta-secondary { padding: 14px 24px; font-size: 15px; }\n.fmstr-cmp-far-cta__stats { gap: 32px; }\n.fmstr-cmp-far-cta__stat-value { font-size: 24px; }\n}\n@media (max-width: 540px) {\n.fmstr-cmp-far-cta__ctas { flex-direction: column; align-items: stretch; width: 100%; }\n.fmstr-cmp-far-cta__cta-primary, .fmstr-cmp-far-cta__cta-secondary { justify-content: center; }\n}\n\u003C/style>\n\n\u003Csection class=\"fmstr-cmp-far-cta\" aria-labelledby=\"fmstr-cmp-far-cta-h2\">\n\u003Cdiv class=\"fmstr-cmp-far-cta__container\">\n\n\u003Cspan class=\"fmstr-cmp-far-cta__eyebrow\">\n\u003Cspan class=\"fmstr-cmp-far-cta__eyebrow-dot\" aria-hidden=\"true\">\u003C/span>\nBusiness plan, no Zapier\n\u003C/span>\n\n\u003Ch2 class=\"fmstr-cmp-far-cta__h2\" id=\"fmstr-cmp-far-cta-h2\">Stop losing leads at field eight\u003C/h2>\n\n\u003Cp class=\"fmstr-cmp-far-cta__sub\">Toggle autosave on your highest-volume form. Send the first reminder. Watch the completion rate move within the week.\u003C/p>\n\n\u003Cdiv class=\"fmstr-cmp-far-cta__ctas\">\n\u003Ca class=\"fmstr-cmp-far-cta__cta-primary\" href=\"https://app.formester.com/users/sign_up\">\nStart recovering abandoned forms\n\u003Csvg class=\"fmstr-cmp-far-cta__cta-arrow\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\u003Cline x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\">\u003C/line>\u003Cpolyline points=\"12 5 19 12 12 19\">\u003C/polyline>\u003C/svg>\n\u003C/a>\n\u003Ca class=\"fmstr-cmp-far-cta__cta-secondary\" href=\"https://formester.com/templates/job-application-form-2138/\">See the reminder template\u003C/a>\n\u003C/div>\n\n\u003Cp class=\"fmstr-cmp-far-cta__meta\">Included on the Business plan: autosave, email reminders, drop-off analysis, and the resume link.\u003C/p>\n\n\u003Cdiv class=\"fmstr-cmp-far-cta__stats\">\n\u003Cdiv class=\"fmstr-cmp-far-cta__stat\">\n\u003Cspan class=\"fmstr-cmp-far-cta__stat-value\">60s\u003C/span>\n\u003Cspan class=\"fmstr-cmp-far-cta__stat-label\">To turn on\u003C/span>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-far-cta__stat\">\n\u003Cspan class=\"fmstr-cmp-far-cta__stat-value\">3\u003C/span>\n\u003Cspan class=\"fmstr-cmp-far-cta__stat-label\">Reminder windows\u003C/span>\n\u003C/div>\n\u003Cdiv class=\"fmstr-cmp-far-cta__stat\">\n\u003Cspan class=\"fmstr-cmp-far-cta__stat-value\">0\u003C/span>\n\u003Cspan class=\"fmstr-cmp-far-cta__stat-label\">Lines of code\u003C/span>\n\u003C/div>\n\u003C/div>\n\n\u003C/div>\n\u003C/section>\n\u003C/div>",1779949782579]