PageSourceSearch

https://parseur.com/pricing

html parseur.com collected 2026-10-01 10:34:40 UTC 274,758 bytes, 3,335 lines download raw bytes

1<!DOCTYPE html><html lang="en-US" prefix="og: http://ogp.me/ns#"><head>
2    <meta charset="utf-8">
3    <title>Simple volume-based pricing | Parseur®</title>
4    <meta name="description" content="Choose the data extraction plan that fits your needs. Start with a free plan and upgrade as you grow.">
5    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
6    <link rel="canonical" href="https://parseur.com/pricing">
7    <link rel="alternate" hreflang="en" href="https://parseur.com/pricing">
8        <link rel="alternate" hreflang="x-default" href="https://parseur.com/pricing">
9        <meta content="en-US" property="og:locale">
10        <link rel="alternate" hreflang="de" href="https://parseur.com/de/preise">
11        
12        <meta content="de-DE" property="og:locale:alternate">
13        <link rel="alternate" hreflang="es" href="https://parseur.com/es/precios">
14        
15        <meta content="es-ES" property="og:locale:alternate">
16        <link rel="alternate" hreflang="fr" href="https://parseur.com/fr/tarifs">
17        
18        <meta content="fr-FR" property="og:locale:alternate">
19        <link rel="alternate" hreflang="it" href="https://parseur.com/it/prezzi">
20        
21        <meta content="it-IT" property="og:locale:alternate">
22        <link rel="alternate" hreflang="ja" href="https://parseur.com/ja/kakakutei">
23        
24        <meta content="ja-JP" property="og:locale:alternate">
25        <link rel="alternate" hreflang="ko" href="https://parseur.com/ko/%EC%9A%94%EA%B8%88%EC%A0%9C">
26        
27        <meta content="ko-KR" property="og:locale:alternate">
28        <link rel="alternate" hreflang="nl" href="https://parseur.com/nl/prijzen">
29        
30        <meta content="nl-NL" property="og:locale:alternate">
31        <link rel="alternate" hreflang="pl" href="https://parseur.com/pl/cennik">
32        
33        <meta content="pl-PL" property="og:locale:alternate">
34        <link rel="alternate" hreflang="pt" href="https://parseur.com/pt/precos">
35        
36        <meta content="pt-BR" property="og:locale:alternate">
37        <link rel="alternate" hreflang="sv" href="https://parseur.com/sv/prissattning">
38        
39        <meta content="sv-SE" property="og:locale:alternate">
40        <link rel="alternate" hreflang="zh-CN" href="https://parseur.com/zh/jiage">
41        
42        <meta content="zh-CN" property="og:locale:alternate">
43        
44    <link href="https://parseur.com/feed.xml" type="application/atom+xml" rel="alternate" title="Parseur® Feed">
45    <meta http-equiv="content-language" content="en-US">
46    <meta name="twitter:site" content="@parseur">
47    <meta name="twitter:card" content="summary_large_image">
48    <meta property="og:description" content="Choose the data extraction plan that fits your needs. Start with a free plan and upgrade as you grow.">
49    <meta property="og:image:secure_url" content="https://parseur.com/images/parseur-cover-v7_1024.png">
50    <meta property="og:image" content="https://parseur.com/images/parseur-cover-v7_1024.png">
51    <meta property="og:image:alt" content="Simple volume-based pricing cover picture">
52    <meta property="og:title" content="Simple volume-based pricing | Parseur®">
53    <meta property="og:type" content="article">
54    <meta property="og:url" content="https://parseur.com/pricing">
55    <meta property="og:article:modified_time" content="2026-08-13T00:00:00Z">
56    <meta property="og:article:published_time" content="2022-04-07T00:00:00Z">
57    <meta property="og:article:publisher" content="https://www.facebook.com/parseurapp/">
58    
59    <link rel="icon" type="image/svg+xml" href="/images/parseur-logo.svg">
60    <link rel="icon" type="image/png" href="/images/parseur-logo-32.png" sizes="32x32">
61    <link rel="icon" type="image/png" href="/images/parseur-logo-192.png" sizes="192x192">
62    <link rel="apple-touch-icon" href="/images/parseur-logo-192.png">
63    <meta name="msapplication-TileImage" content="/images/parseur-logo-270.png">
64    <meta name="theme-color" content="#0084C5">
65    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
66    <link rel="stylesheet" type="text/css" href="/theme/css/style.css?ver=1790679406914">
67    <meta name="msvalidate.01" content="EC574ECCB14CB13619184AB1B7AAB005">
68    <meta name="google-site-verification" content="WJZOVbSpfiyS_d44hYD3aplUY39cXEfwi3yALBgMjfo">
69    <meta name="yandex-verification" content="49ee94ae8dd4d80d">
70    
71      
71<script defer="" data-domain="parseur.com" src="https://parseur.com/js/event.js"></script>
71
72      <!-- prettier-ignore -->
73      
73<script>window.plausible = window.plausible || function() { (window.plausible.q = window.plausible.q || []).push(arguments) }</script>
73
74      <!-- Google Tag Manager -->
75      <!-- prettier-ignore -->
76      
76<script>
vendor: 351 bytes, lines 76-80
76(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
77      new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
78      j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
79      'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
80      })(window,document,'script','dataLayer','
80GTM-5PK88HXL
vendor: 3 bytes, line 80
80');
80</script>
80
81      <!-- End Google Tag Manager -->
82    <!-- prettier-ignore -->
83    
vendor: 1,238 bytes, lines 83-86
83<script>
84    !function (t, e) { var o, n, p, r; e.__SV || (window.posthog = e, e._i = [], e.init = function (i, s, a) { function g(t, e) { var o = e.split("."); 2 == o.length && (t = t[o[0]], e = o[1]), t[e] = function () { t.push([e].concat(Array.prototype.slice.call(arguments, 0))) } } (p = t.createElement("script")).type = "text/javascript", p.async = !0, p.src = s.api_host + "/static/array.js", (r = t.getElementsByTagName("script")[0]).parentNode.insertBefore(p, r); var u = e; for (void 0 !== a ? u = e[a] = [] : a = "posthog", u.people = u.people || [], u.toString = function (t) { var e = "posthog"; return "posthog" !== a && (e += "." + a), t || (e += " (stub)"), e }, u.people.toString = function () { return u.toString(1) + ".people (stub)" }, o = "capture identify alias people.set people.set_once set_config register register_once unregister opt_out_capturing has_opted_out_capturing opt_in_capturing reset isFeatureEnabled onFeatureFlags".split(" "), n = 0; n < o.length; n++)g(u, o[n]); e._i.push([i, s, a]) }, e.__SV = 1) }(document, window.posthog || []);
85    posthog.init('phc_JUT7jSgdU1bvhhzbA3wiTi30cgdkxZQc3IGWODxdxmn', { api_host: 'https://postcupine.parseur.com', disable_session_recording: true })
86    </script>
86
87    
87<script>
88      var turnstileSiteKey = '0x4AAAAAAAAm1u2JqUZ8-p2f'
89    </script>
89
90    
90<script type="application/ld+json">
91      {
92        "@context": "https://schema.org",
93        "@type": "Organization",
94        "name": "Parseur",
95        "alternateName": "Parseur.com",
96        "legalName": "Parseur Pte. Ltd.",
97        "url": "https://parseur.com",
98        "description": "Parseur is the #1 AI data extraction software for emails, PDFs, spreadsheets and more.",
99        "foundingDate": "2016-12-11",
100        "founders": [
101          { "@type": "Person", "name": "Sylvestre Dupont" },
102          { "@type": "Person", "name": "Sylvain Josserand" }
103        ],
104        "address": {
105          "@type": "PostalAddress",
106          "streetAddress": "160 Robinson Road, #14-04",
107          "addressLocality": "Singapore Business Federation Centre",
108          "postalCode": "068914",
109          "addressCountry": "SG"
110        },
111        "contactPoint": {
112          "@type": "ContactPoint",
113          "contactType": "Customer support",
114          "email": "[email protected]",
115          "telephone": "+1 888 486 1987",
116          "url": "https://help.parseur.com/",
117          "availableLanguage": ["English"]
118        },
119        "sameAs": [
120          "https://www.linkedin.com/company/parseur.com",
121          "https://x.com/parseur",
122          "https://www.youtube.com/@parseur",
123          "https://www.reddit.com/r/Parseur/"
124        ],
125        "slogan": "Robots. Witchcraft. And Unicorns.",
126        "@id": "https://parseur.com/#organization",
127        "logo": "https://parseur.com/images/parseur-logo-192.png",
128        "taxID": "202002675M",
129        "vatID": "202002675M"
130      }
131    </script>
131
132    
132<script type="application/ld+json">
133      {
134        "@context": "https://schema.org",
135        "@type": "SoftwareApplication",
136        "name": "Parseur",
137        "url": "https://parseur.com",
138        "operatingSystem": "Web Browser",
139        "applicationCategory": "BusinessApplication",
140        "aggregateRating": { "@type": "AggregateRating", "bestRating": 5, "ratingValue": "4.90", "reviewCount": 60, "worstRating": 4 },
141        "offers": { "@type": "Offer", "price": "0", "priceCurrency": "USD" }
142      }
143    </script>
143
144    
144<script type="application/ld+json">
145      {
146        "@context": "https://schema.org",
147        "@type": "BreadcrumbList",
148        "itemListElement": [
149          { "@type": "ListItem", "position": 1, "name": "Home", "item": "https://parseur.com/" }
150          
151          ,{ "@type": "ListItem", "position": 2, "name": "Simple volume-based pricing", "item": "https://parseur.com/pricing" }
152        ]
153      }
154      </script>
154
155    
155<script type="application/ld+json">
156        {
157          "@context": "https://schema.org",
158          "@type": "Article",
159          "headline": "Simple volume-based pricing",
160          "image": ["https://parseur.com/images/parseur-cover-v7.png"],
161          "datePublished": "2022-04-07T00:00:00Z",
162          "dateModified": "2026-08-13T00:00:00Z",
163          "author": [
164            {
165              "@type": "Organization",
166              "name": "Parseur",
167              "url": "https://parseur.com"
168            }
169          ]
170        }
171      </script>
171
172    
172<script type="application/ld+json">
173        { "@context": "https://schema.org",
174          "@type": "FAQPage",
175          "mainEntity": [{ "@type": "Question",
176                "name": "What is a credit?",
177                "acceptedAnswer": {
178                  "@type": "Answer",
179                  "text": "\u003cp>Parseur offers both monthly and yearly self-service plans based on your usage volume. Each plan includes a set\nnumber of credits, where \u003cstrong>1 credit equals 1 page processed\u003c/strong>. Unused credits expire at the end of each billing period.\u003c/p>\u003cp>For more information, visit our \u003ca href=\"https://help.parseur.com/en/articles/4237000-credits-subscription-and-pricing-faq\">pricing support page\u003c/a>.\u003c/p>"
180                }
181              },{ "@type": "Question",
182                "name": "What is a page?",
183                "acceptedAnswer": {
184                  "@type": "Answer",
185                  "text": "\u003cp>For PDFs, the total number of pages in the document is used to calculate your usage.\u003c/p>\u003cp>Emails and spreadsheets are counted as a single page, regardless of their length, and therefore cost 1 credit.\u003c/p>\u003cp>Examples:\u003c/p>\u003cul>\n\u003cli>Processing an email costs 1 credit.\u003c/li>\n\u003cli>   Processing a CSV file, even with 100 lines, costs 1 credit.\u003c/li>\n\u003cli>   Processing a one-page PDF costs 1 credit.\u003c/li>\n\u003cli>   Processing a three-page PDF costs 3 credits.\u003c/li>\n\u003c/ul>\n"
186                }
187              },{ "@type": "Question",
188                "name": "What happens when I reach my credit limit?",
189                "acceptedAnswer": {
190                  "@type": "Answer",
191                  "text": "\u003cp>At 90% usage, we email you so you can upgrade or pause parsing before running out. At 100%, new documents stop being processed and are marked as Quota exceeded. To start parsing again, you can upgrade your plan, turn on early auto-renewal so your plan renews before you run out, or buy top up credits, a one-off boost valid until the end of your current billing period. You can also just wait for your next renewal. Nothing is lost either way: once you have credits again, select your documents in your mailbox and reprocess them.\u003c/p>"
192                }
193              },{ "@type": "Question",
194                "name": "What is a mailbox?",
195                "acceptedAnswer": {
196                  "@type": "Answer",
197                  "text": "\u003cp>A mailbox is used to accept your documents for data extraction. Each mailbox has its own set of fields to extract and settings extraction. You can create as many mailboxes as you need, each capable of processing documents from various sources.\u003c/p>"
198                }
199              },{ "@type": "Question",
200                "name": "How does the AI parsing engine work?",
201                "acceptedAnswer": {
202                  "@type": "Answer",
203                  "text": "\u003cp>The AI parsing engine works by naming and describing the fields you wish to extract; the AI then automatically identifies and extracts these fields from your documents, following your instructions. Unlike template-based systems, our AI engine adapts to various layouts without needing predefined templates.\u003c/p>"
204                }
205              },{ "@type": "Question",
206                "name": "How does the Template parsing engine work?",
207                "acceptedAnswer": {
208                  "@type": "Answer",
209                  "text": "\u003cp>The Template parsing engine requires you to create a template for each type of document layout from which you want to extract data. You can create multiple templates within a mailbox, and Parseur will automatically select the most suitable one for each document. This approach provides more reliable data extraction and greater control compared to the AI engine, albeit with slightly more initial setup.\u003c/p>"
210                }
211              },{ "@type": "Question",
212                "name": "What is post-processing?",
213                "acceptedAnswer": {
214                  "@type": "Answer",
215                  "text": "\u003cp>Post-Processing allows you to write small pieces of Python code to perform advanced manipulations of your parsed data. This feature is available in to our Scale tier plans, which are plans offering 10,000 credits or more per month.\u003c/p>"
216                }
217              },{ "@type": "Question",
218                "name": "What are multi-user accounts?",
219                "acceptedAnswer": {
220                  "@type": "Answer",
221                  "text": "\u003cp>Multi-user accounts enable sharing of mailboxes and templates with other members of your organization. This feature is available in to our Scale tier plans, which are plans offering 10,000 credits or more per month.\u003c/p>"
222                }
223              },{ "@type": "Question",
224                "name": "Can I change my subscription?",
225                "acceptedAnswer": {
226                  "@type": "Answer",
227                  "text": "\u003cp>Yes, you can upgrade or downgrade your subscription at any time in the app. When changing to a higher tier, the plan change will be immediate, and unused credits will be added to your new quota. When changing to a lower tier, the plan change will happen at the next billing cycle.\u003c/p>"
228                }
229              },{ "@type": "Question",
230                "name": "Can I cancel my subscription?",
231                "acceptedAnswer": {
232                  "@type": "Answer",
233                  "text": "\u003cp>Yes, you can cancel your subscription at any time in the app. Once canceled, your subscription will automatically be terminated at the end of the current billing cycle and no more payments will be due.\u003c/p>"
234                }
235              },{ "@type": "Question",
236                "name": "What happens to my price if Parseur changes its pricing?",
237                "acceptedAnswer": {
238                  "@type": "Answer",
239                  "text": "\u003cp>Nothing. We grandfather long-term customers, which means your rate stays where it is while you keep receiving new features and improvements. We still bill customers on a plan we discontinued years ago at $9 a month. Read our full \u003ca href=\"https://parseur.com/blog/grandfathering-b2b-saas\">grandfathered pricing policy\u003c/a>.\u003c/p>"
240                }
241              },{ "@type": "Question",
242                "name": "Can I get an invoice?",
243                "acceptedAnswer": {
244                  "@type": "Answer",
245                  "text": "\u003cp>Yes, you will receive an invoice by email upon successful payment. You will also find a copy of that invoice in your account settings, under Invoices &amp; Usage.\u003c/p>"
246                }
247              },{ "@type": "Question",
248                "name": "What is your data retention policy?",
249                "acceptedAnswer": {
250                  "@type": "Answer",
251                  "text": "\u003cp>The data retention period can be set anywhere between 1 day and up to unlimited (depending on your plan). You can change the retention policy in your mailbox settings.\u003c/p>"
252                }
253              },{ "@type": "Question",
254                "name": "I have specific needs in terms of volume, billing or contract",
255                "acceptedAnswer": {
256                  "@type": "Answer",
257                  "text": "\u003cp>Check out our Enterprise plans. Complete \u003ca href=\"https://parseur.com/quote\">this quote form\u003c/a> to request a quote that fits your requirements. We will get back to you as soon as possible.\u003c/p>"
258                }
259              },{ "@type": "Question",
260                "name": "What are your Terms and Conditions?",
261                "acceptedAnswer": {
262                  "@type": "Answer",
263                  "text": "\u003cp>By signing up to Parseur you agree to our \u003ca href=\"https://parseur.com/terms\">terms and conditions\u003c/a>, our \u003ca href=\"https://parseur.com/dpa\">data processing agreement\u003c/a>, our \u003ca href=\"https://parseur.com/privacy\">privacy policy\u003c/a>, and our \u003ca href=\"https://parseur.com/cookies\">cookie policy\u003c/a>.\u003c/p>"
264                }
265              }]
266        }
267      </script>
267
268    
269    
270  </head>
271
272  <body id="index" class="bg-white absolute w-full">
273    <!-- Google Tag Manager (noscript) -->
vendor: 72 bytes, lines 273-274
273
274    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
274GTM-5PK88HXL
vendor: 91 bytes, lines 274-276
274"
275    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
276    
276<!-- End Google Tag Manager (noscript) -->
277    <div x-data="{ mobileOpen:false, menuOpen: '' }" x-effect="document.body.classList.toggle('overflow-hidden', mobileOpen)" class="fixed print:relative bg-white w-full z-20">
278  
279  <nav class="relative max-w-7xl mx-auto flex items-center justify-between py-3 px-4 sm:px-6" aria-label="Global">
280    <div class="flex items-center grow">
281      <div class="flex items-center justify-between w-full md:w-auto mb-1">
282        <a href="/" aria-label="Parseur logo" class="flex items-center gap-2">
283          <img src="/images/parseur-logo.svg" alt="Parseur Logo" class="h-8 w-auto">
284          <span class="font-bold tracking-tight text-2xl text-brand">Parseur</span>
285        </a>
286        <div class="-mr-2 flex items-center gap-1 md:hidden">
287          
288<div class="relative inline-block text-left" x-data="{ langOpen:false }">
289  <div>
290    <button @click="langOpen=!langOpen" @click.outside="langOpen=false" type="button" id="lang-button" aria-expanded="true" aria-haspopup="true" class="inline-flex w-full items-center justify-center px-2 py-2 text-gray-700 hover:bg-gray-100 hover:text-gray-900 font-medium focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-900">
291      <picture><source sizes="(min-width: 1024px) 1024px, 100vw" srcset="/images/lang/en.webp" type="image/webp"><img src="/images/lang/en.webp" alt="English flag" data-preset="original" height="24" width="24" srcset="/images/lang/en.png" sizes="(min-width: 1024px) 1024px, 100vw"></picture>
292      <span class="sr-only">English</span>
293      <i :class="{'text-gray-600': langOpen, 'text-gray-400': !langOpen }" class="far fa-chevron-down ml-2 h-3 w-3 group-hover:text-gray-500"></i>
294    </button>
295  </div>
296  <div x-cloak="" x-show="langOpen" role="menu" aria-orientation="vertical" aria-labelledby="lang-button" tabindex="-1" class="absolute top-full right-0 w-36 origin-top-right rounded-md bg-white shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none">
297    
298      
299        <a href="/de/preise" @click="psrSetLang('de')" role="menuitem" id="menu-item-Deutsch" class="group flex items-center px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900">
300          <picture><source sizes="(min-width: 1024px) 1024px, 100vw" srcset="/images/lang/de.webp" type="image/webp"><img src="/images/lang/de.webp" alt="Deutsch flag" height="16" width="16" srcset="/images/lang/de.png" sizes="(min-width: 1024px) 1024px, 100vw"></picture>
301          <span class="ml-1">Deutsch</span>
302        </a>
303      
304    
305      
306    
307      
308        <a href="/es/precios" @click="psrSetLang('es')" role="menuitem" id="menu-item-Español" class="group flex items-center px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900">
309          <picture><source sizes="(min-width: 1024px) 1024px, 100vw" srcset="/images/lang/es.webp" type="image/webp"><img src="/images/lang/es.webp" alt="Español flag" height="16" width="16" srcset="/images/lang/es.png" sizes="(min-width: 1024px) 1024px, 100vw"></picture>
310          <span class="ml-1">Español</span>
311        </a>
312      
313    
314      
315        <a href="/fr/tarifs" @click="psrSetLang('fr')" role="menuitem" id="menu-item-Français" class="group flex items-center px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900">
316          <picture><source sizes="(min-width: 1024px) 1024px, 100vw" srcset="/images/lang/fr.webp" type="image/webp"><img src="/images/lang/fr.webp" alt="Français flag" height="16" width="16" srcset="/images/lang/fr.png" sizes="(min-width: 1024px) 1024px, 100vw"></picture>
317          <span class="ml-1">Français</span>
318        </a>
319      
320    
321      
322        <a href="/nl/prijzen" @click="psrSetLang('nl')" role="menuitem" id="menu-item-Nederlands" class="group flex items-center px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900">
323          <picture><source sizes="(min-width: 1024px) 1024px, 100vw" srcset="/images/lang/nl.webp" type="image/webp"><img src="/images/lang/nl.webp" alt="Nederlands flag" height="16" width="16" srcset="/images/lang/nl.png" sizes="(min-width: 1024px) 1024px, 100vw"></picture>
324          <span class="ml-1">Nederlands</span>
325        </a>
326      
327    
328      
329        <a href="/it/prezzi" @click="psrSetLang('it')" role="menuitem" id="menu-item-Italiano" class="group flex items-center px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900">
330          <picture><source sizes="(min-width: 1024px) 1024px, 100vw" srcset="/images/lang/it.webp" type="image/webp"><img src="/images/lang/it.webp" alt="Italiano flag" height="16" width="16" srcset="/images/lang/it.png" sizes="(min-width: 1024px) 1024px, 100vw"></picture>
331          <span class="ml-1">Italiano</span>
332        </a>
333      
334    
335      
336        <a href="/pt/precos" @click="psrSetLang('pt')" role="menuitem" id="menu-item-Português" class="group flex items-center px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900">
337          <picture><source sizes="(min-width: 1024px) 1024px, 100vw" srcset="/images/lang/br.webp" type="image/webp"><img src="/images/lang/br.webp" alt="Português flag" height="16" width="16" srcset="/images/lang/br.png" sizes="(min-width: 1024px) 1024px, 100vw"></picture>
338          <span class="ml-1">Português</span>
339        </a>
340      
341    
342      
343        <a href="/pl/cennik" @click="psrSetLang('pl')" role="menuitem" id="menu-item-Polski" class="group flex items-center px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900">
344          <picture><source sizes="(min-width: 1024px) 1024px, 100vw" srcset="/images/lang/pl.webp" type="image/webp"><img src="/images/lang/pl.webp" alt="Polski flag" height="16" width="16" srcset="/images/lang/pl.png" sizes="(min-width: 1024px) 1024px, 100vw"></picture>
345          <span class="ml-1">Polski</span>
346        </a>
347      
348    
349      
350        <a href="/sv/prissattning" @click="psrSetLang('sv')" role="menuitem" id="menu-item-Svenska" class="group flex items-center px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900">
351          <picture><source sizes="(min-width: 1024px) 1024px, 100vw" srcset="/images/lang/se.webp" type="image/webp"><img src="/images/lang/se.webp" alt="Svenska flag" height="16" width="16" srcset="/images/lang/se.png" sizes="(min-width: 1024px) 1024px, 100vw"></picture>
352          <span class="ml-1">Svenska</span>
353        </a>
354      
355    
356      
357        <a href="/ja/kakakutei" @click="psrSetLang('ja')" role="menuitem" id="menu-item-日本語" class="group flex items-center px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900">
358          <picture><source sizes="(min-width: 1024px) 1024px, 100vw" srcset="/images/lang/jp.webp" type="image/webp"><img src="/images/lang/jp.webp" alt="日本語 flag" height="16" width="16" srcset="/images/lang/jp.png" sizes="(min-width: 1024px) 1024px, 100vw"></picture>
359          <span class="ml-1">日本語</span>
360        </a>
361      
362    
363      
364        <a href="/ko/요금제" @click="psrSetLang('ko')" role="menuitem" id="menu-item-한국어" class="group flex items-center px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900">
365          <picture><source sizes="(min-width: 1024px) 1024px, 100vw" srcset="/images/lang/kr.webp" type="image/webp"><img src="/images/lang/kr.webp" alt="한국어 flag" height="16" width="16" srcset="/images/lang/kr.png" sizes="(min-width: 1024px) 1024px, 100vw"></picture>
366          <span class="ml-1">한국어</span>
367        </a>
368      
369    
370      
371        <a href="/zh/jiage" @click="psrSetLang('zh-CN')" role="menuitem" id="menu-item-简体中文" class="group flex items-center px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900">
372          <picture><source sizes="(min-width: 1024px) 1024px, 100vw" srcset="/images/lang/cn.webp" type="image/webp"><img src="/images/lang/cn.webp" alt="简体中文 flag" height="16" width="16" srcset="/images/lang/cn.png" sizes="(min-width: 1024px) 1024px, 100vw"></picture>
373          <span class="ml-1">简体中文</span>
374        </a>
375      
376    
377  </div>
378</div>
379
380          <a href="https://app.parseur.com/signup" x-init="add_utm($el, 'mobile-nav')" class="inline-flex items-center justify-center px-3 py-1.5 text-sm font-medium rounded text-white bg-brand transition-colors duration-300 ease-out-quart hover:bg-brand/90">
381            Sign up
382          </a>
383          <button type="button" @click="mobileOpen=true" class="bg-white rounded-md p-2 inline-flex items-center justify-center text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-brand" aria-expanded="false">
384            <span class="sr-only">Open menu</span>
385            <i class="far fa-bars h-5 w-5"></i>
386          </button>
387        </div>
388      </div>
389      <div class="hidden md:flex md:items-center md:ml-10 md:space-x-8">
390        <div @click="menuOpen = menuOpen === 'Product' ? '' : 'Product'" @mouseover="menuOpen = 'Product'" @mouseleave="menuOpen = ''" @blur="menuOpen = ''" class="static xl:relative">
391              <button type="button" @focus="menuOpen = 'Product'" :class="{'text-brand': menuOpen === 'Product', 'text-gray-900': menuOpen !== 'Product' }" :aria-expanded="menuOpen === 'Product'" class="group bg-white rounded-md inline-flex text-base font-medium items-center hover:text-brand focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-brand my-3">
392                <span>Product</span>
393                <i :class="{'text-brand': menuOpen === 'Product', 'text-gray-900': menuOpen !== 'Product' }" class="far fa-chevron-down ml-1 h-3 w-3 group-hover:text-brand text-gray-900"></i>
394              </button>
395              <div x-show="menuOpen === 'Product'" style="display: none;" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 translate-y-1" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 translate-y-1" class="absolute z-10 left-0 right-0 mx-auto xl:right-auto xl:mx-0 xl:left-1/3 xl:-translate-x-1/3 w-screen px-0 max-w-3xl">
396                <div class="rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden">
397                  <div class="relative grid bg-white gap-x-8 gap-y-0 px-8 pt-7 pb-3 grid-cols-2 divide-x divide-gray-100">
398                    <div class="flex flex-col ">
399                        <p class="uppercase text-gray-500 text-xs tracking-widest font-medium mb-4">Core features</p>
400                        <a href="/document-capture-software" class="group flex items-start gap-3 rounded-lg hover:bg-blue-50 transition ease-in-out duration-150 px-2 py-2.5 ">
401                            <div class="flex-shrink-0 bg-blue-50 group-hover:bg-blue-100 rounded-lg text-brand w-9 h-9 flex items-center justify-center transition ease-in-out duration-150">
402                              <i class="far fa-inbox text-sm"></i>
403                            </div>
404                            <div class="pt-0.5">
405                              <p class="text-sm font-semibold text-gray-900 group-hover:text-brand leading-snug transition ease-in-out duration-150">Document capture</p>
406                              <p class="mt-0.5 text-xs text-gray-500 leading-snug">Capture documents from email, API, and uploads</p>
407                            </div>
408                          </a><a href="/document-parsing" class="group flex items-start gap-3 rounded-lg hover:bg-blue-50 transition ease-in-out duration-150 px-2 py-2.5 ">
409                            <div class="flex-shrink-0 bg-blue-50 group-hover:bg-blue-100 rounded-lg text-brand w-9 h-9 flex items-center justify-center transition ease-in-out duration-150">
410                              <i class="far fa-wand-magic-sparkles text-sm"></i>
411                            </div>
412                            <div class="pt-0.5">
413                              <p class="text-sm font-semibold text-gray-900 group-hover:text-brand leading-snug transition ease-in-out duration-150">Document parsing and extraction</p>
414                              <p class="mt-0.5 text-xs text-gray-500 leading-snug">Extract data with Vision AI, Text AI, or templates</p>
415                            </div>
416                          </a><a href="/normalization-and-validation" class="group flex items-start gap-3 rounded-lg hover:bg-blue-50 transition ease-in-out duration-150 px-2 py-2.5 ">
417                            <div class="flex-shrink-0 bg-blue-50 group-hover:bg-blue-100 rounded-lg text-brand w-9 h-9 flex items-center justify-center transition ease-in-out duration-150">
418                              <i class="far fa-list-check text-sm"></i>
419                            </div>
420                            <div class="pt-0.5">
421                              <p class="text-sm font-semibold text-gray-900 group-hover:text-brand leading-snug transition ease-in-out duration-150">Normalization and validation</p>
422                              <p class="mt-0.5 text-xs text-gray-500 leading-snug">Format and validate every extracted field</p>
423                            </div>
424                          </a><a href="/exports-and-integrations" class="group flex items-start gap-3 rounded-lg hover:bg-blue-50 transition ease-in-out duration-150 px-2 py-2.5 ">
425                            <div class="flex-shrink-0 bg-blue-50 group-hover:bg-blue-100 rounded-lg text-brand w-9 h-9 flex items-center justify-center transition ease-in-out duration-150">
426                              <i class="far fa-arrow-up-right-from-square text-sm"></i>
427                            </div>
428                            <div class="pt-0.5">
429                              <p class="text-sm font-semibold text-gray-900 group-hover:text-brand leading-snug transition ease-in-out duration-150">Exports and integrations</p>
430                              <p class="mt-0.5 text-xs text-gray-500 leading-snug">Send parsed data to your tools in real time</p>
431                            </div>
432                          </a><a href="/ocr-software" class="group flex items-start gap-3 rounded-lg hover:bg-blue-50 transition ease-in-out duration-150 px-2 py-2.5 ">
433                            <div class="flex-shrink-0 bg-blue-50 group-hover:bg-blue-100 rounded-lg text-brand w-9 h-9 flex items-center justify-center transition ease-in-out duration-150">
434                              <i class="far fa-language text-sm"></i>
435                            </div>
436                            <div class="pt-0.5">
437                              <p class="text-sm font-semibold text-gray-900 group-hover:text-brand leading-snug transition ease-in-out duration-150">OCR software</p>
438                              <p class="mt-0.5 text-xs text-gray-500 leading-snug">Fast and accurate character recognition</p>
439                            </div>
440                          </a>
441                      </div><div class="flex flex-col pl-8">
442                        <p class="uppercase text-gray-500 text-xs tracking-widest font-medium mb-4">Using Parseur</p>
443                        <a href="https://help.parseur.com/" class="group flex items-start gap-3 rounded-lg hover:bg-blue-50 transition ease-in-out duration-150 px-2 py-2.5 ">
444                            <div class="flex-shrink-0 bg-blue-50 group-hover:bg-blue-100 rounded-lg text-brand w-9 h-9 flex items-center justify-center transition ease-in-out duration-150">
445                              <i class="far fa-question text-sm"></i>
446                            </div>
447                            <div class="pt-0.5">
448                              <p class="text-sm font-semibold text-gray-900 group-hover:text-brand leading-snug transition ease-in-out duration-150">Support Center</p>
449                              <p class="mt-0.5 text-xs text-gray-500 leading-snug">Visit our comprehensive knowledge base</p>
450                            </div>
451                          </a><a href="https://developer.parseur.com" class="group flex items-start gap-3 rounded-lg hover:bg-blue-50 transition ease-in-out duration-150 px-2 py-2.5 ">
452                            <div class="flex-shrink-0 bg-blue-50 group-hover:bg-blue-100 rounded-lg text-brand w-9 h-9 flex items-center justify-center transition ease-in-out duration-150">
453                              <i class="far fa-code text-sm"></i>
454                            </div>
455                            <div class="pt-0.5">
456                              <p class="text-sm font-semibold text-gray-900 group-hover:text-brand leading-snug transition ease-in-out duration-150">Document extraction API</p>
457                              <p class="mt-0.5 text-xs text-gray-500 leading-snug">Integrate Parseur with your applications</p>
458                            </div>
459                          </a><a href="/integration/" class="group flex items-start gap-3 rounded-lg hover:bg-blue-50 transition ease-in-out duration-150 px-2 py-2.5 ">
460                            <div class="flex-shrink-0 bg-blue-50 group-hover:bg-blue-100 rounded-lg text-brand w-9 h-9 flex items-center justify-center transition ease-in-out duration-150">
461                              <i class="far fa-cloud-arrow-up text-sm"></i>
462                            </div>
463                            <div class="pt-0.5">
464                              <p class="text-sm font-semibold text-gray-900 group-hover:text-brand leading-snug transition ease-in-out duration-150">Integrations</p>
465                              <p class="mt-0.5 text-xs text-gray-500 leading-snug">Send parsed data to 1,000s of applications</p>
466                            </div>
467                          </a><a href="/pricing" class="group flex items-start gap-3 rounded-lg hover:bg-blue-50 transition ease-in-out duration-150 px-2 py-2.5 lg:hidden">
468                            <div class="flex-shrink-0 bg-blue-50 group-hover:bg-blue-100 rounded-lg text-brand w-9 h-9 flex items-center justify-center transition ease-in-out duration-150">
469                              <i class="far fa-badge-dollar text-sm"></i>
470                            </div>
471                            <div class="pt-0.5">
472                              <p class="text-sm font-semibold text-gray-900 group-hover:text-brand leading-snug transition ease-in-out duration-150">Pricing</p>
473                              <p class="mt-0.5 text-xs text-gray-500 leading-snug">Free to start with, then pay as you grow</p>
474                            </div>
475                          </a><a href="/blog/" class="group flex items-start gap-3 rounded-lg hover:bg-blue-50 transition ease-in-out duration-150 px-2 py-2.5 ">
476                            <div class="flex-shrink-0 bg-blue-50 group-hover:bg-blue-100 rounded-lg text-brand w-9 h-9 flex items-center justify-center transition ease-in-out duration-150">
477                              <i class="far fa-newspaper text-sm"></i>
478                            </div>
479                            <div class="pt-0.5">
480                              <p class="text-sm font-semibold text-gray-900 group-hover:text-brand leading-snug transition ease-in-out duration-150">Blog</p>
481                              <p class="mt-0.5 text-xs text-gray-500 leading-snug">Guides and stories on document automation</p>
482                            </div>
483                          </a><a href="https://help.parseur.com/" class="group flex items-start gap-3 rounded-lg hover:bg-blue-50 transition ease-in-out duration-150 px-2 py-2.5 lg:hidden">
484                            <div class="flex-shrink-0 bg-blue-50 group-hover:bg-blue-100 rounded-lg text-brand w-9 h-9 flex items-center justify-center transition ease-in-out duration-150">
485                              <i class="far fa-headset text-sm"></i>
486                            </div>
487                            <div class="pt-0.5">
488                              <p class="text-sm font-semibold text-gray-900 group-hover:text-brand leading-snug transition ease-in-out duration-150">Support Center</p>
489                              <p class="mt-0.5 text-xs text-gray-500 leading-snug">
489Comprehensive knowledge base about using Parseur</p>
490                            </div>
491                          </a><a href="/about" class="group flex items-start gap-3 rounded-lg hover:bg-blue-50 transition ease-in-out duration-150 px-2 py-2.5 hidden lg:flex lg:items-start">
492                            <div class="flex-shrink-0 bg-blue-50 group-hover:bg-blue-100 rounded-lg text-brand w-9 h-9 flex items-center justify-center transition ease-in-out duration-150">
493                              <i class="far fa-circle-question text-sm"></i>
494                            </div>
495                            <div class="pt-0.5">
496                              <p class="text-sm font-semibold text-gray-900 group-hover:text-brand leading-snug transition ease-in-out duration-150">About us</p>
497                              <p class="mt-0.5 text-xs text-gray-500 leading-snug">Who is behind Parseur?</p>
498                            </div>
499                          </a>
500                      </div>
501                  </div>
502                  <div class="px-5 py-3 bg-white sm:px-8 sm:py-4">
503                    <a href="/features" class="group -m-3 p-3 flow-root rounded-md hover:bg-blue-50 transition ease-in-out duration-150">
504                      <span class="flex items-center">
505                        <span class="font-medium text-sm text-gray-900 group-hover:text-brand transition ease-in-out duration-150">
506                          View all features
507                        </span>
508                        <i class="far fa-arrow-right ml-2 group-hover:text-brand transition ease-in-out duration-150"></i>
509                      </span>
510                      <span class="mt-1 block text-xs text-gray-500">
511                        See how Parseur is the most comprehensive document parsing and processing platform
512                      </span>
513                    </a>
514                  </div>
515                </div>
516              </div>
517            </div><div @click="menuOpen = menuOpen === 'Solutions' ? '' : 'Solutions'" @mouseover="menuOpen = 'Solutions'" @mouseleave="menuOpen = ''" @blur="menuOpen = ''" class="static xl:relative">
518              <button type="button" @focus="menuOpen = 'Solutions'" :class="{'text-brand': menuOpen === 'Solutions', 'text-gray-900': menuOpen !== 'Solutions' }" :aria-expanded="menuOpen === 'Solutions'" class="group bg-white rounded-md inline-flex text-base font-medium items-center hover:text-brand focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-brand my-3">
519                <span>Solutions</span>
520                <i :class="{'text-brand': menuOpen === 'Solutions', 'text-gray-900': menuOpen !== 'Solutions' }" class="far fa-chevron-down ml-1 h-3 w-3 group-hover:text-brand text-gray-900"></i>
521              </button>
522              <div x-show="menuOpen === 'Solutions'" style="display: none;" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 translate-y-1" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 translate-y-1" class="absolute z-10 left-0 right-0 mx-auto xl:right-auto xl:mx-0 xl:left-1/3 xl:-translate-x-1/3 w-screen px-0 max-w-3xl">
523                <div class="rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden">
524                  <div class="relative grid bg-white gap-x-8 gap-y-0 px-8 pt-7 pb-3 grid-cols-2 divide-x divide-gray-100">
525                    <div class="flex flex-col ">
526                        <p class="uppercase text-gray-500 text-xs tracking-widest font-medium mb-4">Extract data from</p>
527                        <a href="/email-parser" class="group flex items-start gap-3 rounded-lg hover:bg-blue-50 transition ease-in-out duration-150 px-2 py-2.5 ">
528                            <div class="flex-shrink-0 bg-blue-50 group-hover:bg-blue-100 rounded-lg text-brand w-9 h-9 flex items-center justify-center transition ease-in-out duration-150">
529                              <i class="far fa-envelope text-sm"></i>
530                            </div>
531                            <div class="pt-0.5">
532                              <p class="text-sm font-semibold text-gray-900 group-hover:text-brand leading-snug transition ease-in-out duration-150">Emails</p>
533                              <p class="mt-0.5 text-xs text-gray-500 leading-snug">Parse emails and attachments to extract key data</p>
534                            </div>
535                          </a><a href="/pdf-parser" class="group flex items-start gap-3 rounded-lg hover:bg-blue-50 transition ease-in-out duration-150 px-2 py-2.5 ">
536                            <div class="flex-shrink-0 bg-blue-50 group-hover:bg-blue-100 rounded-lg text-brand w-9 h-9 flex items-center justify-center transition ease-in-out duration-150">
537                              <i class="far fa-file-pdf text-sm"></i>
538                            </div>
539                            <div class="pt-0.5">
540                              <p class="text-sm font-semibold text-gray-900 group-hover:text-brand leading-snug transition ease-in-out duration-150">PDFs</p>
541                              <p class="mt-0.5 text-xs text-gray-500 leading-snug">Extract text from PDFs and scans</p>
542                            </div>
543                          </a><a href="/extract-data/invoice-ocr" class="group flex items-start gap-3 rounded-lg hover:bg-blue-50 transition ease-in-out duration-150 px-2 py-2.5 ">
544                            <div class="flex-shrink-0 bg-blue-50 group-hover:bg-blue-100 rounded-lg text-brand w-9 h-9 flex items-center justify-center transition ease-in-out duration-150">
545                              <i class="far fa-file-invoice-dollar text-sm"></i>
546                            </div>
547                            <div class="pt-0.5">
548                              <p class="text-sm font-semibold text-gray-900 group-hover:text-brand leading-snug transition ease-in-out duration-150">Invoices</p>
549                              <p class="mt-0.5 text-xs text-gray-500 leading-snug">Extract data from invoices and receipts</p>
550                            </div>
551                          </a><a href="/use-case/export-google-alerts-to-a-spreadsheet" class="group flex items-start gap-3 rounded-lg hover:bg-blue-50 transition ease-in-out duration-150 px-2 py-2.5 ">
552                            <div class="flex-shrink-0 bg-blue-50 group-hover:bg-blue-100 rounded-lg text-brand w-9 h-9 flex items-center justify-center transition ease-in-out duration-150">
553                              <i class="fab fa-google text-sm"></i>
554                            </div>
555                            <div class="pt-0.5">
556                              <p class="text-sm font-semibold text-gray-900 group-hover:text-brand leading-snug transition ease-in-out duration-150">Google Alerts</p>
557                              <p class="mt-0.5 text-xs text-gray-500 leading-snug">Convert Google Alerts to Excel or Sheets</p>
558                            </div>
559                          </a>
560                      </div><div class="flex flex-col pl-8">
561                        <p class="uppercase text-gray-500 text-xs tracking-widest font-medium mb-4">Document processing for</p>
562                        <a href="/solution/real-estate" class="group flex items-start gap-3 rounded-lg hover:bg-blue-50 transition ease-in-out duration-150 px-2 py-2.5 ">
563                            <div class="flex-shrink-0 bg-blue-50 group-hover:bg-blue-100 rounded-lg text-brand w-9 h-9 flex items-center justify-center transition ease-in-out duration-150">
564                              <i class="far fa-house text-sm"></i>
565                            </div>
566                            <div class="pt-0.5">
567                              <p class="text-sm font-semibold text-gray-900 group-hover:text-brand leading-snug transition ease-in-out duration-150">Real-estate</p>
568                              <p class="mt-0.5 text-xs text-gray-500 leading-snug">Send real-estate leads to your CRM</p>
569                            </div>
570                          </a><a href="/solution/logistics-automation" class="group flex items-start gap-3 rounded-lg hover:bg-blue-50 transition ease-in-out duration-150 px-2 py-2.5 ">
571                            <div class="flex-shrink-0 bg-blue-50 group-hover:bg-blue-100 rounded-lg text-brand w-9 h-9 flex items-center justify-center transition ease-in-out duration-150">
572                              <i class="far fa-truck-fast text-sm"></i>
573                            </div>
574                            <div class="pt-0.5">
575                              <p class="text-sm font-semibold text-gray-900 group-hover:text-brand leading-snug transition ease-in-out duration-150">Logistics and supply chain</p>
576                              <p class="mt-0.5 text-xs text-gray-500 leading-snug">Parse bills of lading and delivery notes</p>
577                            </div>
578                          </a><a href="/solution/retail" class="group flex items-start gap-3 rounded-lg hover:bg-blue-50 transition ease-in-out duration-150 px-2 py-2.5 ">
579                            <div class="flex-shrink-0 bg-blue-50 group-hover:bg-blue-100 rounded-lg text-brand w-9 h-9 flex items-center justify-center transition ease-in-out duration-150">
580                              <i class="far fa-shopping-cart text-sm"></i>
581                            </div>
582                            <div class="pt-0.5">
583                              <p class="text-sm font-semibold text-gray-900 group-hover:text-brand leading-snug transition ease-in-out duration-150">Retail</p>
584                              <p class="mt-0.5 text-xs text-gray-500 leading-snug">Sync e-commerce platforms with your apps</p>
585                            </div>
586                          </a><a href="/solution/human-resource" class="group flex items-start gap-3 rounded-lg hover:bg-blue-50 transition ease-in-out duration-150 px-2 py-2.5 ">
587                            <div class="flex-shrink-0 bg-blue-50 group-hover:bg-blue-100 rounded-lg text-brand w-9 h-9 flex items-center justify-center transition ease-in-out duration-150">
588                              <i class="far fa-users text-sm"></i>
589                            </div>
590                            <div class="pt-0.5">
591                              <p class="text-sm font-semibold text-gray-900 group-hover:text-brand leading-snug transition ease-in-out duration-150">Human resources</p>
592                              <p class="mt-0.5 text-xs text-gray-500 leading-snug">Send candidate resumes to your ATS</p>
593                            </div>
594                          </a>
595                      </div>
596                  </div>
597                  <div class="px-5 py-3 bg-white sm:px-8 sm:py-4">
598                    <a href="/solution/" class="group -m-3 p-3 flow-root roun
598ded-md hover:bg-blue-50 transition ease-in-out duration-150">
599                      <span class="flex items-center">
600                        <span class="font-medium text-sm text-gray-900 group-hover:text-brand transition ease-in-out duration-150">
601                          Explore all solutions
602                        </span>
603                        <i class="far fa-arrow-right ml-2 group-hover:text-brand transition ease-in-out duration-150"></i>
604                      </span>
605                      <span class="mt-1 block text-xs text-gray-500">
606                        Parseur has solutions for a wide range of data extraction use cases.
607                      </span>
608                    </a>
609                  </div>
610                </div>
611              </div>
612            </div><a href="/pricing" class="text-gray-900 text-base font-medium hover:text-brand my-3 hidden lg:block">
613              Pricing
614            </a>
615      </div>
616    </div>
617    <div class="hidden md:flex md:gap-x-4 md:items-center">
618      <a href="tel:+1 888 486 1987" class="hidden lg:inline-flex items-center gap-2 px-2 py-1 rounded-full border border-gray-200 bg-gray-50 text-gray-500">
619        <i class="far fa-phone fa-sm"></i>
620        
621        <span class="text-base tracking-tight">
622          +1 888 486 1987
623        </span>
624      </a>
625      
626<div class="relative inline-block text-left" x-data="{ langOpen:false }">
627  <div>
628    <button @click="langOpen=!langOpen" @click.outside="langOpen=false" type="button" id="lang-button" aria-expanded="true" aria-haspopup="true" class="inline-flex w-full items-center justify-center px-2 py-2 text-gray-700 hover:bg-gray-100 hover:text-gray-900 font-medium focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-900">
629      <picture><source sizes="(min-width: 1024px) 1024px, 100vw" srcset="/images/lang/en.webp" type="image/webp"><img src="/images/lang/en.webp" alt="English flag" data-preset="original" height="24" width="24" srcset="/images/lang/en.png" sizes="(min-width: 1024px) 1024px, 100vw"></picture>
630      <span class="sr-only">English</span>
631      <i :class="{'text-gray-600': langOpen, 'text-gray-400': !langOpen }" class="far fa-chevron-down ml-2 h-3 w-3 group-hover:text-gray-500"></i>
632    </button>
633  </div>
634  <div x-cloak="" x-show="langOpen" role="menu" aria-orientation="vertical" aria-labelledby="lang-button" tabindex="-1" class="absolute top-full right-0 w-36 origin-top-right rounded-md bg-white shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none">
635    
636      
637        <a href="/de/preise" @click="psrSetLang('de')" role="menuitem" id="menu-item-Deutsch" class="group flex items-center px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900">
638          <picture><source sizes="(min-width: 1024px) 1024px, 100vw" srcset="/images/lang/de.webp" type="image/webp"><img src="/images/lang/de.webp" alt="Deutsch flag" height="16" width="16" srcset="/images/lang/de.png" sizes="(min-width: 1024px) 1024px, 100vw"></picture>
639          <span class="ml-1">Deutsch</span>
640        </a>
641      
642    
643      
644    
645      
646        <a href="/es/precios" @click="psrSetLang('es')" role="menuitem" id="menu-item-Español" class="group flex items-center px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900">
647          <picture><source sizes="(min-width: 1024px) 1024px, 100vw" srcset="/images/lang/es.webp" type="image/webp"><img src="/images/lang/es.webp" alt="Español flag" height="16" width="16" srcset="/images/lang/es.png" sizes="(min-width: 1024px) 1024px, 100vw"></picture>
648          <span class="ml-1">Español</span>
649        </a>
650      
651    
652      
653        <a href="/fr/tarifs" @click="psrSetLang('fr')" role="menuitem" id="menu-item-Français" class="group flex items-center px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900">
654          <picture><source sizes="(min-width: 1024px) 1024px, 100vw" srcset="/images/lang/fr.webp" type="image/webp"><img src="/images/lang/fr.webp" alt="Français flag" height="16" width="16" srcset="/images/lang/fr.png" sizes="(min-width: 1024px) 1024px, 100vw"></picture>
655          <span class="ml-1">Français</span>
656        </a>
657      
658    
659      
660        <a href="/nl/prijzen" @click="psrSetLang('nl')" role="menuitem" id="menu-item-Nederlands" class="group flex items-center px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900">
661          <picture><source sizes="(min-width: 1024px) 1024px, 100vw" srcset="/images/lang/nl.webp" type="image/webp"><img src="/images/lang/nl.webp" alt="Nederlands flag" height="16" width="16" srcset="/images/lang/nl.png" sizes="(min-width: 1024px) 1024px, 100vw"></picture>
662          <span class="ml-1">Nederlands</span>
663        </a>
664      
665    
666      
667        <a href="/it/prezzi" @click="psrSetLang('it')" role="menuitem" id="menu-item-Italiano" class="group flex items-center px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900">
668          <picture><source sizes="(min-width: 1024px) 1024px, 100vw" srcset="/images/lang/it.webp" type="image/webp"><img src="/images/lang/it.webp" alt="Italiano flag" height="16" width="16" srcset="/images/lang/it.png" sizes="(min-width: 1024px) 1024px, 100vw"></picture>
669          <span class="ml-1">Italiano</span>
670        </a>
671      
672    
673      
674        <a href="/pt/precos" @click="psrSetLang('pt')" role="menuitem" id="menu-item-Português" class="group flex items-center px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900">
675          <picture><source sizes="(min-width: 1024px) 1024px, 100vw" srcset="/images/lang/br.webp" type="image/webp"><img src="/images/lang/br.webp" alt="Português flag" height="16" width="16" srcset="/images/lang/br.png" sizes="(min-width: 1024px) 1024px, 100vw"></picture>
676          <span class="ml-1">Português</span>
677        </a>
678      
679    
680      
681        <a href="/pl/cennik" @click="psrSetLang('pl')" role="menuitem" id="menu-item-Polski" class="group flex items-center px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900">
682          <picture><source sizes="(min-width: 1024px) 1024px, 100vw" srcset="/images/lang/pl.webp" type="image/webp"><img src="/images/lang/pl.webp" alt="Polski flag" height="16" width="16" srcset="/images/lang/pl.png" sizes="(min-width: 1024px) 1024px, 100vw"></picture>
683          <span class="ml-1">Polski</span>
684        </a>
685      
686    
687      
688        <a href="/sv/prissattning" @click="psrSetLang('sv')" role="menuitem" id="menu-item-Svenska" class="group flex items-center px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900">
689          <picture><source sizes="(min-width: 1024px) 1024px, 100vw" srcset="/images/lang/se.webp" type="image/webp"><img src="/images/lang/se.webp" alt="Svenska flag" height="16" width="16" srcset="/images/lang/se.png" sizes="(min-width: 1024px) 1024px, 100vw"></picture>
690          <span class="ml-1">Svenska</span>
691        </a>
692      
693    
694      
695        <a href="/ja/kakakutei" @click="psrSetLang('ja')" role="menuitem" id="menu-item-日本語" class="group flex items-center px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900">
696          <picture><source sizes="(min-width: 1024px) 1024px, 100vw" srcset="/images/lang/jp.webp" type="image/webp"><img src="/images/lang/jp.webp" alt="日本語 flag" height="16" width="16" srcset="/images/lang/jp.png" sizes="(min-width: 1024px) 1024px, 100vw"></picture>
697          <span class="ml-1">日本語</span>
698        </a>
699      
700    
701      
702        <a href="/ko/요금제" @click="psrSetLang('ko')" role="menuitem" id="menu-item-한국어" class="group flex items-center px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900">
703          <picture><source sizes="(min-width: 1024px) 1024px, 100vw" srcset="/images/lang/kr.webp" type="image/webp"><img src="/images/lang/kr.webp" alt="한국어 flag" height="16" width="16" srcset="/images/lang/kr.png" sizes="(min-width: 1024px) 1024px, 100vw"></picture>
704          <span class="ml-1">한국어</span>
705        </a>
706      
707    
708      
709        <a href="/zh/jiage" @click="psrSetLang('zh-CN')" role="menuitem" id="menu-item-简体中文" class="group flex items-center px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900">
710          <picture><source sizes="(min-width: 1024px) 1024px, 100vw" srcset="/images/lang/cn.webp" type="image/webp"><img src="/images/lang/cn.webp" alt="简体中文 flag" height="16" width="16" srcset="/images/lang/cn.png" sizes="(min-width: 1024px) 1024px, 100vw"></picture>
711          <span class="ml-1">简体中文</span>
712        </a>
713      
714    
715  </div>
716</div>
717
718      <a href="https://app.parseur.com/login" class="inline-flex items-center rounded border border-gray-200 bg-white px-4 py-2 text-base font-medium text-navy transition-colors duration-300 ease-out-quart hover:border-gray-300 hover:text-brand">
719        Sign in
720      </a>
721      <a href="https://app.parseur.com/signup" x-init="add_utm($el, 'desktop-nav')" class="group inline-flex items-center gap-1.5 rounded bg-brand px-4 py-2 text-base font-medium text-white transition-colors duration-300 ease-out-quart hover:bg-brand/90">
722        Sign up
723        
724        <svg width="10" height="10" viewBox="0 0 10 10" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
725          <path d="M0.5 5.5h7" class="opacity-0 transition-opacity duration-300 ease-out-quart group-hover:opacity-100"></path>
726          <path d="M1.5 1.5l4 4-4 4" class="transition-transform duration-300 ease-out-quart group-hover:translate-x-[2px]"></path>
727        </svg>
728      </a>
729    </div>
730  </nav>
731  
732  <div x-show="mobileOpen" style="display: none;" x-transition:enter="duration-150 ease-out" x-transition:enter-start="opacity-0 scale-95" x-transition:enter-end="opacity-100 scale-100" x-transition:leave="duration-100 ease-in" x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-95" class="fixed inset-0 z-50 bg-white overflow-y-auto overscroll-contain md:hidden">
733    <div class="min-h-full flex flex-col">
734      <div class="px-4 pt-4 flex items-center justify-between">
735        <a href="/" aria-label="Parseur logo" class="flex items-center gap-2">
736          <img src="/images/parseur-logo.svg" alt="Parseur Logo" class="h-8 w-auto">
737          <span class="font-bold tracking-tight text-2xl text-brand">Parseur</span>
738        </a>
739        <div class="flex items-center gap-2">
740          <a href="https://app.parseur.com/signup" x-init="add_utm($el, 'mobile-nav-top')" class="inline-flex items-center justify-center px-4 py-1.5 text-sm font-medium rounded text-white bg-brand transition-colors duration-300 ease-out-quart hover:bg-brand/90">
741            Sign up
742          </a>
743          <button type="button" @click="mobileOpen=false" class="bg-white rounded-md p-2 inline-flex items-center justify-center text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-brand">
744            <span class="sr-only">Close menu</span>
745            <i class="far fa-times"></i>
746          </button>
747        </div>
748      </div>
749      <div class="flex-1 divide-y divide-gray-100 mt-2 px-2 border-t border-gray-100">
750        <div class="px-3.5 py-3 text-navy">
751          <a href="tel:+1 888 486 1987" class="flex items-center text-navy gap-x-1 hover:text-brand w-full">
752            <i class="far fa-phone fa-sm"></i>
753            <span class="text-sm">+1 888 486 1987</span>
754          </a>
755        </div>
756        
757                <div class="px-4 py-2">
758                  <p class="text-2xs font-semibold uppercase tracking-widest text-gray-400 mb-1">Core features</p>
759                  <a href="/document-capture-software" class="block py-2 px-2 rounded text-sm font-normal text-navy hover:bg-gray-100 hover:text-brand">
760                      Document capture
761                    </a><a href="/document-parsing" class="block py-2 px-2 rounded text-sm font-normal text-navy hover:bg-gray-100 hover:text-brand">
762                      Document parsing and extraction
763                    </a><a href="/normalization-and-validation" class="block py-2 px-2 rounded text-sm font-normal text-navy hover:bg-gray-100 hover:text-brand">
764                      Normalization and validation
765                    </a><a href="/exports-and-integrations" class="block py-2 px-2 rounded text-sm font-normal text-navy hover:bg-gray-100 hover:text-brand">
766                      Exports and integrations
767                    </a><a href="/ocr-software" class="block py-2 px-2 rounded text-sm font-normal text-navy hover:bg-gray-100 hover:text-brand">
768                      OCR software
769                    </a>
770                  
771                </div>
772              
773                <div class="px-4 py-2">
774                  <p class="text-2xs font-semibold uppercase tracking-widest text-gray-400 mb-1">Extract data from</p>
775                  <a href="/email-parser" class="block py-2 px-2 rounded text-sm font-normal text-navy hover:bg-gray-100 hover:text-brand">
776                      Emails
777                    </a><a href="/pdf-parser" class="block py-2 px-2 rounded text-sm font-normal text-navy hover:bg-gray-100 hover:text-brand">
778                      PDFs
779                    </a><a href="/extract-data/invoice-ocr" class="block py-2 px-2 rounded text-sm font-normal text-navy hover:bg-gray-100 hover:text-brand">
780                      Invoices
781                    </a><a href="/use-case/export-google-alerts-to-a-spreadsheet" class="block py-2 px-2 rounded text-sm font-normal text-navy hover:bg-gray-100 hover:text-brand">
782                      Google Alerts
783                    </a>
784                  
785                </div>
786              <div class="px-4 py-2">
787              <a href="/integration/" class="block py-2 px-2 rounded text-sm font-normal text-navy hover:bg-gray-100 hover:text-brand">
788                Integrations
789              </a>
790            </div><div class="px-4 py-2">
791              <a href="/pricing" class="block py-2 px-2 rounded text-sm font-normal text-navy hover:bg-gray-100 hover:text-brand">
792                Pricing
793              </a>
794            </div><div class="px-4 py-2">
795              <a href="/blog/" class="block py-2 px-2 rounded text-sm font-normal text-navy hover:bg-gray-100 hover:text-brand">
796                Blog
797              </a>
798            </div>
799      </div>
800      <div class="sticky bottom-0 bg-white border-t border-gray-100 px-4 py-3 flex gap-3 justify-center">
801        <a href="https://app.parseur.com/login" class="inline-flex items-center justify-center px-6 py-2 border border-gray-200 text-sm font-medium rounded text-navy bg-white transition-colors duration-300 ease-out-quart hover:border-gray-300 hover:text-brand">
802          Sign in
803        </a>
804      </div>
805    </div>
806  </div>
807</div>
808
809    <main>
810      <div class="mt-16 sm:mt-20">
811  
812  <div class="mt-22 mx-auto mb-4 max-w-4xl px-4 md:mt-28">
813    <div class="prose mx-auto lg:prose-lg">
814      <h1 class="text-pretty text-center hyphens-auto">Simple volume-based pricing</h1>
815    </div>
816    
817  </div>
818
819  <div x-data="simulator">
820    <div class="mx-auto bg-white pb-12 lg:pb-20 xl:max-w-7xl">
821      <form>
822        <div class="relative mt-28 flex justify-center">
823          <div class="animate-fadeIn animate-nudge absolute -mt-[90px] ml-[170px] w-48 text-center text-lg font-semibold tracking-tighter text-brand sm:ml-[100px] sm:text-xl">
824            <span class="absolute -ml-[200px] -mt-[16px] w-32 sm:ml-[60px]">Save up to 25%!</span>
825            <svg fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 415.262 415.261" aria-hidden="true" class="absolute h-24 w-20 origin-bottom-right -rotate-90 -scale-x-100 sm:rotate-90 sm:scale-100">
826              <g>
827                <path d="M414.937,374.984c-7.956-24.479-20.196-47.736-30.601-70.992c-1.224-3.06-6.12-3.06-7.956-1.224
828              c-10.403,11.016-22.031,22.032-28.764,35.496h-0.612c-74.664,5.508-146.88-58.141-198.288-104.652
829              c-59.364-53.244-113.22-118.116-134.64-195.84c-1.224-9.792-2.448-20.196-2.448-30.6c0-4.896-6.732-4.896-7.344,0
830              c0,1.836,0,3.672,0,5.508C1.836,12.68,0,14.516,0,17.576c0.612,6.732,2.448,13.464,3.672,20.196
831              C8.568,203.624,173.808,363.356,335.376,373.76c-5.508,9.792-10.403,20.195-16.523,29.988c-3.061,4.283,1.836,8.567,6.12,7.955
832              c30.6-4.283,58.14-18.972,86.292-29.987C413.712,381.104,416.16,378.656,414.937,374.984z M332.928,399.464
833              c3.673-7.956,6.12-15.912,10.404-23.868c1.225-3.061-0.612-5.508-2.448-6.12c0-1.836-1.224-3.061-3.06-3.672
834              c-146.268-24.48-264.996-124.236-309.06-259.489c28.764,53.244,72.828,99.756,116.28,138.924
835              c31.824,28.765,65.484,54.468,102.204,75.888c28.764,16.524,64.872,31.824,97.92,21.421l0,0c-1.836,4.896,5.508,7.344,7.956,3.672
836              c7.956-10.404,15.912-20.196,24.48-29.376c8.567,18.972,17.748,37.943,24.479,57.527
837              C379.44,382.94,356.796,393.956,332.928,399.464z"></path>
838              </g>
839            </svg>
840          </div>
841          <fieldset aria-label="Plan interval">
842            <div class="grid grid-cols-2 gap-x-1 rounded-full p-1 text-center text-lg font-semibold leading-5 ring-1 ring-inset ring-navy/10">
843              <label class="rounded-full px-2.5 py-1" :class="selected.is_yearly ? 'cursor-pointer text-navy/80 hover:bg-brand/10' : 'bg-brand text-white'">
844                <input type="radio" value="month" class="sr-only" x-model="interval" x-effect="update_plan()">
845                <span>Monthly</span>
846              </label>
847              <label class="rounded-full px-2.5 py-1" :class="selected.is_yearly ? 'bg-brand text-white' : 'cursor-pointer text-navy/80 hover:bg-brand/10'">
848                <input type="radio" value="year" class="sr-only" x-model="interval" x-effect="update_plan()" checked="">
849                <span>Annually</span>
850              </label>
851            </div>
852          </fieldset>
853        </div>
854        <p class="mx-auto mt-8 text-pretty px-4 text-center text-xl leading-6 text-navy/80 lg:text-2xl">How many pages do you process per month? Move the slider.</p>
855        <div class="relative mx-auto my-8 max-w-screen-sm px-12 md:mb-24 md:mt-24 md:px-0 lg:mt-16 lg:max-w-screen-md">
856          <label for="plan-slider" class="sr-only mb-2 block max-w-screen-xl text-sm font-medium text-navy">
857            Documents to process per month
858          </label>
859          <input id="plan-slider" type="range" x-model="selected.index" min="0" max="20" :max="plan_count" :disabled="is_loading" x-effect="update_plan()" class="plan-slider">
860          <div class="relative mb-8 text-nowrap text-center font-semibold text-navy">
861            <div class="mt-4 inline-block bg-surface px-2 py-1 md:hidden">
862              <span x-text="toLocaleNumber(selected.monthly_credit)">20</span><span x-show="selected.is_large_tier">+</span>
863              pages / month
864            </div>
865            <div class="absolute left-1/2 mt-2 hidden -translate-x-1/2 cursor-pointer select-none rounded-lg bg-surface px-2 py-1 text-lg md:block" :style="{ left: selected.index / plan_count * 100 + '%'}" @mousedown="startDragging($event)" @touchstart="startDragging($event)">
866              <div class="lg:inline" x-text="toLocaleNumber(selected.monthly_credit)">20</div>
867              <span x-show="selected.is_large_tier">+</span>
868              <div class="lg:inline">pages / month</div>
869            </div>
870          </div>
871        </div>
872        <div class="mx-2 flex flex-col justify-center px-4 align-top sm:mx-auto md:mx-4 md:flex-row">
873          <div class="relative flex h-[400px] flex-col gap-2 rounded-2xl border-2 border-navy p-8 text-center shadow-md md:h-[450px] md:w-[375px]">
874            <div class="absolute inset-x-0 top-0 flex -translate-y-1/2 transform justify-center px-2 text-center">
875              <h2 class="bg-white px-4 text-lg font-extrabold tracking-tighter text-navy" x-text="getPlanName(selected.plan)" x-show="!selected.is_large_tier">
876                Free plan
877              </h2>
878            </div>
879            <div>
880              <div class="flex flex-col justify-end font-bold tracking-tight" :class="selected.is_large_tier ? 'h-[70px]': 'h-[90px]'">
881                <div data-priceur="free" x-init="$watch('selected.monthly_cost', val => { if (val !== null) $el.textContent = toLocaleCurrency(selected.monthly_cost) })" x-show="!selected.is_large_tier" :class="selected.is_yearly &amp;&amp; (selected.is_base_tier || selected.is_growth_tier) ? 'text-xl text-navy/60 line-through transition-all ease-out' : 'text-7xl'">$0</div>
882                <div x-text="toLocaleCurrency(selected.discounted_monthly_cost)" x-show="selected.is_yearly &amp;&amp; (selected.is_base_tier || selected.is_growth_tier)" class="text-7xl"></div>
883                <div class="text-5xl" x-show="selected.is_large_tier">High volume?</div>
884              </div>
885              <div class="text-navy/80" x-show="!selected.is_large_tier">
886                Monthly price in
887                <span x-init="$watch('prices.currency_code', val => { if (val) $el.textContent = val })" data-priceur="free" data-priceur-content="currency.code">USD</span><span x-show="selected.is_yearly &amp;&amp; !selected.is_free_plan">, when paid annually</span>
888              </div>
889            </div>
890            <div class="text-bold my-2 text-lg" x-show="selected.is_free_plan">Start on our free tier, which includes 20 pages every month.</div>
891            <div class="mb-4 mt-2 text-2xl font-bold" x-show="selected.is_base_tier || selected.is_growth_tier">
892              <span x-text="toLocaleCurrency(selected.cost_per_page, 2)" data-priceur="free">$0</span>
893              / page
894            </div>
895            <div class="text-bold my-2 text-lg" x-show="selected.is_large_tier">Sign up to check our high-volume pricing options, including up to 1M pages per month.</div>
896            <a href="https://app.parseur.com/signup" x-init="add_utm($el, 'pricing-cta')" class="btn-primary"> Get started </a>
897            <div class="text-navy/80" x-show="!selected.is_free_plan">Start with 20 pages per month for free</div>
898            <div class="mt-4 text-center text-sm text-navy/80">
899              <div>All prices exclusive of VAT/GST, where applicable.</div>
900            </div>
901          </div>
902          
903          <div class="flex flex-col justify-center text-lg">
904            <div class="my-8 rounded-l-xl rounded-r-xl bg-navy p-8 text-white shadow-md md:min-w-[450px] md:rounded-l-none">
905              <h3 class="mb-4 text-center text-3xl font-semibold">What's included?</h3>
906              <ul class="flex flex-col gap-1">
907                <li class="flex gap-2 align-top">
908                  <i class="fas fa-check mt-1 h-5 w-5 flex-shrink-0"></i>
909                  <span class="grow">1 page = 1 credit</span>
910                </li>
911                <li class="flex gap-2 align-top">
912                  <i class="fas fa-check mr-1 mt-1 h-5 w-5 flex-shrink-0"></i>
913                  <span><span x-text="toLocaleNumber(selected.credits)">20</span><span x-show="selected.is_large_tier">+</span>
914                    <span x-show="selected.is_yearly &amp;&amp; !selected.is_free_plan">credits valid for a year</span>
915                    <span x-show="!selected.is_yearly || selected.is_free_plan">credits valid for a month</span>
916                  </span>
917                </li>
918                <li class="flex gap-2 align-top">
919                  <i class="fas fa-check mr-1 mt-1 h-5 w-5 flex-shrink-0"></i>
920                  <span x-show="selected.is_yearly &amp;&amp; !selected.is_free_plan">Credits renew every year</span>
921                  <span x-show="!selected.is_yearly || selected.is_free_plan">Credits renew every month</span>
922                </li>
923                <li class="flex gap-2 align-top">
924                  <i class="fas fa-check mr-1 mt-1 h-5 w-5 flex-shrink-0"></i>
925                  Cancel at any time
926                </li>
927                <li class="flex gap-2 align-top">
928                  <i class="fas mr-1 mt-1 h-5 w-5 flex-shrink-0 fa-ban" x-show="!selected.is_growth_tier &amp;&amp; !selected.is_large_tier"></i>
929                  <i class="fas mr-1 mt-1 h-5 w-5 flex-shrink-0 fa-check" x-show="selected.is_growth_tier || selected.is_large_tier"></i>
930                  Invite team members
931                </li>
932                <li class="flex gap-2 align-top">
933                  <i class="fas mr-1 mt-1 h-5 w-5 flex-shrink-0 fa-ban" x-show="!selected.is_growth_tier &amp;&amp; !selected.is_large_tier"></i>
934                  <i class="fas mr-1 mt-1 h-5 w-5 flex-shrink-0 fa-check" x-show="selected.is_growth_tier || selected.is_large_tier"></i>
935                  Advanced post processing
936                </li>
937                <li class="flex gap-2 align-top" x-show="selected.is_free_plan">
938                  <i class="fas fa-ban fa-user-robot mr-1 mt-1 h-5 w-5 flex-shrink-0"></i>
939                  AI and self-serve support
940                </li>
941                <li class="flex gap-2 align-top" x-show="selected.is_base_tier">
942                  <i class="fas fa-ban fa-user-bounty-hunter mr-1 mt-1 h-5 w-5 flex-shrink-0"></i>
943                  AI and human support
944                </li>
945                <li class="flex gap-2 align-top" x-show="selected.is_growth_tier || selected.is_large_tier">
946                  <i class="fas fa-ban fa-user-pilot-tie mr-1 mt-1 h-5 w-5 flex-shrink-0"></i>
947                  Priority support
948                </li>
949              </ul>
950            </div>
951          </div>
952        </div>
953      </form>
954    </div>
955    
956    <div class="mx-auto max-w-7xl px-6 py-8 lg:px-8">
957      
958      
959      <section aria-labelledby="mobile-comparison-heading" class="lg:hidden">
960        <h2 id="mobile-comparison-heading" class="sr-only">Feature comparison</h2>
961        <div class="mx-auto max-w-2xl space-y-16"><div class="border-t border-navy/10">
962              <div class="-mt-px border-t-2 border-transparent pt-10">
963                <h3 class="text-sm font-semibold leading-6" :class="selected.tierKey == 'free' ? 'text-brand' : 'text-navy'">
964                  Free tier
965                </h3>
966                <p class="mt-1 text-sm leading-6 text-navy/80">Take Parseur for a spin. See what it can do.</p>
967              </div>
968              <div class="mt-10 space-y-10">
969                <div>
970                  <div class="relative mt-6">
971                    
972                    <div aria-hidden="true" class="absolute inset-y-0 right-0 hidden w-1/2 rounded-lg bg-white shadow-sm sm:block"></div>
973                    <div class="relative rounded-lg bg-white shadow-sm sm:rounded-none sm:bg-transparent sm:shadow-none sm:ring-0" :class="selected.tierKey == 'free' ? 'ring-2 ring-brand' : 'ring-1 ring-navy/10'">
974                      <dl class="divide-y divide-navy/10 text-sm leading-6"><div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0">
975                                <dt class="flex gap-1 pr-4 text-navy/80">Pages processed / month</dt>
976                                <dd class="flex items-center justify-end sm:justify-center sm:px-4">
977                                  <span class="text-balance text-right sm:text-center" :class="selected.tierKey == 'free' ? 'font-semibold text-brand' : 'text-navy'">Up to 20 pages</span>
978                                </dd>
979                              </div><div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0">
980                                <dt class="flex gap-1 pr-4 text-navy/80">Multiple mailboxes</dt>
981                                <dd class="flex items-center justify-end sm:justify-center sm:px-4">
982                                  <span class="text-balance text-right sm:text-center" :class="selected.tierKey == 'free' ? 'font-semibold text-brand' : 'text-navy'">Unlimited</span>
983                                </dd>
984                              </div><div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0">
985                                <dt class="flex gap-1 pr-4 text-navy/80"><button x-data="" x-tooltip="Parseur can extract an unlimited number of fields (data points) from your documents." type="button" class="inline-block text-left hover:cursor-help">
986                                      <span class="border-b-2 border-dashed border-navy/30"> Extracted fields </span>
987                                    </button></dt>
988                                <dd class="flex items-center justify-end sm:justify-center sm:px-4">
989                                  <span class="text-balance text-right sm:text-center" :class="selected.tierKey == 'free' ? 'font-semibold text-brand' : 'text-navy'">Unlimited</span>
990                                </dd>
991                              </div><div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0">
992                                <dt class="flex gap-1 pr-4 text-navy/80"><button x-data="" x-tooltip="Extract data from any document using AI." type="button" class="inline-block text-left hover:cursor-help">
993                                      <span class="border-b-2 border-dashed border-navy/30"> AI parsing engine </span>
994                                    </button></dt>
995                                <dd class="flex items-center justify-end sm:justify-center sm:px-4">
996                                  <span class="text-balance text-right sm:text-center" :class="selected.tierKey == 'free' ? 'font-semibold text-brand' : 'text-navy'"><i class="fas fa-check text-brand"></i>
997                                      <span class="sr-only">Yes</span></span>
998                                </dd>
999                              </div><div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0">
1000                                <dt class="flex gap-1 pr-4 text-navy/80"><button x-data="" x-tooltip="Extract data from documents with consistent layouts by creating templates." type="button" class="inline-block text-left hover:cursor-help">
1001                                      <span class="border-b-2 border-dashed border-navy/30"> Template parsing engine </span>
1002                                    </button></dt>
1003                                <dd class="flex items-center justify-end sm:justify-center sm:px-4">
1004                                  <span class="text-balance text-right sm:text-center" :class="selected.tierKey == 'free' ? 'font-semibold text-brand' : 'text-navy'"><i class="fas fa-check text-brand"></i>
1005                                      <span class="sr-only">Yes</span></span>
1006                                </dd>
1007                              </div><div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0">
1008                                <dt class="flex gap-1 pr-4 text-navy/80"><button x-data="" x-tooltip="Write Python code to perform advanced manipulations of your parsed data." type="button" class="inline-block text-left hover:cursor-help">
1009                                      <span class="border-b-2 border-dashed border-navy/30"> Advanced post processing </span>
1010                                    </button></dt>
1011                                <dd class="flex items-center justify-end sm:justify-center sm:px-4">
1012                                  <span class="text-balance text-right sm:text-center" :class="selected.tierKey == 'free' ? 'font-semibold text-brand' : 'text-navy'"><i class="fas fa-ban text-navy/60"></i>
1013                                      <span class="sr-only">No</span></span>
1014                                </dd>
1015                              </div><div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0">
1016                                <dt class="flex gap-1 pr-4 text-navy/80"><button x-data="" x-tooltip="Invite team members to join your Parseur account." type="button" class="inline-block text-left hover:cursor-help">
1017                                      <span class="border-b-2 border-dashed border-navy/30"> Multi-user accounts </span>
1018                                    </button></dt>
1019                                <dd class="flex items-center justify-end sm:justify-center sm:px-4">
1020                                  <span class="text-balance text-right sm:text-center" :class="selected.tierKey == 'free' ? 'font-semibold text-brand' : 'text-navy'">1 user</span>
1021                                </dd>
1022                              </div><div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0">
1023                                <dt class="flex gap-1 pr-4 text-navy/80"><button x-data="" x-tooltip="Maximum duration during which your documents and their extracted data are kept prior to deletion." type="button" class="inline-block text-left hover:cursor-help">
1024                                      <span class="border-b-2 border-dashed border-navy/30"> Document retention period </span>
1025                                    </button></dt>
1026                                <dd class="flex items-center justify-end sm:justify-center sm:px-4">
1027                                  <span class="text-balance text-right sm:text-center" :class="selected.tierKey == 'free' ? 'font-semibold text-brand' : 'text-navy'">90 days</span>
1028                                </dd>
1029                              </div><div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0">
1030                                <dt class="flex gap-1 pr-4 text-navy/80">Payment via Purchase Order</dt>
1031                                <dd class="flex items-center justify-end sm:justify-center sm:px-4">
1032                                  <span class="text-balance text-right sm:text-center" :class="selected.tierKey == 'free' ? 'font-semibold text-brand' : 'text-navy'"><i class="fas fa-ban text-navy/60"></i>
1033                                      <span class="sr-only">No</span></span>
1034                                </dd>
1035                              </div><div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0">
1036                                <dt class="flex gap-1 pr-4 text-navy/80">Custom terms and conditions</dt>
1037                                <dd class="flex items-center justify-end sm:justify-center sm:px-4">
1038                                  <span class="text-balance text-right sm:text-center" :class="selected.tierKey == 'free' ? 'font-semibold text-brand' : 'text-navy'"><i class="fas fa-ban text-navy/60"></i>
1039                                      <span class="sr-only">No</span></span>
1040                                </dd>
1041                              </div><div class="flex items-center justify-between px-4 py-3 sm:px-0">
1042                          <dt class="sr-only">Sign up CTA</dt>
1043                          <dd class="flex grow items-center justify-center sm:px-4">
1044                            <a href="https://app.parseur.com/signup" x-init="add_utm($el, 'table-cta')" class="bg-brand hover:bg-brand-dark flex w-full items-center justify-center text-pretty rounded-xl border border-transparent px-4 py-2 text-base font-medium text-white shadow-md">
1045                              Start free trial
1046                            </a>
1047                          </dd>
1048                        </div>
1049                      </dl>
1050                    </div>
1051                    
1052                    <div aria-hidden="true" class="pointer-events-none absolute inset-y-0 right-0 hidden w-1/2 rounded-lg sm:block" :class="selected.tierKey == 'free' ? 'ring-2 ring-brand' : 'ring-1 ring-navy/10'"></div>
1053                  </div>
1054                </div>
1055              </div>
1056            </div><div class="border-t border-navy/10">
1057              <div class="-mt-px border-t-2 border-transparent pt-10">
1058                <h3 class="text-sm font-semibold leading-6" :class="selected.tierKey == 'base' ? 'text-brand' : 'text-navy'">
1059                  Base tier
1060                </h3>
1061                <p class="mt-1 text-sm leading-6 text-navy/80">Our range of entry plans. Start automating your extractions.</p>
1062              </div>
1063              <div class="mt-10 space-y-10">
1064                <div>
1065                  <div class="relative mt-6">
1066                    
1067                    <div aria-hidden="true" class="absolute inset-y-0 right-0 hidden w-1/2 roun
1067ded-lg bg-white shadow-sm sm:block"></div>
1068                    <div class="relative rounded-lg bg-white shadow-sm sm:rounded-none sm:bg-transparent sm:shadow-none sm:ring-0" :class="selected.tierKey == 'base' ? 'ring-2 ring-brand' : 'ring-1 ring-navy/10'">
1069                      <dl class="divide-y divide-navy/10 text-sm leading-6"><div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0">
1070                                <dt class="flex gap-1 pr-4 text-navy/80">Pages processed / month</dt>
1071                                <dd class="flex items-center justify-end sm:justify-center sm:px-4">
1072                                  <span class="text-balance text-right sm:text-center" :class="selected.tierKey == 'base' ? 'font-semibold text-brand' : 'text-navy'">Up to 3,000 pages</span>
1073                                </dd>
1074                              </div><div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0">
1075                                <dt class="flex gap-1 pr-4 text-navy/80">Multiple mailboxes</dt>
1076                                <dd class="flex items-center justify-end sm:justify-center sm:px-4">
1077                                  <span class="text-balance text-right sm:text-center" :class="selected.tierKey == 'base' ? 'font-semibold text-brand' : 'text-navy'">Unlimited</span>
1078                                </dd>
1079                              </div><div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0">
1080                                <dt class="flex gap-1 pr-4 text-navy/80"><button x-data="" x-tooltip="Parseur can extract an unlimited number of fields (data points) from your documents." type="button" class="inline-block text-left hover:cursor-help">
1081                                      <span class="border-b-2 border-dashed border-navy/30"> Extracted fields </span>
1082                                    </button></dt>
1083                                <dd class="flex items-center justify-end sm:justify-center sm:px-4">
1084                                  <span class="text-balance text-right sm:text-center" :class="selected.tierKey == 'base' ? 'font-semibold text-brand' : 'text-navy'">Unlimited</span>
1085                                </dd>
1086                              </div><div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0">
1087                                <dt class="flex gap-1 pr-4 text-navy/80"><button x-data="" x-tooltip="Extract data from any document using AI." type="button" class="inline-block text-left hover:cursor-help">
1088                                      <span class="border-b-2 border-dashed border-navy/30"> AI parsing engine </span>
1089                                    </button></dt>
1090                                <dd class="flex items-center justify-end sm:justify-center sm:px-4">
1091                                  <span class="text-balance text-right sm:text-center" :class="selected.tierKey == 'base' ? 'font-semibold text-brand' : 'text-navy'"><i class="fas fa-check text-brand"></i>
1092                                      <span class="sr-only">Yes</span></span>
1093                                </dd>
1094                              </div><div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0">
1095                                <dt class="flex gap-1 pr-4 text-navy/80"><button x-data="" x-tooltip="Extract data from documents with consistent layouts by creating templates." type="button" class="inline-block text-left hover:cursor-help">
1096                                      <span class="border-b-2 border-dashed border-navy/30"> Template parsing engine </span>
1097                                    </button></dt>
1098                                <dd class="flex items-center justify-end sm:justify-center sm:px-4">
1099                                  <span class="text-balance text-right sm:text-center" :class="selected.tierKey == 'base' ? 'font-semibold text-brand' : 'text-navy'"><i class="fas fa-check text-brand"></i>
1100                                      <span class="sr-only">Yes</span></span>
1101                                </dd>
1102                              </div><div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0">
1103                                <dt class="flex gap-1 pr-4 text-navy/80"><button x-data="" x-tooltip="Write Python code to perform advanced manipulations of your parsed data." type="button" class="inline-block text-left hover:cursor-help">
1104                                      <span class="border-b-2 border-dashed border-navy/30"> Advanced post processing </span>
1105                                    </button></dt>
1106                                <dd class="flex items-center justify-end sm:justify-center sm:px-4">
1107                                  <span class="text-balance text-right sm:text-center" :class="selected.tierKey == 'base' ? 'font-semibold text-brand' : 'text-navy'"><i class="fas fa-ban text-navy/60"></i>
1108                                      <span class="sr-only">No</span></span>
1109                                </dd>
1110                              </div><div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0">
1111                                <dt class="flex gap-1 pr-4 text-navy/80"><button x-data="" x-tooltip="Invite team members to join your Parseur account." type="button" class="inline-block text-left hover:cursor-help">
1112                                      <span class="border-b-2 border-dashed border-navy/30"> Multi-user accounts </span>
1113                                    </button></dt>
1114                                <dd class="flex items-center justify-end sm:justify-center sm:px-4">
1115                                  <span class="text-balance text-right sm:text-center" :class="selected.tierKey == 'base' ? 'font-semibold text-brand' : 'text-navy'">1 user</span>
1116                                </dd>
1117                              </div><div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0">
1118                                <dt class="flex gap-1 pr-4 text-navy/80"><button x-data="" x-tooltip="Maximum duration during which your documents and their extracted data are kept prior to deletion." type="button" class="inline-block text-left hover:cursor-help">
1119                                      <span class="border-b-2 border-dashed border-navy/30"> Document retention period </span>
1120                                    </button></dt>
1121                                <dd class="flex items-center justify-end sm:justify-center sm:px-4">
1122                                  <span class="text-balance text-right sm:text-center" :class="selected.tierKey == 'base' ? 'font-semibold text-brand' : 'text-navy'">1 year</span>
1123                                </dd>
1124                              </div><div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0">
1125                                <dt class="flex gap-1 pr-4 text-navy/80">Payment via Purchase Order</dt>
1126                                <dd class="flex items-center justify-end sm:justify-center sm:px-4">
1127                                  <span class="text-balance text-right sm:text-center" :class="selected.tierKey == 'base' ? 'font-semibold text-brand' : 'text-navy'"><i class="fas fa-ban text-navy/60"></i>
1128                                      <span class="sr-only">No</span></span>
1129                                </dd>
1130                              </div><div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0">
1131                                <dt class="flex gap-1 pr-4 text-navy/80">Custom terms and conditions</dt>
1132                                <dd class="flex items-center justify-end sm:justify-center sm:px-4">
1133                                  <span class="text-balance text-right sm:text-center" :class="selected.tierKey == 'base' ? 'font-semibold text-brand' : 'text-navy'"><i class="fas fa-ban text-navy/60"></i>
1134                                      <span class="sr-only">No</span></span>
1135                                </dd>
1136                              </div><div class="flex items-center justify-between px-4 py-3 sm:px-0">
1137                          <dt class="sr-only">Sign up CTA</dt>
1138                          <dd class="flex grow items-center justify-center sm:px-4">
1139                            <a href="https://app.parseur.com/signup" x-init="add_utm($el, 'table-cta')" class="bg-brand hover:bg-brand-dark flex w-full items-center justify-center text-pretty rounded-xl border border-transparent px-4 py-2 text-base font-medium text-white shadow-md">
1140                              Start free trial
1141                            </a>
1142                          </dd>
1143                        </div>
1144                      </dl>
1145                    </div>
1146                    
1147                    <div aria-hidden="true" class="pointer-events-none absolute inset-y-0 right-0 hidden w-1/2 roun
1147ded-lg sm:block" :class="selected.tierKey == 'base' ? 'ring-2 ring-brand' : 'ring-1 ring-navy/10'"></div>
1148                  </div>
1149                </div>
1150              </div>
1151            </div><div class="border-t border-navy/10">
1152              <div class="-mt-px border-t-2 border-transparent pt-10">
1153                <h3 class="text-sm font-semibold leading-6" :class="selected.tierKey == 'scale' ? 'text-brand' : 'text-navy'">
1154                  Scale tier
1155                </h3>
1156                <p class="mt-1 text-sm leading-6 text-navy/80">Our range of heavy-duty plans. Lowest cost per page.</p>
1157              </div>
1158              <div class="mt-10 space-y-10">
1159                <div>
1160                  <div class="relative mt-6">
1161                    
1162                    <div aria-hidden="true" class="absolute inset-y-0 right-0 hidden w-1/2 rounded-lg bg-white shadow-sm sm:block"></div>
1163                    <div class="relative rounded-lg bg-white shadow-sm sm:rounded-none sm:bg-transparent sm:shadow-none sm:ring-0" :class="selected.tierKey == 'scale' ? 'ring-2 ring-brand' : 'ring-1 ring-navy/10'">
1164                      <dl class="divide-y divide-navy/10 text-sm leading-6"><div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0">
1165                                <dt class="flex gap-1 pr-4 text-navy/80">Pages processed / month</dt>
1166                                <dd class="flex items-center justify-end sm:justify-center sm:px-4">
1167                                  <span class="text-balance text-right sm:text-center" :class="selected.tierKey == 'scale' ? 'font-semibold text-brand' : 'text-navy'">Up to 1 million pages</span>
1168                                </dd>
1169                              </div><div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0">
1170                                <dt class="flex gap-1 pr-4 text-navy/80">Multiple mailboxes</dt>
1171                                <dd class="flex items-center justify-end sm:justify-center sm:px-4">
1172                                  <span class="text-balance text-right sm:text-center" :class="selected.tierKey == 'scale' ? 'font-semibold text-brand' : 'text-navy'">Unlimited</span>
1173                                </dd>
1174                              </div><div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0">
1175                                <dt class="flex gap-1 pr-4 text-navy/80"><button x-data="" x-tooltip="Parseur can extract an unlimited number of fields (data points) from your documents." type="button" class="inline-block text-left hover:cursor-help">
1176                                      <span class="border-b-2 border-dashed border-navy/30"> Extracted fields </span>
1177                                    </button></dt>
1178                                <dd class="flex items-center justify-end sm:justify-center sm:px-4">
1179                                  <span class="text-balance text-right sm:text-center" :class="selected.tierKey == 'scale' ? 'font-semibold text-brand' : 'text-navy'">Unlimited</span>
1180                                </dd>
1181                              </div><div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0">
1182                                <dt class="flex gap-1 pr-4 text-navy/80"><button x-data="" x-tooltip="Extract data from any document using AI." type="button" class="inline-block text-left hover:cursor-help">
1183                                      <span class="border-b-2 border-dashed border-navy/30"> AI parsing engine </span>
1184                                    </button></dt>
1185                                <dd class="flex items-center justify-end sm:justify-center sm:px-4">
1186                                  <span class="text-balance text-right sm:text-center" :class="selected.tierKey == 'scale' ? 'font-semibold text-brand' : 'text-navy'"><i class="fas fa-check text-brand"></i>
1187                                      <span class="sr-only">Yes</span></span>
1188                                </dd>
1189                              </div><div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0">
1190                                <dt class="flex gap-1 pr-4 text-navy/80"><button x-data="" x-tooltip="Extract data from documents with consistent layouts by creating templates." type="button" class="inline-block text-left hover:cursor-help">
1191                                      <span class="border-b-2 border-dashed border-navy/30"> Template parsing engine </span>
1192                                    </button></dt>
1193                                <dd class="flex items-center justify-end sm:justify-center sm:px-4">
1194                                  <span class="text-balance text-right sm:text-center" :class="selected.tierKey == 'scale' ? 'font-semibold text-brand' : 'text-navy'"><i class="fas fa-check text-brand"></i>
1195                                      <span class="sr-only">Yes</span></span>
1196                                </dd>
1197                              </div><div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0">
1198                                <dt class="flex gap-1 pr-4 text-navy/80"><button x-data="" x-tooltip="Write Python code to perform advanced manipulations of your parsed data." type="button" class="inline-block text-left hover:cursor-help">
1199                                      <span class="border-b-2 border-dashed border-navy/30"> Advanced post processing </span>
1200                                    </button></dt>
1201                                <dd class="flex items-center justify-end sm:justify-center sm:px-4">
1202                                  <span class="text-balance text-right sm:text-center" :class="selected.tierKey == 'scale' ? 'font-semibold text-brand' : 'text-navy'"><i class="fas fa-check text-brand"></i>
1203                                      <span class="sr-only">Yes</span></span>
1204                                </dd>
1205                              </div><div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0">
1206                                <dt class="flex gap-1 pr-4 text-navy/80"><button x-data="" x-tooltip="Invite team members to join your Parseur account." type="button" class="inline-block text-left hover:cursor-help">
1207                                      <span class="border-b-2 border-dashed border-navy/30"> Multi-user accounts </span>
1208                                    </button></dt>
1209                                <dd class="flex items-center justify-end sm:justify-center sm:px-4">
1210                                  <span class="text-balance text-right sm:text-center" :class="selected.tierKey == 'scale' ? 'font-semibold text-brand' : 'text-navy'">Up to 100 users</span>
1211                                </dd>
1212                              </div><div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0">
1213                                <dt class="flex gap-1 pr-4 text-navy/80"><button x-data="" x-tooltip="Maximum duration during which your documents and their extracted data are kept prior to deletion." type="button" class="inline-block text-left hover:cursor-help">
1214                                      <span class="border-b-2 border-dashed border-navy/30"> Document retention period </span>
1215                                    </button></dt>
1216                                <dd class="flex items-center justify-end sm:justify-center sm:px-4">
1217                                  <span class="text-balance text-right sm:text-center" :class="selected.tierKey == 'scale' ? 'font-semibold text-brand' : 'text-navy'">Unlimited</span>
1218                                </dd>
1219                              </div><div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0">
1220                                <dt class="flex gap-1 pr-4 text-navy/80">Payment via Purchase Order</dt>
1221                                <dd class="flex items-center justify-end sm:justify-center sm:px-4">
1222                                  <span class="text-balance text-right sm:text-center" :class="selected.tierKey == 'scale' ? 'font-semibold text-brand' : 'text-navy'"><i class="fas fa-ban text-navy/60"></i>
1223                                      <span class="sr-only">No</span></span>
1224                                </dd>
1225                              </div><div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0">
1226                                <dt class="flex gap-1 pr-4 text-navy/80">Custom terms and conditions</dt>
1227                                <dd class="flex items-center justify-end sm:justify-center sm:px-4">
1228                                  <span class="text-balance text-right sm:text-center" :class="selected.tierKey == 'scale' ? 'font-semibold text-brand' : 'text-navy'"><i class="fas fa-ban text-navy/60"></i>
1229                                      <span class="sr-only">No</span></span>
1230                                </dd>
1231                              </div><div class="flex items-center justify-between px-4 py-3 sm:px-0">
1232                          <dt class="sr-only">Sign up CTA</dt>
1233                          <dd class="flex grow items-center justify-center sm:px-4">
1234                            <a href="https://app.parseur.com/signup" x-init="add_utm($el, 'table-cta')" class="bg-brand hover:bg-brand-dark flex w-full items-center justify-center text-pretty rounded-xl border border-transparent px-4 py-2 text-base font-medium text-white shadow-md">
1235                              Start free trial
1236                            </a>
1237                          </dd>
1238                        </div>
1239                      </dl>
1240                    </div>
1241                    
1242                    <div aria-hidden="true" class="pointer-events-none absolute inset-y-0 right-0 hidden w-1/2 rounded-lg sm:block" :class="selected.tierKey == 'scale' ? 'ring-2 ring-brand' : 'ring-1 ring-navy/10'"></div>
1243                  </div>
1244                </div>
1245              </div>
1246            </div><div class="border-t border-navy/10">
1247              <div class="-mt-px border-t-2 border-transparent pt-10">
1248                <h3 class="text-sm font-semibold leading-6" :class="selected.tierKey == 'enterprise' ? 'text-brand' : 'text-navy'">
1249                  Enterprise tier
1250                </h3>
1251                <p class="mt-1 text-sm leading-6 text-navy/80">Custom plans for large organizations.</p>
1252              </div>
1253              <div class="mt-10 space-y-10">
1254                <div>
1255                  <div class="relative mt-6">
1256                    
1257                    <div aria-hidden="true" class="absolute inset-y-0 right-0 hidden w-1/2 rounded-lg bg-white shadow-sm sm:block"></div>
1258                    <div class="relative rounded-lg bg-white shadow-sm sm:rounded-none sm:bg-transparent sm:shadow-none sm:ring-0" :class="selected.tierKey == 'enterprise' ? 'ring-2 ring-brand' : 'ring-1 ring-navy/10'">
1259                      <dl class="divide-y divide-navy/10 text-sm leading-6"><div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0">
1260                                <dt class="flex gap-1 pr-4 text-navy/80">Pages processed / month</dt>
1261                                <dd class="flex items-center justify-end sm:justify-center sm:px-4">
1262                                  <span class="text-balance text-right sm:text-center" :class="selected.tierKey == 'enterprise' ? 'font-semibold text-brand' : 'text-navy'">Up to 10 millions pages</span>
1263                                </dd>
1264                              </div><div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0">
1265                                <dt class="flex gap-1 pr-4 text-navy/80">Multiple mailboxes</dt>
1266                                <dd class="flex items-center justify-end sm:justify-center sm:px-4">
1267                                  <span class="text-balance text-right sm:text-center" :class="selected.tierKey == 'enterprise' ? 'font-semibold text-brand' : 'text-navy'">Unlimited</span>
1268                                </dd>
1269                              </div><div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0">
1270                                <dt class="flex gap-1 pr-4 text-navy/80"><button x-data="" x-tooltip="Parseur can extract an unlimited number of fields (data points) from your documents." type="button" class="inline-block text-left hover:cursor-help">
1271                                      <span class="border-b-2 border-dashed border-navy/30"> Extracted fields </span>
1272                                    </button></dt>
1273                                <dd class="flex items-center justify-end sm:justify-center sm:px-4">
1274                                  <span class="text-balance text-right sm:text-center" :class="selected.tierKey == 'enterprise' ? 'font-semibold text-brand' : 'text-navy'">Unlimited</span>
1275                                </dd>
1276                              </div><div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0">
1277                                <dt class="flex gap-1 pr-4 text-navy/80"><button x-data="" x-tooltip="Extract data from any document using AI." type="button" class="inline-block text-left hover:cursor-help">
1278                                      <span class="border-b-2 border-dashed border-navy/30"> AI parsing engine </span>
1279                                    </button></dt>
1280                                <dd class="flex items-center justify-end sm:justify-center sm:px-4">
1281                                  <span class="text-balance text-right sm:text-center" :class="selected.tierKey == 'enterprise' ? 'font-semibold text-brand' : 'text-navy'"><i class="fas fa-check text-brand"></i>
1282                                      <span class="sr-only">Yes</span></span>
1283                                </dd>
1284                              </div><div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0">
1285                                <dt class="flex gap-1 pr-4 text-navy/80"><button x-data="" x-tooltip="Extract data from documents with consistent layouts by creating templates." type="button" class="inline-block text-left hover:cursor-help">
1286                                      <span class="border-b-2 border-dashed border-navy/30"> Template parsing engine </span>
1287                                    </button></dt>
1288                                <dd class="flex items-center justify-end sm:justify-center sm:px-4">
1289                                  <span class="text-balance text-right sm:text-center" :class="selected.tierKey == 'enterprise' ? 'font-semibold text-brand' : 'text-navy'"><i class="fas fa-check text-brand"></i>
1290                                      <span class="sr-only">Yes</span></span>
1291                                </dd>
1292                              </div><div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0">
1293                                <dt class="flex gap-1 pr-4 text-navy/80"><button x-data="" x-tooltip="Write Python code to perform advanced manipulations of your parsed data." type="button" class="inline-block text-left hover:cursor-help">
1294                                      <span class="border-b-2 border-dashed border-navy/30"> Advanced post processing </span>
1295                                    </button></dt>
1296                                <dd class="flex items-center justify-end sm:justify-center sm:px-4">
1297                                  <span class="text-balance text-right sm:text-center" :class="selected.tierKey == 'enterprise' ? 'font-semibold text-brand' : 'text-navy'"><i class="fas fa-check text-brand"></i>
1298                                      <span class="sr-only">Yes</span></span>
1299                                </dd>
1300                              </div><div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0">
1301                                <dt class="flex gap-1 pr-4 text-navy/80"><button x-data="" x-tooltip="Invite team members to join your Parseur account." type="button" class="inline-block text-left hover:cursor-help">
1302                                      <span class="border-b-2 border-dashed border-navy/30"> Multi-user accounts </span>
1303                                    </button></dt>
1304                                <dd class="flex items-center justify-end sm:justify-center sm:px-4">
1305                                  <span class="text-balance text-right sm:text-center" :class="selected.tierKey == 'enterprise' ? 'font-semibold text-brand' : 'text-navy'">Unlimited users</span>
1306                                </dd>
1307                              </div><div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0">
1308                                <dt class="flex gap-1 pr-4 text-navy/80"><button x-data="" x-tooltip="Maximum duration during which your documents and their extracted data are kept prior to deletion." type="button" class="inline-block text-left hover:cursor-help">
1309                                      <span class="border-b-2 border-dashed border-navy/30"> Document retention period </span>
1310                                    </button></dt>
1311                                <dd class="flex items-center justify-end sm:justify-center sm:px-4">
1312                                  <span class="text-balance text-right sm:text-center" :class="selected.tierKey == 'enterprise' ? 'font-semibold text-brand' : 'text-navy'">Unlimited</span>
1313                                </dd>
1314                              </div><div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0">
1315                                <dt class="flex gap-1 pr-4 text-navy/80">Payment via Purchase Order</dt>
1316                                <dd class="flex items-center justify-end sm:justify-center sm:px-4">
1317                                  <span class="text-balance text-right sm:text-center" :class="selected.tierKey == 'enterprise' ? 'font-semibold text-brand' : 'text-navy'"><i class="fas fa-check text-brand"></i>
1318                                      <span class="sr-only">Yes</span></span>
1319                                </dd>
1320                              </div><div class="flex items-center justify-between px-4 py-3 sm:grid sm:grid-cols-2 sm:px-0">
1321                                <dt class="flex gap-1 pr-4 text-navy/80">Custom terms and conditions</dt>
1322                                <dd class="flex items-center justify-end sm:justify-center sm:px-4">
1323                                  <span class="text-balance text-right sm:text-center" :class="selected.tierKey == 'enterprise' ? 'font-semibold text-brand' : 'text-navy'"><i class="fas fa-check text-brand"></i>
1324                                      <span class="sr-only">Yes</span></span>
1325                                </dd>
1326                              </div><div class="flex items-center justify-between px-4 py-3 sm:px-0">
1327                          <dt class="sr-only">Sign up CTA</dt>
1328                          <dd class="flex grow items-center justify-center sm:px-4">
1329                            <a href="/quote" x-init="add_utm($el, 'table-cta')" class="bg-navy hover:bg-brand-dark flex w-full items-center justify-center text-pretty rounded-xl border border-transparent px-4 py-2 text-base font-medium text-white shadow-md">
1330                              Request a quote
1331                            </a>
1332                          </dd>
1333                        </div>
1334                      </dl>
1335                    </div>
1336                    
1337                    <div aria-hidden="true" class="pointer-events-none absolute inset-y-0 right-0 hidden w-1/2 rounded-lg sm:block" :class="selected.tierKey == 'enterprise' ? 'ring-2 ring-brand' : 'ring-1 ring-navy/10'"></div>
1338                  </div>
1339                </div>
1340              </div>
1341            </div></div>
1342      </section>
1343      
1344      <section aria-labelledby="comparison-heading" class="hidden lg:block">
1345        <h2 id="comparison-heading" class="sr-only sticky top-[75px]">Feature comparison</h2>
1346
1347        <div class="sticky top-[75px] z-10 grid grid-cols-5 gap-x-8 border-t border-navy/10 bg-surface before:block"><div class="border-t-2 py-10" :class="selected.tierKey == 'free' ? 'border-brand' : 'border-transparent'">
1348              <p class="text-sm font-semibold leading-6" :class="selected.tierKey == 'free' ? 'text-brand' : 'text-navy'">
1349                Free tier
1350              </p>
1351              <p class="mt-1 text-sm leading-6 text-navy/80">Take Parseur for a spin. See what it can do.</p>
1352            </div><div class="border-t-2 py-10" :class="selected.tierKey == 'base' ? 'border-brand' : 'border-transparent'">
1353              <p class="text-sm font-semibold leading-6" :class="selected.tierKey == 'base' ? 'text-brand' : 'text-navy'">
1354                Base tier
1355              </p>
1356              <p class="mt-1 text-sm leading-6 text-navy/80">Our range of entry plans. Start automating your extractions.</p>
1357            </div><div class="border-t-2 py-10" :class="selected.tierKey == 'scale' ? 'border-brand' : 'border-transparent'">
1358              <p class="text-sm font-semibold leading-6" :class="selected.tierKey == 'scale' ? 'text-brand' : 'text-navy'">
1359                Scale tier
1360              </p>
1361              <p class="mt-1 text-sm leading-6 text-navy/80">Our range of heavy-duty plans. Lowest cost per page.</p>
1362            </div><div class="border-t-2 py-10" :class="selected.tierKey == 'enterprise' ? 'border-brand' : 'border-transparent'">
1363              <p class="text-sm font-semibold leading-6" :class="selected.tierKey == 'enterprise' ? 'text-brand' : 'text-navy'">
1364                Enterprise tier
1365              </p>
1366              <p class="mt-1 text-sm leading-6 text-navy/80">Custom plans for large organizations.</p>
1367            </div></div>
1368        <div class="-mt-6 space-y-16"><div><div class="relative -mx-8 mt-10">
1369                
1370                <div class="absolute inset-x-8 inset-y-0 grid grid-cols-5 ga
1370p-x-8 before:block" aria-hidden="true"><div class="h-full w-full rounded-lg bg-white shadow-sm"></div><div class="h-full w-full rounded-lg bg-white shadow-sm"></div><div class="h-full w-full rounded-lg bg-white shadow-sm"></div><div class="h-full w-full rounded-lg bg-white shadow-sm"></div></div>
1371                <table class="relative w-full border-separate border-spacing-x-8">
1372                  <thead>
1373                    <tr class="text-left">
1374                      <th scope="col">
1375                        <span class="sr-only">Feature</span>
1376                      </th><th scope="col">
1377                          <span class="sr-only">Free tier</span>
1378                        </th><th scope="col">
1379                          <span class="sr-only">Base tier</span>
1380                        </th><th scope="col">
1381                          <span class="sr-only">Scale tier</span>
1382                        </th><th scope="col">
1383                          <span class="sr-only">Enterprise tier</span>
1384                        </th></tr>
1385                  </thead>
1386                  <tbody><tr>
1387                        <th scope="row" class="w-1/5 text-balance py-3 pr-4 text-left text-sm font-normal leading-6 text-navy">Pages processed / month<div class="absolute inset-x-8 mt-3 h-px bg-navy/10"></div>
1388                        </th><td class="relative w-1/5 px-4 py-0 text-center">
1389                            <span class="relative h-full w-full py-3"><span class="text-sm leading-6" :class="selected.tierKey == 'free' ? 'font-semibold text-brand' : 'text-navy'">
1390                                  Up to 20 pages
1391                                </span></span>
1392                          </td><td class="relative w-1/5 px-4 py-0 text-center">
1393                            <span class="relative h-full w-full py-3"><span class="text-sm leading-6" :class="selected.tierKey == 'base' ? 'font-semibold text-brand' : 'text-navy'">
1394                                  Up to 3,000 pages
1395                                </span></span>
1396                          </td><td class="relative w-1/5 px-4 py-0 text-center">
1397                            <span class="relative h-full w-full py-3"><span class="text-sm leading-6" :class="selected.tierKey == 'scale' ? 'font-semibold text-brand' : 'text-navy'">
1398                                  Up to 1 million pages
1399                                </span></span>
1400                          </td><td class="relative w-1/5 px-4 py-0 text-center">
1401                            <span class="relative h-full w-full py-3"><span class="text-sm leading-6" :class="selected.tierKey == 'enterprise' ? 'font-semibold text-brand' : 'text-navy'">
1402                                  Up to 10 millions pages
1403                                </span></span>
1404                          </td></tr><tr>
1405                        <th scope="row" class="w-1/5 text-balance py-3 pr-4 text-left text-sm font-normal leading-6 text-navy">Multiple mailboxes<div class="absolute inset-x-8 mt-3 h-px bg-navy/10"></div>
1406                        </th><td class="relative w-1/5 px-4 py-0 text-center">
1407                            <span class="relative h-full w-full py-3"><span class="text-sm leading-6" :class="selected.tierKey == 'free' ? 'font-semibold text-brand' : 'text-navy'">
1408                                  Unlimited
1409                                </span></span>
1410                          </td><td class="relative w-1/5 px-4 py-0 text-center">
1411                            <span class="relative h-full w-full py-3"><span class="text-sm leading-6" :class="selected.tierKey == 'base' ? 'font-semibold text-brand' : 'text-navy'">
1412                                  Unlimited
1413                                </span></span>
1414                          </td><td class="relative w-1/5 px-4 py-0 text-center">
1415                            <span class="relative h-full w-full py-3"><span class="text-sm leading-6" :class="selected.tierKey == 'scale' ? 'font-semibold text-brand' : 'text-navy'">
1416                                  Unlimited
1417                                </span></span>
1418                          </td><td class="relative w-1/5 px-4 py-0 text-center">
1419                            <span class="relative h-full w-full py-3"><span class="text-sm leading-6" :class="selected.tierKey == 'enterprise' ? 'font-semibold text-brand' : 'text-navy'">
1420                                  Unlimited
1421                                </span></span>
1422                          </td></tr><tr>
1423                        <th scope="row" class="w-1/5 text-balance py-3 pr-4 text-left text-sm font-normal leading-6 text-navy"><button x-data="" x-tooltip="Parseur can extract an unlimited number of fields (data points) from your documents." type="button" class="inline-block text-left hover:cursor-help">
1424                              <span class="border-b-2 border-dashed border-navy/30"> Extracted fields </span>
1425                            </button><div class="absolute inset-x-8 mt-3 h-px bg-navy/10"></div>
1426                        </th><td class="relative w-1/5 px-4 py-0 text-center">
1427                            <span class="relative h-full w-full py-3"><span class="text-sm leading-6" :class="selected.tierKey == 'free' ? 'font-semibold text-brand' : 'text-navy'">
1428                                  Unlimited
1429                                </span></span>
1430                          </td><td class="relative w-1/5 px-4 py-0 text-center">
1431                            <span class="relative h-full w-full py-3"><span class="text-sm leading-6" :class="selected.tierKey == 'base' ? 'font-semibold text-brand' : 'text-navy'">
1432                                  Unlimited
1433                                </span></span>
1434                          </td><td class="relative w-1/5 px-4 py-0 text-center">
1435                            <span class="relative h-full w-full py-3"><span class="text-sm leading-6" :class="selected.tierKey == 'scale' ? 'font-semibold text-brand' : 'text-navy'">
1436                                  Unlimited
1437                                </span></span>
1438                          </td><td class="relative w-1/5 px-4 py-0 text-center">
1439                            <span class="relative h-full w-full py-3"><span class="text-sm leading-6" :class="selected.tierKey == 'enterprise' ? 'font-semibold text-brand' : 'text-navy'">
1440                                  Unlimited
1441                                </span></span>
1442                          </td></tr><tr>
1443                        <th scope="row" class="w-1/5 text-balance py-3 pr-4 text-left text-sm font-normal leading-6 text-navy"><button x-data="" x-tooltip="Extract data from any document using AI." type="button" class="inline-block text-left hover:cursor-help">
1444                              <span class="border-b-2 border-dashed border-navy/30"> AI parsing engine </span>
1445                            </button><div class="absolute inset-x-8 mt-3 h-px bg-navy/10"></div>
1446                        </th><td class="relative w-1/5 px-4 py-0 text-center">
1447                            <span class="relative h-full w-full py-3"><i class="fas fa-check text-brand"></i>
1448                                <span class="sr-only">Yes</span></span>
1449                          </td><td class="relative w-1/5 px-4 py-0 text-center">
1450                            <span class="relative h-full w-full py-3"><i class="fas fa-check text-brand"></i>
1451                                <span class="sr-only">Yes</span></span>
1452                          </td><td class="relative w-1/5 px-4 py-0 text-center">
1453                            <span class="relative h-full w-full py-3"><i class="fas fa-check text-brand"></i>
1454                                <span class="sr-only">Yes</span></span>
1455                          </td><td class="relative w-1/5 px-4 py-0 text-center">
1456                            <span class="relative h-full w-full py-3"><i class="fas fa-check text-brand"></i>
1457                                <span class="sr-only">Yes</span></span>
1458                          </td></tr><tr>
1459                        <th scope="row" class="w-1/5 text-balance py-3 pr-4 text-left text-sm font-normal leading-6 text-navy"><button x-data="" x-tooltip="Extract data from documents with consistent layouts by creating templates." type="button" class="inline-block text-left hover:cursor-help">
1460                              <span class="border-b-2 border-dashed border-navy/30"> Template parsing engine </span>
1461                            </button><div class="absolute inset-x-8 mt-3 h-px bg-navy/10"></div>
1462                        </th><td class="relative w-1/5 px-4 py-0 text-center">
1463                            <span class="relative h-full w-full py-3"><i class="fas fa-check text-brand"></i>
1464                                <span class="sr-only">Yes</span></span>
1465                          </td><td class="relative w-1/5 px-4 py-0 text-center">
1466                            <span class="relative h-full w-full py-3"><i class="fas fa-check text-brand"></i>
1467                                <span class="sr-only">Yes</span></span>
1468                          </td><td class="relative w-1/5 px-4 py-0 text-center">
1469                            <span class="relative h-full w-full py-3"><i class="fas fa-check text-brand"></i>
1470                                <span class="sr-only">Yes</span></span>
1471                          </td><td class="relative w-1/5 px-4 py-0 text-center">
1472                            <span class="relative h-full w-full py-3"><i class="fas fa-check text-brand"></i>
1473                                <span class="sr-only">Yes</span></span>
1474                          </td></tr><tr>
1475                        <th scope="row" class="w-1/5 text-balance py-3 pr-4 text-left text-sm font-normal leading-6 text-navy"><button x-data="" x-tooltip="Write Python code to perform advanced manipulations of your parsed data." type="button" class="inline-block text-left hover:cursor-help">
1476                              <span class="border-b-2 border-dashed border-navy/30"> Advanced post processing </span>
1477                            </button><div class="absolute inset-x-8 mt-3 h-px bg-navy/10"></div>
1478                        </th><td class="relative w-1/5 px-4 py-0 text-center">
1479                            <span class="relative h-full w-full py-3"><i class="fas fa-ban text-navy/60"></i>
1480                                <span class="sr-only">No</span></span>
1481                          </td><td class="relative w-1/5 px-4 py-0 text-center">
1482                            <span class="relative h-full w-full py-3"><i class="fas fa-ban text-navy/60"></i>
1483                                <span class="sr-only">No</span></span>
1484                          </td><td class="relative w-1/5 px-4 py-0 text-center">
1485                            <span class="relative h-full w-full py-3"><i class="fas fa-check text-brand"></i>
1486                                <span class="sr-only">Yes</span></span>
1487                          </td><td class="relative w-1/5 px-4 py-0 text-center">
1488                            <span class="relative h-full w-full py-3"><i class="fas fa-check text-brand"></i>
1489                                <span class="sr-only">Yes</span></span>
1490                          </td></tr><tr>
1491                        <th scope="row" class="w-1/5 text-balance py-3 pr-4 text-left text-sm font-normal leading-6 text-navy"><button x-data="" x-tooltip="Invite team members to join your Parseur account." type="button" class="inline-block text-left hover:cursor-help">
1492                              <span class="border-b-2 border-dashed border-navy/30"> Multi-user accounts </span>
1493                            </button><div class="absolute inset-x-8 mt-3 h-px bg-navy/10"></div>
1494                        </th><td class="relative w-1/5 px-4 py-0 text-center">
1495                            <span class="relative h-full w-full py-3"><span class="text-sm leading-6" :class="selected.tierKey == 'free' ? 'font-semibold text-brand' : 'text-navy'">
1496                                  1 user
1497                                </span></span>
1498                          </td><td class="relative w-1/5 px-4 py-0 text-center">
1499                            <span class="relative h-full w-full py-3"><span class="text-sm leading-6" :class="selected.tierKey == 'base' ? 'font-semibold text-brand' : 'text-navy'">
1500                                  1 user
1501                                </span></span>
1502                          </td><td class="relative w-1/5 px-4 py-0 text-center">
1503                            <span class="relative h-full w-full py-3"><span class="text-sm leading-6" :class="selected.tierKey == 'scale' ? 'font-semibold text-brand' : 'text-navy'">
1504                                  Up to 100 users
1505                                </span></span>
1506                          </td><td class="relative w-1/5 px-4 py-0 text-center">
1507                            <span class="relative h-full w-full py-3"><span class="text-sm leading-6" :class="selected.tierKey == 'enterprise' ? 'font-semibold text-brand' : 'text-navy'">
1508                                  Unlimited users
1509                                </span></span>
1510                          </td></tr><tr>
1511                        <th scope="row" class="w-1/5 text-balance py-3 pr-4 text-left text-sm font-normal leading-6 text-navy"><button x-data="" x-tooltip="Maximum duration during which your documents and their extracted data are kept prior to deletion." type="button" class="inline-block text-left hover:cursor-help">
1512                              <span class="border-b-2 border-dashed border-navy/30"> Document retention period </span>
1513                            </button><div class="absolute inset-x-8 mt-3 h-px bg-navy/10"></div>
1514                        </th><td class="relative w-1/5 px-4 py-0 text-center">
1515                            <span class="relative h-full w-full py-3"><span class="text-sm leading-6" :class="selected.tierKey == 'free' ? 'font-semibold text-brand' : 'text-navy'">
1516                                  90 days
1517                                </span></span>
1518                          </td><td class="relative w-1/5 px-4 py-0 text-center">
1519                            <span class="relative h-full w-full py-3"><span class="text-sm leading-6" :class="selected.tierKey == 'base' ? 'font-semibold text-brand' : 'text-navy'">
1520                                  1 year
1521                                </span></span>
1522                          </td><td class="relative w-1/5 px-4 py-0 text-center">
1523                            <span class="relative h-full w-full py-3"><span class="text-sm leading-6" :class="selected.tierKey == 'scale' ? 'font-semibold text-brand' : 'text-navy'">
1524                                  Unlimited
1525                                </span></span>
1526                          </td><td class="relative w-1/5 px-4 py-0 text-center">
1527                            <span class="relative h-full w-full py-3"><span class="text-sm leading-6" :class="selected.tierKey == 'enterprise' ? 'font-semibold text-brand' : 'text-navy'">
1528                                  Unlimited
1529                                </span></span>
1530                          </td></tr></tbody>
1531                </table>
1532                
1533                <div class="pointer-events-none absolute inset-x-8 inset-y-0 grid grid-cols-5 gap-x-8 before:block" aria-hidden="true"><div class="rounded-lg" :class="selected.tierKey == 'free' ? 'ring-2 ring-brand' : 'ring-1 ring-navy/10'"></div><div class="rounded-lg" :class="selected.tierKey == 'base' ? 'ring-2 ring-brand' : 'ring-1 ring-navy/10'"></div><div class="rounded-lg" :class="selected.tierKey == 'scale' ? 'ring-2 ring-brand' : 'ring-1 ring-navy/10'"></div><div class="rounded-lg" :class="selected.tierKey == 'enterprise' ? 'ring-2 ring-brand' : 'ring-1 ring-navy/10'"></div></div>
1534              </div>
1535            </div><div><h3 class="text-sm font-semibold leading-6 text-navy">Integrations</h3><div class="relative -mx-8 mt-10">
1536                
1537                <div class="absolute inset-x-8 inset-y-0 grid grid-cols-5 gap-x-8 before:block" aria-hidden="true"><div class="h-full w-full rounded-lg bg-white shadow-sm"></div><div class="h-full w-full rounded-lg bg-white shadow-sm"></div><div class="h-full w-full rounded-lg bg-white shadow-sm"></div><div class="h-full w-full rounded-lg bg-white shadow-sm"></div></div>
1538                <table class="relative w-full border-separate border-spacing-x-8">
1539                  <thead>
1540                    <tr class="text-left">
1541                      <th scope="col">
1542                        <span class="sr-only">Feature</span>
1543                      </th><th scope="col">
1544                          <span class="sr-only">Free tier</span>
1545                        </th><th scope="col">
1546                          <span class="sr-only">Base tier</span>
1547                        </th><th scope="col">
1548                          <span class="sr-only">Scale tier</span>
1549                        </th><th scope="col">
1550                          <span class="sr-only">Enterprise tier</span>
1551                        </th></tr>
1552                  </thead>
1553                  <tbody><tr>
1554                        <th scope="row" class="w-1/5 text-balance py-3 pr-4 text-left text-sm font-normal leading-6 text-navy">Excel, CSV, and JSON<div class="absolute inset-x-8 mt-3 h-px bg-navy/10"></div>
1555                        </th><td class="relative w-1/5 px-4 py-0 text-center">
1556                            <span class="relative h-full w-full py-3"><i class="fas fa-check text-brand"></i>
1557                                <span class="sr-only">Yes</span></span>
1558                          </td><td class="relative w-1/5 px-4 py-0 text-center">
1559                            <span class="relative h-full w-full py-3"><i class="fas fa-check text-brand"></i>
1560                                <span class="sr-only">Yes</span></span>
1561                          </td><td class="relative w-1/5 px-4 py-0 text-center">
1562                            <span class="relative h-full w-full py-3"><i class="fas fa-check text-brand"></i>
1563                                <span class="sr-only">Yes</span></span>
1564                          </td><td class="relative w-1/5 px-4 py-0 text-center">
1565                            <span class="relative h-full w-full py-3"><i class="fas fa-check text-brand"></i>
1566                                <span class="sr-only">Yes</span></span>
1567                          </td></tr><tr>
1568                        <th scope="row" class="w-1/5 text-balance py-3 pr-4 text-left text-sm font-normal leading-6 text-navy">Google Sheets<div class="absolute inset-x-8 mt-3 h-px bg-navy/10"></div>
1569                        </th><td class="relative w-1/5 px-4 py-0 text-center">
1570                            <span class="relative h-full w-full py-3"><i class="fas fa-check text-brand"></i>
1571                                <span class="sr-only">Yes</span></span>
1572                          </td><td class="relative w-1/5 px-4 py-0 text-center">
1573                            <span class="relative h-full w-full py-3"><i class="fas fa-check text-brand"></i>
1574                                <span class="sr-only">Yes</span></span>
1575                          </td><td class="relative w-1/5 px-4 py-0 text-center">
1576                            <span class="relative h-full w-full py-3"><i class="fas fa-check text-brand"></i>
1577                                <span class="sr-only">Yes</span></span>
1578                          </td><td class="relative w-1/5 px-4 py-0 text-center">
1579                            <span class="relative h-full w-full py-3"><i class="fas fa-check text-brand"></i>
1580                                <span class="sr-only">Yes</span></span>
1581                          </td></tr><tr>
1582                        <th scope="row" class="w-1/5 text-balance py-3 pr-4 text-left text-sm font-normal leading-6 text-navy">Zapier<div class="absolute inset-x-8 mt-3 h-px bg-navy/10"></div>
1583                        </th><td class="relative w-1/5 px-4 py-0 text-center">
1584                            <span class="relative h-full w-full py-3"><i class="fas fa-check text-brand"></i>
1585                                <span class="sr-only">Yes</span></span>
1586                          </td><td class="relative w-1/5 px-4 py-0 text-center">
1587                            <span class="relative h-full w-full py-3"><i class="fas fa-check text-brand"></i>
1588                                <span class="sr-only">Yes</span></span>
1589                          </td><td class="relative w-1/5 px-4 py-0 text-center">
1590                            <span class="relative h-full w-full py-3"><i class="fas fa-check text-brand"></i>
1591                                <span class="sr-only">Yes</span></span>
1592                          </td><td class="relative w-1/5 px-4 py-0 text-center">
1593                            <span class="relative h-full w-full py-3"><i class="fas fa-check text-brand"></i>
1594                                <span class="sr-only">Yes</span></span>
1595                          </td></tr><tr>
1596                        <th scope="row" class="w-1/5 text-balance py-3 pr-4 text-left text-sm font-normal leading-6 text-navy">Power Automate<div class="absolute inset-x-8 mt-3 h-px bg-navy/10"></div>
1597                        </th><td class="relative w-1/5 px-4 py-0 text-center">
1598                            <span class="relative h-full w-full py-3"><i class="fas fa-check text-brand"></i>
1599                                <span class="sr-only">Yes</span></span>
1600                          </td><td class="relative w-1/5 px-4 py-0 text-center">
1601                            <span class="relative h-full w-full py-3"><i class="fas fa-check text-brand"></i>
1602                                <span class="sr-only">Yes</span></span>
1603                          </td><td class="relative w-1/5 px-4 py-0 text-center">
1604                            <span class="relative h-full w-full py-3"><i class="fas fa-check text-brand"></i>
1605                                <span class="sr-only">Yes</span></span>
1606                          </td><td class="relative w-1/5 px-4 py-0 text-center">
1607                            <span class="relative h-full w-full py-3"><i class="fas fa-check text-brand"></i>
1608                                <span class="sr-only">Yes</span></span>
1609                          </td></tr><tr>
1610                        <th scope="row" class="w-1/5 text-balance py-3 pr-4 text-left text-sm font-normal leading-6 text-navy">Make.com<div class="absolute inset-x-8 mt-3 h-px bg-navy/10"></div>
1611                        </th><td class="relative w-1/5 px-4 py-0 text-center">
1612                            <span class="relative h-full w-full py-3"><i class="fas fa-check text-brand"></i>
1613                                <span class="sr-only">Yes</span></span>
1614                          </td><td class="relative w-1/5 px-4 py-0 text-center">
1615                            <span class="relative h-full w-full py-3"><i class="fas fa-check text-brand"></i>
1616                                <span class="sr-only">Yes</span></span>
1617                          </td><td class="relative w-1/5 px-4 py-0 text-center">
1618                            <span class="relative h-full w-full py-3"><i class="fas fa-check text-brand"></i>
1619                                <span class="sr-only">Yes</span></span>
1620                          </td><td class="relative w-1/5 px-4 py-0 text-center">
1621                            <span class="relative h-full w-full py-3"><i class="fas fa-check text-brand"></i>
1622                                <span class="sr-only">Yes</span></span>
1623                          </td></tr><tr>
1624                        <th scope="row" class="w-1/5 text-balance py-3 pr-4 text-left text-sm font-normal leading-6 text-navy">Webhooks<div class="absolute inset-x-8 mt-3 h-px bg-navy/10"></div>
1625                        </th><td class="relative w-1/5 px-4 py-0 text-center">
1626                            <span class="relative h-full w-full py-3"><i class="fas fa-check text-brand"></i>
1627                                <span class="sr-only">Yes</span></span>
1628                          </td><td class="relative w-1/5 px-4 py-0 text-center">
1629                            <span class="relative h-full w-full py-3"><i class="fas fa-check text-brand"></i>
1630                                <span class="sr-only">Yes</span></span>
1631                          </td><td class="relative w-1/5 px-4 py-0 text-center">
1632                            <span class="relative h-full w-full py-3"><i class="fas fa-check text-brand"></i>
1633                                <span class="sr-only">Yes</span></span>
1634                          </td><td class="relative w-1/5 px-4 py-0 text-center">
1635                            <span class="relative h-full w-full py-3"><i class="fas fa-check text-brand"></i>
1636                                <span class="sr-only">Yes</span></span>
1637                          </td></tr><tr>
1638                        <th scope="row" class="w-1/5 text-balance py-3 pr-4 text-left text-sm font-normal leading-6 text-navy">API<div class="absolute inset-x-8 mt-3 h-px bg-navy/10"></div>
1639                        </th><td class="relative w-1/5 px-4 py-0 text-center">
1640                            <span class="relative h-full w-full py-3"><i class="fas fa-check text-brand"></i>
1641                                <span class="sr-only">Yes</span></span>
1642                          </td><td class="relative w-1/5 px-4 py-0 text-center">
1643                            <span class="relative h-full w-full py-3"><i class="fas fa-check text-brand"></i>
1644                                <span class="sr-only">Yes</span></span>
1645                          </td><td class="relative w-1/5 px-4 py-0 text-center">
1646                            <span class="relative h-full w-full py-3"><i class="fas fa-check text-brand"></i>
1647                                <span class="sr-only">Yes</span></span>
1648                          </td><td class="relative w-1/5 px-4 py-0 text-center">
1649                            <span class="relative h-full w-full py-3"><i class="fas fa-check text-brand"></i>
1650                                <span class="sr-only">Yes</span></span>
1651                          </td></tr></tbody>
1652                </table>
1653                
1654                <div class="pointer-events-none absolute inset-x-8 inset-y-0 grid grid-cols-5 gap-x-8 before:block" aria-hidden="true"><div class="rounded-lg" :class="selected.tierKey == 'free' ? 'ring-2 ring-brand' : 'ring-1 ring-navy/10'"></div><div class="rounded-lg" :class="selected.tierKey == 'base' ? 'ring-2 ring-brand' : 'ring-1 ring-navy/10'"></div><div class="rounded-lg" :class="selected.tierKey == 'scale' ? 'ring-2 ring-brand' : 'ring-1 ring-navy/10'"></div><div class="rounded-lg" :class="selected.tierKey == 'enterprise' ? 'ring-2 ring-brand' : 'ring-1 ring-navy/10'"></div></div>
1655              </div>
1656            </div><div><h3 class="text-sm font-semibold leading-6 text-navy">Support, Billing, Legal and Compliance</h3><div class="relative -mx-8 mt-10">
1657                
1658                <div class="absolute inset-x-8 inset-y-0 grid grid-cols-5 gap-x-8 before:block" aria-hidden="true"><div class="h-full w-full rounded-lg bg-white shadow-sm"></div><div class="h-full w-full rounded-lg bg-white shadow-sm"></div><div class="h-full w-full rounded-lg bg-white shadow-sm"></div><div class="h-full w-full rounded-lg bg-white shadow-sm"></div></div>
1659                <table class="relative w-full border-separate border-spacing-x-8">
1660                  <thead>
1661                    <tr class="text-left">
1662                      <th scope="col">
1663                        <span class="sr-only">Feature</span>
1664                      </th><th scope="col">
1665                          <span class="sr-only">Free tier</span>
1666                        </th><th scope="col">
1667                          <span class="sr-only">Base tier</span>
1668                        </th><th scope="col">
1669                          <span class="sr-only">Scale tier</span>
1670                        </th><th scope="col">
1671                          <span class="sr-only">Enterprise tier</span>
1672                        </th></tr>
1673                  </thead>
1674                  <tbody><tr>
1675                        <th scope="row" class="w-1/5 text-balance py-3 pr-4 text-left text-sm font-normal leading-6 text-navy">24/7 AI and self-serve support<div class="absolute inset-x-8 mt-3 h-px bg-navy/10"></div>
1676                        </th><td class="relative w-1/5 px-4 py-0 text-center">
1677                            <span class="relative h-full w-full py-3"><i class="fas fa-check text-brand"></i>
1678                                <span class="sr-only">Yes</span></span>
1679                          </td><td class="relative w-1/5 px-4 py-0 text-center">
1680                            <span class="relative h-full w-full py-3"><i class="fas fa-check text-brand"></i>
1681                                <span class="sr-only">Yes</span></span>
1682                          </td><td class="relative w-1/5 px-4 py-0 text-center">
1683                            <span class="relative h-full w-full py-3"><i class="fas fa-check text-brand"></i>
1684                                <span class="sr-only">Yes</span></span>
1685                          </td><td class="relative w-1/5 px-4 py-0 text-center">
1686                            <span class="relative h-full w-full py-3"><i class="fas fa-check text-brand"></i>
1687                                <span class="sr-only">Yes</span></span>
1688                          </td></tr><tr>
1689                        <th scope="row" class="w-1/5 text-balance py-3 pr-4 text-left text-sm font-normal leading-6 text-navy">Chat and email support<div class="absolute inset-x-8 mt-3 h-px bg-navy/10"></div>
1690                        </th><td class="relative w-1/5 px-4 py-0 text-center">
1691                            <span class="relative h-full w-full py-3"><i class="fas fa-ban text-navy/60"></i>
1692                                <span class="sr-only">No</span></span>
1693                          </td><td class="relative w-1/5 px-4 py-0 text-center">
1694                            <span class="relative h-full w-full py-3"><i class="fas fa-check text-brand"></i>
1695                                <span class="sr-only">Yes</span></span>
1696                          </td><td class="relative w-1/5 px-4 py-0 text-center">
1697                            <span class="relative h-full w-full py-3"><i class="fas fa-check text-brand"></i>
1698                                <span class="sr-only">Yes</span></span>
1699                          </td><td class="relative w-1/5 px-4 py-0 text-center">
1700                            <span class="relative h-full w-full py-3"><i class="fas fa-check text-brand"></i>
1701                                <span class="sr-only">Yes</span></span>
1702                          </td></tr><tr>
1703                        <th scope="row" class="w-1/5 text-balance py-3 pr-4 text-left text-sm font-normal leading-6 text-navy">Priority customer support<div class="absolute inset-x-8 mt-3 h-px bg-navy/10"></div>
1704                        </th><td class="relative w-1/5 px-4 py-0 text-center">
1705                            <span class="relative h-full w-full py-3"><i class="fas fa-ban text-navy/60"></i>
1706                                <span class="sr-only">No</span></span>
1707                          </td><td class="relative w-1/5 px-4 py-0 text-center">
1708                            <span class="relative h-full w-full py-3"><i class="fas fa-ban text-navy/60"></i>
1709                                <span class="sr-only">No</span></span>
1710                          </td><td class="relative w-1/5 px-4 py-0 text-center">
1711                            <span class="relative h-full w-full py-3"><i class="fas fa-check text-brand"></i>
1712                                <span class="sr-only">Yes</span></span>
1713                          </td><td class="relative w-1/5 px-4 py-0 text-center">
1714                            <span class="relative h-full w-full py-3"><i class="fas fa-check text-brand"></i>
1715                                <span class="sr-only">Yes</span></span>
1716                          </td></tr><tr>
1717                        <th scope="row" class="w-1/5 text-balance py-3 pr-4 text-left text-sm font-normal leading-6 text-navy">Payment by credit card<div class="absolute inset-x-8 mt-3 h-px bg-navy/10"></div>
1718                        </th><td class="relative w-1/5 px-4 py-0 text-center">
1719                            <span class="relative h-full w-full py-3"><i class="fas fa-check text-brand"></i>
1720                                <span class="sr-only">Yes</span></span>
1721                          </td><td class="relative w-1/5 px-4 py-0 text-center">
1722                            <span class="relative h-full w-full py-3"><i class="fas fa-check text-brand"></i>
1723                                <span class="sr-only">Yes</span></span>
1724                          </td><td class="relative w-1/5 px-4 py-0 text-center">
1725                            <span class="relative h-full w-full py-3"><i class="fas fa-check text-brand"></i>
1726                                <span class="sr-only">Yes</span></span>
1727                          </td><td class="relative w-1/5 px-4 py-0 text-center">
1728                            <span class="relative h-full w-full py-3"><i class="fas fa-check text-brand"></i>
1729                                <span class="sr-only">Yes</span></span>
1730                          </td></tr><tr>
1731                        <th scope="row" class="w-1/5 text-balance py-3 pr-4 text-left text-sm font-normal leading-6 text-navy">Payment by bank wire<div class="absolute inset-x-8 mt-3 h-px bg-navy/10"></div>
1732                        </th><td class="relative w-1/5 px-4 py-0 text-center">
1733                            <span class="relative h-full w-full py-3"><i class="fas fa-ban text-navy/60"></i>
1734                                <span class="sr-only">No</span></span>
1735                          </td><td class="relative w-1/5 px-4 py-0 text-center">
1736                            <span class="relative h-full w-full py-3"><i class="fas fa-ban text-navy/60"></i>
1737                                <span class="sr-only">No</span></span>
1738                          </td><td class="relative w-1/5 px-4 py-0 text-center">
1739                            <span class="relative h-full w-full py-3"><i class="fas fa-ban text-navy/60"></i>
1740                                <span class="sr-only">No</span></span>
1741                          </td><td class="relative w-1/5 px-4 py-0 text-center">
1742                            <span class="relative h-full w-full py-3"><i class="fas fa-check text-brand"></i>
1743                                <span class="sr-only">Yes</span></span>
1744                          </td></tr><tr>
1745                        <th scope="row" class="w-1/5 text-balance py-3 pr-4 text-left text-sm font-normal leading-6 text-navy">Payment via Purchase Order<div class="absolute inset-x-8 mt-3 h-px bg-navy/10"></div>
1746                        </th><td class="relative w-1/5 px-4 py-0 text-center">
1747                            <span class="relative h-full w-full py-3"><i class="fas fa-ban text-navy/60"></i>
1748                                <span class="sr-only">No</span></span>
1749                          </td><td class="relative w-1/5 px-4 py-0 text-center">
1750                            <span class="relative h-full w-full py-3"><i class="fas fa-ban text-navy/60"></i>
1751                                <span class="sr-only">No</span></span>
1752                          </td><td class="relative w-1/5 px-4 py-0 text-center">
1753                            <span class="relative h-full w-full py-3"><i class="fas fa-ban text-navy/60"></i>
1754                                <span class="sr-only">No</span></span>
1755                          </td><td class="relative w-1/5 px-4 py-0 text-center">
1756                            <span class="relative h-full w-full py-3"><i class="fas fa-check text-brand"></i>
1757                                <span class="sr-only">Yes</span></span>
1758                          </td></tr><tr>
1759                        <th scope="row" class="w-1/5 text-balance py-3 pr-4 text-left text-sm font-normal leading-6 text-navy">Purchase through a reseller<div class="absolute inset-x-8 mt-3 h-px bg-navy/10"></div>
1760                        </th><td class="relative w-1/5 px-4 py-0 text-center">
1761                            <span class="relative h-full w-full py-3"><i class="fas fa-ban text-navy/60"></i>
1762                                <span class="sr-only">No</span></span>
1763                          </td><td class="relative w-1/5 px-4 py-0 text-center">
1764                            <span class="relative h-full w-full py-3"><i class="fas fa-ban text-navy/60"></i>
1765                                <span class="sr-only">No</span></span>
1766                          </td><td class="relative w-1/5 px-4 py-0 text-center">
1767                            <span class="relative h-full w-full py-3"><i class="fas fa-ban text-navy/60"></i>
1768                                <span class="sr-only">No</span></span>
1769                          </td><td class="relative w-1/5 px-4 py-0 text-center">
1770                            <span class="relative h-full w-full py-3"><i class="fas fa-check text-brand"></i>
1771                                <span class="sr-only">Yes</span></span>
1772                          </td></tr><tr>
1773                        <th scope="row" class="w-1/5 text-balance py-3 pr-4 text-left text-sm font-normal leading-6 text-navy"><button x-data="" x-tooltip="Our standard terms and conditions adhere to the latest data privacy standards, including the EU GDPR, UK GDPR, California CCPA, Swiss FADP, and Singapore PDPA, ensuring comprehensive compliance and protection of your data.
1774" type="button" class="inline-block text-left hover:cursor-help">
1775                              <span class="border-b-2 border-dashed border-navy/30"> Data privacy compliance </span>
1776                            </button><div class="absolute inset-x-8 mt-3 h-px bg-navy/10"></div>
1777                        </th><td class="relative w-1/5 px-4 py-0 text-center">
1778                            <span class="relative h-full w-full py-3"><i class="fas fa-check text-brand"></i>
1779                                <span class="sr-only">Yes</span></span>
1780                          </td><td class="relative w-1/5 px-4 py-0 text-center">
1781                            <span class="relative h-full w-full py-3"><i class="fas fa-check text-brand"></i>
1782                                <span class="sr-only">Yes</span></span>
1783                          </td><td class="relative w-1/5 px-4 py-0 text-center">
1784                            <span class="relative h-full w-full py-3"><i class="fas fa-check text-brand"></i>
1785                                <span class="sr-only">Yes</span></span>
1786                          </td><td class="relative w-1/5 px-4 py-0 text-center">
1787                            <span class="relative h-full w-full py-3"><i class="fas fa-check text-brand"></i>
1788                                <span class="sr-only">Yes</span></span>
1789                          </td></tr><tr>
1790                        <th scope="row" class="w-1/5 text-balance py-3 pr-4 text-left text-sm font-normal leading-6 text-navy">Custom terms and conditions<div class="absolute inset-x-8 mt-3 h-px bg-navy/10"></div>
1791                        </th><td class="relative w-1/5 px-4 py-0 text-center">
1792                            <span class="relative h-full w-full py-3"><i class="fas fa-ban text-navy/60"></i>
1793                                <span class="sr-only">No</span></span>
1794                          </td><td class="relative w-1/5 px-4 py-0 text-center">
1795                            <span class="relative h-full w-full py-3"><i class="fas fa-ban text-navy/60"></i>
1796                                <span class="sr-only">No</span></span>
1797                          </td><td class="relative w-1/5 px-4 py-0 text-center">
1798                            <span class="relative h-full w-full py-3"><i class="fas fa-ban text-navy/60"></i>
1799                                <span class="sr-only">No</span></span>
1800                          </td><td class="relative w-1/5 px-4 py-0 text-center">
1801                            <span class="relative h-full w-full py-3"><i class="fas fa-check text-brand"></i>
1802                                <span class="sr-only">Yes</span></span>
1803                          </td></tr><tr>
1804                        <th scope="row" class="w-1/5 text-balance py-3 pr-4 text-left text-sm font-normal leading-6 text-navy"><button x-data="" x-tooltip="Get of a copy of our latest security penetration testing audit report, conducted by an external cybersecurity firm.
1805" type="button" class="inline-block text-left hover:cursor-help">
1806                              <span class="border-b-2 border-dashed border-navy/30"> Security audit report </span>
1807                            </button><div class="absolute inset-x-8 mt-3 h-px bg-navy/10"></div>
1808                        </th><td class="relative w-1/5 px-4 py-0 text-center">
1809                            <span class="relative h-full w-full py-3"><i class="fas fa-ban text-navy/60"></i>
1810                                <span class="sr-only">No</span></span>
1811                          </td><td class="relative w-1/5 px-4 py-0 text-center">
1812                            <span class="relative h-full w-full py-3"><i class="fas fa-ban text-navy/60"></i>
1813                                <span class="sr-only">No</span></span>
1814                          </td><td class="relative w-1/5 px-4 py-0 text-center">
1815                            <span class="relative h-full w-full py-3"><i class="fas fa-check text-brand"></i>
1816                                <span class="sr-only">Yes</span></span>
1817                          </td><td class="relative w-1/5 px-4 py-0 text-center">
1818                            <span class="relative h-full w-full py-3"><i class="fas fa-check text-brand"></i>
1819                                <span class="sr-only">Yes</span></span>
1820                          </td></tr><tr>
1821                        <th scope="row" class="w-1/5 text-balance py-3 pr-4 text-left text-sm font-normal leading-6 text-navy"><button x-data="" x-tooltip="Get a copy of our SOC 2 Type II compliance report, audited by an independent firm.
1822" type="button" class="inline-block text-left hover:cursor-help">
1823                              <span class="border-b-2 border-dashed border-navy/30"> Compliance report </span>
1824                            </button><div class="absolute inset-x-8 mt-3 h-px bg-navy/10"></div>
1825                        </th><td class="relative w-1/5 px-4 py-0 text-center">
1826                            <span class="relative h-full w-full py-3"><i class="fas fa-ban text-navy/60"></i>
1827                                <span class="sr-only">No</span></span>
1828                          </td><td class="relative w-1/5 px-4 py-0 text-center">
1829                            <span class="relative h-full w-full py-3"><i class="fas fa-ban text-navy/60"></i>
1830                                <span class="sr-only">No</span></span>
1831                          </td><td class="relative w-1/5 px-4 py-0 text-center">
1832                            <span class="relative h-full w-full py-3"><i class="fas fa-check text-brand"></i>
1833                                <span class="sr-only">Yes</span></span>
1834                          </td><td class="relative w-1/5 px-4 py-0 text-center">
1835                            <span class="relative h-full w-full py-3"><i class="fas fa-check text-brand"></i>
1836                                <span class="sr-only">Yes</span></span>
1837                          </td></tr><tr>
1838                        <th scope="row" class="w-1/5 text-balance py-3 pr-4 text-left text-sm font-normal leading-6 text-navy">Custom security questionnaire and audit<div class="absolute inset-x-8 mt-3 h-px bg-navy/10"></div>
1839                        </th><td class="relative w-1/5 px-4 py-0 text-center">
1840                            <span class="relative h-full w-full py-3"><i class="fas fa-ban text-navy/60"></i>
1841                                <span class="sr-only">No</span></span>
1842                          </td><td class="relative w-1/5 px-4 py-0 text-center">
1843                            <span class="relative h-full w-full py-3"><i class="fas fa-ban text-navy/60"></i>
1844                                <span class="sr-only">No</span></span>
1845                          </td><td class="relative w-1/5 px-4 py-0 text-center">
1846                            <span class="relative h-full w-full py-3"><i class="fas fa-ban text-navy/60"></i>
1847                                <span class="sr-only">No</span></span>
1848                          </td><td class="relative w-1/5 px-4 py-0 text-center">
1849                            <span class="relative h-full w-full py-3"><i class="fas fa-check text-brand"></i>
1850                                <span class="sr-only">Yes</span></span>
1851                          </td></tr></tbody>
1852                </table>
1853                
1854                <div class="pointer-events-none absolute inset-x-8 inset-y-0 grid grid-cols-5 gap-x-8 before:block" aria-hidden="true"><div class="rounded-lg" :class="selected.tierKey == 'free' ? 'ring-2 ring-brand' : 'ring-1 ring-navy/10'"></div><div class="rounded-lg" :class="selected.tierKey == 'base' ? 'ring-2 ring-brand' : 'ring-1 ring-navy/10'"></div><div class="rounded-lg" :class="selected.tierKey == 'scale' ? 'ring-2 ring-brand' : 'ring-1 ring-navy/10'"></div><div class="rounded-lg" :class="selected.tierKey == 'enterprise' ? 'ring-2 ring-brand' : 'ring-1 ring-navy/10'"></div></div>
1855              </div>
1856            </div></div>
1857        <div class="space-y-16">
1858          <div class="relative -mx-8 mt-10">
1859            
1860            <div class="absolute inset-x-8 inset-y-0 grid grid-cols-5 gap-x-8 before:block" aria-hidden="true"><div class="h-full w-full rounded-lg bg-white"></div><div class="h-full w-full rounded-lg bg-white"></div><div class="h-full w-full rounded-lg bg-white"></div><div class="h-full w-full rounded-lg bg-white"></div></div>
1861            <table class="relative w-full border-separate border-spacing-x-8">
1862              <thead>
1863                <tr class="text-left">
1864                  <th scope="col"></th><th scope="col">
1865                      <span class="sr-only">Free tier</span>
1866                    </th><th scope="col">
1867                      <span class="sr-only">Base tier</span>
1868                    </th><th scope="col">
1869                      <span class="sr-only">Scale tier</span>
1870                    </th><th scope="col">
1871                      <span class="sr-only">Enterprise tier</span>
1872                    </th></tr>
1873              </thead>
1874              <tbody>
1875                <tr>
1876                  <th scope="row">
1877                    <span class="sr-only">CTA section</span>
1878                  </th><td class="relative w-1/5 px-4 py-0 text-center">
1879                      <a href="https://app.parseur.com/signup" x-init="add_utm($el, 'table-cta')" class="bg-brand hover:bg-brand-dark flex w-full items-center justify-center text-pretty rounded-xl border border-transparent px-4 py-2 text-base font-medium text-white shadow-md">
1880                        Start free trial
1881                      </a>
1882                    </td><td class="relative w-1/5 px-4 py-0 text-center">
1883                      <a href="https://app.parseur.com/signup" x-init="add_utm($el, 'table-cta')" class="bg-brand hover:bg-brand-dark flex w-full items-center justify-center text-pretty rounded-xl border border-transparent px-4 py-2 text-base font-medium text-white shadow-md">
1884                        Start free trial
1885                      </a>
1886                    </td><td class="relative w-1/5 px-4 py-0 text-center">
1887                      <a href="https://app.parseur.com/signup" x-init="add_utm($el, 'table-cta')" class="bg-brand hover:bg-brand-dark flex w-full items-center justify-center text-pretty rounded-xl border border-transparent px-4 py-2 text-base font-medium text-white shadow-md">
1888                        Start free trial
1889                      </a>
1890                    </td><td class="relative w-1/5 px-4 py-0 text-center">
1891                      <a href="/quote" x-init="add_utm($el, 'table-cta')" class="bg-navy hover:bg-brand-dark flex w-full items-center justify-center text-pretty rounded-xl border border-transparent px-4 py-2 text-base font-medium text-white shadow-md">
1892                        Request a quote
1893                      </a>
1894                    </td></tr>
1895              </tbody>
1896            </table>
1897          </div>
1898        </div>
1899      </section>
1900    </div>
1901    
1902    <div class="relative z-10 mt-16 w-full px-4 sm:px-6 lg:px-8">
1903      <div class="senja-embed min-h-[387px]" data-id="2ce4c40d-e596-447a-a77a-7c4299a7ef27" data-lazyload="false"></div>
1904    </div>
1905    
1906    <section id="worthit" x-effect="runSimulation()" class="bg-surface py-16 md:py-24">
1907      <div class="mx-auto max-w-6xl px-4 md:px-10">
1908        <div class="mb-6 text-center">
1909          <span class="mb-4 inline-block text-sm font-semibold uppercase tracking-widest text-brand md:text-base md:tracking-wider">ROI Calculator</span>
1910          <h2 class="text-3xl font-bold leading-tight text-navy md:text-4xl lg:text-5xl">
1911            Is it worth it?
1912            <span x-show="is_loading">
1913              <i class="fa fa-fas fa-spinner fa-spin text-brand"></i>
1914            </span>
1915            <span x-show="simulation.yearly_savings > 0" class="text-brand">Yes!</span>
1916            <span x-show="simulation.yearly_savings <= 0" class="text-navy/80">Maybe not</span>
1917          </h2>
1918        </div>
1919        <p class="mx-auto mb-14 max-w-xl text-center text-base lg:text-lg leading-relaxed text-navy/80">Adjust the simulator to your use case to find out. Either move the sliders or update the numbers directly.
1920</p>
1921        <div class="rounded-2xl border border-navy/10 bg-white p-6 md:p-8">
1922          <form class="grid grid-cols-1 gap-8 md:grid-cols-2">
1923            <div>
1924              <label for="volume" class="mb-2 block text-base font-medium text-navy">Documents to process per month</label>
1925              <input id="volume-slider" type="range" x-model="volume_slider" min="0" max="100" :disabled="is_loading" x-effect="volume=logify(volume_slider, 20, 1000000)" class="h-3 w-full appearance-none rounded-lg bg-navy/10 accent-brand">
1926              <input id="volume" type="number" x-model="volume" :disabled="is_loading" x-effect="volume_slider=expify(volume, 20, 1000000)" placeholder="documents per month..." class="w-full border-none text-center text-lg">
1927              <p class="text-base text-navy/80">
1928                That's about
1929                <span x-text="toLocaleNumber(volume / 4.345)"></span> documents to process per week, or
1930                <span x-text="toLocaleNumber(volume / 30.437)"></span> per day.
1931              </p>
1932            </div>
1933
1934            <div>
1935              <label for="page" class="mb-2 block text-base font-medium text-navy">Average pages per document</label>
1936              <input id="page-slider" type="range" x-model="page" min="1" max="100" :disabled="is_loading" class="h-3 w-full appearance-none rounded-lg bg-navy/10 accent-brand">
1937              <input id="page" type="number" x-model="page" min="1" max="100" :disabled="is_loading" placeholder="pages per document..." class="w-full border-none text-center text-lg">
1938              <p class="text-base text-navy/80">Average number of pages in your PDFs.<br> For emails, assume 1 document = 1 page.
1939</p>
1940            </div>
1941
1942            <div>
1943              <label for="fte" class="mb-2 block text-base font-medium text-navy">Employees processing documents</label>
1944              <input id="fte-slider" type="range" x-model="fte_slider" min="0" max="100" :disabled="is_loading" x-effect="fte=logify(fte_slider, 0.1, 1000)" class="h-3 w-full appearance-none rounded-lg bg-navy/10 accent-brand">
1945              <input id="fte" type="number" min="0.1" max="1000" x-model="fte" :disabled="is_loading" x-effect="fte_slider=expify(fte, 0.1, 1000)" placeholder="full time employees..." class="w-full border-none text-center text-lg">
1946              <p class="text-base text-navy/80">
1947                Full-time equivalent (FTE) employees, including time spent for data preparation, data entry, and data validation.
1948
1949                <br>
1950                <span x-text="fte"></span> FTE = <span x-text="toLocaleNumber(fte * 40)"></span> hours per week. That's about
1951                <span x-text="Math.round((fte*40*4.345*60) / volume)"></span>
1952                minutes per document, or
1953                <span x-text="Math.round((fte*40*4.345*60) / (volume * page))"></span>
1954                minutes per page.
1955              </p>
1956            </div>
1957
1958            <div>
1959              <label for="salary" class="mb-2 block text-base font-medium text-navy">Average yearly salary of employees (gross)</label>
1960              <input id="salary-slider" type="range" x-model="salary_slider" min="0" max="100" :disabled="is_loading" x-effect="salary=logify(salary_slider, 4000, 1000000)" class="h-3 w-full appearance-none rounded-lg bg-navy/10 accent-brand">
1961              <input id="salary" type="number" min="4000" max="1000000" x-model="salary" :disabled="is_loading" x-effect="salary_slider=expify(salary, 4000, 1000000)" placeholder="employee salary..." class="w-full border-none text-center text-lg">
1962              <p class="text-base text-navy/80">
1963                That's about
1964                <span x-text="toLocaleCurrency(salary / 12)"></span>
1965                per month, or
1966                <span x-text="toLocaleCurrency(salary / (12 * 176))"></span>
1967                per hour.<br>
1968                The average annual income
1969                <span class="inline" x-show="!['EUR', 'GBP', 'AUD', 'SGD'].includes(prices.currency_code)"> in the US is </span>
1970                <span class="inline" x-show="prices.currency_code == 'EUR'">in the EU is</span>
1971                <span class="inline" x-show="prices.currency_code == 'GBP'">in the UK is </span>
1972                <span class="inline" x-show="prices.currency_code == 'AUD'">in Australia is</span>
1973                <span class="inline" x-show="prices.currency_code == 'SGD'">in Singapore is</span>
1974                <span x-text="toLocaleCurrency(getAvgIncome(prices.currency_code))"></span>.
1975              </p>
1976            </div>
1977
1978            <div class="col-span-1 md:col-span-2" x-show="simulation.parseur.plan">
1979              <table class="min-w-full">
1980                <thead class="border-b border-navy/20 text-navy">
1981                  <tr>
1982                    <th></th>
1983                    <th colspan="2" class="px-1 py-3.5 text-center text-sm font-semibold text-navy md:px-4 md:text-base">Without Parseur</th>
1984                    <th colspan="2" class="px-1 py-3.5 text-center text-sm font-semibold text-navy md:px-4 md:text-base">With Parseur</th>
1985                  </tr>
1986                </thead>
1987                <tbody>
1988                  <tr class="border-b border-navy/10">
1989                    <td class="px-1 py-5 text-right text-sm font-semibold text-navy/80 md:px-4 md:text-base">Employee time spent</td>
1990                    <td class="py-5 pl-1 text-right text-sm text-navy/80 md:pl-4 md:text-base">
1991                      <span x-text="toLocaleNumber(simulation.current.weekly_hours, 1)"></span>&nbsp;hours
1992                    </td>
1993                    <td class="py-5 pl-1 pr-2 text-sm text-navy/80 md:pr-4 md:text-base">/&nbsp;week</td>
1994                    <td class="py-5 pl-1 text-right text-sm text-navy/80 md:pl-4 md:text-base">
1995                      <span x-text="toLocaleNumber(simulation.parseur.weekly_hours, 1)"></span>&nbsp;hours
1996                    </td>
1997                    <td class="py-5 pl-1 pr-2 text-sm text-navy/80 md:pr-4 md:text-base">/&nbsp;week</td>
1998                  </tr>
1999
2000                  <tr class="border-b border-navy/10">
2001                    <td class="px-1 py-5 text-right text-sm font-semibold text-navy/80 md:px-4 md:text-base">Employee cost</td>
2002                    <td class="py-5 pl-1 text-right text-sm text-navy/80 md:pl-4 md:text-base">
2003                      <span x-text="toLocaleCurrency(simulation.current.employee_cost)"></span>
2004                    </td>
2005                    <td class="py-5 pl-1 pr-2 text-sm text-navy/80 md:pr-4 md:text-base">/&nbsp;year</td>
2006                    <td class="py-5 pl-1 text-right text-sm text-navy/80 md:pl-4 md:text-base">
2007                      <span x-text="toLocaleCurrency(simulation.parseur.employee_cost)"></span>
2008                    </td>
2009                    <td class="py-5 pl-1 pr-2 text-sm text-navy/80 md:pr-4 md:text-base">/&nbsp;year</td>
2010                  </tr>
2011
2012                  <tr class="border-b border-navy/10">
2013                    <td class="px-1 py-5 text-right text-sm font-semibold text-navy/80 md:px-4 md:text-base">Parseur cost</td>
2014                    <td class="py-5 pl-1 text-right text-sm text-navy/80 md:pl-4 md:text-base">
2015                      <span x-text="toLocaleCurrency(simulation.current.parseur_cost)"></span>
2016                    </td>
2017                    <td class="py-5 pl-1 pr-2 text-sm text-navy/80 md:pr-4 md:text-base">/&nbsp;year</td>
2018                    <td class="py-5 pl-1 text-right text-sm text-navy/80 md:pl-4 md:text-base">
2019                      <span x-text="toLocaleCurrency(simulation.parseur.parseur_cost)"></span>
2020                    </td>
2021                    <td class="py-5 pl-1 pr-2 text-sm text-navy/80 md:pr-4 md:text-base">
2022                      /&nbsp;year
2023                      <div class="hidden sm:inline">(<span x-text="getPlanName(simulation.parseur.plan)"></span>)</div>
2024                    </td>
2025                  </tr>
2026
2027                  <tr class="border-b border-navy/10">
2028                    <td class="px-1 py-5 text-right text-sm font-semibold uppercase text-navy md:px-4 md:text-base">Total <span class="hidden sm:inline">cost</span></td>
2029                    <td class="py-5 pl-1 text-right text-sm text-navy md:pl-4 md:text-base">
2030                      <span x-text="toLocaleCurrency(simulation.current.total_cost)"></span>
2031                    </td>
2032                    <td class="py-5 pl-1 pr-2 text-sm text-navy md:pr-4 md:text-base">/&nbsp;year</td>
2033                    <td class="py-5 pl-1 text-right text-sm text-navy md:pl-4 md:text-base">
2034                      <span x-text="toLocaleCurrency(simulation.parseur.total_cost)"></span>
2035                    </td>
2036                    <td class="py-5 pl-1 pr-2 text-sm text-navy md:pr-4 md:text-base">
2037                      /&nbsp;year
2038                      <div class="hidden sm:inline">(<span x-text="Math.round(simulation.roi)"></span>% savings)</div>
2039                    </td>
2040                  </tr>
2041                </tbody>
2042              </table>
2043            </div>
2044          </form>
2045        </div>
2046
2047        
2048        <div x-show="!simulation.parseur.plan" class="mx-auto mt-8 flex w-fit items-center gap-4 roun
2048ded-full border border-brand/30 bg-white px-7 py-4 text-base shadow-sm text-navy md:text-lg [&amp;_a]:font-semibold [&amp;_a]:text-brand [&amp;_a]:underline hover:[&amp;_a]:text-brand-dark [&amp;_p]:m-0">
2049          <i class="far fa-rocket text-xl text-brand"></i>
2050          <span><p>High volume? Ask about our <a href="/quote">Enterprise plan</a>.</p></span>
2051        </div>
2052
2053        
2054        <div class="mt-8 rounded-2xl bg-navy p-8 text-center md:p-12" x-show="simulation.yearly_savings <= 0">
2055          <div class="mx-auto mb-6 flex size-16 items-center justify-center rounded-full bg-brand-light/10 text-brand-light">
2056            <i class="far fa-sparkles text-3xl"></i>
2057          </div>
2058          <p class="text-3xl font-bold leading-tight text-white md:text-4xl">It looks like you run a tight ship. You may not need Parseur.</p>
2059          <p class="mt-5 text-lg font-semibold text-brand-light md:text-xl">Congratulations!</p>
2060        </div>
2061
2062        
2063        <div class="mt-8 rounded-2xl bg-navy p-8 text-center md:p-12" x-show="simulation.yearly_savings > 0">
2064          <div>
2065            <p class="mb-3 text-2xs font-medium uppercase tracking-widest text-brand-light lg:text-xs">With Parseur, you could save</p>
2066            <p class="text-5xl font-bold leading-none text-white md:text-6xl" x-text="toLocaleCurrency(simulation.yearly_savings)"></p>
2067            <p class="mt-5 text-base text-gray-100 md:text-lg">
2068              per year, and free
2069              <span class="font-semibold text-brand-light" x-text="toLocaleNumber(simulation.yearly_fte_savings, 2)"></span>
2070              full time employee(s).
2071            </p>
2072          </div>
2073          <div x-show="simulation.yearly_savings > 0" class="mt-8">
2074            <a href="https://app.parseur.com/signup" x-init="add_utm($el, 'worth-it-cta')" class="inline-flex items-center gap-2 rounded-xl border border-brand-light/20 bg-brand px-8 py-4 text-base font-medium text-white hover:bg-brand-dark md:text-lg">
2075              Signup and save
2076              <span x-text="toLocaleCurrency(simulation.yearly_savings)"></span>
2077              <i class="far fa-arrow-right"></i>
2078            </a>
2079          </div>
2080        </div>
2081      </div>
2082    <div class="mx-auto mt-16 max-w-6xl px-4 md:px-10">
2083        <details>
2084          <summary class="cursor-pointer font-semibold text-navy">All Parseur plans and prices</summary>
2085          <div class="overflow-x-auto">
2086            <table class="mt-4 w-full">
2087              <thead class="border-b border-navy/20">
2088                <tr>
2089                  <th class="px-1 py-3.5 text-left text-sm font-semibold text-navy md:px-4 md:text-base">Plan</th>
2090                  <th class="px-1 py-3.5 text-left text-sm font-semibold text-navy md:px-4 md:text-base">Pages per month</th>
2091                  <th class="px-1 py-3.5 text-left text-sm font-semibold text-navy md:px-4 md:text-base">Monthly</th>
2092                  <th class="px-1 py-3.5 text-left text-sm font-semibold text-navy md:px-4 md:text-base">Yearly, billed annually</th>
2093                </tr>
2094              </thead>
2095              <tbody><tr class="border-b border-navy/10">
2096              <td class="px-1 py-5 text-left text-sm text-navy md:px-4 md:text-base font-semibold">Micro</td>
2097              <td class="px-1 py-5 text-left text-sm text-navy md:px-4 md:text-base">100</td>
2098              <td class="px-1 py-5 text-left text-sm text-navy md:px-4 md:text-base">$49</td>
2099              <td class="px-1 py-5 text-left text-sm text-navy md:px-4 md:text-base">$468</td>
2100            </tr><tr class="border-b border-navy/10">
2101              <td class="px-1 py-5 text-left text-sm text-navy md:px-4 md:text-base font-semibold">Mini</td>
2102              <td class="px-1 py-5 text-left text-sm text-navy md:px-4 md:text-base">300</td>
2103              <td class="px-1 py-5 text-left text-sm text-navy md:px-4 md:text-base">$89</td>
2104              <td class="px-1 py-5 text-left text-sm text-navy md:px-4 md:text-base">$828</td>
2105            </tr><tr class="border-b border-navy/10">
2106              <td class="px-1 py-5 text-left text-sm text-navy md:px-4 md:text-base font-semibold">Starter</td>
2107              <td class="px-1 py-5 text-left text-sm text-navy md:px-4 md:text-base">1,000</td>
2108              <td class="px-1 py-5 text-left text-sm text-navy md:px-4 md:text-base">$129</td>
2109              <td class="px-1 py-5 text-left text-sm text-navy md:px-4 md:text-base">$1188</td>
2110            </tr><tr class="border-b border-navy/10">
2111              <td class="px-1 py-5 text-left text-sm text-navy md:px-4 md:text-base font-semibold">Premium</td>
2112              <td class="px-1 py-5 text-left text-sm text-navy md:px-4 md:text-base">3,000</td>
2113              <td class="px-1 py-5 text-left text-sm text-navy md:px-4 md:text-base">$269</td>
2114              <td class="px-1 py-5 text-left text-sm text-navy md:px-4 md:text-base">$2388</td>
2115            </tr><tr class="border-b border-navy/10">
2116              <td class="px-1 py-5 text-left text-sm text-navy md:px-4 md:text-base font-semibold">Pro</td>
2117              <td class="px-1 py-5 text-left text-sm text-navy md:px-4 md:text-base">10,000</td>
2118              <td class="px-1 py-5 text-left text-sm text-navy md:px-4 md:text-base">$499</td>
2119              <td class="px-1 py-5 text-left text-sm text-navy md:px-4 md:text-base">$4788</td>
2120            </tr><tr class="border-b border-navy/10">
2121              <td class="px-1 py-5 text-left text-sm text-navy md:px-4 md:text-base font-semibold">20k</td>
2122              <td class="px-1 py-5 text-left text-sm text-navy md:px-4 md:text-base">20,000</td>
2123              <td class="px-1 py-5 text-left text-sm text-navy md:px-4 md:text-base">$899</td>
2124              <td class="px-1 py-5 text-left text-sm text-navy md:px-4 md:text-base">$8388</td>
2125            </tr><tr class="border-b border-navy/10">
2126              <td class="px-1 py-5 text-left text-sm text-navy md:px-4 md:text-base font-semibold">30k</td>
2127              <td class="px-1 py-5 text-left text-sm text-navy md:px-4 md:text-base">30,000</td>
2128              <td class="px-1 py-5 text-left text-sm text-navy md:px-4 md:text-base">$1299</td>
2129              <td class="px-1 py-5 text-left text-sm text-navy md:px-4 md:text-base">$11988</td>
2130            </tr><tr class="border-b border-navy/10">
2131              <td class="px-1 py-5 text-left text-sm text-navy md:px-4 md:text-base font-semibold">40k</td>
2132              <td class="px-1 py-5 text-left text-sm text-navy md:px-4 md:text-base">40,000</td>
2133              <td class="px-1 py-5 text-left text-sm text-navy md:px-4 md:text-base">$1599</td>
2134              <td class="px-1 py-5 text-left text-sm text-navy md:px-4 md:text-base">$15588</td>
2135            </tr><tr class="border-b border-navy/10">
2136              <td class="px-1 py-5 text-left text-sm text-navy md:px-4 md:text-base font-semibold">50k</td>
2137              <td class="px-1 py-5 text-left text-sm text-navy md:px-4 md:text-base">50,000</td>
2138              <td class="px-1 py-5 text-left text-sm text-navy md:px-4 md:text-base">$1899</td>
2139              <td class="px-1 py-5 text-left text-sm text-navy md:px-4 md:text-base">$17988</td>
2140            </tr><tr class="border-b border-navy/10">
2141              <td class="px-1 py-5 text-left text-sm text-navy md:px-4 md:text-base font-semibold">60k</td>
2142              <td class="px-1 py-5 text-left text-sm text-navy md:px-4 md:text-base">60,000</td>
2143              <td class="px-1 py-5 text-left text-sm text-navy md:px-4 md:text-base">$2249</td>
2144              <td class="px-1 py-5 text-left text-sm text-navy md:px-4 md:text-base">$21588</td>
2145            </tr><tr class="border-b border-navy/10">
2146              <td class="px-1 py-5 text-left text-sm text-navy md:px-4 md:text-base font-semibold">75k</td>
2147              <td class="px-1 py-5 text-left text-sm text-navy md:px-4 md:text-base">75,000</td>
2148              <td class="px-1 py-5 text-left text-sm text-navy md:px-4 md:text-base">$2799</td>
2149              <td class="px-1 py-5 text-left text-sm text-navy md:px-4 md:text-base">$26388</td>
2150            </tr><tr class="border-b border-navy/10">
2151              <td class="px-1 py-5 text-left text-sm text-navy md:px-4 md:text-base font-semibold">100k</td>
2152              <td class="px-1 py-5 text-left text-sm text-navy md:px-4 md:text-base">
2152100,000</td>
2153              <td class="px-1 py-5 text-left text-sm text-navy md:px-4 md:text-base">$3699</td>
2154              <td class="px-1 py-5 text-left text-sm text-navy md:px-4 md:text-base">$33588</td>
2155            </tr><tr class="border-b border-navy/10">
2156              <td class="px-1 py-5 text-left text-sm text-navy md:px-4 md:text-base font-semibold">125k</td>
2157              <td class="px-1 py-5 text-left text-sm text-navy md:px-4 md:text-base">125,000</td>
2158              <td class="px-1 py-5 text-left text-sm text-navy md:px-4 md:text-base">$4499</td>
2159              <td class="px-1 py-5 text-left text-sm text-navy md:px-4 md:text-base"></td>
2160            </tr><tr class="border-b border-navy/10">
2161              <td class="px-1 py-5 text-left text-sm text-navy md:px-4 md:text-base font-semibold">150k</td>
2162              <td class="px-1 py-5 text-left text-sm text-navy md:px-4 md:text-base">150,000</td>
2163              <td class="px-1 py-5 text-left text-sm text-navy md:px-4 md:text-base">$5299</td>
2164              <td class="px-1 py-5 text-left text-sm text-navy md:px-4 md:text-base"></td>
2165            </tr><tr class="border-b border-navy/10">
2166              <td class="px-1 py-5 text-left text-sm text-navy md:px-4 md:text-base font-semibold">200k</td>
2167              <td class="px-1 py-5 text-left text-sm text-navy md:px-4 md:text-base">200,000</td>
2168              <td class="px-1 py-5 text-left text-sm text-navy md:px-4 md:text-base">$6999</td>
2169              <td class="px-1 py-5 text-left text-sm text-navy md:px-4 md:text-base"></td>
2170            </tr><tr class="border-b border-navy/10">
2171              <td class="px-1 py-5 text-left text-sm text-navy md:px-4 md:text-base font-semibold">250k</td>
2172              <td class="px-1 py-5 text-left text-sm text-navy md:px-4 md:text-base">250,000</td>
2173              <td class="px-1 py-5 text-left text-sm text-navy md:px-4 md:text-base">$8499</td>
2174              <td class="px-1 py-5 text-left text-sm text-navy md:px-4 md:text-base"></td>
2175            </tr></tbody>
2176            </table>
2177          </div>
2178        </details>
2179      </div></section>
2180  </div>
2181  
2181<script>
2182    document.addEventListener("alpine:init", () => {
2183      Alpine.data("simulator", () => ({
2184        fte_slider: expify(1, 0.1, 1000),
2185        fte: 1,
2186        is_loading: true,
2187        interval: "year",
2188        page: 3,
2189        page_slider: expify(3, 1, 100),
2190        plan_count: 20,
2191        prices: {},
2192        salary_slider: null,
2193        salary: null,
2194        selected: {
2195          cost_per_page: 0,
2196          credits: 20,
2197          discounted_monthly_cost: 0,
2198          index: "0", // in the slider input, index is a string
2199          is_yearly: true,
2200          is_free_plan: true,
2201          is_base_tier: false,
2202          is_growth_tier: false,
2203          is_large_tier: false,
2204          monthly_cost: null,
2205          monthly_credit: 20,
2206          plan: null,
2207          tierKey: "free",
2208        },
2209        simulation: { current: {}, parseur: {} },
2210        volume_slider: expify(1000, 20, 1000000),
2211        volume: 1000,
2212
2213        init() {
2214          getPrices().then((prices) => {
2215            this.is_loading = false
2216            const planArray = prices.price_set
2217            // take monthly plans < 100k as reference for the count
2218            // plan_count is only used to generate the plan selector slider
2219            // for the simulator, we allow all plans
2220            this.plan_count = planArray.filter((plan) => plan.interval === "month").filter((p) => p.monthly_processed_document_max <= 100000).length
2221            this.prices = { ...prices, plans: sortPlans(planArray) }
2222            this.salary = getAvgIncome(prices.currency_code)
2223          })
2224        },
2225
2226        update_plan() {
2227          if (this.is_loading) {
2228            // prices not loaded
2229            return
2230          }
2231          // First we update the CSS value property to style the active part of the track
2232          const slider = document.getElementById("plan-slider")
2233          const value = ((slider.value - slider.min) / (slider.max - slider.min)) * 100
2234          slider.style.setProperty("--value", value + "%")
2235
2236          let planIndex = parseInt(this.selected.index)
2237          this.selected.is_yearly = this.interval === "year"
2238          this.selected.is_free_plan = planIndex === 0
2239          this.selected.is_large_tier = planIndex === this.plan_count
2240          if (this.selected.is_large_tier) {
2241            // there are no prices no more
2242            this.selected.is_base_tier = false
2243            this.selected.is_growth_tier = false
2244            planIndex = planIndex - 1 // use the biggest plan as reference
2245          }
2246          // use monthly plans as base
2247          const plans = this.prices.plans.filter((plan) => plan.interval === "month")
2248          const monthlyPlan = plans[planIndex]
2249          if (!monthlyPlan) {
2250            console.error("No plan found at index", planIndex, this.prices)
2251          }
2252          const monthlyCredits = parseInt(monthlyPlan.monthly_processed_document_max)
2253          this.selected.monthly_credit = monthlyCredits
2254          if (this.interval === "month") {
2255            this.selected.credits = monthlyCredits
2256            this.selected.plan = monthlyPlan
2257            this.selected.monthly_cost = monthlyPlan.amount.full / 100
2258            this.selected.discounted_monthly_cost = monthlyPlan.amount.full / 100
2259          } else {
2260            // free plan is always monthly
2261            this.selected.credits = this.selected.is_free_plan ? monthlyCredits : monthlyCredits * 12
2262            // we may not have all yearly plans so we need to search by credit in that case
2263            this.selected.plan = findPlan(monthlyCredits, this.prices, "year")
2264            this.selected.monthly_cost = monthlyPlan.amount.full / 100
2265            this.selected.discounted_monthly_cost = this.selected.plan.amount.full / 100 / 12
2266          }
2267          this.selected.is_base_tier = !this.selected.is_free_plan && monthlyCredits < 10000 && !this.selected.is_large_tier
2268          this.selected.is_growth_tier = monthlyCredits >= 10000 && !this.selected.is_large_tier
2269          this.selected.tierKey = this.selected.is_free_plan
2270            ? "free"
2271            : this.selected.is_base_tier
2272              ? "base"
2273              : this.selected.is_growth_tier
2274                ? "scale"
2275                : "enterprise"
2276          this.selected.cost_per_page = this.selected.discounted_monthly_cost / monthlyCredits
2277        },
2278
2279        runSimulation() {
2280          if (this.is_loading) {
2281            // prices not loaded
2282            return
2283          }
2284          let monthly_pages = this.volume * this.page
2285          // without parseur
2286          let current_employee_cost = this.fte * this.salary
2287          let currently_weekly_hours = this.fte * 40
2288          // with parseur
2289          let parseur_plan = findPlan(monthly_pages, this.prices, "year")
2290          if (!parseur_plan) {
2291            // no plan found
2292            this.simulation = { current: {}, parseur: {} }
2293            return
2294          }
2295          let productivity_gain = monthly_pages >= 1000 ? (monthly_pages >= 10000 ? 0.99 : 0.97) : 0.95
2296          let parseur_employee_cost = this.fte * (1 - productivity_gain) * this.salary
2297          // default to yearly plans
2298          let parseur_cost = parseur_plan.amount.full / 100
2299          let parseur_total_cost = parseur_cost + parseur_employee_cost
2300          let parseur_weekly_hours = this.fte * (1 - productivity_gain) * 40
2301          // savings
2302          let yearly_savings = current_employee_cost - parseur_total_cost
2303          let yearly_fte_savings = this.fte * productivity_gain
2304          let roi = current_employee_cost > 0 ? 100 - (parseur_total_cost / current_employee_cost) * 100 : 0
2305          this.simulation = {
2306            current: {
2307              employee_cost: current_employee_cost,
2308              parseur_cost: 0,
2309              total_cost: current_employee_cost,
2310              weekly_hours: currently_weekly_hours,
2311            },
2312            parseur: {
2313              productivity_gain: productivity_gain,
2314              employee_cost: parseur_employee_cost,
2315              parseur_cost: parseur_cost,
2316              total_cost: parseur_total_cost,
2317              plan: parseur_plan,
2318              weekly_hours: parseur_weekly_hours,
2319            },
2320            roi: roi,
2321            yearly_savings: yearly_savings,
2322            yearly_fte_savings: yearly_fte_savings,
2323          }
2324        },
2325
2326        startDragging(event) {
2327          const slider = document.getElementById("plan-slider")
2328          slider.classList.add("dragging")
2329
2330          function moveSlider(e) {
2331            // Calculate the new slider value based on mouse position
2332            const rect = slider.getBoundingClientRect()
2333            const offsetX = e.clientX - rect.left
2334            const percentage = offsetX / rect.width
2335            const newValue = Math.round(percentage * slider.max)
2336
2337            slider.value = newValue
2338            slider.dispatchEvent(new Event("input")) // Trigger AlpineJS to update x-model
2339          }
2340
2341          function stopDragging() {
2342            document.removeEventListener("mousemove", moveSlider)
2343            document.removeEventListener("mouseup", stopDragging)
2344            slider.classList.remove("dragging")
2345          }
2346
2347          document.addEventListener("mousemove", moveSlider)
2348          document.addEventListener("mouseup", stopDragging)
2349
2350          // Also handle touch events for mobile devices
2351          function moveSliderTouch(e) {
2352            moveSlider(e.touches[0])
2353          }
2354
2355          function stopDraggingTouch() {
2356            document.removeEventListener("touchmove", moveSliderTouch)
2357            document.removeEventListener("touchend", stopDraggingTouch)
2358            slider.classList.remove("dragging")
2359          }
2360
2361          document.addEventListener("touchmove", moveSliderTouch)
2362          document.addEventListener("touchend", stopDraggingTouch)
2363        },
2364
2365        toLocaleCurrency(value = 0, maximumFractionDigits = 0) {
2366          if (this.is_loading) {
2367            // prices not loaded
2368            // let's not change anything yet
2369            return
2370          }
2371          const currency = this.prices.currency_code || "USD"
2372          let localeCurrency = value.toLocaleString(undefined, {
2373            style: "currency",
2374            currency,
2375            maximumFractionDigits,
2376            // some browser (safari) like to display US$ instead of $, which ain't pretty
2377            currencyDisplay: currency === "USD" ? "narrowSymbol" : "symbol",
2378          })
2379          // toLocaleString return SGD instead of S$ in some browsers
2380          return localeCurrency.replace("SGD ", "S$")
2381        },
2382      }))
2383    })
2384
2385    function logify(position, min, max, maxp = 100) {
2386      // position will be between 0 and maxp
2387      var minp = 0
2388      // The result should be between min and max
2389      var minv = Math.log(min)
2390      var maxv = Math.log(max)
2391      // calculate adjustment factor
2392      var scale = (maxv - minv) / (maxp - minp)
2393      var value = Math.exp(minv + scale * (position - minp))
2394      if (value < 10) {
2395        // round to 1 decimal
2396        return Math.round(value * 10) / 10
2397      }
2398      // round to integer
2399      return Math.round(value)
2400    }
2401
2402    function expify(value, min, max) {
2403      // va will be between 0 and 100
2404      var minv = Math.log(min)
2405      var maxv = Math.log(max)
2406      // The result should be between min an max
2407      var minp = 0
2408      var maxp = 100
2409      // calculate adjustment factor
2410      var scale = (maxv - minv) / (maxp - minp)
2411      return (Math.log(value) - minv) / scale + minp
2412    }
2413
2414    async function getPrices() {
2415      // The Cloudflare worker already fetched the price set server side and inlined it at the
2416      // end of <body> (see functions/_middlewares/localizePricing.js), so we can skip the
2417      // round trip. We still fall back to /api/price_set when the injection did not happen.
2418      const payloadElement = document.getElementById("priceur-payload")
2419      if (payloadElement) {
2420        try {
2421          const injected = JSON.parse(payloadElement.textContent)
2422          if (injected && Array.isArray(injected.price_set) && injected.price_set.length) {
2423            return injected
2424          }
2425        } catch (err) {
2426          console.error("could not parse the inlined price set, falling back to /api/price_set", err)
2427        }
2428      }
2429      let response = await fetch("/api/price_set")
2430      return await response.json()
2431    }
2432
2433    function sortPlans(plans) {
2434      return plans.sort((a, b) => parseInt(a.monthly_processed_document_max) - parseInt(b.monthly_processed_document_max))
2435    }
2436
2437    function findPlan(credits, prices, interval) {
2438      const plans = prices.plans
2439      // if we have less than 20 credits return the free plan
2440      if (credits <= 20 && interval == "year") {
2441        return plans.find((plan) => plan.name.includes("Free"))
2442      }
2443      // take the first that fits
2444      let plan = plans.find((plan) => plan.interval == interval && parseInt(plan.monthly_processed_document_max) >= credits)
2445      if (!plan && interval == "year") {
2446        // we don't have all yearly plan created yet: make up a fake one by multiplying monthly by 9 (3 months free)
2447        plan = plans.find((plan) => plan.interval == "month" && parseInt(plan.monthly_processed_document_max) >= credits)
2448        if (plan) {
2449          plan = { ...plan }
2450          // there are more attributes in amount, but we only keep full
2451          plan.amount = { full: plan.amount.full * 9 }
2452          plan.name = plan.name.replace("monthly", "yearly")
2453        }
2454      }
2455      return plan
2456    }
2457
2458    function getPlanName(plan) {
2459      if (!plan) {
2460        return ""
2461      }
2462      // Hacky mac Hackface
2463      return plan.name.replace("(monthly)", "plan").replace("(yearly)", "plan").replace("Free", "Free plan")
2464    }
2465
2466    function toLocaleNumber(value = 0, maximumFractionDigits = 0) {
2467      return value.toLocaleString(undefined, { maximumFractionDigits: maximumFractionDigits })
2468    }
2469
2470    function getAvgIncome(currency = "USD") {
2471      let averages = {
2472        USD: 59428, // https://www.forbes.com/advisor/business/average-salary-by-state/
2473        GBP: 42210, // https://www.avtrinity.com/uk-average-salary
2474        EUR: 33500, // https://ec.europa.eu/eurostat/web/products-eurostat-news/w/ddn-20221219-3
2475        AUD: 69888, // https://themigration.com.au/blog/average-salary-in-australia/
2476        SGD: 70000, // https://www.morganmckinley.com/sg/salary-guide
2477      }
2478      return averages[currency] || averages["USD"]
2479    }
2480  </script>
2480
2481</div>
2482      <div class="mx-auto max-w-7xl mt-20 sm:mt-24 lg:mt-28 pb-8 px-4 sm:px-6 empty:hidden"></div>
2483    </main>
2484    
2485
2486
2487<style>
2488  @keyframes ctaOrb1 {
2489    0%, 100% { transform: translate(0, 0) scale(1); }
2490    50% { transform: translate(40px, 30px) scale(1.08); }
2491  }
2492  @keyframes ctaOrb2 {
2493    0%, 100% { transform: translate(0, 0) scale(1); }
2494    50% { transform: translate(-35px, -25px) scale(1.06); }
2495  }
2496  @keyframes ctaGlow {
2497    0%, 100% { opacity: 1; }
2498    50% { opacity: 0.6; }
2499  }
2500</style>
2501
2502<section class="relative overflow-hidden bg-midnight-blue py-16 md:py-28 print:hidden">
2503
2504  
2505  <div class="absolute pointer-events-none rounded-full" style="width: 600px; height: 600px; left: -10%; top: -40%; background: radial-gradient(circle, rgba(0,132,197,0.18) 0%, transparent 65%); animation: ctaOrb1 12s ease-in-out infinite;"></div>
2506  <div class="absolute pointer-events-none rounded-full" style="width: 500px; height: 500px; right: -8%; bottom: -30%; background: radial-gradient(circle, rgba(0,168,240,0.13) 0%, transparent 65%); animation: ctaOrb2 16s ease-in-out infinite;"></div>
2507
2508  
2509  <div class="absolute inset-0 pointer-events-none" style="background: radial-gradient(ellipse 60% 50% at 50% 50%, rgba(0,132,197,0.08) 0%, transparent 70%); animation: ctaGlow 8s ease-in-out infinite;"></div>
2510
2511  
2512  <div class="absolute inset-x-0 top-0 h-px" style="background: linear-gradient(90deg, transparent 0%, rgba(0,132,197,0.35) 30%, rgba(0,168,240,0.6) 50%, rgba(0,132,197,0.35) 70%, transparent 100%);"></div>
2513  <div class="absolute inset-x-0 bottom-0 h-px" style="background: linear-gradient(90deg, transparent 0%, rgba(0,132,197,0.2) 40%, rgba(0,132,197,0.2) 60%, transparent 100%);"></div>
2514
2515  <div class="relative z-10 mx-auto max-w-3xl px-6 text-center md:px-10">
2516
2517    <span class="mb-5 inline-block text-xs font-semibold uppercase tracking-widest text-brand">
2518      Get started
2519    </span>
2520
2521    <h2 class="mb-5 text-3xl font-bold leading-tight text-white md:text-4xl lg:text-5xl">
2522      Ready to automate your<br>document data extraction?
2523    </h2>
2524
2525    <p class="mb-10 text-base leading-relaxed text-gray-300">
2526      Start free in minutes and see how Parseur fits into your workflow.
2527    </p>
2528
2529    
2530    
2531    <div class="mb-8 flex flex-col flex-wrap items-center justify-center gap-x-8 gap-y-3 sm:flex-row">
2532      
2533        <div class="flex items-center gap-3 text-sm text-white">
2534          <i class="far fa-check-circle text-brand"></i>
2535          No model training required
2536        </div>
2537      
2538        <div class="flex items-center gap-3 text-sm text-white">
2539          <i class="far fa-check-circle text-brand"></i>
2540          Automates data entry from any document
2541        </div>
2542      
2543        <div class="flex items-center gap-3 text-sm text-white">
2544          <i class="far fa-check-circle text-brand"></i>
2545          Scales from point-and-click to API
2546        </div>
2547      
2548    </div>
2549    
2550
2551    
2552    <div class="flex flex-col items-center justify-center gap-4 sm:flex-row">
2553      
2554<a href="https://app.parseur.com/signup" x-init="add_utm($el, 'footer-cta')" class="group inline-flex items-center gap-2 bg-brand text-white px-6 py-3 text-sm md:text-base rounded font-semibold transition-colors duration-300 ease-out-quart hover:bg-brand/90">Sign up for free
2555  
2556  <svg class="hover-arrow" width="10" height="10" viewBox="0 0 10 10" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
2557    <path d="M0.5 5.5h7" class="opacity-0 transition-opacity duration-300 ease-out-quart group-hover:opacity-100"></path>
2558    <path d="M1.5 1.5l4 4-4 4" class="transition-transform duration-300 ease-out-quart group-hover:translate-x-[2px]"></path>
2559  </svg>
2560</a>
2561
2562      
2563        
2564<a href="/book-demo" class="inline-flex items-center justify-center gap-2 px-6 py-3 text-sm md:text-base rounded font-semibold text-white border border-white/20 transition-colors duration-300 ease-out-quart hover:border-white/40 hover:bg-white/5">Book a demo</a>
2565
2566      
2567    </div>
2568  </div>
2569</section>
2570
2571
2572  <section class="mx-auto max-w-6xl px-4 py-16 md:px-10 md:py-24 a-brand-a">
2573    <h2 class="text-center text-3xl font-extrabold text-navy lg:text-5xl">Frequently asked questions</h2>
2574    
2575      <div class="mx-auto mt-5 max-w-2xl text-center text-base text-navy/60"><p>Can't find the answer you're looking for? <a href="/contact">Contact us</a> today.</p></div>
2576    
2577    <dl class="grid grid-cols-1 gap-x-8 md:grid-cols-2 md:gap-x-12 mt-10">
2578      
2579        <div class="divide-y divide-gray-100 border-t border-gray-100">
2580          
2581            
2582              <div x-data="{ open: false }">
2583                <dt>
2584                  <button class="group flex w-full items-start justify-between gap-4 py-5 text-left" x-on:click="open = !open" :aria-expanded="open" aria-controls="faq-answer-1">
2585                    <span class="text-lg font-semibold leading-snug text-navy transition-colors group-hover:text-brand"> What is a credit? </span>
2586                    <span class="mt-0.5 flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-md border transition-all duration-200" :class="open ? 'bg-brand border-brand text-white rotate-45' : 'bg-brand/8 border-brand/25 text-brand'">
2587                      <i class="far fa-plus text-[10px]"></i>
2588                    </span>
2589                  </button>
2590                </dt>
2591                <dd id="faq-answer-1" x-show="open" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 -translate-y-1" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-1" class="-mt-1 pb-5 text-base leading-relaxed text-navy/60">
2592                  <p>Parseur offers both monthly and yearly self-service plans based on your usage volume. Each plan includes a set
2593number of credits, where <strong>1 credit equals 1 page processed</strong>. Unused credits expire at the end of each billing period.</p><p>For more information, visit our <a href="https://help.parseur.com/en/articles/4237000-credits-subscription-and-pricing-faq">pricing support page</a>.</p>
2594                </dd>
2595              </div>
2596            
2597          
2598            
2599          
2600            
2601              <div x-data="{ open: false }">
2602                <dt>
2603                  <button class="group flex w-full items-start justify-between gap-4 py-5 text-left" x-on:click="open = !open" :aria-expanded="open" aria-controls="faq-answer-3">
2604                    <span class="text-lg font-semibold leading-snug text-navy transition-colors group-hover:text-brand"> What happens when I reach my credit limit? </span>
2605                    <span class="mt-0.5 flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-md border transition-all duration-200" :class="open ? 'bg-brand border-brand text-white rotate-45' : 'bg-brand/8 border-brand/25 text-brand'">
2606                      <i class="far fa-plus text-[10px]"></i>
2607                    </span>
2608                  </button>
2609                </dt>
2610                <dd id="faq-answer-3" x-show="open" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 -translate-y-1" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-1" class="-mt-1 pb-5 text-base leading-relaxed text-navy/60">
2611                  <p>At 90% usage, we email you so you can upgrade or pause parsing before running out. At 100%, new documents stop being processed and are marked as Quota exceeded. To start parsing again, you can upgrade your plan, turn on early auto-renewal so your plan renews before you run out, or buy top up credits, a one-off boost valid until the end of your current billing period. You can also just wait for your next renewal. Nothing is lost either way: once you have credits again, select your documents in your mailbox and reprocess them.</p>
2612                </dd>
2613              </div>
2614            
2615          
2616            
2617          
2618            
2619              <div x-data="{ open: false }">
2620                <dt>
2621                  <button class="group flex w-full items-start justify-between gap-4 py-5 text-left" x-on:click="open = !open" :aria-expanded="open" aria-controls="faq-answer-5">
2622                    <span class="text-lg font-semibold leading-snug text-navy transition-colors group-hover:text-brand"> How does the AI parsing engine work? </span>
2623                    <span class="mt-0.5 flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-md border transition-all duration-200" :class="open ? 'bg-brand border-brand text-white rotate-45' : 'bg-brand/8 border-brand/25 text-brand'">
2624                      <i class="far fa-plus text-[10px]"></i>
2625                    </span>
2626                  </button>
2627                </dt>
2628                <dd id="faq-answer-5" x-show="open" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 -translate-y-1" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-1" class="-mt-1 pb-5 text-base leading-relaxed text-navy/60">
2629                  <p>The AI parsing engine works by naming and describing the fields you wish to extract; the AI then automatically identifies and extracts these fields from your documents, following your instructions. Unlike template-based systems, our AI engine adapts to various layouts without needing predefined templates.</p>
2630                </dd>
2631              </div>
2632            
2633          
2634            
2635          
2636            
2637              <div x-data="{ open: false }">
2638                <dt>
2639                  <button class="group flex w-full items-start justify-between gap-4 py-5 text-left" x-on:click="open = !open" :aria-expanded="open" aria-controls="faq-answer-7">
2640                    <span class="text-lg font-semibold leading-snug text-navy transition-colors group-hover:text-brand"> What is post-processing? </span>
2641                    <span class="mt-0.5 flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-md border transition-all duration-200" :class="open ? 'bg-brand border-brand text-white rotate-45' : 'bg-brand/8 border-brand/25 text-brand'">
2642                      <i class="far fa-plus text-[10px]"></i>
2643                    </span>
2644                  </button>
2645                </dt>
2646                <dd id="faq-answer-7" x-show="open" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 -translate-y-1" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-1" class="-mt-1 pb-5 text-base leading-relaxed text-navy/60">
2647                  <p>Post-Processing allows you to write small pieces of Python code to perform advanced manipulations of your parsed data. This feature is available in to our Scale tier plans, which are plans offering 10,000 credits or more per month.</p>
2648                </dd>
2649              </div>
2650            
2651          
2652            
2653          
2654            
2655              <div x-data="{ open: false }">
2656                <dt>
2657                  <button class="group flex w-full items-start justify-between gap-4 py-5 text-left" x-on:click="open = !open" :aria-expanded="open" aria-controls="faq-answer-9">
2658                    <span class="text-lg font-semibold leading-snug text-navy transition-colors group-hover:text-brand"> Can I change my subscription? </span>
2659                    <span class="mt-0.5 flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-md border transition-all duration-200" :class="open ? 'bg-brand border-brand text-white rotate-45' : 'bg-brand/8 border-brand/25 text-brand'">
2660                      <i class="far fa-plus text-[10px]"></i>
2661                    </span>
2662                  </button>
2663                </dt>
2664                <dd id="faq-answer-9" x-show="open" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 -translate-y-1" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-1" class="-mt-1 pb-5 text-base leading-relaxed text-navy/60">
2665                  <p>Yes, you can upgrade or downgrade your subscription at any time in the app. When changing to a higher tier, the plan change will be immediate, and unused credits will be added to your new quota. When changing to a lower tier, the plan change will happen at the next billing cycle.</p>
2666                </dd>
2667              </div>
2668            
2669          
2670            
2671          
2672            
2673              <div x-data="{ open: false }">
2674                <dt>
2675                  <button class="group flex w-full items-start justify-between gap-4 py-5 text-left" x-on:click="open = !open" :aria-expanded="open" aria-controls="faq-answer-11">
2676                    <span class="text-lg font-semibold leading-snug text-navy transition-colors group-hover:text-brand"> What happens to my price if Parseur changes its pricing? </span>
2677                    <span class="mt-0.5 flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-md border transition-all duration-200" :class="open ? 'bg-brand border-brand text-white rotate-45' : 'bg-brand/8 border-brand/25 text-brand'">
2678                      <i class="far fa-plus text-[10px]"></i>
2679                    </span>
2680                  </button>
2681                </dt>
2682                <dd id="faq-answer-11" x-show="open" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 -translate-y-1" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-1" class="-mt-1 pb-5 text-base leading-relaxed text-navy/60">
2683                  <p>Nothing. We grandfather long-term customers, which means your rate stays where it is while you keep receiving new features and improvements. We still bill customers on a plan we discontinued years ago at $9 a month. Read our full <a href="/blog/grandfathering-b2b-saas">grandfathered pricing policy</a>.</p>
2684                </dd>
2685              </div>
2686            
2687          
2688            
2689          
2690            
2691              <div x-data="{ open: false }">
2692                <dt>
2693                  <button class="group flex w-full items-start justify-between gap-4 py-5 text-left" x-on:click="open = !open" :aria-expanded="open" aria-controls="faq-answer-13">
2694                    <span class="text-lg font-semibold leading-snug text-navy transition-colors group-hover:text-brand"> What is your data retention policy? </span>
2695                    <span class="mt-0.5 flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-md border transition-all duration-200" :class="open ? 'bg-brand border-brand text-white rotate-45' : 'bg-brand/8 border-brand/25 text-brand'">
2696                      <i class="far fa-plus text-[10px]"></i>
2697                    </span>
2698                  </button>
2699                </dt>
2700                <dd id="faq-answer-13" x-show="open" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 -translate-y-1" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-1" class="-mt-1 pb-5 text-base leading-relaxed text-navy/60">
2701                  <p>The data retention period can be set anywhere between 1 day and up to unlimited (depending on your plan). You can change the retention policy in your mailbox settings.</p>
2702                </dd>
2703              </div>
2704            
2705          
2706            
2707          
2708            
2709              <div x-data="{ open: false }">
2710                <dt>
2711                  <button class="group flex w-full items-start justify-between gap-4 py-5 text-left" x-on:click="open = !open" :aria-expanded="open" aria-controls="faq-answer-15">
2712                    <span class="text-lg font-semibold leading-snug text-navy transition-colors group-hover:text-brand"> What are your Terms and Conditions? </span>
2713                    <span class="mt-0.5 flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-md border transition-all duration-200" :class="open ? 'bg-brand border-brand text-white rotate-45' : 'bg-brand/8 border-brand/25 text-brand'">
2714                      <i class="far fa-plus text-[10px]"></i>
2715                    </span>
2716                  </button>
2717                </dt>
2718                <dd id="faq-answer-15" x-show="open" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 -translate-y-1" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-1" class="-mt-1 pb-5 text-base leading-relaxed text-navy/60">
2719                  <p>
2719By signing up to Parseur you agree to our <a href="/terms">terms and conditions</a>, our <a href="/dpa">data processing agreement</a>, our <a href="/privacy">privacy policy</a>, and our <a href="/cookies">cookie policy</a>.</p>
2720                </dd>
2721              </div>
2722            
2723          
2724        </div>
2725      
2726        <div class="divide-y divide-gray-100 border-t border-gray-100">
2727          
2728            
2729          
2730            
2731              <div x-data="{ open: false }">
2732                <dt>
2733                  <button class="group flex w-full items-start justify-between gap-4 py-5 text-left" x-on:click="open = !open" :aria-expanded="open" aria-controls="faq-answer-2">
2734                    <span class="text-lg font-semibold leading-snug text-navy transition-colors group-hover:text-brand"> What is a page? </span>
2735                    <span class="mt-0.5 flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-md border transition-all duration-200" :class="open ? 'bg-brand border-brand text-white rotate-45' : 'bg-brand/8 border-brand/25 text-brand'">
2736                      <i class="far fa-plus text-[10px]"></i>
2737                    </span>
2738                  </button>
2739                </dt>
2740                <dd id="faq-answer-2" x-show="open" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 -translate-y-1" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-1" class="-mt-1 pb-5 text-base leading-relaxed text-navy/60">
2741                  <p>For PDFs, the total number of pages in the document is used to calculate your usage.</p><p>Emails and spreadsheets are counted as a single page, regardless of their length, and therefore cost 1 credit.</p><p>Examples:</p><ul>
2742<li>Processing an email costs 1 credit.</li>
2743<li>   Processing a CSV file, even with 100 lines, costs 1 credit.</li>
2744<li>   Processing a one-page PDF costs 1 credit.</li>
2745<li>   Processing a three-page PDF costs 3 credits.</li>
2746</ul>
2747
2748                </dd>
2749              </div>
2750            
2751          
2752            
2753          
2754            
2755              <div x-data="{ open: false }">
2756                <dt>
2757                  <button class="group flex w-full items-start justify-between gap-4 py-5 text-left" x-on:click="open = !open" :aria-expanded="open" aria-controls="faq-answer-4">
2758                    <span class="text-lg font-semibold leading-snug text-navy transition-colors group-hover:text-brand"> What is a mailbox? </span>
2759                    <span class="mt-0.5 flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-md border transition-all duration-200" :class="open ? 'bg-brand border-brand text-white rotate-45' : 'bg-brand/8 border-brand/25 text-brand'">
2760                      <i class="far fa-plus text-[10px]"></i>
2761                    </span>
2762                  </button>
2763                </dt>
2764                <dd id="faq-answer-4" x-show="open" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 -translate-y-1" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-1" class="-mt-1 pb-5 text-base leading-relaxed text-navy/60">
2765                  <p>A mailbox is used to accept your documents for data extraction. Each mailbox has its own set of fields to extract and settings extraction. You can create as many mailboxes as you need, each capable of processing documents from various sources.</p>
2766                </dd>
2767              </div>
2768            
2769          
2770            
2771          
2772            
2773              <div x-data="{ open: false }">
2774                <dt>
2775                  <button class="group flex w-full items-start justify-between gap-4 py-5 text-left" x-on:click="open = !open" :aria-expanded="open" aria-controls="faq-answer-6">
2776                    <span class="text-lg font-semibold leading-snug text-navy transition-colors group-hover:text-brand"> How does the Template parsing engine work? </span>
2777                    <span class="mt-0.5 flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-md border transition-all duration-200" :class="open ? 'bg-brand border-brand text-white rotate-45' : 'bg-brand/8 border-brand/25 text-brand'">
2778                      <i class="far fa-plus text-[10px]"></i>
2779                    </span>
2780                  </button>
2781                </dt>
2782                <dd id="faq-answer-6" x-show="open" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 -translate-y-1" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-1" class="-mt-1 pb-5 text-base leading-relaxed text-navy/60">
2783                  <p>The Template parsing engine requires you to create a template for each type of document layout from which you want to extract data. You can create multiple templates within a mailbox, and Parseur will automatically select the most suitable one for each document. This approach provides more reliable data extraction and greater control compared to the AI engine, albeit with slightly more initial setup.</p>
2784                </dd>
2785              </div>
2786            
2787          
2788            
2789          
2790            
2791              <div x-data="{ open: false }">
2792                <dt>
2793                  <button class="group flex w-full items-start justify-between gap-4 py-5 text-left" x-on:click="open = !open" :aria-expanded="open" aria-controls="faq-answer-8">
2794                    <span class="text-lg font-semibold leading-snug text-navy transition-colors group-hover:text-brand"> What are multi-user accounts? </span>
2795                    <span class="mt-0.5 flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-md border transition-all duration-200" :class="open ? 'bg-brand border-brand text-white rotate-45' : 'bg-brand/8 border-brand/25 text-brand'">
2796                      <i class="far fa-plus text-[10px]"></i>
2797                    </span>
2798                  </button>
2799                </dt>
2800                <dd id="faq-answer-8" x-show="open" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 -translate-y-1" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-1" class="-mt-1 pb-5 text-base leading-relaxed text-navy/60">
2801                  <p>Multi-user accounts enable sharing of mailboxes and templates with other members of your organization. This feature is available in to our Scale tier plans, which are plans offering 10,000 credits or more per month.</p>
2802                </dd>
2803              </div>
2804            
2805          
2806            
2807          
2808            
2809              <div x-data="{ open: false }">
2810                <dt>
2811                  <button class="group flex w-full items-start justify-between gap-4 py-5 text-left" x-on:click="open = !open" :aria-expanded="open" aria-controls="faq-answer-10">
2812                    <span class="text-lg font-semibold leading-snug text-navy transition-colors group-hover:text-brand"> Can I cancel my subscription? </span>
2813                    <span class="mt-0.5 flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-md border transition-all duration-200" :class="open ? 'bg-brand border-brand text-white rotate-45' : 'bg-brand/8 border-brand/25 text-brand'">
2814                      <i class="far fa-plus text-[10px]"></i>
2815                    </span>
2816                  </button>
2817                </dt>
2818                <dd id="faq-answer-10" x-show="open" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 -translate-y-1" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-1" class="-mt-1 pb-5 text-base leading-relaxed text-navy/60">
2819                  <p>Yes, you can cancel your subscription at any time in the app. Once canceled, your subscription will automatically be terminated at the end of the current billing cycle and no more payments will be due.</p>
2820                </dd>
2821              </div>
2822            
2823          
2824            
2825          
2826            
2827              <div x-data="{ open: false }">
2828                <dt>
2829                  <button class="group flex w-full items-start justify-between gap-4 py-5 text-left" x-on:click="open = !open" :aria-expanded="open" aria-controls="faq-answer-12">
2830                    <span class="text-lg font-semibold leading-snug text-navy transition-colors group-hover:text-brand"> Can I get an invoice? </span>
2831                    <span class="mt-0.5 flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-md border transition-all duration-200" :class="open ? 'bg-brand border-brand text-white rotate-45' : 'bg-brand/8 border-brand/25 text-brand'">
2832                      <i class="far fa-plus text-[10px]"></i>
2833                    </span>
2834                  </button>
2835                </dt>
2836                <dd id="faq-answer-12" x-show="open" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 -translate-y-1" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-1" class="-mt-1 pb-5 text-base leading-relaxed text-navy/60">
2837                  <p>Yes, you will receive an invoice by email upon successful payment. You will also find a copy of that invoice in your account settings, under Invoices &amp; Usage.</p>
2838                </dd>
2839              </div>
2840            
2841          
2842            
2843          
2844            
2845              <div x-data="{ open: false }">
2846                <dt>
2847                  <button class="group flex w-full items-start justify-between gap-4 py-5 text-left" x-on:click="open = !open" :aria-expanded="open" aria-controls="faq-answer-14">
2848                    <span class="text-lg font-semibold leading-snug text-navy transition-colors group-hover:text-brand"> I have specific needs in terms of volume, billing or contract </span>
2849                    <span class="mt-0.5 flex h-6 w-6 flex-shrink-0 items-center justify-center rounded-md border transition-all duration-200" :class="open ? 'bg-brand border-brand text-white rotate-45' : 'bg-brand/8 border-brand/25 text-brand'">
2850                      <i class="far fa-plus text-[10px]"></i>
2851                    </span>
2852                  </button>
2853                </dt>
2854                <dd id="faq-answer-14" x-show="open" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 -translate-y-1" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-1" class="-mt-1 pb-5 text-base leading-relaxed text-navy/60">
2855                  <p>Check out our Enterprise plans. Complete <a href="/quote">this quote form</a> to request a quote that fits your requirements. We will get back to you as soon as possible.</p>
2856                </dd>
2857              </div>
2858            
2859          
2860            
2861          
2862        </div>
2863      
2864    </dl>
2865  </section>
2866
2867
2868<footer class="bg-gray-900 print:hidden" aria-labelledby="footer-heading">
2869  <h2 id="footer-heading" class="sr-only">Footer</h2>
2870
2871  
2872  <div class="pointer-events-none absolute inset-0 opacity-5" style="background-image: radial-gradient(circle, #0084C5 1px, transparent 1px); background-size: 28px 28px;"></div>
2873
2874  
2875  <div class="absolute left-0 right-0 top-0 h-px" style="background: linear-gradient(90deg, transparent, rgba(0,132,197,0.4), rgba(0,168,240,0.6), rgba(0,132,197,0.4), transparent);"></div>
2876
2877  <div class="relative z-10 mx-auto max-w-7xl px-4 pb-10 pt-16 md:px-10">
2878    
2879    <div class="mb-12 flex flex-col items-start justify-between gap-6 sm:flex-row sm:items-center">
2880      <a class="flex items-center" href="/" aria-label="Parseur">
2881        <img src="/images/parseur-logo-white.svg" alt="Parseur Logo White" height="48" width="48">
2882        <div class="ml-4 text-white">
2883          <div class="text-3xl font-extrabold">Parseur.com</div>
2884          <div class="text-xs">Robots. Witchcraft. And Unicorns.</div>
2885        </div>
2886      </a>
2887      <div class="flex flex-wrap gap-2.5">
2888        
2889          
2890            <a href="/contact" title="contact" target="_blank" rel="noopener noreferrer" class="bg-white/6 group flex h-8 w-8 items-center justify-center rounded-lg border border-gray-700 transition-all duration-200 hover:scale-110 hover:border-brand/40 hover:bg-brand/25">
2891              <span class="sr-only">contact</span>
2892              <span class="far fa-envelope text-white/50 transition-colors duration-200 group-hover:text-white" style="font-size: 14px;"></span>
2893            </a>
2894          
2895        
2896          
2897            <a href="tel:+1 888 486 1987" title="+1 888 486 1987" target="_blank" rel="noopener noreferrer" class="bg-white/6 group flex h-8 w-8 items-center justify-center rounded-lg border border-gray-700 transition-all duration-200 hover:scale-110 hover:border-brand/40 hover:bg-brand/25">
2898              <span class="sr-only">phone</span>
2899              <span class="fas fa-phone text-white/50 transition-colors duration-200 group-hover:text-white" style="font-size: 14px;"></span>
2900            </a>
2901          
2902        
2903          
2904            <a href="https://x.com/parseur" title="x" target="_blank" rel="noopener noreferrer" class="bg-white/6 group flex h-8 w-8 items-center justify-center rounded-lg border border-gray-700 transition-all duration-200 hover:scale-110 hover:border-brand/40 hover:bg-brand/25">
2905              <span class="sr-only">x</span>
2906              <span class="fab fa-x-twitter text-white/50 transition-colors duration-200 group-hover:text-white" style="font-size: 14px;"></span>
2907            </a>
2908          
2909        
2910          
2911            <a href="https://www.linkedin.com/company/parseur.com" title="linkedin" target="_blank" rel="noopener noreferrer" class="bg-white/6 group flex h-8 w-8 items-center justify-center rounded-lg border border-gray-700 transition-all duration-200 hover:scale-110 hover:border-brand/40 hover:bg-brand/25">
2912              <span class="sr-only">linkedin</span>
2913              <span class="fab fa-linkedin-in text-white/50 transition-colors duration-200 group-hover:text-white" style="font-size: 14px;"></span>
2914            </a>
2915          
2916        
2917          
2918            <a href="https://www.youtube.com/@parseur" title="youtube" target="_blank" rel="noopener noreferrer" class="bg-white/6 group flex h-8 w-8 items-center justify-center rounded-lg border border-gray-700 transition-all duration-200 hover:scale-110 hover:border-brand/40 hover:bg-brand/25">
2919              <span class="sr-only">youtube</span>
2920              <span class="fab fa-youtube text-white/50 transition-colors duration-200 group-hover:text-white" style="font-size: 14px;"></span>
2921            </a>
2922          
2923        
2924          
2925            <a href="https://www.reddit.com/r/Parseur/" title="reddit" target="_blank" rel="noopener noreferrer" class="bg-white/6 group flex h-8 w-8 items-center justify-center rounded-lg border border-gray-700 transition-all duration-200 hover:scale-110 hover:border-brand/40 hover:bg-brand/25">
2926              <span class="sr-only">reddit</span>
2927              <span class="fab fa-reddit-alien text-white/50 transition-colors duration-200 group-hover:text-white" style="font-size: 14px;"></span>
2928            </a>
2929          
2930        
2931          
2932        
2933      </div>
2934    </div>
2935
2936    
2937    <div class="mb-12 grid grid-cols-2 gap-8 md:grid-cols-4 md:gap-10">
2938      
2939      <div>
2940        <p class="mb-5 text-sm font-bold uppercase tracking-widest text-white">Product</p>
2941        <ul class="flex flex-col gap-2.5"><li>
2942              <a href="/" class="text-sm text-gray-400 transition-colors duration-150 hover:text-white">
2943                Overview
2944              </a>
2945            </li><li>
2946              <a href="/pricing" class="text-sm text-gray-400 transition-colors duration-150 hover:text-white">
2947                Pricing
2948              </a>
2949            </li><li>
2950              <a href="/about" class="text-sm text-gray-400 transition-colors duration-150 hover:text-white">
2951                About us
2952              </a>
2953            </li><li>
2954              <a href="/team" class="text-sm text-gray-400 transition-colors duration-150 hover:text-white">
2955                Meet the team
2956              </a>
2957            </li><li>
2958              <a href="/jobs" class="text-sm text-gray-400 transition-colors duration-150 hover:text-white">
2959                Careers
2960              </a>
2961            </li><li>
2962              <a href="https://feedback.parseur.com" target="_blank" rel="noopener" class="text-sm text-gray-400 transition-colors duration-150 hover:text-white">
2963                Suggestion box
2964              </a>
2965            </li><li>
2966              <a href="/blog/" class="text-sm text-gray-400 transition-colors duration-150 hover:text-white">
2967                Blog
2968              </a>
2969            </li><li>
2970              <a href="/updates/" class="text-sm text-gray-400 transition-colors duration-150 hover:text-white">
2971                Latest updates
2972              </a>
2973            </li><li>
2974              <a href="/press" class="text-sm text-gray-400 transition-colors duration-150 hover:text-white">
2975                Press &amp; Media
2976              </a>
2977            </li><li class="mt-2 flex items-center gap-2" x-data="statusIndicator">
2978            <div class="relative flex h-2 w-2 shrink-0">
2979              <span class="absolute inline-flex h-full w-full animate-ping rounded-full opacity-75" :class="current.ring" x-show="statusData.indicator !== 'loading'"></span>
2980              <span class="relative inline-flex h-2 w-2 rounded-full transition-colors duration-500" :class="current.color"></span>
2981            </div>
2982            <a href="https://status.parseur.com" target="_blank" rel="noopener noreferrer" class="text-sm text-gray-400 transition-colors duration-150 hover:text-white/70" x-text="current.label">All systems operational</a>
2983          </li>
2984        </ul>
2985      </div>
2986      
2987      <div>
2988        <p class="mb-5 text-sm font-bold uppercase tracking-widest text-white">Extract data from</p>
2989        <ul class="flex flex-col gap-2.5"><li>
2990              <a href="/email-parser" class="text-sm text-gray-400 transition-colors duration-150 hover:text-white">Emails</a>
2991            </li><li>
2992              <a href="/pdf-parser" class="text-sm text-gray-400 transition-colors duration-150 hover:text-white">PDFs</a>
2993            </li><li>
2994              <a href="/extract-data/invoice-ocr" class="text-sm text-gray-400 transition-colors duration-150 hover:text-white">Invoices</a>
2995            </li><li>
2996              <a href="/extract-data/bank-statements" class="text-sm text-gray-400 transition-colors duration-150 hover:text-white">Bank statements</a>
2997            </li><li>
2998              <a href="/extract-data/resume-parser" class="text-sm text-gray-400 transition-colors duration-150 hover:text-white">Resumes</a>
2999            </li><li>
3000              <a href="/extract-data/food-delivery-api" class="text-sm text-gray-400 transition-colors duration-150 hover:text-white">Food orders</a>
3001            </li><li>
3002              <a href="/extract-data/bill-of-lading-ocr" class="text-sm text-gray-400 transition-colors duration-150 hover:text-white">Bills of lading</a>
3003            </li><li>
3004              <a href="/extract-data/" class="text-sm text-gray-400 transition-colors duration-150 hover:text-white">View all document parsers</a>
3005            </li><li>
3006              <a href="/use-case/" class="text-sm text-gray-400 transition-colors duration-150 hover:text-white">View all use cases</a>
3007            </li></ul>
3008      </div>
3009      
3010      <div>
3011        <p class="mb-5 text-sm font-bold uppercase tracking-widest text-white">Resources</p>
3012        <ul class="flex flex-col gap-2.5"><li>
3013              <a href="https://help.parseur.com/en/articles/8294111-extract-data-using-the-ai-parsing-engine" class="text-sm text-gray-400 transition-colors duration-150 hover:text-white">Extract data from documents with AI</a>
3014            </li><li>
3015              <a href="https://help.parseur.com/en/articles/5275611-document-formats-supported-by-parseur" class="text-sm text-gray-400 transition-colors duration-150 hover:text-white">Supported document formats</a>
3016            </li><li>
3017              <a href="https://help.parseur.com/en/articles/3559848-extract-metadata-from-emails-and-documents-with-metadata-fields" class="text-sm text-gray-400 transition-colors duration-150 hover:text-white">Extract document metadata</a>
3018            </li><li>
3019              <a href="https://developer.parseur.com" class="text-sm text-gray-400 transition-colors duration-150 hover:text-white">Document extraction API</a>
3020            </li><li>
3021              <a href="https://help.parseur.com/en/articles/4578268-security-and-privacy-at-parseur" class="text-sm text-gray-400 transition-colors duration-150 hover:text-white">Security and Privacy</a>
3022            </li><li>
3023              <a href="https://help.parseur.com/" class="text-sm text-gray-400 transition-colors duration-150 hover:text-white">View all support articles</a>
3024            </li></ul>
3025      </div>
3026      
3027      <div>
3028        <p class="mb-5 text-sm font-bold uppercase tracking-wider text-white">Legal</p>
3029        <ul class="flex flex-col gap-2.5"><li>
3030                <a href="/terms" class="text-sm text-gray-400 transition-colors duration-150 hover:text-white">
3031                  Terms and conditions
3032                </a>
3033              </li><li>
3034                <a href="/dpa" class="text-sm text-gray-400 transition-colors duration-150 hover:text-white">
3035                  Data processing agreement
3036                </a>
3037              </li><li>
3038                <a href="/privacy" class="text-sm text-gray-400 transition-colors duration-150 hover:text-white">
3039                  Privacy policy
3040                </a>
3041              </li><li>
3042                <a href="/cookies" class="text-sm text-gray-400 transition-colors duration-150 hover:text-white">
3043                  Cookie policy
3044                </a>
3045              </li><li>
3046                <a href="https://trust.parseur.com" target="_blank" rel="noopener" class="text-sm text-gray-400 transition-colors duration-150 hover:text-white">
3047                  Trust Center
3048                </a>
3049              </li></ul>
3050        
3051        <div class="mt-2.5 flex flex-col gap-2.5 sm:mt-6 sm:flex-row sm:items-start sm:gap-5"><a href="/gdpr" class="group flex items-center gap-2 sm:flex-col sm:gap-1.5">
3052              <img src="/images/gdpr-logo.svg" alt="GDPR logo" class="h-5 w-5 shrink-0 opacity-80 transition-opacity duration-150 group-hover:opacity-100 sm:h-12 sm:w-12" height="48" width="48">
3053              <span class="text-sm text-gray-400 transition-colors duration-150 group-hover:text-white sm:text-xs">GDPR</span>
3054              <span class="text-green-500 hidden items-center gap-1 sm:flex sm:text-[10px]"><i class="far fa-check" aria-hidden="true"></i>Compliant
3055              </span>
3056            </a><a href="https://trust.parseur.com" target="_blank" rel="noopener" class="group flex items-center gap-2 sm:flex-col sm:gap-1.5">
3057              <img src="/images/soc2-logo.svg" alt="SOC 2 logo" class="h-5 w-5 shrink-0 opacity-80 transition-opacity duration-150 group-hover:opacity-100 sm:h-12 sm:w-12" height="48" width="48">
3058              <span class="text-sm text-gray-400 transition-colors duration-150 group-hover:text-white sm:text-xs">SOC 2</span>
3059              <span class="text-green-500 hidden items-center gap-1 sm:flex sm:text-[10px]"><i class="far fa-check" aria-hidden="true"></i>Compliant
3060              </span>
3061            </a><a href="https://trust.parseur.com" target="_blank" rel="noopener" class="group flex items-center gap-2 sm:flex-col sm:gap-1.5">
3062              <img src="/images/hipaa-logo.svg" alt="HIPAA logo" class="h-5 w-5 shrink-0 opacity-80 transition-opacity duration-150 group-hover:opacity-100 sm:h-12 sm:w-12" height="48" width="48">
3063              <span class="text-sm text-gray-400 transition-colors duration-150 group-hover:text-white sm:text-xs">HIPAA</span>
3064              <span class="text-gray-500 hidden items-center gap-1 sm:flex sm:text-[10px]">In progress
3065              </span>
3066            </a></div>
3067      </div>
3068    </div>
3069
3070    
3071    <div class="mb-14 grid grid-cols-2 gap-8 md:grid-cols-4 md:gap-10">
3072      
3073      <div>
3074        <p class="mb-5 text-sm font-bold uppercase tracking-widest text-white">Features</p>
3075        <ul class="flex flex-col gap-2.5"><li>
3076              <a href="/document-capture-software" class="text-sm text-gray-400 transition-colors duration-150 hover:text-white">Document capture</a>
3077            </li><li>
3078              <a href="/document-parsing" class="text-sm text-gray-400 transition-colors duration-150 hover:text-white">Document parsing</a>
3079            </li><li>
3080              <a href="/normalization-and-validation" class="text-sm text-gray-400 transition-colors duration-150 hover:text-white">Normalization and validation</a>
3081            </li><li>
3082              <a href="/exports-and-integrations" class="text-sm text-gray-400 transition-colors duration-150 hover:text-white">Exports and integrations</a>
3083            </li><li>
3084              <a href="/ocr-software" class="text-sm text-gray-400 transition-colors duration-150 hover:text-white">OCR software</a>
3085            </li><li>
3086              <a href="/intelligent-document-processing-software" class="text-sm text-gray-400 transition-colors duration-150 hover:text-white">Intelligent document processing</a>
3087            </li><li>
3088              <a href="/features" class="text-sm text-gray-400 transition-colors duration-150 hover:text-white">View all features</a>
3089            </li></ul>
3090      </div>
3091      
3092      <div>
3093        <p class="mb-5 text-sm font-bold uppercase tracking-widest text-white">Document converters</p>
3094        <ul class="flex flex-col gap-2.5"><li>
3095              <a href="/convert/bank-statement/to-excel" class="text-sm text-gray-400 transition-colors duration-150 hover:text-white">Bank statement to Excel</a>
3096            </li><li>
3097              <a href="/convert/invoice/to-excel" class="text-sm text-gray-400 transition-colors duration-150 hover:text-white">Invoice to Excel</a>
3098            </li><li>
3099              <a href="/convert/business-card/to-excel" class="text-sm text-gray-400 transition-colors duration-150 hover:text-white">Business card to Excel</a>
3100            </li><li>
3101              <a href="/convert/ocr/to-excel" class="text-sm text-gray-400 transition-colors duration-150 hover:text-white">OCR to Excel</a>
3102            </li><li>
3103              <a href="/convert/pdf/to-excel" class="text-sm text-gray-400 transition-colors duration-150 hover:text-white">PDF to Excel</a>
3104            </li><li>
3105              <a href="/convert/image/to-excel" class="text-sm text-gray-400 transition-colors duration-150 hover:text-white">Image to Excel</a>
3106            </li><li>
3107              <a href="/convert/" class="text-sm text-gray-400 transition-colors duration-150 hover:text-white">View all converters</a>
3108            </li></ul>
3109      </div>
3110      
3111      <div>
3112        <p class="mb-5 text-sm font-bold uppercase tracking-widest text-white">Integrations</p>
3113        <ul class="flex flex-col gap-2.5"><li>
3114              <a href="/integration/pdf-to-excel" class="text-sm text-gray-400 transition-colors duration-150 hover:text-white">Parse documents to Excel</a>
3115            </li><li>
3116              <a href="/integration/pdf-to-google-sheets" class="text-sm text-gray-400 transition-colors duration-150 hover:text-white">Parse documents to Google Sheets</a>
3117            </li><li>
3118              <a href="/integration/zapier" class="text-sm text-gray-400 transition-colors duration-150 hover:text-white">Parse documents to Zapier</a>
3119            </li><li>
3120              <a href="/integration/power-automate" class="text-sm text-gray-400 transition-colors duration-150 hover:text-white">Parse documents to Power Automate</a>
3121            </li><li>
3122              <a href="/integration/send-documents-to-make" class="text-sm text-gray-400 transition-colors duration-150 hover:text-white">Parse documents to Make</a>
3123            </li><li>
3124              <a href="/integration/webhook-document-parsing" class="text-sm text-gray-400 transition-colors duration-150 hover:text-white">Parse documents to Webhooks</a>
3125            </li><li>
3126              <a href="/integration/" class="text-sm text-gray-400 transition-colors duration-150 hover:text-white">View all integrations</a>
3127            </li></ul>
3128      </div>
3129      
3130      <div>
3131        <p class="mb-5 text-sm font-bold uppercase tracking-widest text-white">Compared to</p>
3132        <ul class="flex flex-col gap-2.5"><li>
3133              <a href="/best-email-parser" class="text-sm text-gray-400 transition-colors duration-150 hover:text-white">Best email parser comparison</a>
3134            </li><li>
3135              <a href="/best-pdf-parser" class="text-sm text-gray-400 transition-colors duration-150 hover:text-white">Best PDF parser comparison</a>
3136            </li><li>
3137              <a href="/compare-to/best-resume-parser" class="text-sm text-gray-400 transition-colors duration-150 hover:text-white">Best resume parser comparison</a>
3138            </li><li>
3139              <a href="/compare-to/docparser-alternative" class="text-sm text-gray-400 transition-colors duration-150 hover:text-white">Docparser alternative</a>
3140            </li><li>
3141              <a href="/compare-to/nanonets-alternative" class="text-sm text-gray-400 transition-colors duration-150 hover:text-white">Nanonets alternative</a>
3142            </li><li>
3143              <a href="/compare-to/docsumo-alternative" class="text-sm text-gray-400 transition-colors duration-150 hover:text-white">Docsumo alternative</a>
3144            </li><li>
3145              <a href="/compare-to/" class="text-sm text-gray-400 transition-colors duration-150 hover:text-white">View all comparisons</a>
3146            </li></ul>
3147      </div>
3148    </div>
3149
3150    
3151    <div class="flex flex-col items-start justify-between gap-4 border-t border-gray-700 pt-8 sm:flex-row sm:items-center">
3152      <p class="text-xs text-gray-400">
3153        © 2016 –
3154        <span x-data="{ year: new Date().getFullYear() }" x-text="year">2026</span>
3155      </p>
3156      <p class="text-xs text-gray-400">Parseur® is a registered trademark of Parseur Pte. Ltd.</p>
3157      <div class="relative inline-block text-left" x-data="{ langOpen:false }">
3158        <div x-show="langOpen" role="menu" aria-orientation="vertical" aria-labelledby="lang-button-footer" tabindex="-1" class="absolute bottom-full right-0 w-36 origin-bottom-right rounded-md bg-white shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none">
3159          
3160            
3161              <a href="/de/preise" @click="psrSetLang('de')" role="menuitem" id="menu-item-Deutsch" class="group flex items-center px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900">
3162                <picture><source sizes="(min-width: 1024px) 1024px, 100vw" srcset="/images/lang/de.webp" type="image/webp"><img src="/images/lang/de.webp" alt="Deutsch flag" height="16" width="16" srcset="/images/lang/de.png" sizes="(min-width: 1024px) 1024px, 100vw"></picture>
3163                <span class="ml-1">Deutsch</span>
3164              </a>
3165            
3166          
3167            
3168          
3169            
3170              <a href="/es/precios" @click="psrSetLang('es')" role="menuitem" id="menu-item-Español" class="group flex items-center px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900">
3171                <picture><source sizes="(min-width: 1024px) 1024px, 100vw" srcset="/images/lang/es.webp" type="image/webp"><img src="/images/lang/es.webp" alt="Español flag" height="16" width="16" srcset="/images/lang/es.png" sizes="(min-width: 1024px) 1024px, 100vw"></picture>
3172                <span class="ml-1">Español</span>
3173              </a>
3174            
3175          
3176            
3177              <a href="/fr/tarifs" @click="psrSetLang('fr')" role="menuitem" id="menu-item-Français" class="group flex items-center px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900">
3178                <picture><source sizes="(min-width: 1024px) 1024px, 100vw" srcset="/images/lang/fr.webp" type="image/webp"><img src="/images/lang/fr.webp" alt="Français flag" height="16" width="16" srcset="/images/lang/fr.png" sizes="(min-width: 1024px) 1024px, 100vw"></picture>
3179                <span class="ml-1">Français</span>
3180              </a>
3181            
3182          
3183            
3184              <a href="/nl/prijzen" @click="psrSetLang('nl')" role="menuitem" id="menu-item-Nederlands" class="group flex items-center px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900">
3185                <picture><source sizes="(min-width: 1024px) 1024px, 100vw" srcset="/images/lang/nl.webp" type="image/webp"><img src="/images/lang/nl.webp" alt="Nederlands flag" height="16" width="16" srcset="/images/lang/nl.png" sizes="(min-width: 1024px) 1024px, 100vw"></picture>
3186                <span class="ml-1">Nederlands</span>
3187              </a>
3188            
3189          
3190            
3191              <a href="/it/prezzi" @click="psrSetLang('it')" role="menuitem" id="menu-item-Italiano" class="group flex items-center px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900">
3192                <picture><source sizes="(min-width: 1024px) 1024px, 100vw" srcset="/images/lang/it.webp" type="image/webp"><img src="/images/lang/it.webp" alt="Italiano flag" height="16" width="16" srcset="/images/lang/it.png" sizes="(min-width: 1024px) 1024px, 100vw"></picture>
3193                <span class="ml-1">Italiano</span>
3194              </a>
3195            
3196          
3197            
3198              <a href="/pt/precos" @click="psrSetLang('pt')" role="menuitem" id="menu-item-Português" class="group flex items-center px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900">
3199                <picture><source sizes="(min-width: 1024px) 1024px, 100vw" srcset="/images/lang/br.webp" type="image/webp"><img src="/images/lang/br.webp" alt="Português flag" height="16" width="16" srcset="/images/lang/br.png" sizes="(min-width: 1024px) 1024px, 100vw"></picture>
3200                <span class="ml-1">Português</span>
3201              </a>
3202            
3203          
3204            
3205              <a href="/pl/cennik" @click="psrSetLang('pl')" role="menuitem" id="menu-item-Polski" class="group flex items-center px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900">
3206                <picture><source sizes="(min-width: 1024px) 1024px, 100vw" srcset="/images/lang/pl.webp" type="image/webp"><img src="/images/lang/pl.webp" alt="Polski flag" height="16" width="16" srcset="/images/lang/pl.png" sizes="(min-width: 1024px) 1024px, 100vw"></picture>
3207                <span class="ml-1">Polski</span>
3208              </a>
3209            
3210          
3211            
3212              <a href="/sv/prissattning" @click="psrSetLang('sv')" role="menuitem" id="menu-item-Svenska" class="group flex items-center px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900">
3213                <picture><source sizes="(min-width: 1024px) 1024px, 100vw" srcset="/images/lang/se.webp" type="image/webp"><img src="/images/lang/se.webp" alt="Svenska flag" height="16" width="16" srcset="/images/lang/se.png" sizes="(min-width: 1024px) 1024px, 100vw"></picture>
3214                <span class="ml-1">Svenska</span>
3215              </a>
3216            
3217          
3218            
3219              <a href="/ja/kakakutei" @click="psrSetLang('ja')" role="menuitem" id="menu-item-日本語" class="group flex items-center px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900">
3220                <picture><source sizes="(min-width: 1024px) 1024px, 100vw" srcset="/images/lang/jp.webp" type="image/webp"><img src="/images/lang/jp.webp" alt="日本語 flag" height="16" width="16" srcset="/images/lang/jp.png" sizes="(min-width: 1024px) 1024px, 100vw"></picture>
3221                <span class="ml-1">日本語</span>
3222              </a>
3223            
3224          
3225            
3226              <a href="/ko/요금제" @click="psrSetLang('ko')" role="menuitem" id="menu-item-한국어" class="group flex items-center px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900">
3227                <picture><source sizes="(min-width: 1024px) 1024px, 100vw" srcset="/images/lang/kr.webp" type="image/webp"><img src="/images/lang/kr.webp" alt="한국어 flag" height="16" width="16" srcset="/images/lang/kr.png" sizes="(min-width: 1024px) 1024px, 100vw"></picture>
3228                <span class="ml-1">한국어</span>
3229              </a>
3230            
3231          
3232            
3233              <a href="/zh/jiage" @click="psrSetLang('zh-CN')" role="menuitem" id="menu-item-简体中文" class="group flex items-center px-4 py-2 text-sm text-gray-700 hover:bg-gray-100 hover:text-gray-900">
3234                <picture><source sizes="(min-width: 1024px) 1024px, 100vw" srcset="/images/lang/cn.webp" type="image/webp"><img src="/images/lang/cn.webp" alt="简体中文 flag" height="16" width="16" srcset="/images/lang/cn.png" sizes="(min-width: 1024px) 1024px, 100vw"></picture>
3235                <span class="ml-1">简体中文</span>
3236              </a>
3237            
3238          
3239        </div>
3240        <button @click="langOpen=!langOpen" @click.outside="langOpen=false" type="button" id="lang-button-footer" aria-expanded="true" aria-haspopup="true" class="inline-flex w-full items-center justify-center px-4 py-2 font-medium text-gray-400 transition-colors duration-150 hover:text-white focus:outline-none">
3241          <picture><source sizes="(min-width: 1024px) 1024px, 100vw" srcset="/images/lang/en.webp" type="image/webp"><img src="/images/lang/en.webp" alt="English flag" data-preset="original" height="16" width="16" srcset="/images/lang/en.png" sizes="(min-width: 1024px) 1024px, 100vw"></picture>
3242          <span class="ml-1 text-xs">English</span>
3243          <i class="far fa-chevron-down -mr-1 ml-2 text-sm"></i>
3244        </button>
3245      </div>
3246    </div>
3247  </div>
3248</footer>
3249<script>
3250  document.addEventListener("alpine:init", () => {
3251    Alpine.data("statusIndicator", () => ({
3252      statusData: { indicator: "loading" },
3253
3254      // Configuration mapping
3255      config: {
3256        up: { color: "bg-green-500", label: "All systems operational", ring: "bg-green-400" },
3257        maintenance: { color: "bg-blue-500", label: "Maintenance", ring: "bg-blue-400" },
3258        incident: { color: "bg-yellow-500", label: "Incident", ring: "bg-yellow-400" },
3259        outage: { color: "bg-red-500", label: "Outage", ring: "bg-red-400" },
3260        loading: { color: "bg-gray-300", label: "Checking...", ring: "bg-gray-300" },
3261      },
3262
3263      // Getter for the current active state
3264      get current() {
3265        return this.config[this.statusData.indicator] || this.config.loading
3266      },
3267
3268      // Runs automatically when the component is initialized
3269      async init() {
3270        const baseUrl = "https://status.parseur.com"
3271        const STATUS_URL = `${baseUrl}/status.json`
3272
3273        try {
3274          const response = await fetch(STATUS_URL)
3275          if (!response.ok) throw new Error(`Network response from ${STATUS_URL} was not ok`)
3276
3277          this.statusData = await response.json()
3278        } catch (err) {
3279          console.error("Error fetching status:", err)
3280          this.statusData = { indicator: "loading" }
3281        }
3282      },
3283    }))
3284  })
3285  function psrSetLang(lang) {
3286    var date = new Date()
3287    date.setTime(date.getTime() + 365 * 24 * 60 * 60 * 1000)
3288    expires = "; expires=" + date.toUTCString()
3289    document.cookie = "cf_lang=" + (lang || "") + expires + "; path=/"
3290  }
3291</script>
3291
3292
3293    
3293<script async="" src="https://kit.fontawesome.com/97db675605.js" crossorigin="anonymous"></script>
3293
3294    
3294<script defer="" src="/theme/vendor/alpinejs.collapse.min.js"></script>
3294
3295    
3295<script defer="" src="/theme/vendor/alpinejs.min.js"></script>
3295
3296    
3296<script defer="" type="text/javascript" src="https://static.senja.io/dist/platform.js"></script>
3296
3297    
3297<script src="/theme/vendor/popper.min.js"></script>
3297
3298    
3298<script src="/theme/vendor/tippy.min.js"></script>
3298
3299    
3299<script>
3300      document.addEventListener('alpine:init', () => {
3301        Alpine.directive('tooltip', (el, { expression }) => {
3302          tippy(el, { content: expression })
3303        })
3304      })
3305    </script>
3305
3306    
3307    
3307<script defer="" src="/theme/vendor/balancetext-polyfill.min.js" onload="if (balanceText) balanceText()"></script>
3307
3308    
3308<script src="/theme/vendor/cross-storage-client.min.js" type="text/javascript"></script>
3308
3309      
3309<script>
3310        window.addEventListener('load', function () {
3311          var refererURL = 'https://app.parseur.com/referer.html'
3312          var refererKey = 'psr-referer'
3313          var storage = new CrossStorageClient(refererURL, { timeout: 30000 })
3314          var setKeys = function () {
3315            storage.get(refererKey).then(function (result) {
3316              if (!result) {
3317                return storage.set(refererKey, JSON.stringify({ url: document.referrer, landing: window.location.href }))
3318              }
3319            })
3320          }
3321          storage.onConnect().then(setKeys)
3322        })
3323      </script>
3323
3324    
3324<script>
3325      var add_utm = function ($el, content = '') {
3326        $el.setAttribute(
3327          'href',
3328          `${$el.getAttribute('href')}?utm_medium=website&utm_source=parseur.com&utm_campaign=${window.location.pathname}&utm_content=${content}`)
3329      }
3330    </script>
3330
3331    
3332  
3333
3334<!-- Cloudflare Pages Analytics -->
vendor: 99 bytes, line 3334
3334<script defer src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "
33342cfc80b736ec465898f7c0f454f7fed6
vendor: 13 bytes, line 3334
3334"}'></script>
3334<!-- Cloudflare Pages Analytics -->
3334<script type="application/json" id="priceur-payload">{"currency_code":"USD","default_currency_code":"USD","price_set":[{"id":"free_plan_priceur_BFXIB","name":"Free","interval":"month","interval_count":1,"monthly_processed_document_max":"20","legacy":false,"price":0,"amount":{"decimal":0,"full":0,"major":"0","minor":"00","tag":"$0","tag_with_decimal":"$0.00"},"currency":{"active":true,"code":"USD","symbol":"$","symbol_native":"$","symbol_before":"$","symbol_after":"","name":"US Dollar","name_plural":"US dollars","decimal_digits":2,"template":"$1"},"allow_transform":false,"allow_multiuser":false,"allow_accounting":false},{"id":"micro_v6_monthly_usd","name":"Micro (monthly)","interval":"month","interval_count":1,"monthly_processed_document_max":"100","legacy":false,"price":4900,"amount":{"decimal":49,"full":4900,"major":"49","minor":"00","tag":"$49","tag_with_decimal":"$49.00"},"currency":{"active":true,"code":"USD","symbol":"$","symbol_native":"$","symbol_before":"$","symbol_after":"","name":"US Dollar","name_plural":"US dollars","decimal_digits":2,"template":"$1"},"allow_transform":false,"allow_multiuser":false,"allow_accounting":false},{"id":"mini_v6_monthly_usd","name":"Mini (monthly)","interval":"month","interval_count":1,"monthly_processed_document_max":"300","legacy":false,"price":8900,"amount":{"decimal":89,"full":8900,"major":"89","minor":"00","tag":"$89","tag_with_decimal":"$89.00"},"currency":{"active":true,"code":"USD","symbol":"$","symbol_native":"$","symbol_before":"$","symbol_after":"","name":"US Dollar","name_plural":"US dollars","decimal_digits":2,"template":"$1"},"allow_transform":false,"allow_multiuser":false,"allow_accounting":false},{"id":"starter_v6_monthly_usd","name":"Starter (monthly)","interval":"month","interval_count":1,"monthly_processed_document_max":"1000","legacy":false,"price":12900,"amount":{"decimal":129,"full":12900,"major":"129","minor":"00","tag":"$129","tag_with_decimal":"$129.00"},"currency":{"active":true,"code":"USD","symbol":"$","symbol_native":"$","symbol_before":"$","symbol_after":"","name":"US Dollar","name_plural":"US dollars","decimal_digits":2,"template":"$1"},"allow_transform":false,"allow_multiuser":false,"allow_accounting":false},{"id":"premium_v6_monthly_usd","name":"Premium (monthly)","interval":"month","interval_count":1,"monthly_processed_document_max":"3000","legacy":false,"price":26900,"amount":{"decimal":269,"full":26900,"major":"269","minor":"00","tag":"$269","tag_with_decimal":"$269.00"},"currency":{"active":true,"code":"USD","symbol":"$","symbol_native":"$","symbol_before":"$","symbol_after":"","name":"US Dollar","name_plural":"US dollars","decimal_digits":2,"template":"$1"},"allow_transform":false,"allow_multiuser":false,"allow_accounting":false},{"id":"micro_v6_yearly_usd","name":"Micro (yearly)","interval":"year","interval_count":1,"monthly_processed_document_max":"100","legacy":false,"price":46800,"amount":{"decimal":468,"full":46800,"major":"468","minor":"00","tag":"$468","tag_with_decimal":"$468.00"},"currency":{"active":true,"code":"USD","symbol":"$","symbol_native":"$","symbol_before":"$","symbol_after":"","name":"US Dollar","name_plural":"US dollars","decimal_digits":2,"template":"$1"},"allow_transform":false,"allow_multiuser":false,"allow_accounting":false},{"id":"price_1SpSgYGM91gi20KobA0LKj2s","name":"Pro (monthly)","interval":"month","interval_count":1,"monthly_processed_document_max":"10000","legacy":false,"price":49900,"amount":{"decimal":499,"full":49900,"major":"499","minor":"00","tag":"$499","tag_with_decimal":"$499.00"},"currency":{"active":true,"code":"USD","symbol":"$","symbol_native":"$","symbol_before":"$","symbol_after":"","name":"US Dollar","name_plural":"US dollars","decimal_digits":2,"template":"$1"},"allow_transform":true,"allow_multiuser":true,"allow_accounting":true},{"id":"mini_v6_yearly_usd","name":"Mini (yearly)","interval":"year","interval_count":1,"monthly_processed_document_max":"300","legacy":false,"price":82800,"amount":{"decimal":828,"full":82800,"major":"828","minor":"00","tag":"$828","tag_with_decimal":"$828.00"},"currency":{"active":true,"code":"USD","symbol":"$","symbol_native":"$","symbol_before":"$","symbol_after":"","name":"US Dollar","name_plural":"US dollars","decimal_digits":2,"template":"$1"},"allow_transform":false,"allow_multiuser":false,"allow_accounting":false},{"id":"price_1SpSXfGM91gi20KoClnWKkBQ","name":"20k (monthly)","interval":"month","interval_count":1,"monthly_processed_document_max":"20000","legacy":false,"price":89900,"amount":{"decimal":899,"full":89900,"major":"899","minor":"00","tag":"$899","tag_with_decimal":"$899.00"},"currency":{"active":true,"code":"USD","symbol":"$","symbol_native":"$","symbol_before":"$","symbol_after":"","name":"US Dollar","name_plural":"US dollars","decimal_digits":2,"template":"$1"},"allow_transform":true,"allow_multiuser":true,"allow_accounting":true},{"id":"starter_v6_yearly_usd","name":"Starter (yearly)","interval":"year","interval_count":1,"monthly_processed_document_max":"1000","legacy":false,"price":118800,"amount":{"decimal":1188,"full":118800,"major":"1188","minor":"00","tag":"$1188","tag_with_decimal":"$1188.00"},"currency":{"active":true,"code":"USD","symbol":"$","symbol_native":"$","symbol_before":"$","symbol_after":"","name":"US Dollar","name_plural":"US dollars","decimal_digits":2,"template":"$1"},"allow_transform":false,"allow_multiuser":false,"allow_accounting":false},{"id":"price_1SpSV1GM91gi20KosIpScT7R","name":"30k (monthly)","interval":"month","interval_count":1,"monthly_processed_document_max":"30000","legacy":false,"price":129900,"amount":{"decimal":1299,"full":129900,"major":"1299","minor":"00","tag":"$1299","tag_with_decimal":"$1299.00"},"currency":{"active":true,"code":"USD","symbol":"$","symbol_native":"$","symbol_before":"$","symbol_after":"","name":"US Dollar","name_plural":"US dollars","decimal_digits":2,"template":"$1"},"allow_transform":true,"allow_multiuser":true,"allow_accounting":true},{"id":"price_1SpSKwGM91gi20KotT8OgSGH","name":"40k (monthly)","interval":"month","interval_count":1,"monthly_processed_document_max":"40000","legacy":false,"price":159900,"amount":{"decimal":1599,"full":159900,"major":"1599","minor":"00","tag":"$1599","tag_with_decimal":"$1599.00"},"currency":{"active":true,"code":"USD","symbol":"$","symbol_native":"$","symbol_before":"$","symbol_after":"","name":"US Dollar","name_plural":"US dollars","decimal_digits":2,"template":"$1"},"allow_transform":true,"allow_multiuser":true,"allow_accounting":true},{"id":"price_1SpSHiGM91gi20Ko3eHorl4c","name":"50k (monthly)","interval":"month","interval_count":1,"monthly_processed_document_max":"50000","legacy":false,"price":189900,"amount":{"decimal":1899,"full":189900,"major":"1899","minor":"00","tag":"$1899","tag_with_decimal":"$1899.00"},"currency":{"active":true,"code":"USD","symbol":"$","symbol_native":"$","symbol_before":"$","symbol_after":"","name":"US Dollar","name_plural":"US dollars","decimal_digits":2,"template":"$1"},"allow_transform":true,"allow_multiuser":true,"allow_accounting":true}
3334,{"id":"price_1SpS8mGM91gi20KogvsmUuAU","name":"60k (monthly)","interval":"month","interval_count":1,"monthly_processed_document_max":"60000","legacy":false,"price":224900,"amount":{"decimal":2249,"full":224900,"major":"2249","minor":"00","tag":"$2249","tag_with_decimal":"$2249.00"},"currency":{"active":true,"code":"USD","symbol":"$","symbol_native":"$","symbol_before":"$","symbol_after":"","name":"US Dollar","name_plural":"US dollars","decimal_digits":2,"template":"$1"},"allow_transform":true,"allow_multiuser":true,"allow_accounting":true},{"id":"premium_v6_yearly_usd","name":"Premium (yearly)","interval":"year","interval_count":1,"monthly_processed_document_max":"3000","legacy":false,"price":238800,"amount":{"decimal":2388,"full":238800,"major":"2388","minor":"00","tag":"$2388","tag_with_decimal":"$2388.00"},"currency":{"active":true,"code":"USD","symbol":"$","symbol_native":"$","symbol_before":"$","symbol_after":"","name":"US Dollar","name_plural":"US dollars","decimal_digits":2,"template":"$1"},"allow_transform":false,"allow_multiuser":false,"allow_accounting":false},{"id":"price_1SpS3BGM91gi20KoUJ5zzxAC","name":"75k (monthly)","interval":"month","interval_count":1,"monthly_processed_document_max":"75000","legacy":false,"price":279900,"amount":{"decimal":2799,"full":279900,"major":"2799","minor":"00","tag":"$2799","tag_with_decimal":"$2799.00"},"currency":{"active":true,"code":"USD","symbol":"$","symbol_native":"$","symbol_before":"$","symbol_after":"","name":"US Dollar","name_plural":"US dollars","decimal_digits":2,"template":"$1"},"allow_transform":true,"allow_multiuser":true,"allow_accounting":true},{"id":"price_1SpRZlGM91gi20KooK19hJKV","name":"100k (monthly)","interval":"month","interval_count":1,"monthly_processed_document_max":"100000","legacy":false,"price":369900,"amount":{"decimal":3699,"full":369900,"major":"3699","minor":"00","tag":"$3699","tag_with_decimal":"$3699.00"},"currency":{"active":true,"code":"USD","symbol":"$","symbol_native":"$","symbol_before":"$","symbol_after":"","name":"US Dollar","name_plural":"US dollars","decimal_digits":2,"template":"$1"},"allow_transform":true,"allow_multiuser":true,"allow_accounting":true},{"id":"price_1SpRw2GM91gi20KoFdKMnO0N","name":"125k (monthly)","interval":"month","interval_count":1,"monthly_processed_document_max":"125000","legacy":false,"price":449900,"amount":{"decimal":4499,"full":449900,"major":"4499","minor":"00","tag":"$4499","tag_with_decimal":"$4499.00"},"currency":{"active":true,"code":"USD","symbol":"$","symbol_native":"$","symbol_before":"$","symbol_after":"","name":"US Dollar","name_plural":"US dollars","decimal_digits":2,"template":"$1"},"allow_transform":true,"allow_multiuser":true,"allow_accounting":true},{"id":"price_1SpSdjGM91gi20KocFVxAx4S","name":"Pro (yearly)","interval":"year","interval_count":1,"monthly_processed_document_max":"10000","legacy":false,"price":478800,"amount":{"decimal":4788,"full":478800,"major":"4788","minor":"00","tag":"$4788","tag_with_decimal":"$4788.00"},"currency":{"active":true,"code":"USD","symbol":"$","symbol_native":"$","symbol_before":"$","symbol_after":"","name":"US Dollar","name_plural":"US dollars","decimal_digits":2,"template":"$1"},"allow_transform":true,"allow_multiuser":true,"allow_accounting":true},{"id":"price_1SpRt6GM91gi20Ko59CQ4NTU","name":"150k (monthly)","interval":"month","interval_count":1,"monthly_processed_document_max":"150000","legacy":false,"price":529900,"amount":{"decimal":5299,"full":529900,"major":"5299","minor":"00","tag":"$5299","tag_with_decimal":"$5299.00"},"currency":{"active":true,"code":"USD","symbol":"$","symbol_native":"$","symbol_before":"$","symbol_after":"","name":"US Dollar","name_plural":"US dollars","decimal_digits":2,"template":"$1"},"allow_transform":true,"allow_multiuser":true,"allow_accounting":true},{"id":"price_1SpRpoGM91gi20KoLvPziigL","name":"200k (monthly)","interval":"month","interval_count":1,"monthly_processed_document_max":"200000","legacy":false,"price":699900,"amount":{"decimal":6999,"full":699900,"major":"6999","minor":"00","tag":"$6999","tag_with_decimal":"$6999.00"},"currency":{"active":true,"code":"USD","symbol":"$","symbol_native":"$","symbol_before":"$","symbol_after":"","name":"US Dollar","name_plural":"US dollars","decimal_digits":2,"template":"$1"},"allow_transform":true,"allow_multiuser":true,"allow_accounting":true},{"id":"price_1SpSacGM91gi20Koo0lB414U","name":"20k (yearly)","interval":"year","interval_count":1,"monthly_processed_document_max":"20000","legacy":false,"price":838800,"amount":{"decimal":8388,"full":838800,"major":"8388","minor":"00","tag":"$8388","tag_with_decimal":"$8388.00"},"currency":{"active":true,"code":"USD","symbol":"$","symbol_native":"$","symbol_before":"$","symbol_after":"","name":"US Dollar","name_plural":"US dollars","decimal_digits":2,"template":"$1"},"allow_transform":true,"allow_multiuser":true,"allow_accounting":true},{"id":"price_1SpRm5GM91gi20KoWjAaLrCF","name":"250k (monthly)","interval":"month","interval_count":1,"monthly_processed_document_max":"250000","legacy":false,"price":849900,"amount":{"decimal":8499,"full":849900,"major":"8499","minor":"00","tag":"$8499","tag_with_decimal":"$8499.00"},"currency":{"active":true,"code":"USD","symbol":"$","symbol_native":"$","symbol_before":"$","symbol_after":"","name":"US Dollar","name_plural":"US dollars","decimal_digits":2,"template":"$1"},"allow_transform":true,"allow_multiuser":true,"allow_accounting":true},{"id":"price_1SpSS3GM91gi20Ko1sSKQq6H","name":"30k (yearly)","interval":"year","interval_count":1,"monthly_processed_document_max":"30000","legacy":false,"price":1198800,"amount":{"decimal":11988,"full":1198800,"major":"11988","minor":"00","tag":"$11988","tag_with_decimal":"$11988.00"},"currency":{"active":true,"code":"USD","symbol":"$","symbol_native":"$","symbol_before":"$","symbol_after":"","name":"US Dollar","name_plural":"US dollars","decimal_digits":2,"template":"$1"},"allow_transform":true,"allow_multiuser":true,"allow_accounting":true},{"id":"price_1SpSOrGM91gi20KoQqEanfho","name":"40k (yearly)","interval":"year","interval_count":1,"monthly_processed_document_max":"40000","legacy":false,"price":1558800,"amount":{"decimal":15588,"full":1558800,"major":"15588","minor":"00","tag":"$15588","tag_with_decimal":"$15588.00"},"currency":{"active":true,"code":"USD","symbol":"$","symbol_native":"$","symbol_before":"$","symbol_after":"","name":"US Dollar","name_plural":"US dollars","decimal_digits":2,"template":"$1"},"allow_transform":true,"allow_multiuser":true,"allow_accounting":true},{"id":"price_1SpSEpGM91gi20Ko8HlNDoH9","name":"50k (yearly)","interval":"year","interval_count":1,"monthly_processed_document_max":"50000","legacy":false,"price":1798800,"amount":{"decimal":17988,"full":1798800,"major":"17988","minor":"00","tag":"$17988","tag_with_decimal":"$17988.00"},"currency":{"active":true,"code":"USD","symbol":"$","symbol_native":"$","symbol_before":"$","symbol_after":"","name":"US Dollar","name_plural":"US dollars","decimal_digits":2,"template":"$1"},"allow_transform":true,"allow_multiuser":true,"allow_accounting":true}
3334,{"id":"price_1SpSBcGM91gi20KoWbVdCHYs","name":"60k (yearly)","interval":"year","interval_count":1,"monthly_processed_document_max":"60000","legacy":false,"price":2158800,"amount":{"decimal":21588,"full":2158800,"major":"21588","minor":"00","tag":"$21588","tag_with_decimal":"$21588.00"},"currency":{"active":true,"code":"USD","symbol":"$","symbol_native":"$","symbol_before":"$","symbol_after":"","name":"US Dollar","name_plural":"US dollars","decimal_digits":2,"template":"$1"},"allow_transform":true,"allow_multiuser":true,"allow_accounting":true},{"id":"price_1SpRzUGM91gi20KouaS7Gs90","name":"75k (yearly)","interval":"year","interval_count":1,"monthly_processed_document_max":"75000","legacy":false,"price":2638800,"amount":{"decimal":26388,"full":2638800,"major":"26388","minor":"00","tag":"$26388","tag_with_decimal":"$26388.00"},"currency":{"active":true,"code":"USD","symbol":"$","symbol_native":"$","symbol_before":"$","symbol_after":"","name":"US Dollar","name_plural":"US dollars","decimal_digits":2,"template":"$1"},"allow_transform":true,"allow_multiuser":true,"allow_accounting":true},{"id":"price_1SpRUQGM91gi20KocBT3vkOs","name":"100k (yearly)","interval":"year","interval_count":1,"monthly_processed_document_max":"100000","legacy":false,"price":3358800,"amount":{"decimal":33588,"full":3358800,"major":"33588","minor":"00","tag":"$33588","tag_with_decimal":"$33588.00"},"currency":{"active":true,"code":"USD","symbol":"$","symbol_native":"$","symbol_before":"$","symbol_after":"","name":"US Dollar","name_plural":"US dollars","decimal_digits":2,"template":"$1"},"allow_transform":true,"allow_multiuser":true,"allow_accounting":true}]}</script>
3334<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"a76b15b978ee49969cf1eefa7e4294f8","r":1,"spa":2}' crossorigin="anonymous"></script>
3334
3335</body></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.