PageSourceSearch

https://mondovo.com/pricing

html mondovo.com collected 2026-10-02 17:45:34 UTC 186,601 bytes, 4,946 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en" dir="ltr">
3<head>
4  <meta charset="UTF-8">
5  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6  <meta name="referrer" content="strict-origin-when-cross-origin">
7  <title>AI Website Design Pricing for Agencies | Mondovo</title>
8  <link rel="canonical" href="https://mondovo.com/pricing">
9  <meta property="og:url" content="https://mondovo.com/pricing">
10  <meta name="description" content="Transparent AI website design pricing for agencies. Pitch clients with unlimited drafts &amp; pay only when a site goes live. Start your Mondovo journey today!">
11  <meta property="og:description" content="Transparent AI website design pricing for agencies. Pitch clients with unlimited drafts &amp; pay only when a site goes live. Start your Mondovo journey today!">
12  <meta name="keywords" content="AI website design pricing, agency website plans, no upfront cost, Mondovo pricing">
13  <meta property="og:title" content="AI Website Design Pricing for Agencies | Mondovo">
14  <meta property="og:type" content="website">
15  <meta name="twitter:card" content="summary_large_image">
16  <meta name="twitter:title" content="AI Website Design Pricing for Agencies | Mondovo">
17  <meta name="twitter:description" content="Transparent AI website design pricing for agencies. Pitch clients with unlimited drafts &amp; pay only when a site goes live. Start your Mondovo journey today!">
18  <link rel="icon" type="image/png" href="https://site-assets.mondovo.com/sites/123f10d5-3362-4e0b-8092-c89a31d01253/favicon-mtvejfdi.png">
19  <link rel="manifest" href="/manifest.webmanifest">
20  <meta name="theme-color" content="#3b82f6">
21  <meta name="apple-mobile-web-app-title" content="Mondovo">
22  
22<script>(function (w, cfg) {
23  try {
24    if (!w || w[cfg.g]) return;
25    var nav = w.navigator || {};
26    var sent = {};
27    var count = 0;
28    var off = !!nav.webdriver;
29    var str = function (v, max) {
30      try { return String(v == null ? '' : v).slice(0, max); } catch (_e) { return ''; }
31    };
32    var post = function (body) {
33      var ok = false;
34      try {
35        if (nav.sendBeacon && w.Blob) ok = nav.sendBeacon(cfg.e, new w.Blob([body], { type: 'text/plain' }));
36      } catch (_e) { ok = false; }
37      if (!ok && typeof w.fetch === 'function') {
38        try {
39          w.fetch(cfg.e, { method: 'POST', body: body, mode: 'no-cors', keepalive: true, headers: { 'Content-Type': 'text/plain' } })
40            .catch(function () {});
41        } catch (_e) {}
42      }
43    };
44    var seen = w[cfg.l] = w[cfg.l] || [];
45    var report = function (r) {
46      try {
47        if (!r) return;
48        var path = str(w.location && w.location.pathname, 500) || '/';
49        var message = str(r.message, 1000) || 'Unknown error';
50        if (seen.length < 20) seen.push({ kind: r.kind || 'window', section: r.section || null, message: message, path: path });
51        if (off) return;
52        var key = path + '|' + str(r.section, 200) + '|' + message.slice(0, 200);
53        if (sent[key] || count >= cfg.m) return;
54        sent[key] = 1;
55        count++;
56        var body = JSON.stringify({
57          errorType: 'published_runtime',
58          siteId: cfg.s,
59          pagePath: path,
60          section: r.section ? str(r.section, 200) : null,
61          source: r.kind === 'section' || r.kind === 'page' ? r.kind : 'window',
62          errorMessage: message,
63          errorStack: str(r.stack, 4000),
64          componentStack: str(r.componentStack, 2000),
65          userAgent: str(nav.userAgent, 300),
66          build: cfg.b || null
67        });
68        w.setTimeout(function () { post(body); }, 0);
69      } catch (_e) {}
70    };
71    var fromOurCode = function (file, stack) {
72      return str(file, 2000).indexOf('/_assets/') !== -1 || str(stack, 4000).indexOf('/_assets/') !== -1;
73    };
74    var onPageError = function (message, stack) {
75      w.setTimeout(function () {
76        try {
77          var root = w.document && (w.document.getElementById('ssr-root') || w.document.body);
78          var text = root ? str(root.innerText || root.textContent, 200).replace(/\s+/g, '') : '';
79          report({ kind: text.length < 20 ? 'page' : 'window', message: message, stack: stack });
80        } catch (_e) {}
81      }, 1500);
82    };
83    w[cfg.g] = report;
84    var queued = w[cfg.q];
85    if (queued && queued.length) {
86      for (var i = 0; i < queued.length; i++) report(queued[i]);
87    }
88    w[cfg.q] = { push: report };
89    w.addEventListener('error', function (ev) {
90      try {
91        if (!ev || (ev.target && ev.target !== w)) return;
92        var err = ev.error;
93        var msg = (err && err.message) || ev.message;
94        if (!err && /^Script error\.?$/.test(str(msg, 50))) return;
95        if (!fromOurCode(ev.filename, err && err.stack)) return;
96        onPageError(msg, err && err.stack);
97      } catch (_e) {}
98    });
99    w.addEventListener('unhandledrejection', function (ev) {
100      try {
101        var reason = ev && ev.reason;
102        var stack = reason && reason.stack;
103        if (!fromOurCode('', stack)) return;
104        onPageError((reason && reason.message) || reason, stack);
105      } catch (_e) {}
106    });
107  } catch (_e) {}
108})(window,{"e":"https://app.mondovo.com/api/site-errors","s":"123f10d5-3362-4e0b-8092-c89a31d01253","b":"f6d36ade","m":5,"g":"__mondovoReportRuntimeError","q":"__mondovoRuntimeErrorQueue","l":"__mondovoRuntimeErrors"});</script>
108
109  
110<link rel="preconnect" href="https://fonts.googleapis.com">
111<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
112<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap">
113<style id="font-styles">
114/* Applied Font Styles */
115body, p, span, li, td, th, label, input, textarea, select, button, a {
116  font-family: 'Manrope', system-ui, sans-serif !important;
117}
118
119h1, h2, h3, h4, h5, h6,
120h1 *, h2 *, h3 *, h4 *, h5 *, h6 *,
121blockquote, blockquote * {
122  font-family: 'Bricolage Grotesque', system-ui, sans-serif !important;
123}
124</style>
125  
126  <style id="theme-variables-raw">
127:root {
128  --color-primary: #5A43FF;
129  --color-primary-dark: #4531D9;
130  --color-primary-light: #B7ACFF;
131  --color-primary-soft: rgba(90, 67, 255, 0.10);
132  --color-secondary: #0B0F24;
133  --color-secondary-light: #141A3A;
134  --color-secondary-lighter: #1E2650;
135  --color-accent: #C6F04D;
136  --color-accent-dark: #0E7F5E;
137  --color-accent-ink: #1E2A05;
138  --color-paper: #FFFFFF;
139  --color-paper-dark: #F4F5FA;
140  --color-sky: #ECF1FF;
141  --color-band: #EEF0FB;
142  --color-band-edge: #DFE2F5;
143  --color-cyan: #8FE6DA;
144  --color-violet: #B7ACFF;
145  --color-hero-blue: #2478F2;
146  --color-hero-ice: #E9EFFF;
147  --color-hero-edge: #C2D0F5;
148  --review-left: 16%;
149  --review-top: 30%;
150  --color-ink: #0A0D1C;
151  --color-muted: #5B6178;
152  --color-line: rgba(255, 255, 255, 0.10);
153  --color-line-dark: rgba(10, 13, 28, 0.10);
154  --font-heading: 'Bricolage Grotesque', 'Manrope', system-ui, sans-serif;
155  --font-body: 'Manrope', system-ui, -apple-system, 'Segoe UI', sans-serif;
156  --radius-card: 22px;
157  --shadow-stage: 0 40px 100px rgba(10, 13, 28, 0.18), 0 8px 24px rgba(10, 13, 28, 0.08);
158  --shadow-studio: 0 60px 140px rgba(0, 0, 0, 0.55), 0 10px 30px rgba(0, 0, 0, 0.35);
159}
160</style>
161  
162  
163<!-- Google Analytics -->
vendor: 64 bytes, lines 163-164
163
164<script async src="https://www.googletagmanager.com/gtag/js?id=
164G-71RKHRXN7L
vendor: 12 bytes, line 164
164"></script>
165<script>
166  
vendor: 133 bytes, lines 166-169
166window.dataLayer = window.dataLayer || [];
167  function gtag(){dataLayer.push(arguments);}
168  gtag('js', new Date());
169  gtag('config', '
169G-71RKHRXN7L
vendor: 33 bytes, lines 169-170
169', { send_page_view: false });
170  
170gtag('event', 'page_view', {
171    'send_to': ["G-71RKHRXN7L"],
172    'client_id': '25044bdd-d161-4f33-94b9-cc6e9cd86d26',
173    'site_id': '123f10d5-3362-4e0b-8092-c89a31d01253',
174    'organization_id': '17d0b12b-84e3-4b5d-97e9-47e62a0a2de2'
175  });
176</script>
176
177<!-- End Google Analytics -->
178  
179  
180  
181  
182  
183  
183<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebPage","name":"","url":"https://mondovo.com/pricing","isPartOf":{"@type":"WebSite","name":"Mondovo","url":"https://mondovo.com"}}</script>
183
184  
185  <style>/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
186@layer properties;
187@layer theme, base, components, utilities;
188@layer theme {
189  :root, :host {
190    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
191      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
192    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
193      "Courier New", monospace;
194    --color-green-100: oklch(96.2% 0.044 156.743);
195    --color-green-500: oklch(72.3% 0.219 149.579);
196    --color-green-600: oklch(62.7% 0.194 149.214);
197    --color-green-700: oklch(52.7% 0.154 150.069);
198    --color-gray-50: oklch(98.5% 0.002 247.839);
199    --color-neutral-500: oklch(55.6% 0 0);
200    --color-neutral-800: oklch(26.9% 0 0);
201    --color-black: #000;
202    --color-white: #fff;
203    --spacing: 0.25rem;
204    --container-xl: 36rem;
205    --container-2xl: 42rem;
206    --container-3xl: 48rem;
207    --container-4xl: 56rem;
208    --text-xs: 0.75rem;
209    --text-xs--line-height: calc(1 / 0.75);
210    --text-sm: 0.875rem;
211    --text-sm--line-height: calc(1.25 / 0.875);
212    --text-base: 1rem;
213    --text-base--line-height: calc(1.5 / 1);
214    --text-lg: 1.125rem;
215    --text-lg--line-height: calc(1.75 / 1.125);
216    --text-xl: 1.25rem;
217    --text-xl--line-height: calc(1.75 / 1.25);
218    --text-2xl: 1.5rem;
219    --text-2xl--line-height: calc(2 / 1.5);
220    --text-3xl: 1.875rem;
221    --text-3xl--line-height: calc(2.25 / 1.875);
222    --text-4xl: 2.25rem;
223    --text-4xl--line-height: calc(2.5 / 2.25);
224    --text-5xl: 3rem;
225    --text-5xl--line-height: 1;
226    --text-6xl: 3.75rem;
227    --text-6xl--line-height: 1;
228    --font-weight-medium: 500;
229    --font-weight-semibold: 600;
230    --font-weight-bold: 700;
231    --font-weight-extrabold: 800;
232    --font-weight-black: 900;
233    --tracking-tighter: -0.05em;
234    --tracking-tight: -0.025em;
235    --tracking-wider: 0.05em;
236    --tracking-widest: 0.1em;
237    --leading-tight: 1.25;
238    --leading-snug: 1.375;
239    --leading-relaxed: 1.625;
240    --radius-sm: 0.25rem;
241    --radius-md: 0.375rem;
242    --radius-lg: 0.5rem;
243    --radius-xl: 0.75rem;
244    --radius-2xl: 1rem;
245    --ease-out: cubic-bezier(0, 0, 0.2, 1);
246    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
247    --blur-xl: 24px;
248    --aspect-video: 16 / 9;
249    --default-transition-duration: 150ms;
250    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
251    --default-font-family: var(--font-sans);
252    --default-mono-font-family: var(--font-mono);
253  }
254}
255@layer base {
256  *, ::after, ::before, ::backdrop, ::file-selector-button {
257    box-sizing: border-box;
258    margin: 0;
259    padding: 0;
260    border: 0 solid;
261  }
262  html, :host {
263    line-height: 1.5;
264    -webkit-text-size-adjust: 100%;
265    tab-size: 4;
266    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
267    font-feature-settings: var(--default-font-feature-settings, normal);
268    font-variation-settings: var(--default-font-variation-settings, normal);
269    -webkit-tap-highlight-color: transparent;
270  }
271  hr {
272    height: 0;
273    color: inherit;
274    border-top-width: 1px;
275  }
276  abbr:where([title]) {
277    -webkit-text-decoration: underline dotted;
278    text-decoration: underline dotted;
279  }
280  h1, h2, h3, h4, h5, h6 {
281    font-size: inherit;
282    font-weight: inherit;
283  }
284  a {
285    color: inherit;
286    -webkit-text-decoration: inherit;
287    text-decoration: inherit;
288  }
289  b, strong {
290    font-weight: bolder;
291  }
292  code, kbd, samp, pre {
293    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
294    font-feature-settings: var(--default-mono-font-feature-settings, normal);
295    font-variation-settings: var(--default-mono-font-variation-settings, normal);
296    font-size: 1em;
297  }
298  small {
299    font-size: 80%;
300  }
301  sub, sup {
302    font-size: 75%;
303    line-height: 0;
304    position: relative;
305    vertical-align: baseline;
306  }
307  sub {
308    bottom: -0.25em;
309  }
310  sup {
311    top: -0.5em;
312  }
313  table {
314    text-indent: 0;
315    border-color: inherit;
316    border-collapse: collapse;
317  }
318  :-moz-focusring {
319    outline: auto;
320  }
321  progress {
322    vertical-align: baseline;
323  }
324  summary {
325    display: list-item;
326  }
327  ol, ul, menu {
328    list-style: none;
329  }
330  img, svg, video, canvas, audio, iframe, embed, object {
331    display: block;
332    vertical-align: middle;
333  }
334  img, video {
335    max-width: 100%;
336    height: auto;
337  }
338  button, input, select, optgroup, textarea, ::file-selector-button {
339    font: inherit;
340    font-feature-settings: inherit;
341    font-variation-settings: inherit;
342    letter-spacing: inherit;
343    color: inherit;
344    border-radius: 0;
345    background-color: transparent;
346    opacity: 1;
347  }
348  :where(select:is([multiple], [size])) optgroup {
349    font-weight: bolder;
350  }
351  :where(select:is([multiple], [size])) optgroup option {
352    padding-inline-start: 20px;
353  }
354  ::file-selector-button {
355    margin-inline-end: 4px;
356  }
357  ::placeholder {
358    opacity: 1;
359  }
360  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
361    ::placeholder {
362      color: currentcolor;
363      @supports (color: color-mix(in lab, red, red)) {
364        color: color-mix(in oklab, currentcolor 50%, transparent);
365      }
366    }
367  }
368  textarea {
369    resize: vertical;
370  }
371  ::-webkit-search-decoration {
372    -webkit-appearance: none;
373  }
374  ::-webkit-date-and-time-value {
375    min-height: 1lh;
376    text-align: inherit;
377  }
378  ::-webkit-datetime-edit {
379    display: inline-flex;
380  }
381  ::-webkit-datetime-edit-fields-wrapper {
382    padding: 0;
383  }
384  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-d
384ay-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
385    padding-block: 0;
386  }
387  ::-webkit-calendar-picker-indicator {
388    line-height: 1;
389  }
390  :-moz-ui-invalid {
391    box-shadow: none;
392  }
393  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
394    appearance: button;
395  }
396  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
397    height: auto;
398  }
399  [hidden]:where(:not([hidden="until-found"])) {
400    display: none !important;
401  }
402}
403@layer utilities {
404  .pointer-events-none {
405    pointer-events: none;
406  }
407  .invisible {
408    visibility: hidden;
409  }
410  .visible {
411    visibility: visible;
412  }
413  .sr-only {
414    position: absolute;
415    width: 1px;
416    height: 1px;
417    padding: 0;
418    margin: -1px;
419    overflow: hidden;
420    clip-path: inset(50%);
421    white-space: nowrap;
422    border-width: 0;
423  }
424  .absolute {
425    position: absolute;
426  }
427  .fixed {
428    position: fixed;
429  }
430  .relative {
431    position: relative;
432  }
433  .-inset-1 {
434    inset: calc(var(--spacing) * -1);
435  }
436  .inset-0 {
437    inset: calc(var(--spacing) * 0);
438  }
439  .inset-x-0 {
440    inset-inline: calc(var(--spacing) * 0);
441  }
442  .inset-x-3 {
443    inset-inline: calc(var(--spacing) * 3);
444  }
445  .inset-y-0 {
446    inset-block: calc(var(--spacing) * 0);
447  }
448  .-top-1 {
449    top: calc(var(--spacing) * -1);
450  }
451  .-top-3 {
452    top: calc(var(--spacing) * -3);
453  }
454  .-top-11 {
455    top: calc(var(--spacing) * -11);
456  }
457  .-top-24 {
458    top: calc(var(--spacing) * -24);
459  }
460  .top-0 {
461    top: calc(var(--spacing) * 0);
462  }
463  .top-3 {
464    top: calc(var(--spacing) * 3);
465  }
466  .top-4 {
467    top: calc(var(--spacing) * 4);
468  }
469  .top-6 {
470    top: calc(var(--spacing) * 6);
471  }
472  .top-7 {
473    top: calc(var(--spacing) * 7);
474  }
475  .top-8 {
476    top: calc(var(--spacing) * 8);
477  }
478  .top-full {
479    top: 100%;
480  }
481  .-right-1 {
482    right: calc(var(--spacing) * -1);
483  }
484  .-right-2 {
485    right: calc(var(--spacing) * -2);
486  }
487  .-right-24 {
488    right: calc(var(--spacing) * -24);
489  }
490  .-right-40 {
491    right: calc(var(--spacing) * -40);
492  }
493  .right-0 {
494    right: calc(var(--spacing) * 0);
495  }
496  .right-3 {
497    right: calc(var(--spacing) * 3);
498  }
499  .right-4 {
500    right: calc(var(--spacing) * 4);
501  }
502  .right-8 {
503    right: calc(var(--spacing) * 8);
504  }
505  .-bottom-1 {
506    bottom: calc(var(--spacing) * -1);
507  }
508  .bottom-0 {
509    bottom: calc(var(--spacing) * 0);
510  }
511  .bottom-1 {
512    bottom: calc(var(--spacing) * 1);
513  }
514  .bottom-3 {
515    bottom: calc(var(--spacing) * 3);
516  }
517  .bottom-4 {
518    bottom: calc(var(--spacing) * 4);
519  }
520  .bottom-5 {
521    bottom: calc(var(--spacing) * 5);
522  }
523  .bottom-6 {
524    bottom: calc(var(--spacing) * 6);
525  }
526  .-left-1 {
527    left: calc(var(--spacing) * -1);
528  }
529  .-left-40 {
530    left: calc(var(--spacing) * -40);
531  }
532  .left-0 {
533    left: calc(var(--spacing) * 0);
534  }
535  .left-1\/2 {
536    left: calc(1/2 * 100%);
537  }
538  .left-2 {
539    left: calc(var(--spacing) * 2);
540  }
541  .left-3 {
542    left: calc(var(--spacing) * 3);
543  }
544  .left-4 {
545    left: calc(var(--spacing) * 4);
546  }
547  .left-\[12px\] {
548    left: 12px;
549  }
550  .left-\[13px\] {
551    left: 13px;
552  }
553  .left-full {
554    left: 100%;
555  }
556  .isolate {
557    isolation: isolate;
558  }
559  .-z-10 {
560    z-index: calc(10 * -1);
561  }
562  .z-10 {
563    z-index: 10;
564  }
565  .z-40 {
566    z-index: 40;
567  }
568  .z-50 {
569    z-index: 50;
570  }
571  .z-\[60\] {
572    z-index: 60;
573  }
574  .z-\[80\] {
575    z-index: 80;
576  }
577  .order-1 {
578    order: 1;
579  }
580  .order-2 {
581    order: 2;
582  }
583  .float-end {
584    float: inline-end;
585  }
586  .m-2\.5 {
587    margin: calc(var(--spacing) * 2.5);
588  }
589  .m-auto {
590    margin: auto;
591  }
592  .-mx-1 {
593    margin-inline: calc(var(--spacing) * -1);
594  }
595  .mx-2\.5 {
596    margin-inline: calc(var(--spacing) * 2.5);
597  }
598  .mx-auto {
599    margin-inline: auto;
600  }
601  .mt-0\.5 {
602    margin-top: calc(var(--spacing) * 0.5);
603  }
604  .mt-1 {
605    margin-top: calc(var(--spacing) * 1);
606  }
607  .mt-1\.5 {
608    margin-top: calc(var(--spacing) * 1.5);
609  }
610  .mt-2 {
611    margin-top: calc(var(--spacing) * 2);
612  }
613  .mt-2\.5 {
614    margin-top: calc(var(--spacing) * 2.5);
615  }
616  .mt-3 {
617    margin-top: calc(var(--spacing) * 3);
618  }
619  .mt-3\.5 {
620    margin-top: calc(var(--spacing) * 3.5);
621  }
622  .mt-4 {
623    margin-top: calc(var(--spacing) * 4);
624  }
625  .mt-5 {
626    margin-top: calc(var(--spacing) * 5);
627  }
628  .mt-6 {
629    margin-top: calc(var(--spacing) * 6);
630  }
631  .mt-7 {
632    margin-top: calc(var(--spacing) * 7);
633  }
634  .mt-8 {
635    margin-top: calc(var(--spacing) * 8);
636  }
637  .mt-9 {
638    margin-top: calc(var(--spacing) * 9);
639  }
640  .mt-10 {
641    margin-top: calc(var(--spacing) * 10);
642  }
643  .mt-11 {
644    margin-top: calc(var(--spacing) * 11);
645  }
646  .mt-12 {
647    margin-top: calc(var(--spacing) * 12);
648  }
649  .mt-14 {
650    margin-top: calc(var(--spacing) * 14);
651  }
652  .mt-16 {
653    margin-top: calc(var(--spacing) * 16);
654  }
655  .mt-\[2px\] {
656    margin-top: 2px;
657  }
658  .mt-\[3px\] {
659    margin-top: 3px;
660  }
661  .mt-\[4px\] {
662    margin-top: 4px;
663  }
664  .mt-\[7px\] {
665    margin-top: 7px;
666  }
667  .mt-\[9px\] {
668    margin-top: 9px;
669  }
670  .mt-\[10px\] {
671    margin-top: 10px;
672  }
673  .mt-auto {
674    margin-top: auto;
675  }
676  .mr-1 {
677    margin-right: calc(var(--spacing) * 1);
678  }
679  .mr-6 {
680    margin-right: calc(var(--spacing) * 6);
681  }
682  .mr-10 {
683    margin-right: calc(var(--spacing) * 10);
684  }
685  .mb-0\.5 {
686    margin-bottom: calc(var(--spacing) * 0.5);
687  }
688  .mb-1\.5 {
689    margin-bottom: calc(var(--spacing) * 1.5);
690  }
691  .mb-2 {
692    margin-bottom: calc(var(--spacing) * 2);
693  }
694  .mb-3 {
695    margin-bottom: calc(var(--spacing) * 3);
696  }
697  .mb-4 {
698    margin-bottom: calc(var(--spacing) * 4);
699  }
700  .mb-5 {
701    margin-bottom: calc(var(--spacing) * 5);
702  }
703  .mb-6 {
704    margin-bottom: calc(var(--spacing) * 6);
705  }
706  .mb-7 {
707    margin-bottom: calc(var(--spacing) * 7);
708  }
709  .mb-8 {
710    margin-bottom: calc(var(--spacing) * 8);
711  }
712  .ml-0\.5 {
713    margin-left: calc(var(--spacing) * 0.5);
714  }
715  .ml-1 {
716    margin-left: calc(var(--spacing) * 1);
717  }
718  .ml-2 {
719    margin-left: calc(var(--spacing) * 2);
720  }
721  .ml-3 {
722    margin-left: calc(var(--spacing) * 3);
723  }
724  .ml-6 {
725    margin-left: calc(var(--spacing) * 6);
726  }
727  .ml-10 {
728    margin-left: calc(var(--spacing) * 10);
729  }
730  .ml-auto {
731    margin-left: auto;
732  }
733  .block {
734    display: block;
735  }
736  .flex {
737    display: flex;
738  }
739  .grid {
740    display: grid;
741  }
742  .hidden {
743    display: none;
744  }
745  .inline-block {
746    display: inline-block;
747  }
748  .inline-flex {
749    display: inline-flex;
750  }
751  .inline-grid {
752    display: inline-grid;
753  }
754  .aspect-\[3\/4\] {
755    aspect-ratio: 3/4;
756  }
757  .aspect-\[4\/3\] {
758    aspect-ratio: 4/3;
759  }
760  .aspect-\[4\/5\] {
761    aspect-ratio: 4/5;
762  }
763  .aspect-\[16\/7\] {
764    aspect-ratio: 16/7;
765  }
766  .aspect-\[16\/9\] {
767    aspect-ratio: 16/9;
768  }
769  .aspect-\[16\/10\] {
770    aspect-ratio: 16/10;
771  }
772  .aspect-square {
773    aspect-ratio: 1 / 1;
774  }
775  .aspect-video {
776    aspect-ratio: var(--aspect-video);
777  }
778  .h-0 {
779    height: calc(var(--spacing) * 0);
780  }
781  .h-1 {
782    height: calc(var(--spacing) * 1);
783  }
784  .h-1\.5 {
785    height: calc(var(--spacing) * 1.5);
786  }
787  .h-2 {
788    height: calc(var(--spacing) * 2);
789  }
790  .h-2\.5 {
791    height: calc(var(--spacing) * 2.5);
792  }
793  .h-3 {
794    height: calc(var(--spacing) * 3);
795  }
796  .h-3\.5 {
797    height: calc(var(--spacing) * 3.5);
798  }
799  .h-4 {
800    height: calc(var(--spacing) * 4);
801  }
802  .h-5 {
803    height: calc(var(--spacing) * 5);
804  }
805  .h-6 {
806    height: calc(var(--spacing) * 6);
807  }
808  .h-7 {
809    height: calc(var(--spacing) * 7);
810  }
811  .h-8 {
812    height: calc(var(--spacing) * 8);
813  }
814  .h-9 {
815    height: calc(var(--spacing) * 9);
816  }
817  .h-10 {
818    height: calc(var(--spacing) * 10);
819  }
820  .h-11 {
821    height: calc(var(--spacing) * 11);
822  }
823  .h-12 {
824    height: calc(var(--spacing) * 12);
825  }
826  .h-14 {
827    height: calc(var(--spacing) * 14);
828  }
829  .h-72 {
830    height: calc(var(--spacing) * 72);
831  }
832  .h-\[1em\] {
833    height: 1em;
834  }
835  .h-\[3px\] {
836    height: 3px;
837  }
838  .h-\[18px\] {
839    height: 18px;
840  }
841  .h-\[26px\] {
842    height: 26px;
843  }
844  .h-\[52px\] {
845    height: 52px;
846  }
847  .h-\[68px\] {
848    height: 68px;
849  }
850  .h-\[88px\] {
851    height: 88px;
852  }
853  .h-\[420px\] {
854    height: 420px;
855  }
856  .h-\[480px\] {
857    height: 480px;
858  }
859  .h-\[600px\] {
860    height: 600px;
861  }
862  .h-\[700px\] {
863    height: 700px;
864  }
865  .h-\[720px\] {
866    height: 720px;
867  }
868  .h-full {
869    height: 100%;
870  }
871  .max-h-\[220px\] {
872    max-height: 220px;
873  }
874  .max-h-\[460px\] {
875    max-height: 460px;
876  }
877  .max-h-\[520px\] {
878    max-height: 520px;
879  }
880  .min-h-0 {
881    min-height: calc(var(--spacing) * 0);
882  }
883  .min-h-8 {
884    min-height: calc(var(--spacing) * 8);
885  }
886  .min-h-9 {
887    min-height: calc(var(--spacing) * 9);
888  }
889  .min-h-10 {
890    min-height: calc(var(--spacing) * 10);
891  }
892  .min-h-11 {
893    min-height: calc(var(--spacing) * 11);
894  }
895  .min-h-12 {
896    min-height: calc(var(--spacing) * 12);
897  }
898  .min-h-16 {
899    min-height: calc(var(--spacing) * 16);
900  }
901  .min-h-\[1\.5em\] {
902    min-height: 1.5em;
903  }
904  .min-h-\[150px\] {
905    min-height: 150px;
906  }
907  .min-h-\[210px\] {
908    min-height: 210px;
909  }
910  .min-h-\[260px\] {
911    min-height: 260px;
912  }
913  .min-h-\[300px\] {
914    min-height: 300px;
915  }
916  .min-h-\[560px\] {
917    min-height: 560px;
918  }
919  .min-h-\[640px\] {
920    min-height: 640px;
921  }
922  .min-h-screen {
923    min-height: 100vh;
924  }
925  .w-0 {
926    width: calc(var(--spacing) * 0);
927  }
928  .w-0\.5 {
929    width: calc(var(--spacing) * 0.5);
930  }
931  .w-1 {
932    width: calc(var(--spacing) * 1);
933  }
934  .w-1\.5 {
935    width: calc(var(--spacing) * 1.5);
936  }
937  .w-1\/2 {
938    width: calc(1/2 * 100%);
939  }
940  .w-2 {
941    width: calc(var(--spacing) * 2);
942  }
943  .w-2\.5 {
944    width: calc(var(--spacing) * 2.5);
945  }
946  .w-3 {
947    width: calc(var(--spacing) * 3);
948  }
949  .w-3\.5 {
950    width: calc(var(--spacing) * 3.5);
951  }
952  .w-3\/4 {
953    width: calc(3/4 * 100%);
954  }
955  .w-4 {
956    width: calc(var(--spacing) * 4);
957  }
958  .w-5 {
959    width: calc(var(--spacing) * 5);
960  }
961  .w-6 {
962    width: calc(var(--spacing) * 6);
963  }
964  .w-7 {
965    width: calc(var(--spacing) * 7);
966  }
967  .w-8 {
968    width: calc(var(--spacing) * 8);
969  }
970  .w-9 {
971    width: calc(var(--spacing) * 9);
972  }
973  .w-10 {
974    width: calc(var(--spacing) * 10);
975  }
976  .w-11 {
977    width: calc(var(--spacing) * 11);
978  }
979  .w-12 {
980    width: calc(var(--spacing) * 12);
981  }
982  .w-14 {
983    width: calc(var(--spacing) * 14);
984  }
985  .w-40 {
986    width: calc(var(--spacing) * 40);
987  }
988  .w-72 {
989    width: calc(var(--spacing) * 72);
990  }
991  .w-\[2px\] {
992    width: 2px;
993  }
994  .w-\[18px\] {
995    width: 18px;
996  }
997  .w-\[26px\] {
998    width: 26px;
999  }
1000  .w-\[80vw\] {
1001    width: 80vw;
1002  }
1003  .w-\[86px\] {
1004    width: 86px;
1005  }
1006  .w-\[88px\] {
1007    width: 88px;
1008  }
1009  .w-\[230px\] {
1010    width: 230px;
1011  }
1012  .w-\[600px\] {
1013    width: 600px;
1014  }
1015  .w-\[700px\] {
1016    width: 700px;
1017  }
1018  .w-\[820px\] {
1019    width: 820px;
1020  }
1021  .w-\[min\(78\%\,300px\)\] {
1022    width: min(78%, 300px);
1023  }
1024  .w-auto {
1025    width: auto;
1026  }
1027  .w-full {
1028    width: 100%;
1029  }
1030  .w-max {
1031    width: max-content;
1032  }
1033  .max-w-2xl {
1034    max-width: var(--container-2xl);
1035  }
1036  .max-w-3xl {
1037    max-width: var(--container-3xl);
1038  }
1039  .max-w-4xl {
1040    max-width: var(--container-4xl);
1041  }
1042  .max-w-\[16ch\] {
1043    max-width: 16ch;
1044  }
1045  .max-w-\[46em\] {
1046    max-width: 46em;
1047  }
1048  .max-w-\[85\%\] {
1049    max-width: 85%;
1050  }
1051  .max-w-\[86\%\] {
1052    max-width: 86%;
1053  }
1054  .max-w-\[88\%\] {
1055    max-width: 88%;
1056  }
1057  .max-w-\[92\%\] {
1058    max-width: 92%;
1059  }
1060  .max-w-\[150px\] {
1061    max-width: 150px;
1062  }
1063  .max-w-\[200px\] {
1064    max-width: 200px;
1065  }
1066  .max-w-\[260px\] {
1067    max-width: 260px;
1068  }
1069  .max-w-\[280px\] {
1070    max-width: 280px;
1071  }
1072  .max-w-\[300px\] {
1073    max-width: 300px;
1074  }
1075  .max-w-\[330px\] {
1076    max-width: 330px;
1077  }
1078  .max-w-\[340px\] {
1079    max-width: 340px;
1080  }
1081  .max-w-\[380px\] {
1082    max-width: 380px;
1083  }
1084  .max-w-\[400px\] {
1085    max-width: 400px;
1086  }
1087  .max-w-\[520px\] {
1088    max-width: 520px;
1089  }
1090  .max-w-\[540px\] {
1091    max-width: 540px;
1092  }
1093  .max-w-\[560px\] {
1094    max-width: 560px;
1095  }
1096  .max-w-\[580px\] {
1097    max-width: 580px;
1098  }
1099  .max-w-\[600px\] {
1100    max-width: 600px;
1101  }
1102  .max-w-\[610px\] {
1103    max-width: 610px;
1104  }
1105  .max-w-\[620px\] {
1106    max-width: 620px;
1107  }
1108  .max-w-\[640px\] {
1109    max-width: 640px;
1110  }
1111  .max-w-\[650px\] {
1112    max-width: 650px;
1113  }
1114  .max-w-\[660px\] {
1115    max-width: 660px;
1116  }
1117  .max-w-\[680px\] {
1118    max-width: 680px;
1119  }
1120  .max-w-\[700px\] {
1121    max-width: 700px;
1122  }
1123  .max-w-\[720px\] {
1124    max-width: 720px;
1125  }
1126  .max-w-\[740px\] {
1127    max-width: 740px;
1128  }
1129  .max-w-\[760px\] {
1130    max-width: 760px;
1131  }
1132  .max-w-\[780px\] {
1133    max-width: 780px;
1134  }
1135  .max-w-\[790px\] {
1136    max-width: 790px;
1137  }
1138  .max-w-\[800px\] {
1139    max-width: 800px;
1140  }
1141  .max-w-\[820px\] {
1142    max-width: 820px;
1143  }
1144  .max-w-\[840px\] {
1145    max-width: 840px;
1146  }
1147  .max-w-\[850px\] {
1148    max-width: 850px;
1149  }
1150  .max-w-\[860px\] {
1151    max-width: 860px;
1152  }
1153  .max-w-\[880px\] {
1154    max-width: 880px;
1155  }
1156  .max-w-\[900px\] {
1157    max-width: 900px;
1158  }
1159  .max-w-\[920px\] {
1160    max-width: 920px;
1161  }
1162  .max-w-\[980px\] {
1163    max-width: 980px;
1164  }
1165  .max-w-\[1000px\] {
1166    max-width: 1000px;
1167  }
1168  .max-w-\[1050px\] {
1169    max-width: 1050px;
1170  }
1171  .max-w-\[1080px\] {
1172    max-width: 1080px;
1173  }
1174  .max-w-\[1100px\] {
1175    max-width: 1100px;
1176  }
1177  .max-w-\[1120px\] {
1178    max-width: 1120px;
1179  }
1180  .max-w-\[1140px\] {
1181    max-width: 1140px;
1182  }
1183  .max-w-\[1150px\] {
1184    max-width: 1150px;
1185  }
1186  .max-w-\[1200px\] {
1187    max-width: 1200px;
1188  }
1189  .max-w-\[1240px\] {
1190    max-width: 1240px;
1191  }
1192  .max-w-\[1280px\] {
1193    max-width: 1280px;
1194  }
1195  .max-w-\[1320px\] {
1196    max-width: 1320px;
1197  }
1198  .max-w-full {
1199    max-width: 100%;
1200  }
1201  .max-w-xl {
1202    max-width: var(--container-xl);
1203  }
1204  .min-w-0 {
1205    min-width: calc(var(--spacing) * 0);
1206  }
1207  .min-w-\[3ch\] {
1208    min-width: 3ch;
1209  }
1210  .min-w-\[160px\] {
1211    min-width: 160px;
1212  }
1213  .min-w-\[248px\] {
1214    min-width: 248px;
1215  }
1216  .min-w-\[560px\] {
1217    min-width: 560px;
1218  }
1219  .min-w-\[720px\] {
1220    min-width: 720px;
1221  }
1222  .min-w-\[820px\] {
1223    min-width: 820px;
1224  }
1225  .min-w-\[1440px\] {
1226    min-width: 1440px;
1227  }
1228  .flex-1 {
1229    flex: 1;
1230  }
1231  .flex-none {
1232    flex: none;
1233  }
1234  .shrink-0 {
1235    flex-shrink: 0;
1236  }
1237  .border-collapse {
1238    border-collapse: collapse;
1239  }
1240  .-translate-x-1\/2 {
1241    --tw-translate-x: calc(calc(1/2 * 100%) * -1);
1242    translate: var(--tw-translate-x) var(--tw-translate-y);
1243  }
1244  .-translate-x-2 {
1245    --tw-translate-x: calc(var(--spacing) * -2);
1246    translate: var(--tw-translate-x) var(--tw-translate-y);
1247  }
1248  .translate-x-0 {
1249    --tw-translate-x: calc(var(--spacing) * 0);
1250    translate: var(--tw-translate-x) var(--tw-translate-y);
1251  }
1252  .translate-x-2 {
1253    --tw-translate-x: calc(var(--spacing) * 2);
1254    translate: var(--tw-translate-x) var(--tw-translate-y);
1255  }
1256  .translate-y-0 {
1257    --tw-translate-y: calc(var(--spacing) * 0);
1258    translate: var(--tw-translate-x) var(--tw-translate-y);
1259  }
1260  .translate-y-1 {
1261    --tw-translate-y: calc(var(--spacing) * 1);
1262    translate: var(--tw-translate-x) var(--tw-translate-y);
1263  }
1264  .translate-y-\[2px\] {
1265    --tw-translate-y: 2px;
1266    translate: var(--tw-translate-x) var(--tw-translate-y);
1267  }
1268  .-rotate-90 {
1269    rotate: calc(90deg * -1);
1270  }
1271  .rotate-12 {
1272    rotate: 12deg;
1273  }
1274  .rotate-45 {
1275    rotate: 45deg;
1276  }
1277  .rotate-90 {
1278    rotate: 90deg;
1279  }
1280  .rotate-180 {
1281    rotate: 180deg;
1282  }
1283  .rotate-\[-90deg\] {
1284    rotate: -90deg;
1285  }
1286  .animate-pulse {
1287    animation: var(--animate-pulse);
1288  }
1289  .cursor-pointer {
1290    cursor: pointer;
1291  }
1292  .touch-pan-y {
1293    --tw-pan-y: pan-y;
1294    touch-action: var(--tw-pan-x,) var(--tw-pan-y,) var(--tw-pinch-zoom,);
1295  }
1296  .snap-x {
1297    scroll-snap-type: x var(--tw-scroll-snap-strictness);
1298  }
1299  .snap-mandatory {
1300    --tw-scroll-snap-strictness: mandatory;
1301  }
1302  .snap-start {
1303    scroll-snap-align: start;
1304  }
1305  .scroll-mt-20 {
1306    scroll-margin-top: calc(var(--spacing) * 20);
1307  }
1308  .scroll-mt-24 {
1309    scroll-margin-top: calc(var(--spacing) * 24);
1310  }
1311  .scroll-px-3 {
1312    scroll-padding-inline: calc(var(--spacing) * 3);
1313  }
1314  .list-none {
1315    list-style-type: none;
1316  }
1317  .grid-cols-1 {
1318    grid-template-columns: repeat(1, minmax(0, 1fr));
1319  }
1320  .grid-cols-2 {
1321    grid-template-columns: repeat(2, minmax(0, 1fr));
1322  }
1323  .grid-cols-3 {
1324    grid-template-columns: repeat(3, minmax(0, 1fr));
1325  }
1326  .grid-cols-4 {
1327    grid-template-columns: repeat(4, minmax(0, 1fr));
1328  }
1329  .grid-cols-\[0\.8fr_0\.5625fr\] {
1330    grid-template-columns: 0.8fr 0.5625fr;
1331  }
1332  .grid-cols-\[26px_minmax\(0\,1fr\)\] {
1333    grid-template-columns: 26px minmax(0,1fr);
1334  }
1335  .grid-cols-\[28px_minmax\(0\,1fr\)\] {
1336    grid-template-columns: 28px minmax(0,1fr);
1337  }
1338  .grid-cols-\[36px_minmax\(0\,1fr\)\] {
1339    grid-template-columns: 36px minmax(0,1fr);
1340  }
1341  .grid-cols-\[40px_minmax\(0\,1fr\)_auto\] {
1342    grid-template-columns: 40px minmax(0,1fr) auto;
1343  }
1344  .grid-cols-\[52px_minmax\(0\,1fr\)_auto\] {
1345    grid-template-columns: 52px minmax(0,1fr) auto;
1346  }
1347  .grid-cols-\[auto_1fr\] {
1348    grid-template-columns: auto 1fr;
1349  }
1350  .grid-cols-\[auto_minmax\(0\,1fr\)\] {
1351    grid-template-columns: auto minmax(0,1fr);
1352  }
1353  .grid-rows-\[0fr\] {
1354    grid-template-rows: 0fr;
1355  }
1356  .grid-rows-\[1fr\] {
1357    grid-template-rows: 1fr;
1358  }
1359  .flex-col {
1360    flex-direction: column;
1361  }
1362  .flex-wrap {
1363    flex-wrap: wrap;
1364  }
1365  .place-items-center {
1366    place-items: center;
1367  }
1368  .content-center {
1369    align-content: center;
1370  }
1371  .content-start {
1372    align-content: flex-start;
1373  }
1374  .items-baseline {
1375    align-items: baseline;
1376  }
1377  .items-center {
1378    align-items: center;
1379  }
1380  .items-end {
1381    align-items: flex-end;
1382  }
1383  .items-start {
1384    align-items: flex-start;
1385  }
1386  .justify-between {
1387    justify-content: space-between;
1388  }
1389  .justify-center {
1390    justify-content: center;
1391  }
1392  .justify-end {
1393    justify-content: flex-end;
1394  }
1395  .justify-start {
1396    justify-content: flex-start;
1397  }
1398  .gap-0 {
1399    gap: calc(var(--spacing) * 0);
1400  }
1401  .gap-0\.5 {
1402    gap: calc(var(--spacing) * 0.5);
1403  }
1404  .gap-1 {
1405    gap: calc(var(--spacing) * 1);
1406  }
1407  .gap-1\.5 {
1408    gap: calc(var(--spacing) * 1.5);
1409  }
1410  .gap-2 {
1411    gap: calc(var(--spacing) * 2);
1412  }
1413  .gap-2\.5 {
1414    gap: calc(var(--spacing) * 2.5);
1415  }
1416  .gap-3 {
1417    gap: calc(var(--spacing) * 3);
1418  }
1419  .gap-3\.5 {
1420    gap: calc(var(--spacing) * 3.5);
1421  }
1422  .gap-4 {
1423    gap: calc(var(--spacing) * 4);
1424  }
1425  .gap-5 {
1426    gap: calc(var(--spacing) * 5);
1427  }
1428  .gap-6 {
1429    gap: calc(var(--spacing) * 6);
1430  }
1431  .gap-8 {
1432    gap: calc(var(--spacing) * 8);
1433  }
1434  .gap-9 {
1435    gap: calc(var(--spacing) * 9);
1436  }
1437  .gap-10 {
1438    gap: calc(var(--spacing) * 10);
1439  }
1440  .gap-11 {
1441    gap: calc(var(--spacing) * 11);
1442  }
1443  .gap-12 {
1444    gap: calc(var(--spacing) * 12);
1445  }
1446  .gap-14 {
1447    gap: calc(var(--spacing) * 14);
1448  }
1449  .gap-16 {
1450    gap: calc(var(--spacing) * 16);
1451  }
1452  .gap-\[3px\] {
1453    gap: 3px;
1454  }
1455  .gap-px {
1456    gap: 1px;
1457  }
1458  .space-y-0\.5 {
1459    :where(& > :not(:last-child)) {
1460      --tw-space-y-reverse: 0;
1461      margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse));
1462      margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse)));
1463    }
1464  }
1465  .space-y-1\.5 {
1466    :where(& > :not(:last-child)) {
1467      --tw-space-y-reverse: 0;
1468      margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
1469      margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
1470    }
1471  }
1472  .space-y-2 {
1473    :where(& > :not(:last-child)) {
1474      --tw-space-y-reverse: 0;
1475      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
1476      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
1477    }
1478  }
1479  .space-y-2\.5 {
1480    :where(& > :not(:last-child)) {
1481      --tw-space-y-reverse: 0;
1482      margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
1483      margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
1484    }
1485  }
1486  .space-y-3 {
1487    :where(& > :not(:last-child)) {
1488      --tw-space-y-reverse: 0;
1489      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
1490      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
1491    }
1492  }
1493  .space-y-4 {
1494    :where(& > :not(:last-child)) {
1495      --tw-space-y-reverse: 0;
1496      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
1497      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
1498    }
1499  }
1500  .space-y-5 {
1501    :where(& > :not(:last-child)) {
1502      --tw-space-y-reverse: 0;
1503      margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
1504      margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
1505    }
1506  }
1507  .gap-x-3 {
1508    column-gap: calc(var(--spacing) * 3);
1509  }
1510  .gap-x-4 {
1511    column-gap: calc(var(--spacing) * 4);
1512  }
1513  .gap-x-5 {
1514    column-gap: calc(var(--spacing) * 5);
1515  }
1516  .gap-x-6 {
1517    column-gap: calc(var(--spacing) * 6);
1518  }
1519  .gap-x-8 {
1520    column-gap: calc(var(--spacing) * 8);
1521  }
1522  .gap-x-10 {
1523    column-gap: calc(var(--spacing) * 10);
1524  }
1525  .gap-x-12 {
1526    column-gap: calc(var(--spacing) * 12);
1527  }
1528  .gap-y-0\.5 {
1529    row-gap: calc(var(--spacing) * 0.5);
1530  }
1531  .gap-y-1 {
1532    row-gap: calc(var(--spacing) * 1);
1533  }
1534  .gap-y-1\.5 {
1535    row-gap: calc(var(--spacing) * 1.5);
1536  }
1537  .gap-y-2 {
1538    row-gap: calc(var(--spacing) * 2);
1539  }
1540  .gap-y-3 {
1541    row-gap: calc(var(--spacing) * 3);
1542  }
1543  .gap-y-3\.5 {
1544    row-gap: calc(var(--spacing) * 3.5);
1545  }
1546  .gap-y-6 {
1547    row-gap: calc(var(--spacing) * 6);
1548  }
1549  .gap-y-7 {
1550    row-gap: calc(var(--spacing) * 7);
1551  }
1552  .gap-y-8 {
1553    row-gap: calc(var(--spacing) * 8);
1554  }
1555  .gap-y-9 {
1556    row-gap: calc(var(--spacing) * 9);
1557  }
1558  .gap-y-10 {
1559    row-gap: calc(var(--spacing) * 10);
1560  }
1561  .divide-y {
1562    :where(& > :not(:last-child)) {
1563      --tw-divide-y-reverse: 0;
1564      border-bottom-style: var(--tw-border-style);
1565      border-top-style: var(--tw-border-style);
1566      border-top-width: calc(1px * var(--tw-divide-y-reverse));
1567      border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
1568    }
1569  }
1570  .divide-white\/10 {
1571    :where(& > :not(:last-child)) {
1572      border-color: color-mix(in srgb, #fff 10%, transparent);
1573      @supports (color: color-mix(in lab, red, red)) {
1574        border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
1575      }
1576    }
1577  }
1578  .self-center {
1579    align-self: center;
1580  }
1581  .self-end {
1582    align-self: flex-end;
1583  }
1584  .self-start {
1585    align-self: flex-start;
1586  }
1587  .justify-self-end {
1588    justify-self: flex-end;
1589  }
1590  .justify-self-start {
1591    justify-self: flex-start;
1592  }
1593  .truncate {
1594    overflow: hidden;
1595    text-overflow: ellipsis;
1596    white-space: nowrap;
1597  }
1598  .overflow-hidden {
1599    overflow: hidden;
1600  }
1601  .overflow-x-auto {
1602    overflow-x: auto;
1603  }
1604  .overflow-y-auto {
1605    overflow-y: auto;
1606  }
1607  .rounded {
1608    border-radius: 0.25rem;
1609  }
1610  .rounded-2xl {
1611    border-radius: var(--radius-2xl);
1612  }
1613  .rounded-\[3px\] {
1614    border-radius: 3px;
1615  }
1616  .rounded-\[10px\] {
1617    border-radius: 10px;
1618  }
1619  .rounded-\[11px\] {
1620    border-radius: 11px;
1621  }
1622  .rounded-\[12px\] {
1623    border-radius: 12px;
1624  }
1625  .rounded-\[14px\] {
1626    border-radius: 14px;
1627  }
1628  .rounded-\[14px_14px_4px_14px\] {
1629    border-radius: 14px 14px 4px 14px;
1630  }
1631  .rounded-\[14px_14px_14px_4px\] {
1632    border-radius: 14px 14px 14px 4px;
1633  }
1634  .rounded-\[16px\] {
1635    border-radius: 16px;
1636  }
1637  .rounded-\[18px\] {
1638    border-radius: 18px;
1639  }
1640  .rounded-\[18px_18px_5px_18px\] {
1641    border-radius: 18px 18px 5px 18px;
1642  }
1643  .rounded-\[20px\] {
1644    border-radius: 20px;
1645  }
1646  .rounded-\[22px\] {
1647    border-radius: 22px;
1648  }
1649  .rounded-\[24px\] {
1650    border-radius: 24px;
1651  }
1652  .rounded-\[26px\] {
1653    border-radius: 26px;
1654  }
1655  .rounded-\[28px\] {
1656    border-radius: 28px;
1657  }
1658  .rounded-\[32px\] {
1659    border-radius: 32px;
1660  }
1661  .rounded-\[var\(--radius-card\)\] {
1662    border-radius: var(--radius-card);
1663  }
1664  .rounded-full {
1665    border-radius: calc(infinity * 1px);
1666  }
1667  .rounded-lg {
1668    border-radius: var(--radius-lg);
1669  }
1670  .rounded-md {
1671    border-radius: var(--radius-md);
1672  }
1673  .rounded-xl {
1674    border-radius: var(--radius-xl);
1675  }
1676  .rounded-tl-sm {
1677    border-top-left-radius: var(--radius-sm);
1678  }
1679  .rounded-tr-sm {
1680    border-top-right-radius: var(--radius-sm);
1681  }
1682  .border {
1683    border-style: var(--tw-border-style);
1684    border-width: 1px;
1685  }
1686  .border-2 {
1687    border-style: var(--tw-border-style);
1688    border-width: 2px;
1689  }
1690  .border-y {
1691    border-block-style: var(--tw-border-style);
1692    border-block-width: 1px;
1693  }
1694  .border-t {
1695    border-top-style: var(--tw-border-style);
1696    border-top-width: 1px;
1697  }
1698  .border-r {
1699    border-right-style: var(--tw-border-style);
1700    border-right-width: 1px;
1701  }
1702  .border-b {
1703    border-bottom-style: var(--tw-border-style);
1704    border-bottom-width: 1px;
1705  }
1706  .border-l {
1707    border-left-style: var(--tw-border-style);
1708    border-left-width: 1px;
1709  }
1710  .border-l-2 {
1711    border-left-style: var(--tw-border-style);
1712    border-left-width: 2px;
1713  }
1714  .border-l-\[3px\] {
1715    border-left-style: var(--tw-border-style);
1716    border-left-width: 3px;
1717  }
1718  .border-dashed {
1719    --tw-border-style: dashed;
1720    border-style: dashed;
1721  }
1722  .border-\[color\:var\(--color-band-edge\)\] {
1723    border-color: var(--color-band-edge);
1724  }
1725  .border-black\/5 {
1726    border-color: color-mix(in srgb, #000 5%, transparent);
1727    @supports (color: color-mix(in lab, red, red)) {
1728      border-color: color-mix(in oklab, var(--color-black) 5%, transparent);
1729    }
1730  }
1731  .border-green-500 {
1732    border-color: var(--color-green-500);
1733  }
1734  .border-transparent {
1735    border-color: transparent;
1736  }
1737  .border-white {
1738    border-color: var(--color-white);
1739  }
1740  .border-white\/10 {
1741    border-color: color-mix(in srgb, #fff 10%, transparent);
1742    @supports (color: color-mix(in lab, red, red)) {
1743      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
1744    }
1745  }
1746  .border-white\/12 {
1747    border-color: color-mix(in srgb, #fff 12%, transparent);
1748    @supports (color: color-mix(in lab, red, red)) {
1749      border-color: color-mix(in oklab, var(--color-white) 12%, transparent);
1750    }
1751  }
1752  .border-white\/15 {
1753    border-color: color-mix(in srgb, #fff 15%, transparent);
1754    @supports (color: color-mix(in lab, red, red)) {
1755      border-color: color-mix(in oklab, var(--color-white) 15%, transparent);
1756    }
1757  }
1758  .border-white\/20 {
1759    border-color: color-mix(in srgb, #fff 20%, transparent);
1760    @supports (color: color-mix(in lab, red, red)) {
1761      border-color: color-mix(in oklab, var(--color-white) 20%, transparent);
1762    }
1763  }
1764  .bg-\[var\(--color-accent\)\] {
1765    background-color: var(--color-accent);
1766  }
1767  .bg-\[var\(--color-background\)\] {
1768    background-color: var(--color-background);
1769  }
1770  .bg-\[var\(--color-band\)\] {
1771    background-color: var(--color-band);
1772  }
1773  .bg-\[var\(--color-paper\)\] {
1774    background-color: var(--color-paper);
1775  }
1776  .bg-\[var\(--color-primary\)\] {
1777    background-color: var(--color-primary);
1778  }
1779  .bg-\[var\(--color-secondary\)\] {
1780    background-color: var(--color-secondary);
1781  }
1782  .bg-black {
1783    background-color: var(--color-black);
1784  }
1785  .bg-black\/45 {
1786    background-color: color-mix(in srgb, #000 45%, transparent);
1787    @supports (color: color-mix(in lab, red, red)) {
1788      background-color: color-mix(in oklab, var(--color-black) 45%, transparent);
1789    }
1790  }
1791  .bg-black\/55 {
1792    background-color: color-mix(in srgb, #000 55%, transparent);
1793    @supports (color: color-mix(in lab, red, red)) {
1794      background-color: color-mix(in oklab, var(--color-black) 55%, transparent);
1795    }
1796  }
1797  .bg-gray-50 {
1798    background-color: var(--color-gray-50);
1799  }
1800  .bg-green-100 {
1801    background-color: var(--color-green-100);
1802  }
1803  .bg-green-500 {
1804    background-color: var(--color-green-500);
1805  }
1806  .bg-transparent {
1807    background-color: transparent;
1808  }
1809  .bg-white {
1810    background-color: var(--color-white);
1811  }
1812  .bg-white\/10 {
1813    background-color: color-mix(in srgb, #fff 10%, transparent);
1814    @supports (color: color-mix(in lab, red, red)) {
1815      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
1816    }
1817  }
1818  .bg-white\/20 {
1819    background-color: color-mix(in srgb, #fff 20%, transparent);
1820    @supports (color: color-mix(in lab, red, red)) {
1821      background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
1822    }
1823  }
1824  .bg-white\/25 {
1825    background-color: color-mix(in srgb, #fff 25%, transparent);
1826    @supports (color: color-mix(in lab, red, red)) {
1827      background-color: color-mix(in oklab, var(--color-white) 25%, transparent);
1828    }
1829  }
1830  .bg-white\/40 {
1831    background-color: color-mix(in srgb, #fff 40%, transparent);
1832    @supports (color: color-mix(in lab, red, red)) {
1833      background-color: color-mix(in oklab, var(--color-white) 40%, transparent);
1834    }
1835  }
1836  .bg-white\/70 {
1837    background-color: color-mix(in srgb, #fff 70%, transparent);
1838    @supports (color: color-mix(in lab, red, red)) {
1839      background-color: color-mix(in oklab, var(--color-white) 70%, transparent);
1840    }
1841  }
1842  .bg-white\/75 {
1843    background-color: color-mix(in srgb, #fff 75%, transparent);
1844    @supports (color: color-mix(in lab, red, red)) {
1845      background-color: color-mix(in oklab, var(--color-white) 75%, transparent);
1846    }
1847  }
1848  .bg-white\/80 {
1849    background-color: color-mix(in srgb, #fff 80%, transparent);
1850    @supports (color: color-mix(in lab, red, red)) {
1851      background-color: color-mix(in oklab, var(--color-white) 80%, transparent);
1852    }
1853  }
1854  .bg-white\/90 {
1855    background-color: color-mix(in srgb, #fff 90%, transparent);
1856    @supports (color: color-mix(in lab, red, red)) {
1857      background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
1858    }
1859  }
1860  .bg-white\/\[0\.06\] {
1861    background-color: color-mix(in srgb, #fff 6%, transparent);
1862    @supports (color: color-mix(in lab, red, red)) {
1863      background-color: color-mix(in oklab, var(--color-white) 6%, transparent);
1864    }
1865  }
1866  .bg-gradient-to-br {
1867    --tw-gradient-position: to bottom right in oklab;
1868    background-image: linear-gradient(var(--tw-gradient-stops));
1869  }
1870  .bg-gradient-to-t {
1871    --tw-gradient-position: to top in oklab;
1872    background-image: linear-gradient(var(--tw-gradient-stops));
1873  }
1874  .from-\[var\(--color-hero-ice\)\] {
1875    --tw-gradient-from: var(--color-hero-ice);
1876    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
1877  }
1878  .from-black\/20 {
1879    --tw-gradient-from: color-mix(in srgb, #000 20%, transparent);
1880    @supports (color: color-mix(in lab, red, red)) {
1881      --tw-gradient-from: color-mix(in oklab, var(--color-black) 20%, transparent);
1882    }
1883    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
1884  }
1885  .from-black\/75 {
1886    --tw-gradient-from: color-mix(in srgb, #000 75%, transparent);
1887    @supports (color: color-mix(in lab, red, red)) {
1888      --tw-gradient-from: color-mix(in oklab, var(--color-black) 75%, transparent);
1889    }
1890    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
1891  }
1892  .via-\[var\(--color-paper\)\] {
1893    --tw-gradient-via: var(--color-paper);
1894    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-p
1894osition), var(--tw-gradient-to) var(--tw-gradient-to-position);
1895    --tw-gradient-stops: var(--tw-gradient-via-stops);
1896  }
1897  .to-\[var\(--color-band\)\] {
1898    --tw-gradient-to: var(--color-band);
1899    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
1900  }
1901  .to-transparent {
1902    --tw-gradient-to: transparent;
1903    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
1904  }
1905  .fill-white {
1906    fill: var(--color-white);
1907  }
1908  .object-cover {
1909    object-fit: cover;
1910  }
1911  .object-top {
1912    object-position: top;
1913  }
1914  .p-0\.5 {
1915    padding: calc(var(--spacing) * 0.5);
1916  }
1917  .p-1 {
1918    padding: calc(var(--spacing) * 1);
1919  }
1920  .p-1\.5 {
1921    padding: calc(var(--spacing) * 1.5);
1922  }
1923  .p-2 {
1924    padding: calc(var(--spacing) * 2);
1925  }
1926  .p-2\.5 {
1927    padding: calc(var(--spacing) * 2.5);
1928  }
1929  .p-3 {
1930    padding: calc(var(--spacing) * 3);
1931  }
1932  .p-3\.5 {
1933    padding: calc(var(--spacing) * 3.5);
1934  }
1935  .p-4 {
1936    padding: calc(var(--spacing) * 4);
1937  }
1938  .p-5 {
1939    padding: calc(var(--spacing) * 5);
1940  }
1941  .p-6 {
1942    padding: calc(var(--spacing) * 6);
1943  }
1944  .p-7 {
1945    padding: calc(var(--spacing) * 7);
1946  }
1947  .p-8 {
1948    padding: calc(var(--spacing) * 8);
1949  }
1950  .px-1 {
1951    padding-inline: calc(var(--spacing) * 1);
1952  }
1953  .px-1\.5 {
1954    padding-inline: calc(var(--spacing) * 1.5);
1955  }
1956  .px-2 {
1957    padding-inline: calc(var(--spacing) * 2);
1958  }
1959  .px-2\.5 {
1960    padding-inline: calc(var(--spacing) * 2.5);
1961  }
1962  .px-3 {
1963    padding-inline: calc(var(--spacing) * 3);
1964  }
1965  .px-3\.5 {
1966    padding-inline: calc(var(--spacing) * 3.5);
1967  }
1968  .px-4 {
1969    padding-inline: calc(var(--spacing) * 4);
1970  }
1971  .px-5 {
1972    padding-inline: calc(var(--spacing) * 5);
1973  }
1974  .px-6 {
1975    padding-inline: calc(var(--spacing) * 6);
1976  }
1977  .px-7 {
1978    padding-inline: calc(var(--spacing) * 7);
1979  }
1980  .px-\[3\%\] {
1981    padding-inline: 3%;
1982  }
1983  .py-0\.5 {
1984    padding-block: calc(var(--spacing) * 0.5);
1985  }
1986  .py-1 {
1987    padding-block: calc(var(--spacing) * 1);
1988  }
1989  .py-1\.5 {
1990    padding-block: calc(var(--spacing) * 1.5);
1991  }
1992  .py-2 {
1993    padding-block: calc(var(--spacing) * 2);
1994  }
1995  .py-2\.5 {
1996    padding-block: calc(var(--spacing) * 2.5);
1997  }
1998  .py-3 {
1999    padding-block: calc(var(--spacing) * 3);
2000  }
2001  .py-3\.5 {
2002    padding-block: calc(var(--spacing) * 3.5);
2003  }
2004  .py-4 {
2005    padding-block: calc(var(--spacing) * 4);
2006  }
2007  .py-5 {
2008    padding-block: calc(var(--spacing) * 5);
2009  }
2010  .py-6 {
2011    padding-block: calc(var(--spacing) * 6);
2012  }
2013  .py-7 {
2014    padding-block: calc(var(--spacing) * 7);
2015  }
2016  .py-8 {
2017    padding-block: calc(var(--spacing) * 8);
2018  }
2019  .py-9 {
2020    padding-block: calc(var(--spacing) * 9);
2021  }
2022  .py-10 {
2023    padding-block: calc(var(--spacing) * 10);
2024  }
2025  .py-11 {
2026    padding-block: calc(var(--spacing) * 11);
2027  }
2028  .py-12 {
2029    padding-block: calc(var(--spacing) * 12);
2030  }
2031  .py-16 {
2032    padding-block: calc(var(--spacing) * 16);
2033  }
2034  .py-20 {
2035    padding-block: calc(var(--spacing) * 20);
2036  }
2037  .py-24 {
2038    padding-block: calc(var(--spacing) * 24);
2039  }
2040  .py-\[1\.5\%\] {
2041    padding-block: 1.5%;
2042  }
2043  .pt-1 {
2044    padding-top: calc(var(--spacing) * 1);
2045  }
2046  .pt-1\.5 {
2047    padding-top: calc(var(--spacing) * 1.5);
2048  }
2049  .pt-2 {
2050    padding-top: calc(var(--spacing) * 2);
2051  }
2052  .pt-2\.5 {
2053    padding-top: calc(var(--spacing) * 2.5);
2054  }
2055  .pt-3 {
2056    padding-top: calc(var(--spacing) * 3);
2057  }
2058  .pt-3\.5 {
2059    padding-top: calc(var(--spacing) * 3.5);
2060  }
2061  .pt-4 {
2062    padding-top: calc(var(--spacing) * 4);
2063  }
2064  .pt-5 {
2065    padding-top: calc(var(--spacing) * 5);
2066  }
2067  .pt-6 {
2068    padding-top: calc(var(--spacing) * 6);
2069  }
2070  .pt-8 {
2071    padding-top: calc(var(--spacing) * 8);
2072  }
2073  .pt-9 {
2074    padding-top: calc(var(--spacing) * 9);
2075  }
2076  .pt-14 {
2077    padding-top: calc(var(--spacing) * 14);
2078  }
2079  .pt-16 {
2080    padding-top: calc(var(--spacing) * 16);
2081  }
2082  .pt-20 {
2083    padding-top: calc(var(--spacing) * 20);
2084  }
2085  .pt-24 {
2086    padding-top: calc(var(--spacing) * 24);
2087  }
2088  .pt-28 {
2089    padding-top: calc(var(--spacing) * 28);
2090  }
2091  .pr-5 {
2092    padding-right: calc(var(--spacing) * 5);
2093  }
2094  .pr-6 {
2095    padding-right: calc(var(--spacing) * 6);
2096  }
2097  .pr-8 {
2098    padding-right: calc(var(--spacing) * 8);
2099  }
2100  .pb-1 {
2101    padding-bottom: calc(var(--spacing) * 1);
2102  }
2103  .pb-1\.5 {
2104    padding-bottom: calc(var(--spacing) * 1.5);
2105  }
2106  .pb-2 {
2107    padding-bottom: calc(var(--spacing) * 2);
2108  }
2109  .pb-3 {
2110    padding-bottom: calc(var(--spacing) * 3);
2111  }
2112  .pb-3\.5 {
2113    padding-bottom: calc(var(--spacing) * 3.5);
2114  }
2115  .pb-4 {
2116    padding-bottom: calc(var(--spacing) * 4);
2117  }
2118  .pb-5 {
2119    padding-bottom: calc(var(--spacing) * 5);
2120  }
2121  .pb-6 {
2122    padding-bottom: calc(var(--spacing) * 6);
2123  }
2124  .pb-8 {
2125    padding-bottom: calc(var(--spacing) * 8);
2126  }
2127  .pb-10 {
2128    padding-bottom: calc(var(--spacing) * 10);
2129  }
2130  .pb-14 {
2131    padding-bottom: calc(var(--spacing) * 14);
2132  }
2133  .pb-16 {
2134    padding-bottom: calc(var(--spacing) * 16);
2135  }
2136  .pb-20 {
2137    padding-bottom: calc(var(--spacing) * 20);
2138  }
2139  .pb-24 {
2140    padding-bottom: calc(var(--spacing) * 24);
2141  }
2142  .pl-2 {
2143    padding-left: calc(var(--spacing) * 2);
2144  }
2145  .pl-3 {
2146    padding-left: calc(var(--spacing) * 3);
2147  }
2148  .pl-4 {
2149    padding-left: calc(var(--spacing) * 4);
2150  }
2151  .pl-5 {
2152    padding-left: calc(var(--spacing) * 5);
2153  }
2154  .pl-6 {
2155    padding-left: calc(var(--spacing) * 6);
2156  }
2157  .pl-7 {
2158    padding-left: calc(var(--spacing) * 7);
2159  }
2160  .pl-\[26px\] {
2161    padding-left: 26px;
2162  }
2163  .text-center {
2164    text-align: center;
2165  }
2166  .text-left {
2167    text-align: left;
2168  }
2169  .text-right {
2170    text-align: right;
2171  }
2172  .text-start {
2173    text-align: start;
2174  }
2175  .align-middle {
2176    vertical-align: middle;
2177  }
2178  .align-top {
2179    vertical-align: top;
2180  }
2181  .text-2xl {
2182    font-size: var(--text-2xl);
2183    line-height: var(--tw-leading, var(--text-2xl--line-height));
2184  }
2185  .text-3xl {
2186    font-size: var(--text-3xl);
2187    line-height: var(--tw-leading, var(--text-3xl--line-height));
2188  }
2189  .text-4xl {
2190    font-size: var(--text-4xl);
2191    line-height: var(--tw-leading, var(--text-4xl--line-height));
2192  }
2193  .text-base {
2194    font-size: var(--text-base);
2195    line-height: var(--tw-leading, var(--text-base--line-height));
2196  }
2197  .text-sm {
2198    font-size: var(--text-sm);
2199    line-height: var(--tw-leading, var(--text-sm--line-height));
2200  }
2201  .text-xl {
2202    font-size: var(--text-xl);
2203    line-height: var(--tw-leading, var(--text-xl--line-height));
2204  }
2205  .text-xs {
2206    font-size: var(--text-xs);
2207    line-height: var(--tw-leading, var(--text-xs--line-height));
2208  }
2209  .text-\[9\.5px\] {
2210    font-size: 9.5px;
2211  }
2212  .text-\[9px\] {
2213    font-size: 9px;
2214  }
2215  .text-\[10\.5px\] {
2216    font-size: 10.5px;
2217  }
2218  .text-\[10px\] {
2219    font-size: 10px;
2220  }
2221  .text-\[11\.5px\] {
2222    font-size: 11.5px;
2223  }
2224  .text-\[11px\] {
2225    font-size: 11px;
2226  }
2227  .text-\[12\.5px\] {
2228    font-size: 12.5px;
2229  }
2230  .text-\[12px\] {
2231    font-size: 12px;
2232  }
2233  .text-\[13\.5px\] {
2234    font-size: 13.5px;
2235  }
2236  .text-\[13px\] {
2237    font-size: 13px;
2238  }
2239  .text-\[14\.5px\] {
2240    font-size: 14.5px;
2241  }
2242  .text-\[14px\] {
2243    font-size: 14px;
2244  }
2245  .text-\[15\.5px\] {
2246    font-size: 15.5px;
2247  }
2248  .text-\[15px\] {
2249    font-size: 15px;
2250  }
2251  .text-\[16\.5px\] {
2252    font-size: 16.5px;
2253  }
2254  .text-\[16px\] {
2255    font-size: 16px;
2256  }
2257  .text-\[17px\] {
2258    font-size: 17px;
2259  }
2260  .text-\[18px\] {
2261    font-size: 18px;
2262  }
2263  .text-\[19px\] {
2264    font-size: 19px;
2265  }
2266  .text-\[20px\] {
2267    font-size: 20px;
2268  }
2269  .text-\[21px\] {
2270    font-size: 21px;
2271  }
2272  .text-\[22px\] {
2273    font-size: 22px;
2274  }
2275  .text-\[24px\] {
2276    font-size: 24px;
2277  }
2278  .text-\[26px\] {
2279    font-size: 26px;
2280  }
2281  .text-\[30px\] {
2282    font-size: 30px;
2283  }
2284  .text-\[34px\] {
2285    font-size: 34px;
2286  }
2287  .text-\[40px\] {
2288    font-size: 40px;
2289  }
2290  .text-\[46px\] {
2291    font-size: 46px;
2292  }
2293  .text-\[64px\] {
2294    font-size: 64px;
2295  }
2296  .text-\[clamp\(1\.1rem\,2vw\,1\.6rem\)\] {
2297    font-size: clamp(1.1rem, 2vw, 1.6rem);
2298  }
2299  .text-\[clamp\(1\.2rem\,2vw\,1\.55rem\)\] {
2300    font-size: clamp(1.2rem, 2vw, 1.55rem);
2301  }
2302  .text-\[clamp\(1\.4rem\,2\.5vw\,2rem\)\] {
2303    font-size: clamp(1.4rem, 2.5vw, 2rem);
2304  }
2305  .text-\[clamp\(1\.7rem\,3\.2vw\,2\.4rem\)\] {
2306    font-size: clamp(1.7rem, 3.2vw, 2.4rem);
2307  }
2308  .text-\[clamp\(1\.7rem\,3\.2vw\,2\.5rem\)\] {
2309    font-size: clamp(1.7rem, 3.2vw, 2.5rem);
2310  }
2311  .text-\[clamp\(1\.8rem\,3\.2vw\,2\.5rem\)\] {
2312    font-size: clamp(1.8rem, 3.2vw, 2.5rem);
2313  }
2314  .text-\[clamp\(1\.8rem\,3\.4vw\,2\.6rem\)\] {
2315    font-size: clamp(1.8rem, 3.4vw, 2.6rem);
2316  }
2317  .text-\[clamp\(1\.8rem\,3\.4vw\,2\.7rem\)\] {
2318    font-size: clamp(1.8rem, 3.4vw, 2.7rem);
2319  }
2320  .text-\[clamp\(1\.8rem\,3\.5vw\,2\.7rem\)\] {
2321    font-size: clamp(1.8rem, 3.5vw, 2.7rem);
2322  }
2323  .text-\[clamp\(1\.8rem\,3\.6vw\,2\.8rem\)\] {
2324    font-size: clamp(1.8rem, 3.6vw, 2.8rem);
2325  }
2326  .text-\[clamp\(1\.9rem\,3\.6vw\,2\.9rem\)\] {
2327    font-size: clamp(1.9rem, 3.6vw, 2.9rem);
2328  }
2329  .text-\[clamp\(1\.9rem\,3\.8vw\,3rem\)\] {
2330    font-size: clamp(1.9rem, 3.8vw, 3rem);
2331  }
2332  .text-\[clamp\(1\.25rem\,2\.2vw\,1\.6rem\)\] {
2333    font-size: clamp(1.25rem, 2.2vw, 1.6rem);
2334  }
2335  .text-\[clamp\(1\.75rem\,3\.3vw\,2\.5rem\)\] {
2336    font-size: clamp(1.75rem, 3.3vw, 2.5rem);
2337  }
2338  .text-\[clamp\(1\.75rem\,3\.3vw\,2\.6rem\)\] {
2339    font-size: clamp(1.75rem, 3.3vw, 2.6rem);
2340  }
2341  .text-\[clamp\(1\.85rem\,3\.5vw\,2\.7rem\)\] {
2342    font-size: clamp(1.85rem, 3.5vw, 2.7rem);
2343  }
2344  .text-\[clamp\(1\.85rem\,3\.6vw\,2\.9rem\)\] {
2345    font-size: clamp(1.85rem, 3.6vw, 2.9rem);
2346  }
2347  .text-\[clamp\(1rem\,1\.6vw\,1\.3rem\)\] {
2348    font-size: clamp(1rem, 1.6vw, 1.3rem);
2349  }
2350  .text-\[clamp\(1rem\,1\.6vw\,1\.35rem\)\] {
2351    font-size: clamp(1rem, 1.6vw, 1.35rem);
2352  }
2353  .text-\[clamp\(2\.1rem\,4\.6vw\,3\.6rem\)\] {
2354    font-size: clamp(2.1rem, 4.6vw, 3.6rem);
2355  }
2356  .text-\[clamp\(2\.1rem\,4\.6vw\,3\.9rem\)\] {
2357    font-size: clamp(2.1rem, 4.6vw, 3.9rem);
2358  }
2359  .text-\[clamp\(2\.2rem\,4\.4vw\,3\.6rem\)\] {
2360    font-size: clamp(2.2rem, 4.4vw, 3.6rem);
2361  }
2362  .text-\[clamp\(2\.2rem\,4\.6vw\,3\.4rem\)\] {
2363    font-size: clamp(2.2rem, 4.6vw, 3.4rem);
2364  }
2365  .text-\[clamp\(2\.2rem\,4\.6vw\,3\.8rem\)\] {
2366    font-size: clamp(2.2rem, 4.6vw, 3.8rem);
2367  }
2368  .text-\[clamp\(2\.2rem\,5vw\,4\.2rem\)\] {
2369    font-size: clamp(2.2rem, 5vw, 4.2rem);
2370  }
2371  .text-\[clamp\(2\.3rem\,4\.8vw\,4rem\)\] {
2372    font-size: clamp(2.3rem, 4.8vw, 4rem);
2373  }
2374  .text-\[clamp\(2\.3rem\,5\.2vw\,4\.2rem\)\] {
2375    font-size: clamp(2.3rem, 5.2vw, 4.2rem);
2376  }
2377  .text-\[clamp\(2\.3rem\,5vw\,4\.2rem\)\] {
2378    font-size: clamp(2.3rem, 5vw, 4.2rem);
2379  }
2380  .text-\[clamp\(2\.3rem\,5vw\,4\.4rem\)\] {
2381    font-size: clamp(2.3rem, 5vw, 4.4rem);
2382  }
2383  .text-\[clamp\(2\.4rem\,5\.2vw\,4\.2rem\)\] {
2384    font-size: clamp(2.4rem, 5.2vw, 4.2rem);
2385  }
2386  .text-\[clamp\(2\.4rem\,5\.2vw\,4\.4rem\)\] {
2387    font-size: clamp(2.4rem, 5.2vw, 4.4rem);
2388  }
2389  .text-\[clamp\(2\.4rem\,5\.4vw\,4\.4rem\)\] {
2390    font-size: clamp(2.4rem, 5.4vw, 4.4rem);
2391  }
2392  .text-\[clamp\(2\.4rem\,5vw\,4\.1rem\)\] {
2393    font-size: clamp(2.4rem, 5vw, 4.1rem);
2394  }
2395  .text-\[clamp\(2\.5rem\,5\.4vw\,4\.5rem\)\] {
2396    font-size: clamp(2.5rem, 5.4vw, 4.5rem);
2397  }
2398  .text-\[clamp\(2\.5rem\,5\.6vw\,4\.6rem\)\] {
2399    font-size: clamp(2.5rem, 5.6vw, 4.6rem);
2400  }
2401  .text-\[clamp\(2\.6rem\,5\.6vw\,4\.6rem\)\] {
2402    font-size: clamp(2.6rem, 5.6vw, 4.6rem);
2403  }
2404  .text-\[clamp\(2\.6rem\,5\.6vw\,4\.7rem\)\] {
2405    font-size: clamp(2.6rem, 5.6vw, 4.7rem);
2406  }
2407  .text-\[clamp\(2\.7rem\,6vw\,5\.2rem\)\] {
2408    font-size: clamp(2.7rem, 6vw, 5.2rem);
2409  }
2410  .text-\[clamp\(2\.7rem\,7vw\,5\.8rem\)\] {
2411    font-size: clamp(2.7rem, 7vw, 5.8rem);
2412  }
2413  .text-\[clamp\(2\.8rem\,7vw\,6rem\)\] {
2414    font-size: clamp(2.8rem, 7vw, 6rem);
2415  }
2416  .text-\[clamp\(2rem\,4vw\,3\.4rem\)\] {
2417    font-size: clamp(2rem, 4vw, 3.4rem);
2418  }
2419  .text-\[clamp\(3\.2rem\,7vw\,5rem\)\] {
2420    font-size: clamp(3.2rem, 7vw, 5rem);
2421  }
2422  .leading-6 {
2423    --tw-leading: calc(var(--spacing) * 6);
2424    line-height: calc(var(--spacing) * 6);
2425  }
2426  .leading-7 {
2427    --tw-leading: calc(var(--spacing) * 7);
2428    line-height: calc(var(--spacing) * 7);
2429  }
2430  .leading-8 {
2431    --tw-leading: calc(var(--spacing) * 8);
2432    line-height: calc(var(--spacing) * 8);
2433  }
2434  .leading-\[\.98\] {
2435    --tw-leading: .98;
2436    line-height: .98;
2437  }
2438  .leading-\[0\.9\] {
2439    --tw-leading: 0.9;
2440    line-height: 0.9;
2441  }
2442  .leading-\[0\.96\] {
2443    --tw-leading: 0.96;
2444    line-height: 0.96;
2445  }
2446  .leading-\[0\.98\] {
2447    --tw-leading: 0.98;
2448    line-height: 0.98;
2449  }
2450  .leading-\[1\.0\] {
2451    --tw-leading: 1.0;
2452    line-height: 1.0;
2453  }
2454  .leading-\[1\.1\] {
2455    --tw-leading: 1.1;
2456    line-height: 1.1;
2457  }
2458  .leading-\[1\.02\] {
2459    --tw-leading: 1.02;
2460    line-height: 1.02;
2461  }
2462  .leading-\[1\.2\] {
2463    --tw-leading: 1.2;
2464    line-height: 1.2;
2465  }
2466  .leading-\[1\.03\] {
2467    --tw-leading: 1.03;
2468    line-height: 1.03;
2469  }
2470  .leading-\[1\.04\] {
2471    --tw-leading: 1.04;
2472    line-height: 1.04;
2473  }
2474  .leading-\[1\.05\] {
2475    --tw-leading: 1.05;
2476    line-height: 1.05;
2477  }
2478  .leading-\[1\.5\] {
2479    --tw-leading: 1.5;
2480    line-height: 1.5;
2481  }
2482  .leading-\[1\.06\] {
2483    --tw-leading: 1.06;
2484    line-height: 1.06;
2485  }
2486  .leading-\[1\.6\] {
2487    --tw-leading: 1.6;
2488    line-height: 1.6;
2489  }
2490  .leading-\[1\.07\] {
2491    --tw-leading: 1.07;
2492    line-height: 1.07;
2493  }
2494  .leading-\[1\.7\] {
2495    --tw-leading: 1.7;
2496    line-height: 1.7;
2497  }
2498  .leading-\[1\.08\] {
2499    --tw-leading: 1.08;
2500    line-height: 1.08;
2501  }
2502  .leading-\[1\.09\] {
2503    --tw-leading: 1.09;
2504    line-height: 1.09;
2505  }
2506  .leading-\[1\.11\] {
2507    --tw-leading: 1.11;
2508    line-height: 1.11;
2509  }
2510  .leading-\[1\.12\] {
2511    --tw-leading: 1.12;
2512    line-height: 1.12;
2513  }
2514  .leading-\[1\.14\] {
2515    --tw-leading: 1.14;
2516    line-height: 1.14;
2517  }
2518  .leading-\[1\.25\] {
2519    --tw-leading: 1.25;
2520    line-height: 1.25;
2521  }
2522  .leading-\[1\.35\] {
2523    --tw-leading: 1.35;
2524    line-height: 1.35;
2525  }
2526  .leading-\[1\.45\] {
2527    --tw-leading: 1.45;
2528    line-height: 1.45;
2529  }
2530  .leading-\[1\.55\] {
2531    --tw-leading: 1.55;
2532    line-height: 1.55;
2533  }
2534  .leading-\[1\.65\] {
2535    --tw-leading: 1.65;
2536    line-height: 1.65;
2537  }
2538  .leading-\[1\.68\] {
2539    --tw-leading: 1.68;
2540    line-height: 1.68;
2541  }
2542  .leading-\[1\.72\] {
2543    --tw-leading: 1.72;
2544    line-height: 1.72;
2545  }
2546  .leading-\[1\.75\] {
2547    --tw-leading: 1.75;
2548    line-height: 1.75;
2549  }
2550  .leading-\[1\.78\] {
2551    --tw-leading: 1.78;
2552    line-height: 1.78;
2553  }
2554  .leading-none {
2555    --tw-leading: 1;
2556    line-height: 1;
2557  }
2558  .leading-relaxed {
2559    --tw-leading: var(--leading-relaxed);
2560    line-height: var(--leading-relaxed);
2561  }
2562  .leading-snug {
2563    --tw-leading: var(--leading-snug);
2564    line-height: var(--leading-snug);
2565  }
2566  .leading-tight {
2567    --tw-leading: var(--leading-tight);
2568    line-height: var(--leading-tight);
2569  }
2570  .font-black {
2571    --tw-font-weight: var(--font-weight-black);
2572    font-weight: var(--font-weight-black);
2573  }
2574  .font-bold {
2575    --tw-font-weight: var(--font-weight-bold);
2576    font-weight: var(--font-weight-bold);
2577  }
2578  .font-extrabold {
2579    --tw-font-weight: var(--font-weight-extrabold);
2580    font-weight: var(--font-weight-extrabold);
2581  }
2582  .font-medium {
2583    --tw-font-weight: var(--font-weight-medium);
2584    font-weight: var(--font-weight-medium);
2585  }
2586  .font-semibold {
2587    --tw-font-weight: var(--font-weight-semibold);
2588    font-weight: var(--font-weight-semibold);
2589  }
2590  .tracking-\[-\.05em\] {
2591    --tw-tracking: -.05em;
2592    letter-spacing: -.05em;
2593  }
2594  .tracking-\[-\.035em\] {
2595    --tw-tracking: -.035em;
2596    letter-spacing: -.035em;
2597  }
2598  .tracking-\[-0\.01em\] {
2599    --tw-tracking: -0.01em;
2600    letter-spacing: -0.01em;
2601  }
2602  .tracking-\[-0\.02em\] {
2603    --tw-tracking: -0.02em;
2604    letter-spacing: -0.02em;
2605  }
2606  .tracking-\[-0\.03em\] {
2607    --tw-tracking: -0.03em;
2608    letter-spacing: -0.03em;
2609  }
2610  .tracking-\[-0\.04em\] {
2611    --tw-tracking: -0.04em;
2612    letter-spacing: -0.04em;
2613  }
2614  .tracking-\[-0\.05em\] {
2615    --tw-tracking: -0.05em;
2616    letter-spacing: -0.05em;
2617  }
2618  .tracking-\[-0\.015em\] {
2619    --tw-tracking: -0.015em;
2620    letter-spacing: -0.015em;
2621  }
2622  .tracking-\[-0\.025em\] {
2623    --tw-tracking: -0.025em;
2624    letter-spacing: -0.025em;
2625  }
2626  .tracking-\[-0\.035em\] {
2627    --tw-tracking: -0.035em;
2628    letter-spacing: -0.035em;
2629  }
2630  .tracking-\[-0\.045em\] {
2631    --tw-tracking: -0.045em;
2632    letter-spacing: -0.045em;
2633  }
2634  .tracking-\[-0\.055em\] {
2635    --tw-tracking: -0.055em;
2636    letter-spacing: -0.055em;
2637  }
2638  .tracking-\[0\.1em\] {
2639    --tw-tracking: 0.1em;
2640    letter-spacing: 0.1em;
2641  }
2642  .tracking-\[0\.2em\] {
2643    --tw-tracking: 0.2em;
2644    letter-spacing: 0.2em;
2645  }
2646  .tracking-\[0\.08em\] {
2647    --tw-tracking: 0.08em;
2648    letter-spacing: 0.08em;
2649  }
2650  .tracking-\[0\.12em\] {
2651    --tw-tracking: 0.12em;
2652    letter-spacing: 0.12em;
2653  }
2654  .tracking-\[0\.14em\] {
2655    --tw-tracking: 0.14em;
2656    letter-spacing: 0.14em;
2657  }
2658  .tracking-\[0\.16em\] {
2659    --tw-tracking: 0.16em;
2660    letter-spacing: 0.16em;
2661  }
2662  .tracking-\[0\.18em\] {
2663    --tw-tracking: 0.18em;
2664    letter-spacing: 0.18em;
2665  }
2666  .tracking-tight {
2667    --tw-tracking: var(--tracking-tight);
2668    letter-spacing: var(--tracking-tight);
2669  }
2670  .tracking-tighter {
2671    --tw-tracking: var(--tracking-tighter);
2672    letter-spacing: var(--tracking-tighter);
2673  }
2674  .tracking-wider {
2675    --tw-tracking: var(--tracking-wider);
2676    letter-spacing: var(--tracking-wider);
2677  }
2678  .tracking-widest {
2679    --tw-tracking: var(--tracking-widest);
2680    letter-spacing: var(--tracking-widest);
2681  }
2682  .text-balance {
2683    text-wrap: balance;
2684  }
2685  .break-words {
2686    overflow-wrap: break-word;
2687  }
2688  .hyphens-auto {
2689    -webkit-hyphens: auto;
2690    hyphens: auto;
2691  }
2692  .whitespace-nowrap {
2693    white-space: nowrap;
2694  }
2695  .whitespace-pre-line {
2696    white-space: pre-line;
2697  }
2698  .text-\[\#111\] {
2699    color: #111;
2700  }
2701  .text-\[var\(--color-ink\)\] {
2702    color: var(--color-ink);
2703  }
2704  .text-\[var\(--color-paper\)\] {
2705    color: var(--color-paper);
2706  }
2707  .text-green-600 {
2708    color: var(--color-green-600);
2709  }
2710  .text-green-700 {
2711    color: var(--color-green-700);
2712  }
2713  .text-neutral-500 {
2714    color: var(--color-neutral-500);
2715  }
2716  .text-neutral-800 {
2717    color: var(--color-neutral-800);
2718  }
2719  .text-white {
2720    color: var(--color-white);
2721  }
2722  .text-white\/35 {
2723    color: color-mix(in srgb, #fff 35%, transparent);
2724    @supports (color: color-mix(in lab, red, red)) {
2725      color: color-mix(in oklab, var(--color-white) 35%, transparent);
2726    }
2727  }
2728  .text-white\/40 {
2729    color: color-mix(in srgb, #fff 40%, transparent);
2730    @supports (color: color-mix(in lab, red, red)) {
2731      color: color-mix(in oklab, var(--color-white) 40%, transparent);
2732    }
2733  }
2734  .text-white\/45 {
2735    color: color-mix(in srgb, #fff 45%, transparent);
2736    @supports (color: color-mix(in lab, red, red)) {
2737      color: color-mix(in oklab, var(--color-white) 45%, transparent);
2738    }
2739  }
2740  .text-white\/50 {
2741    color: color-mix(in srgb, #fff 50%, transparent);
2742    @supports (color: color-mix(in lab, red, red)) {
2743      color: color-mix(in oklab, var(--color-white) 50%, transparent);
2744    }
2745  }
2746  .text-white\/55 {
2747    color: color-mix(in srgb, #fff 55%, transparent);
2748    @supports (color: color-mix(in lab, red, red)) {
2749      color: color-mix(in oklab, var(--color-white) 55%, transparent);
2750    }
2751  }
2752  .text-white\/60 {
2753    color: color-mix(in srgb, #fff 60%, transparent);
2754    @supports (color: color-mix(in lab, red, red)) {
2755      color: color-mix(in oklab, var(--color-white) 60%, transparent);
2756    }
2757  }
2758  .text-white\/65 {
2759    color: color-mix(in srgb, #fff 65%, transparent);
2760    @supports (color: color-mix(in lab, red, red)) {
2761      color: color-mix(in oklab, var(--color-white) 65%, transparent);
2762    }
2763  }
2764  .text-white\/70 {
2765    color: color-mix(in srgb, #fff 70%, transparent);
2766    @supports (color: color-mix(in lab, red, red)) {
2767      color: color-mix(in oklab, var(--color-white) 70%, transparent);
2768    }
2769  }
2770  .text-white\/75 {
2771    color: color-mix(in srgb, #fff 75%, transparent);
2772    @supports (color: color-mix(in lab, red, red)) {
2773      color: color-mix(in oklab, var(--color-white) 75%, transparent);
2774    }
2775  }
2776  .text-white\/80 {
2777    color: color-mix(in srgb, #fff 80%, transparent);
2778    @supports (color: color-mix(in lab, red, red)) {
2779      color: color-mix(in oklab, var(--color-white) 80%, transparent);
2780    }
2781  }
2782  .text-white\/85 {
2783    color: color-mix(in srgb, #fff 85%, transparent);
2784    @supports (color: color-mix(in lab, red, red)) {
2785      color: color-mix(in oklab, var(--color-white) 85%, transparent);
2786    }
2787  }
2788  .text-white\/90 {
2789    color: color-mix(in srgb, #fff 90%, transparent);
2790    @supports (color: color-mix(in lab, red, red)) {
2791      color: color-mix(in oklab, var(--color-white) 90%, transparent);
2792    }
2793  }
2794  .uppercase {
2795    text-transform: uppercase;
2796  }
2797  .italic {
2798    font-style: itali
2798c;
2799  }
2800  .not-italic {
2801    font-style: normal;
2802  }
2803  .tabular-nums {
2804    --tw-numeric-spacing: tabular-nums;
2805    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
2806  }
2807  .line-through {
2808    text-decoration-line: line-through;
2809  }
2810  .underline {
2811    text-decoration-line: underline;
2812  }
2813  .underline-offset-4 {
2814    text-underline-offset: 4px;
2815  }
2816  .antialiased {
2817    -webkit-font-smoothing: antialiased;
2818    -moz-osx-font-smoothing: grayscale;
2819  }
2820  .accent-\[var\(--color-primary\)\] {
2821    accent-color: var(--color-primary);
2822  }
2823  .opacity-0 {
2824    opacity: 0%;
2825  }
2826  .opacity-20 {
2827    opacity: 20%;
2828  }
2829  .opacity-25 {
2830    opacity: 25%;
2831  }
2832  .opacity-30 {
2833    opacity: 30%;
2834  }
2835  .opacity-40 {
2836    opacity: 40%;
2837  }
2838  .opacity-50 {
2839    opacity: 50%;
2840  }
2841  .opacity-60 {
2842    opacity: 60%;
2843  }
2844  .opacity-70 {
2845    opacity: 70%;
2846  }
2847  .opacity-80 {
2848    opacity: 80%;
2849  }
2850  .opacity-90 {
2851    opacity: 90%;
2852  }
2853  .opacity-100 {
2854    opacity: 100%;
2855  }
2856  .opacity-\[0\.28\] {
2857    opacity: 0.28;
2858  }
2859  .opacity-\[0\.35\] {
2860    opacity: 0.35;
2861  }
2862  .shadow {
2863    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
2864    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2865  }
2866  .shadow-2xl {
2867    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
2868    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2869  }
2870  .shadow-\[var\(--shadow-stage\)\] {
2871    --tw-shadow: var(--shadow-stage);
2872    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2873  }
2874  .shadow-\[var\(--shadow-studio\)\] {
2875    --tw-shadow: var(--shadow-studio);
2876    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2877  }
2878  .shadow-inner {
2879    --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
2880    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-sha
2880dow);
2881  }
2882  .shadow-lg {
2883    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
2884    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2885  }
2886  .shadow-xl {
2887    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
2888    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2889  }
2890  .blur-\[90px\] {
2891    --tw-blur: blur(90px);
2892    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
2893  }
2894  .blur-\[110px\] {
2895    --tw-blur: blur(110px);
2896    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
2897  }
2898  .blur-\[130px\] {
2899    --tw-blur: blur(130px);
2900    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
2901  }
2902  .blur-\[140px\] {
2903    --tw-blur: blur(140px);
2904    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
2905  }
2906  .backdrop-blur {
2907    --tw-backdrop-blur: blur(8px);
2908    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
2909    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
2910  }
2911  .backdrop-blur-xl {
2912    --tw-backdrop-blur: blur(var(--blur-xl));
2913    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
2914    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
2915  }
2916  .transition {
2917    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
2918    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2919    transition-duration: var(--tw-duration, var(--default-transition-duration));
2920  }
2921  .transition-\[grid-template-rows\,opacity\] {
2922    transition-property: grid-template-rows,opacity;
2923    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2924    transition-duration: var(--tw-duration, var(--default-transition-duration));
2925  }
2926  .transition-all {
2927    transition-property: all;
2928    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2929    transition-duration: var(--tw-duration, var(--default-transition-duration));
2930  }
2931  .transition-colors {
2932    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
2933    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2934    transition-duration: var(--tw-duration, var(--default-transition-duration));
2935  }
2936  .transition-opacity {
2937    transition-property: opacity;
2938    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2939    transition-duration: var(--tw-duration, var(--default-transition-duration));
2940  }
2941  .transition-transform {
2942    transition-property: transform, translate, scale, rotate;
2943    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
2944    transition-duration: var(--tw-duration, var(--default-transition-duration));
2945  }
2946  .duration-200 {
2947    --tw-duration: 200ms;
2948    transition-duration: 200ms;
2949  }
2950  .duration-300 {
2951    --tw-duration: 300ms;
2952    transition-duration: 300ms;
2953  }
2954  .duration-500 {
2955    --tw-duration: 500ms;
2956    transition-duration: 500ms;
2957  }
2958  .ease-out {
2959    --tw-ease: var(--ease-out);
2960    transition-timing-function: var(--ease-out);
2961  }
2962  .outline-none {
2963    --tw-outline-style: none;
2964    outline-style: none;
2965  }
2966  .\[-ms-overflow-style\:none\] {
2967    -ms-overflow-style: none;
2968  }
2969  .\[scrollbar-width\:none\] {
2970    scrollbar-width: none;
2971  }
2972  .group-open\:rotate-45 {
2973    &:is(:where(.group):is([open], :popover-open, :open) *) {
2974      rotate: 45deg;
2975    }
2976  }
2977  .group-hover\:translate-x-0\.5 {
2978    &:is(:where(.group):hover *) {
2979      @media (hover: hover) {
2980        --tw-translate-x: calc(var(--spacing) * 0.5);
2981        translate: var(--tw-translate-x) var(--tw-translate-y);
2982      }
2983    }
2984  }
2985  .group-hover\:translate-x-1 {
2986    &:is(:where(.group):hover *) {
2987      @media (hover: hover) {
2988        --tw-translate-x: calc(var(--spacing) * 1);
2989        translate: var(--tw-translate-x) var(--tw-translate-y);
2990      }
2991    }
2992  }
2993  .group-hover\:-translate-y-0\.5 {
2994    &:is(:where(.group):hover *) {
2995      @media (hover: hover) {
2996        --tw-translate-y: calc(var(--spacing) * -0.5);
2997        translate: var(--tw-translate-x) var(--tw-translate-y);
2998      }
2999    }
3000  }
3001  .group-hover\:scale-110 {
3002    &:is(:where(.group):hover *) {
3003      @media (hover: hover) {
3004        --tw-scale-x: 110%;
3005        --tw-scale-y: 110%;
3006        --tw-scale-z: 110%;
3007        scale: var(--tw-scale-x) var(--tw-scale-y);
3008      }
3009    }
3010  }
3011  .group-hover\:opacity-100 {
3012    &:is(:where(.group):hover *) {
3013      @media (hover: hover) {
3014        opacity: 100%;
3015      }
3016    }
3017  }
3018  .marker\:hidden {
3019    & *::marker {
3020      display: none;
3021    }
3022    &::marker {
3023      display: none;
3024    }
3025    & *::-webkit-details-marker {
3026      display: none;
3027    }
3028    &::-webkit-details-marker {
3029      display: none;
3030    }
3031  }
3032  .before\:absolute {
3033    &::before {
3034      content: var(--tw-content);
3035      position: absolute;
3036    }
3037  }
3038  .before\:-inset-x-0\.5 {
3039    &::before {
3040      content: var(--tw-content);
3041      inset-inline: calc(var(--spacing) * -0.5);
3042    }
3043  }
3044  .before\:-inset-y-3 {
3045    &::before {
3046      content: var(--tw-content);
3047      inset-block: calc(var(--spacing) * -3);
3048    }
3049  }
3050  .before\:content-\[\'\'\] {
3051    &::before {
3052      --tw-content: '';
3053      content: var(--tw-content);
3054    }
3055  }
3056  .first\:border-0 {
3057    &:first-child {
3058      border-style: var(--tw-border-style);
3059      border-width: 0px;
3060    }
3061  }
3062  .first\:pt-0 {
3063    &:first-child {
3064      padding-top: calc(var(--spacing) * 0);
3065    }
3066  }
3067  .last\:border-0 {
3068    &:last-child {
3069      border-style: var(--tw-border-style);
3070      border-width: 0px;
3071    }
3072  }
3073  .last\:pb-0 {
3074    &:last-child {
3075      padding-bottom: calc(var(--spacing) * 0);
3076    }
3077  }
3078  .hover\:-translate-y-0\.5 {
3079    &:hover {
3080      @media (hover: hover) {
3081        --tw-translate-y: calc(var(--spacing) * -0.5);
3082        translate: var(--tw-translate-x) var(--tw-translate-y);
3083      }
3084    }
3085  }
3086  .hover\:-translate-y-1 {
3087    &:hover {
3088      @media (hover: hover) {
3089        --tw-translate-y: calc(var(--spacing) * -1);
3090        translate: var(--tw-translate-x) var(--tw-translate-y);
3091      }
3092    }
3093  }
3094  .hover\:-translate-y-px {
3095    &:hover {
3096      @media (hover: hover) {
3097        --tw-translate-y: -1px;
3098        translate: var(--tw-translate-x) var(--tw-translate-y);
3099      }
3100    }
3101  }
3102  .hover\:scale-\[1\.02\] {
3103    &:hover {
3104      @media (hover: hover) {
3105        scale: 1.02;
3106      }
3107    }
3108  }
3109  .hover\:border-\[color\:var\(--color-ink\)\] {
3110    &:hover {
3111      @media (hover: hover) {
3112        border-color: var(--color-ink);
3113      }
3114    }
3115  }
3116  .hover\:border-\[color\:var\(--color-primary\)\] {
3117    &:hover {
3118      @media (hover: hover) {
3119        border-color: var(--color-primary);
3120      }
3121    }
3122  }
3123  .hover\:border-white\/25 {
3124    &:hover {
3125      @media (hover: hover) {
3126        border-color: color-mix(in srgb, #fff 25%, transparent);
3127        @supports (color: color-mix(in lab, red, red)) {
3128          border-color: color-mix(in oklab, var(--color-white) 25%, transparent);
3129        }
3130      }
3131    }
3132  }
3133  .hover\:bg-\[var\(--color-paper\)\] {
3134    &:hover {
3135      @media (hover: hover) {
3136        background-color: var(--color-paper);
3137      }
3138    }
3139  }
3140  .hover\:bg-\[var\(--color-paper-dark\)\] {
3141    &:hover {
3142      @media (hover: hover) {
3143        background-color: var(--color-paper-dark);
3144      }
3145    }
3146  }
3147  .hover\:bg-\[var\(--color-primary-dark\)\] {
3148    &:hover {
3149      @media (hover: hover) {
3150        background-color: var(--color-primary-dark);
3151      }
3152    }
3153  }
3154  .hover\:bg-\[var\(--color-primary-light\)\] {
3155    &:hover {
3156      @media (hover: hover) {
3157        background-color: var(--color-primary-light);
3158      }
3159    }
3160  }
3161  .hover\:bg-\[var\(--color-primary-soft\)\] {
3162    &:hover {
3163      @media (hover: hover) {
3164        background-color: var(--color-primary-soft);
3165      }
3166    }
3167  }
3168  .hover\:bg-\[var\(--hs-tab-hover\)\] {
3169    &:hover {
3170      @media (hover: hover) {
3171        background-color: var(--hs-tab-hover);
3172      }
3173    }
3174  }
3175  .hover\:bg-black\/5 {
3176    &:hover {
3177      @media (hover: hover) {
3178        background-color: color-mix(in srgb, #000 5%, transparent);
3179        @supports (color: color-mix(in lab, red, red)) {
3180          background-color: color-mix(in oklab, var(--color-black) 5%, transparent);
3181        }
3182      }
3183    }
3184  }
3185  .hover\:bg-black\/10 {
3186    &:hover {
3187      @media (hover: hover) {
3188        background-color: color-mix(in srgb, #000 10%, transparent);
3189        @supports (color: color-mix(in lab, red, red)) {
3190          background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
3191        }
3192      }
3193    }
3194  }
3195  .hover\:bg-white {
3196    &:hover {
3197      @media (hover: hover) {
3198        background-color: var(--color-white);
3199      }
3200    }
3201  }
3202  .hover\:bg-white\/10 {
3203    &:hover {
3204      @media (hover: hover) {
3205        background-color: color-mix(in srgb, #fff 10%, transparent);
3206        @supports (color: color-mix(in lab, red, red)) {
3207          background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
3208        }
3209      }
3210    }
3211  }
3212  .hover\:bg-white\/20 {
3213    &:hover {
3214      @media (hover: hover) {
3215        background-color: color-mix(in srgb, #fff 20%, transparent);
3216        @supports (color: color-mix(in lab, red, red)) {
3217          background-color: color-mix(in oklab, var(--color-white) 20%, transparent);
3218        }
3219      }
3220    }
3221  }
3222  .hover\:bg-white\/50 {
3223    &:hover {
3224      @media (hover: hover) {
3225        background-color: color-mix(in srgb, #fff 50%, transparent);
3226        @supports (color: color-mix(in lab, red, red)) {
3227          background-color: color-mix(in oklab, var(--color-white) 50%, transparent);
3228        }
3229      }
3230    }
3231  }
3232  .hover\:text-\[var\(--color-primary-dark\)\] {
3233    &:hover {
3234      @media (hover: hover) {
3235        color: var(--color-primary-dark);
3236      }
3237    }
3238  }
3239  .hover\:text-white {
3240    &:hover {
3241      @media (hover: hover) {
3242        color: var(--color-white);
3243      }
3244    }
3245  }
3246  .hover\:underline {
3247    &:hover {
3248      @media (hover: hover) {
3249        text-decoration-line: underline;
3250      }
3251    }
3252  }
3253  .hover\:opacity-70 {
3254    &:hover {
3255      @media (hover: hover) {
3256        opacity: 70%;
3257      }
3258    }
3259  }
3260  .hover\:shadow {
3261    &:hover {
3262      @media (hover: hover) {
3263        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
3264        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3265      }
3266    }
3267  }
3268  .hover\:shadow-md {
3269    &:hover {
3270      @media (hover: hover) {
3271        --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
3272        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3273      }
3274    }
3275  }
3276  .hover\:brightness-95 {
3277    &:hover {
3278      @media (hover: hover) {
3279        --tw-brightness: brightness(95%);
3280        filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
3281      }
3282    }
3283  }
3284  .focus\:ring-2 {
3285    &:focus {
3286      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
3287      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-sha
3287dow);
3288    }
3289  }
3290  .focus\:ring-\[var\(--color-accent\)\] {
3291    &:focus {
3292      --tw-ring-color: var(--color-accent);
3293    }
3294  }
3295  .focus\:ring-\[var\(--color-primary\)\] {
3296    &:focus {
3297      --tw-ring-color: var(--color-primary);
3298    }
3299  }
3300  .focus\:ring-offset-2 {
3301    &:focus {
3302      --tw-ring-offset-width: 2px;
3303      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3304    }
3305  }
3306  .focus\:ring-offset-\[var\(--color-secondary\)\] {
3307    &:focus {
3308      --tw-ring-offset-color: var(--color-secondary);
3309    }
3310  }
3311  .focus\:outline-none {
3312    &:focus {
3313      --tw-outline-style: none;
3314      outline-style: none;
3315    }
3316  }
3317  .focus-visible\:ring-2 {
3318    &:focus-visible {
3319      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
3320      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3321    }
3322  }
3323  .focus-visible\:ring-\[var\(--color-primary\)\] {
3324    &:focus-visible {
3325      --tw-ring-color: var(--color-primary);
3326    }
3327  }
3328  .focus-visible\:outline {
3329    &:focus-visible {
3330      outline-style: var(--tw-outline-style);
3331      outline-width: 1px;
3332    }
3333  }
3334  .focus-visible\:outline-2 {
3335    &:focus-visible {
3336      outline-style: var(--tw-outline-style);
3337      outline-width: 2px;
3338    }
3339  }
3340  .focus-visible\:outline-offset-4 {
3341    &:focus-visible {
3342      outline-offset: 4px;
3343    }
3344  }
3345  .active\:scale-95 {
3346    &:active {
3347      --tw-scale-x: 95%;
3348      --tw-scale-y: 95%;
3349      --tw-scale-z: 95%;
3350      scale: var(--tw-scale-x) var(--tw-scale-y);
3351    }
3352  }
3353  .disabled\:cursor-not-allowed {
3354    &:disabled {
3355      cursor: not-allowed;
3356    }
3357  }
3358  .disabled\:opacity-30 {
3359    &:disabled {
3360      opacity: 30%;
3361    }
3362  }
3363  .disabled\:opacity-35 {
3364    &:disabled {
3365      opacity: 35%;
3366    }
3367  }
3368  .disabled\:opacity-40 {
3369    &:disabled {
3370      opacity: 40%;
3371    }
3372  }
3373  .disabled\:opacity-50 {
3374    &:disabled {
3375      opacity: 50%;
3376    }
3377  }
3378  .motion-reduce\:transition-none {
3379    @media (prefers-reduced-motion: reduce) {
3380      transition-property: none;
3381    }
3382  }
3383  .motion-reduce\:hover\:translate-y-0 {
3384    @media (prefers-reduced-motion: reduce) {
3385      &:hover {
3386        @media (hover: hover) {
3387          --tw-translate-y: calc(var(--spacing) * 0);
3388          translate: var(--tw-translate-x) var(--tw-translate-y);
3389        }
3390      }
3391    }
3392  }
3393  .sm\:right-6 {
3394    @media (width >= 40rem) {
3395      right: calc(var(--spacing) * 6);
3396    }
3397  }
3398  .sm\:bottom-1\.5 {
3399    @media (width >= 40rem) {
3400      bottom: calc(var(--spacing) * 1.5);
3401    }
3402  }
3403  .sm\:bottom-6 {
3404    @media (width >= 40rem) {
3405      bottom: calc(var(--spacing) * 6);
3406    }
3407  }
3408  .sm\:left-6 {
3409    @media (width >= 40rem) {
3410      left: calc(var(--spacing) * 6);
3411    }
3412  }
3413  .sm\:mx-0 {
3414    @media (width >= 40rem) {
3415      margin-inline: calc(var(--spacing) * 0);
3416    }
3417  }
3418  .sm\:ml-auto {
3419    @media (width >= 40rem) {
3420      margin-left: auto;
3421    }
3422  }
3423  .sm\:block {
3424    @media (width >= 40rem) {
3425      display: block;
3426    }
3427  }
3428  .sm\:flex {
3429    @media (width >= 40rem) {
3430      display: flex;
3431    }
3432  }
3433  .sm\:grid {
3434    @media (width >= 40rem) {
3435      display: grid;
3436    }
3437  }
3438  .sm\:hidden {
3439    @media (width >= 40rem) {
3440      display: none;
3441    }
3442  }
3443  .sm\:inline-flex {
3444    @media (width >= 40rem) {
3445      display: inline-flex;
3446    }
3447  }
3448  .sm\:aspect-\[16\/10\.5\] {
3449    @media (width >= 40rem) {
3450      aspect-ratio: 16/10.5;
3451    }
3452  }
3453  .sm\:aspect-auto {
3454    @media (width >= 40rem) {
3455      aspect-ratio: auto;
3456    }
3457  }
3458  .sm\:w-48 {
3459    @media (width >= 40rem) {
3460      width: calc(var(--spacing) * 48);
3461    }
3462  }
3463  .sm\:w-\[440px\] {
3464    @media (width >= 40rem) {
3465      width: 440px;
3466    }
3467  }
3468  .sm\:w-fit {
3469    @media (width >= 40rem) {
3470      width: fit-content;
3471    }
3472  }
3473  .sm\:max-w-none {
3474    @media (width >= 40rem) {
3475      max-width: none;
3476    }
3477  }
3478  .sm\:flex-1 {
3479    @media (width >= 40rem) {
3480      flex: 1;
3481    }
3482  }
3483  .sm\:shrink {
3484    @media (width >= 40rem) {
3485      flex-shrink: 1;
3486    }
3487  }
3488  .sm\:snap-none {
3489    @media (width >= 40rem) {
3490      scroll-snap-type: none;
3491    }
3492  }
3493  .sm\:auto-cols-\[minmax\(150px\,1fr\)\] {
3494    @media (width >= 40rem) {
3495      grid-auto-columns: minmax(150px,1fr);
3496    }
3497  }
3498  .sm\:grid-flow-col {
3499    @media (width >= 40rem) {
3500      grid-auto-flow: column;
3501    }
3502  }
3503  .sm\:grid-cols-2 {
3504    @media (width >= 40rem) {
3505      grid-template-columns: repeat(2, minmax(0, 1fr));
3506    }
3507  }
3508  .sm\:grid-cols-3 {
3509    @media (width >= 40rem) {
3510      grid-template-columns: repeat(3, minmax(0, 1fr));
3511    }
3512  }
3513  .sm\:grid-cols-\[minmax\(0\,0\.6fr\)_minmax\(0\,1fr\)\] {
3514    @media (width >= 40rem) {
3515      grid-template-columns: minmax(0,0.6fr) minmax(0,1fr);
3516    }
3517  }
3518  .sm\:grid-cols-\[minmax\(0\,0\.8fr\)_minmax\(0\,1\.2fr\)\] {
3519    @media (width >= 40rem) {
3520      grid-template-columns: minmax(0,0.8fr) minmax(0,1.2fr);
3521    }
3522  }
3523  .sm\:grid-cols-\[minmax\(0\,0\.95fr\)_minmax\(0\,1\.05fr\)\] {
3524    @media (width >= 40rem) {
3525      grid-template-columns: minmax(0,0.95fr) minmax(0,1.05fr);
3526    }
3527  }
3528  .sm\:grid-cols-\[minmax\(0\,1fr\)_auto\] {
3529    @media (width >= 40rem) {
3530      grid-template-columns: minmax(0,1fr) auto;
3531    }
3532  }
3533  .sm\:grid-cols-\[minmax\(0\,1fr\)_auto_minmax\(0\,1fr\)\] {
3534    @media (width >= 40rem) {
3535      grid-template-columns: minmax(0,1fr) auto minmax(0,1fr);
3536    }
3537  }
3538  .sm\:flex-row {
3539    @media (width >= 40rem) {
3540      flex-direction: row;
3541    }
3542  }
3543  .sm\:items-baseline {
3544    @media (width >= 40rem) {
3545      align-items: baseline;
3546    }
3547  }
3548  .sm\:items-center {
3549    @media (width >= 40rem) {
3550      align-items: center;
3551    }
3552  }
3553  .sm\:items-end {
3554    @media (width >= 40rem) {
3555      align-items: flex-end;
3556    }
3557  }
3558  .sm\:items-start {
3559    @media (width >= 40rem) {
3560      align-items: flex-start;
3561    }
3562  }
3563  .sm\:justify-between {
3564    @media (width >= 40rem) {
3565      justify-content: space-between;
3566    }
3567  }
3568  .sm\:gap-2 {
3569    @media (width >= 40rem) {
3570      gap: calc(var(--spacing) * 2);
3571    }
3572  }
3573  .sm\:gap-3 {
3574    @media (width >= 40rem) {
3575      gap: calc(var(--spacing) * 3);
3576    }
3577  }
3578  .sm\:gap-4 {
3579    @media (width >= 40rem) {
3580      gap: calc(var(--spacing) * 4);
3581    }
3582  }
3583  .sm\:gap-5 {
3584    @media (width >= 40rem) {
3585      gap: calc(var(--spacing) * 5);
3586    }
3587  }
3588  .sm\:gap-6 {
3589    @media (width >= 40rem) {
3590      gap: calc(var(--spacing) * 6);
3591    }
3592  }
3593  .sm\:gap-8 {
3594    @media (width >= 40rem) {
3595      gap: calc(var(--spacing) * 8);
3596    }
3597  }
3598  .sm\:gap-10 {
3599    @media (width >= 40rem) {
3600      gap: calc(var(--spacing) * 10);
3601    }
3602  }
3603  .sm\:justify-self-end {
3604    @media (width >= 40rem) {
3605      justify-self: flex-end;
3606    }
3607  }
3608  .sm\:rounded-2xl {
3609    @media (width >= 40rem) {
3610      border-radius: var(--radius-2xl);
3611    }
3612  }
3613  .sm\:rounded-\[22px\] {
3614    @media (width >= 40rem) {
3615      border-radius: 22px;
3616    }
3617  }
3618  .sm\:rounded-full {
3619    @media (width >= 40rem) {
3620      border-radius: calc(infinity * 1px);
3621    }
3622  }
3623  .sm\:border {
3624    @media (width >= 40rem) {
3625      border-style: var(--tw-border-style);
3626      border-width: 1px;
3627    }
3628  }
3629  .sm\:border-l {
3630    @media (width >= 40rem) {
3631      border-left-style: var(--tw-border-style);
3632      border-left-width: 1px;
3633    }
3634  }
3635  .sm\:border-white\/10 {
3636    @media (width >= 40rem) {
3637      border-color: color-mix(in srgb, #fff 10%, transparent);
3638      @supports (color: color-mix(in lab, red, red)) {
3639        border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
3640      }
3641    }
3642  }
3643  .sm\:bg-white\/70 {
3644    @media (width >= 40rem) {
3645      background-color: color-mix(in srgb, #fff 70%, transparent);
3646      @supports (color: color-mix(in lab, red, red)) {
3647        background-color: color-mix(in oklab, var(--color-white) 70%, transparent);
3648      }
3649    }
3650  }
3651  .sm\:p-1\.5 {
3652    @media (width >= 40rem) {
3653      padding: calc(var(--spacing) * 1.5);
3654    }
3655  }
3656  .sm\:p-3 {
3657    @media (width >= 40rem) {
3658      padding: calc(var(--spacing) * 3);
3659    }
3660  }
3661  .sm\:p-4 {
3662    @media (width >= 40rem) {
3663      padding: calc(var(--spacing) * 4);
3664    }
3665  }
3666  .sm\:p-5 {
3667    @media (width >= 40rem) {
3668      padding: calc(var(--spacing) * 5);
3669    }
3670  }
3671  .sm\:p-6 {
3672    @media (width >= 40rem) {
3673      padding: calc(var(--spacing) * 6);
3674    }
3675  }
3676  .sm\:p-7 {
3677    @media (width >= 40rem) {
3678      padding: calc(var(--spacing) * 7);
3679    }
3680  }
3681  .sm\:p-8 {
3682    @media (width >= 40rem) {
3683      padding: calc(var(--spacing) * 8);
3684    }
3685  }
3686  .sm\:p-9 {
3687    @media (width >= 40rem) {
3688      padding: calc(var(--spacing) * 9);
3689    }
3690  }
3691  .sm\:p-10 {
3692    @media (width >= 40rem) {
3693      padding: calc(var(--spacing) * 10);
3694    }
3695  }
3696  .sm\:p-14 {
3697    @media (width >= 40rem) {
3698      padding: calc(var(--spacing) * 14);
3699    }
3700  }
3701  .sm\:px-0\.5 {
3702    @media (width >= 40rem) {
3703      padding-inline: calc(var(--spacing) * 0.5);
3704    }
3705  }
3706  .sm\:px-2\.5 {
3707    @media (width >= 40rem) {
3708      padding-inline: calc(var(--spacing) * 2.5);
3709    }
3710  }
3711  .sm\:px-3\.5 {
3712    @media (width >= 40rem) {
3713      padding-inline: calc(var(--spacing) * 3.5);
3714    }
3715  }
3716  .sm\:px-4 {
3717    @media (width >= 40rem) {
3718      padding-inline: calc(var(--spacing) * 4);
3719    }
3720  }
3721  .sm\:px-8 {
3722    @media (width >= 40rem) {
3723      padding-inline: calc(var(--spacing) * 8);
3724    }
3725  }
3726  .sm\:px-9 {
3727    @media (width >= 40rem) {
3728      padding-inline: calc(var(--spacing) * 9);
3729    }
3730  }
3731  .sm\:px-10 {
3732    @media (width >= 40rem) {
3733      padding-inline: calc(var(--spacing) * 10);
3734    }
3735  }
3736  .sm\:px-12 {
3737    @media (width >= 40rem) {
3738      padding-inline: calc(var(--spacing) * 12);
3739    }
3740  }
3741  .sm\:py-1\.5 {
3742    @media (width >= 40rem) {
3743      padding-block: calc(var(--spacing) * 1.5);
3744    }
3745  }
3746  .sm\:py-6 {
3747    @media (width >= 40rem) {
3748      padding-block: calc(var(--spacing) * 6);
3749    }
3750  }
3751  .sm\:py-9 {
3752    @media (width >= 40rem) {
3753      padding-block: calc(var(--spacing) * 9);
3754    }
3755  }
3756  .sm\:py-10 {
3757    @media (width >= 40rem) {
3758      padding-block: calc(var(--spacing) * 10);
3759    }
3760  }
3761  .sm\:py-11 {
3762    @media (width >= 40rem) {
3763      padding-block: calc(var(--spacing) * 11);
3764    }
3765  }
3766  .sm\:py-12 {
3767    @media (width >= 40rem) {
3768      padding-block: calc(var(--spacing) * 12);
3769    }
3770  }
3771  .sm\:py-14 {
3772    @media (width >= 40rem) {
3773      padding-block: calc(var(--spacing) * 14);
3774    }
3775  }
3776  .sm\:pt-3\.5 {
3777    @media (width >= 40rem) {
3778      padding-top: calc(var(--spacing) * 3.5);
3779    }
3780  }
3781  .sm\:pt-\[1px\] {
3782    @media (width >= 40rem) {
3783      padding-top: 1px;
3784    }
3785  }
3786  .sm\:pr-4 {
3787    @media (width >= 40rem) {
3788      padding-right: calc(var(--spacing) * 4);
3789    }
3790  }
3791  .sm\:pb-4 {
3792    @media (width >= 40rem) {
3793      padding-bottom: calc(var(--spacing) * 4);
3794    }
3795  }
3796  .sm\:pl-1\.5 {
3797    @media (width >= 40rem) {
3798      padding-left: calc(var(--spacing) * 1.5);
3799    }
3800  }
3801  .sm\:pl-9 {
3802    @media (width >= 40rem) {
3803      padding-left: calc(var(--spacing) * 9);
3804    }
3805  }
3806  .sm\:pl-10 {
3807    @media (width >= 40rem) {
3808      padding-left: calc(var(--spacing) * 10);
3809    }
3810  }
3811  .sm\:text-left {
3812    @media (width >= 40rem) {
3813      text-align: left;
3814    }
3815  }
3816  .sm\:text-3xl {
3817    @media (width >= 40rem) {
3818      font-size: var(--text-3xl);
3819      line-height: var(--tw-leading, var(--text-3xl--line-height));
3820    }
3821  }
3822  .sm\:text-4xl {
3823    @media (width >= 40rem) {
3824      font-size: var(--text-4xl);
3825      line-height: var(--tw-leading, var(--text-4xl--line-height));
3826    }
3827  }
3828  .sm\:text-5xl {
3829    @media (width >= 40rem) {
3830      font-size: var(--text-5xl);
3831      line-height: var(--tw-leading, var(--text-5xl--line-height));
3832    }
3833  }
3834  .sm\:text-base {
3835    @media (width >= 40rem) {
3836      font-size: var(--text-base);
3837      line-height: var(--tw-leading, var(--text-base--line-height));
3838    }
3839  }
3840  .sm\:text-lg {
3841    @media (width >= 40rem) {
3842      font-size: var(--text-lg);
3843      line-height: var(--tw-leading, var(--text-lg--line-height));
3844    }
3845  }
3846  .sm\:text-\[11px\] {
3847    @media (width >= 40rem) {
3848      font-size: 11px;
3849    }
3850  }
3851  .sm\:text-\[13px\] {
3852    @media (width >= 40rem) {
3853      font-size: 13px;
3854    }
3855  }
3856  .sm\:text-\[16px\] {
3857    @media (width >= 40rem) {
3858      font-size: 16px;
3859    }
3860  }
3861  .sm\:text-\[18px\] {
3862    @media (width >= 40rem) {
3863      font-size: 18px;
3864    }
3865  }
3866  .sm\:text-\[76px\] {
3867    @media (width >= 40rem) {
3868      font-size: 76px;
3869    }
3870  }
3871  .sm\:backdrop-blur {
3872    @media (width >= 40rem) {
3873      --tw-backdrop-blur: blur(8px);
3874      -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
3875      backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
3876    }
3877  }
3878  .sm\:odd\:pr-6 {
3879    @media (width >= 40rem) {
3880      &:nth-child(odd) {
3881        padding-right: calc(var(--spacing) * 6);
3882      }
3883    }
3884  }
3885  .sm\:even\:pl-6 {
3886    @media (width >= 40rem) {
3887      &:nth-child(even) {
3888        padding-left: calc(var(--spacing) * 6);
3889      }
3890    }
3891  }
3892  .md\:col-span-2 {
3893    @media (width >= 48rem) {
3894      grid-column: span 2 / span 2;
3895    }
3896  }
3897  .md\:ml-0 {
3898    @media (width >= 48rem) {
3899      margin-left: calc(var(--spacing) * 0);
3900    }
3901  }
3902  .md\:block {
3903    @media (width >= 48rem) {
3904      display: block;
3905    }
3906  }
3907  .md\:flex {
3908    @media (width >= 48rem) {
3909      display: flex;
3910    }
3911  }
3912  .md\:grid {
3913    @media (width >= 48rem) {
3914      display: grid;
3915    }
3916  }
3917  .md\:inline-flex {
3918    @media (width >= 48rem) {
3919      display: inline-flex;
3920    }
3921  }
3922  .md\:w-56 {
3923    @media (width >= 48rem) {
3924      width: calc(var(--spacing) * 56);
3925    }
3926  }
3927  .md\:grid-cols-1 {
3928    @media (width >= 48rem) {
3929      grid-template-columns: repeat(1, minmax(0, 1fr));
3930    }
3931  }
3932  .md\:grid-cols-2 {
3933    @media (width >= 48rem) {
3934      grid-template-columns: repeat(2, minmax(0, 1fr));
3935    }
3936  }
3937  .md\:grid-cols-3 {
3938    @media (width >= 48rem) {
3939      grid-template-columns: repeat(3, minmax(0, 1fr));
3940    }
3941  }
3942  .md\:grid-cols-\[0\.8fr_0\.5625fr_1fr_1fr\] {
3943    @media (width >= 48rem) {
3944      grid-template-columns: 0.8fr 0.5625fr 1fr 1fr;
3945    }
3946  }
3947  .md\:grid-cols-\[172px_minmax\(0\,1fr\)\] {
3948    @media (width >= 48rem) {
3949      grid-template-columns: 172px minmax(0,1fr);
3950    }
3951  }
3952  .md\:grid-cols-\[minmax\(0\,0\.6fr\)_minmax\(0\,1\.4fr\)\] {
3953    @media (width >= 48rem) {
3954      grid-template-columns: minmax(0,0.6fr) minmax(0,1.4fr);
3955    }
3956  }
3957  .md\:grid-cols-\[minmax\(0\,0\.7fr\)_minmax\(0\,0\.5fr\)_minmax\(0\,1\.4fr\)\] {
3958    @media (width >= 48rem) {
3959      grid-template-columns: minmax(0,0.7fr) minmax(0,0.5fr) minmax(0,1.4fr);
3960    }
3961  }
3962  .md\:grid-cols-\[minmax\(0\,0\.9fr\)_minmax\(0\,1\.1fr\)\] {
3963    @media (width >= 48rem) {
3964      grid-template-columns: minmax(0,0.9fr) minmax(0,1.1fr);
3965    }
3966  }
3967  .md\:grid-cols-\[minmax\(0\,0\.85fr\)_minmax\(0\,1\.15fr\)\] {
3968    @media (width >= 48rem) {
3969      grid-template-columns: minmax(0,0.85fr) minmax(0,1.15fr);
3970    }
3971  }
3972  .md\:grid-cols-\[minmax\(0\,2\.2fr\)_minmax\(0\,1fr\)\] {
3973    @media (width >= 48rem) {
3974      grid-template-columns: minmax(0,2.2fr) minmax(0,1fr);
3975    }
3976  }
3977  .md\:flex-row {
3978    @media (width >= 48rem) {
3979      flex-direction: row;
3980    }
3981  }
3982  .md\:items-baseline {
3983    @media (width >= 48rem) {
3984      align-items: baseline;
3985    }
3986  }
3987  .md\:items-end {
3988    @media (width >= 48rem) {
3989      align-items: flex-end;
3990    }
3991  }
3992  .md\:justify-between {
3993    @media (width >= 48rem) {
3994      justify-content: space-between;
3995    }
3996  }
3997  .md\:gap-4 {
3998    @media (width >= 48rem) {
3999      gap: calc(var(--spacing) * 4);
4000    }
4001  }
4002  .md\:gap-6 {
4003    @media (width >= 48rem) {
4004      gap: calc(var(--spacing) * 6);
4005    }
4006  }
4007  .md\:gap-8 {
4008    @media (width >= 48rem) {
4009      gap: calc(var(--spacing) * 8);
4010    }
4011  }
4012  .md\:gap-10 {
4013    @media (width >= 48rem) {
4014      gap: calc(var(--spacing) * 10);
4015    }
4016  }
4017  .md\:gap-12 {
4018    @media (width >= 48rem) {
4019      gap: calc(var(--spacing) * 12);
4020    }
4021  }
4022  .lg\:sticky {
4023    @media (width >= 64rem) {
4024      position: sticky;
4025    }
4026  }
4027  .lg\:top-24 {
4028    @media (width >= 64rem) {
4029      top: calc(var(--spacing) * 24);
4030    }
4031  }
4032  .lg\:top-32 {
4033    @media (width >= 64rem) {
4034      top: calc(var(--spacing) * 32);
4035    }
4036  }
4037  .lg\:order-1 {
4038    @media (width >= 64rem) {
4039      order: 1;
4040    }
4041  }
4042  .lg\:order-2 {
4043    @media (width >= 64rem) {
4044      order: 2;
4045    }
4046  }
4047  .lg\:col-span-2 {
4048    @media (width >= 64rem) {
4049      grid-column: span 2 / span 2;
4050    }
4051  }
4052  .lg\:block {
4053    @media (width >= 64rem) {
4054      display: block;
4055    }
4056  }
4057  .lg\:flex {
4058    @media (width >= 64rem) {
4059      display: flex;
4060    }
4061  }
4062  .lg\:grid {
4063    @media (width >= 64rem) {
4064      display: grid;
4065    }
4066  }
4067  .lg\:hidden {
4068    @media (width >= 64rem) {
4069      display: none;
4070    }
4071  }
4072  .lg\:inline-flex {
4073    @media (width >= 64rem) {
4074      display: inline-flex;
4075    }
4076  }
4077  .lg\:aspect-\[16\/9\.6\] {
4078    @media (width >= 64rem) {
4079      aspect-ratio: 16/9.6;
4080    }
4081  }
4082  .lg\:aspect-\[21\/9\] {
4083    @media (width >= 64rem) {
4084      aspect-ratio: 21/9;
4085    }
4086  }
4087  .lg\:grid-cols-1 {
4088    @media (width >= 64rem) {
4089      grid-template-columns: repeat(1, minmax(0, 1fr));
4090    }
4091  }
4092  .lg\:grid-cols-2 {
4093    @media (width >= 64rem) {
4094      grid-template-columns: repeat(2, minmax(0, 1fr));
4095    }
4096  }
4097  .lg\:grid-cols-3 {
4098    @media (width >= 64rem) {
4099      grid-template-columns: repeat(3, minmax(0, 1fr));
4100    }
4101  }
4102  .lg\:grid-cols-4 {
4103    @media (width >= 64rem) {
4104      grid-template-columns: repeat(4, minmax(0, 1fr));
4105    }
4106  }
4107  .lg\:grid-cols-5 {
4108    @media (width >= 64rem) {
4109      grid-template-columns: repeat(5, minmax(0, 1fr));
4110    }
4111  }
4112  .lg\:grid-cols-\[380px_1fr\] {
4113    @media (width >= 64rem) {
4114      grid-template-columns: 380px 1fr;
4115    }
4116  }
4117  .lg\:grid-cols-\[minmax\(0\,0\.8fr\)_minmax\(0\,1\.2fr\)\] {
4118    @media (width >= 64rem) {
4119      grid-template-columns: minmax(0,0.8fr) minmax(0,1.2fr);
4120    }
4121  }
4122  .lg\:grid-cols-\[minmax\(0\,0\.8fr\)_minmax\(0\,1\.4fr\)\] {
4123    @media (width >= 64rem) {
4124      grid-template-columns: minmax(0,0.8fr) minmax(0,1.4fr);
4125    }
4126  }
4127  .lg\:grid-cols-\[minmax\(0\,0\.9fr\)_minmax\(0\,1\.1fr\)\] {
4128    @media (width >= 64rem) {
4129      grid-template-columns: minmax(0,0.9fr) minmax(0,1.1fr);
4130    }
4131  }
4132  .lg\:grid-cols-\[minmax\(0\,0\.9fr\)_minmax\(0\,1\.3fr\)_minmax\(0\,0\.9fr\)\] {
4133    @media (width >= 64rem) {
4134      grid-template-columns: minmax(0,0.9fr) minmax(0,1.3fr) minmax(0,0.9fr);
4135    }
4136  }
4137  .lg\:grid-cols-\[minmax\(0\,0\.9fr\)_minmax\(0\,1\.05fr\)\] {
4138    @media (width >= 64rem) {
4139      grid-template-columns: minmax(0,0.9fr) minmax(0,1.05fr);
4140    }
4141  }
4142  .lg\:grid-cols-\[minmax\(0\,0\.85fr\)_minmax\(0\,1\.1fr\)_minmax\(0\,1\.1fr\)\] {
4143    @media (width >= 64rem) {
4144      grid-template-columns: minmax(0,0.85fr) minmax(0,1.1fr) minmax(0,1.1fr);
4145    }
4146  }
4147  .lg\:grid-cols-\[minmax\(0\,0\.85fr\)_minmax\(0\,1\.15fr\)\] {
4148    @media (width >= 64rem) {
4149      grid-template-columns: minmax(0,0.85fr) minmax(0,1.15fr);
4150    }
4151  }
4152  .lg\:grid-cols-\[minmax\(0\,0\.92fr\)_minmax\(0\,1\.08fr\)\] {
4153    @media (width >= 64rem) {
4154      grid-template-columns: minmax(0,0.92fr) minmax(0,1.08fr);
4155    }
4156  }
4157  .lg\:grid-cols-\[minmax\(0\,0\.95fr\)_minmax\(0\,1\.05fr\)\] {
4158    @media (width >= 64rem) {
4159      grid-template-columns: minmax(0,0.95fr) minmax(0,1.05fr);
4160    }
4161  }
4162  .lg\:grid-cols-\[minmax\(0\,1\.1fr\)_minmax\(0\,0\.9fr\)\] {
4163    @media (width >= 64rem) {
4164      grid-template-columns: minmax(0,1.1fr) minmax(0,0.9fr);
4165    }
4166  }
4167  .lg\:grid-cols-\[minmax\(0\,1\.1fr\)_minmax\(0\,3\.4fr\)\] {
4168    @media (width >= 64rem) {
4169      grid-template-columns: minmax(0,1.1fr) minmax(0,3.4fr);
4170    }
4171  }
4172  .lg\:grid-cols-\[minmax\(0\,1\.3fr\)_minmax\(0\,1fr\)\] {
4173    @media (width >= 64rem) {
4174      grid-template-columns: minmax(0,1.3fr) minmax(0,1fr);
4175    }
4176  }
4177  .lg\:grid-cols-\[minmax\(0\,1\.05fr\)_minmax\(0\,\.95fr\)\] {
4178    @media (width >= 64rem) {
4179      grid-template-columns: minmax(0,1.05fr) minmax(0,.95fr);
4180    }
4181  }
4182  .lg\:grid-cols-\[minmax\(0\,1\.05fr\)_minmax\(0\,0\.95fr\)\] {
4183    @media (width >= 64rem) {
4184      grid-template-columns: minmax(0,1.05fr) minmax(0,0.95fr);
4185    }
4186  }
4187  .lg\:grid-cols-\[minmax\(0\,1\.15fr\)_minmax\(300px\,\.85fr\)\] {
4188    @media (width >= 64rem) {
4189      grid-template-columns: minmax(0,1.15fr) minmax(300px,.85fr);
4190    }
4191  }
4192  .lg\:grid-cols-\[minmax\(0\,1\.55fr\)_minmax\(0\,0\.8fr\)\] {
4193    @media (width >= 64rem) {
4194      grid-template-columns: minmax(0,1.55fr) minmax(0,0.8fr);
4195    }
4196  }
4197  .lg\:grid-cols-\[minmax\(0\,1\.55fr\)_minmax\(0\,0\.85fr\)\] {
4198    @media (width >= 64rem) {
4199      grid-template-columns: minmax(0,1.55fr) minmax(0,0.85fr);
4200    }
4201  }
4202  .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,0\.9fr\)\] {
4203    @media (width >= 64rem) {
4204      grid-template-columns: minmax(0,1fr) minmax(0,0.9fr);
4205    }
4206  }
4207  .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,0\.75fr\)\] {
4208    @media (width >= 64rem) {
4209      grid-template-columns: minmax(0,1fr) minmax(0,0.75fr);
4210    }
4211  }
4212  .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,0\.85fr\)\] {
4213    @media (width >= 64rem) {
4214      grid-template-columns: minmax(0,1fr) minmax(0,0.85fr);
4215    }
4216  }
4217  .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,0\.95fr\)\] {
4218    @media (width >= 64rem) {
4219      grid-template-columns: minmax(0,1fr) minmax(0,0.95fr);
4220    }
4221  }
4222  .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.05fr\)\] {
4223    @media (width >= 64rem) {
4224      grid-template-columns: minmax(0,1fr) minmax(0,1.05fr);
4225    }
4226  }
4227  .lg\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)\] {
4228    @media (width >= 64rem) {
4229      grid-template-columns: minmax(0,1fr) minmax(0,1fr);
4230    }
4231  }
4232  .lg\:grid-cols-\[minmax\(0\,110px\)_minmax\(0\,1fr\)\] {
4233    @media (width >= 64rem) {
4234      grid-template-columns: minmax(0,110px) minmax(0,1fr);
4235    }
4236  }
4237  .lg\:grid-cols-\[minmax\(0\,220px\)_minmax\(0\,1fr\)\] {
4238    @media (width >= 64rem) {
4239      grid-template-columns: minmax(0,220px) minmax(0,1fr);
4240    }
4241  }
4242  .lg\:flex-row {
4243    @media (width >= 64rem) {
4244      flex-direction: row;
4245    }
4246  }
4247  .lg\:items-center {
4248    @media (width >= 64rem) {
4249      align-items: center;
4250    }
4251  }
4252  .lg\:items-end {
4253    @media (width >= 64rem) {
4254      align-items: flex-end;
4255    }
4256  }
4257  .lg\:justify-between {
4258    @media (width >= 64rem) {
4259      justify-content: space-between;
4260    }
4261  }
4262  .lg\:gap-6 {
4263    @media (width >= 64rem) {
4264      gap: calc(var(--spacing) * 6);
4265    }
4266  }
4267  .lg\:gap-8 {
4268    @media (width >= 64rem) {
4269      gap: calc(var(--spacing) * 8);
4270    }
4271  }
4272  .lg\:gap-14 {
4273    @media (width >= 64rem) {
4274      gap: calc(var(--spacing) * 14);
4275    }
4276  }
4277  .lg\:gap-16 {
4278    @media (width >= 64rem) {
4279      gap: calc(var(--spacing) * 16);
4280    }
4281  }
4282  .lg\:gap-20 {
4283    @media (width >= 64rem) {
4284      gap: calc(var(--spacing) * 20);
4285    }
4286  }
4287  .lg\:gap-24 {
4288    @media (width >= 64rem) {
4289      gap: calc(var(--spacing) * 24);
4290    }
4291  }
4292  .lg\:self-center {
4293    @media (width >= 64rem) {
4294      align-self: center;
4295    }
4296  }
4297  .lg\:self-start {
4298    @media (width >= 64rem) {
4299      align-self: flex-start;
4300    }
4301  }
4302  .lg\:p-12 {
4303    @media (width >= 64rem) {
4304      padding: calc(var(--spacing) * 12);
4305    }
4306  }
4307  .lg\:px-14 {
4308    @media (width >= 64rem) {
4309      padding-inline: calc(var(--spacing) * 14);
4310    }
4311  }
4312  .lg\:px-16 {
4313    @media (width >= 64rem) {
4314      padding-inline: calc(var(--spacing) * 16);
4315    }
4316  }
4317  .lg\:py-16 {
4318    @media (width >= 64rem) {
4319      padding-block: calc(var(--spacing) * 16);
4320    }
4321  }
4322  .lg\:py-20 {
4323    @media (width >= 64rem) {
4324      padding-block: calc(var(--spacing) * 20);
4325    }
4326  }
4327  .lg\:py-24 {
4328    @media (width >= 64rem) {
4329      padding-block: calc(var(--spacing) * 24);
4330    }
4331  }
4332  .lg\:py-28 {
4333    @media (width >= 64rem) {
4334      padding-block: calc(var(--spacing) * 28);
4335    }
4336  }
4337  .lg\:py-32 {
4338    @media (width >= 64rem) {
4339      padding-block: calc(var(--spacing) * 32);
4340    }
4341  }
4342  .lg\:pt-2 {
4343    @media (width >= 64rem) {
4344      padding-top: calc(var(--spacing) * 2);
4345    }
4346  }
4347  .lg\:pt-20 {
4348    @media (width >= 64rem) {
4349      padding-top: calc(var(--spacing) * 20);
4350    }
4351  }
4352  .lg\:pt-24 {
4353    @media (width >= 64rem) {
4354      padding-top: calc(var(--spacing) * 24);
4355    }
4356  }
4357  .lg\:pt-32 {
4358    @media (width >= 64rem) {
4359      padding-top: calc(var(--spacing) * 32);
4360    }
4361  }
4362  .lg\:pt-36 {
4363    @media (width >= 64rem) {
4364      padding-top: calc(var(--spacing) * 36);
4365    }
4366  }
4367  .lg\:pb-16 {
4368    @media (width >= 64rem) {
4369      padding-bottom: calc(var(--spacing) * 16);
4370    }
4371  }
4372  .lg\:pb-20 {
4373    @media (width >= 64rem) {
4374      padding-bottom: calc(var(--spacing) * 20);
4375    }
4376  }
4377  .lg\:pb-24 {
4378    @media (width >= 64rem) {
4379      padding-bottom: calc(var(--spacing) * 24);
4380    }
4381  }
4382  .lg\:pb-28 {
4383    @media (width >= 64rem) {
4384      padding-bottom: calc(var(--spacing) * 28);
4385    }
4386  }
4387  .lg\:pb-32 {
4388    @media (width >= 64rem) {
4389      padding-bottom: calc(var(--spacing) * 32);
4390    }
4391  }
4392  .lg\:text-6xl {
4393    @media (width >= 64rem) {
4394      font-size: var(--text-6xl);
4395      line-height: var(--tw-leading, var(--text-6xl--line-height));
4396    }
4397  }
4398  .xl\:flex {
4399    @media (width >= 80rem) {
4400      display: flex;
4401    }
4402  }
4403  .xl\:hidden {
4404    @media (width >= 80rem) {
4405      display: none;
4406    }
4407  }
4408  .xl\:grid-cols-\[176px_minmax\(0\,1fr\)_296px\] {
4409    @media (width >= 80rem) {
4410      grid-template-columns: 176px minmax(0,1fr) 296px;
4411    }
4412  }
4413  .\[\&\+section\]\:mt-11 {
4414    &+section {
4415      margin-top: calc(var(--spacing) * 11);
4416    }
4417  }
4418  .\[\&\:\:-webkit-scrollbar\]\:hidden {
4419    &::-webkit-scrollbar {
4420      display: none;
4421    }
4422  }
4423}
4424@layer base {
4425  h1, h2, h3, h4, h5, h6, p, a, li, blockquote, figcaption, dt, dd {
4426    white-space: pre-line;
4427  }
4428  h1 {
4429    font-size: 2em;
4430    font-weight: bold;
4431  }
4432  h2 {
4433    font-size: 1.5em;
4434    font-weight: bold;
4435  }
4436  h3 {
4437    font-size: 1.17em;
4438    font-weight: bold;
4439  }
4440  h4 {
4441    font-size: 1em;
4442    font-weight: bold;
4443  }
4444  h5 {
4445    font-size: 0.83em;
4446    font-weight: bold;
4447  }
4448  h6 {
4449    font-size: 0.67em;
4450    font-weight: bold;
4451  }
4452  #ssr-root {
4453    width: 100%;
4454    max-width: 100vw;
4455    overflow-x: clip;
4456  }
4457  html {
4458    -webkit-font-smoothing: antialiased;
4459    -moz-osx-font-smoothing: grayscale;
4460    scroll-behavior: smooth;
4461  }
4462  body {
4463    overflow-x: clip;
4464  }
4465  button, [role="button"], a {
4466    cursor: pointer;
4467  }
4468  .quote-word, .split-word, .word-reveal, .anim-word, [data-word-anim], [data-split="word"] {
4469    display: inline-block;
4470    margin-right: 0.25em;
4471  }
4472  :focus-visible {
4473    outline: 2px solid currentColor;
4474    outline-offset: 2px;
4475  }
4476  header:has(.fixed.inset-0:not(.hidden):not(.invisible):not(.opacity-0):not(.pointer-events-none):not([aria-hidden="true"]):not([class*="translate-x-full"]):not([class*="translate-y-full"])), header :has(.fixed.inset-0:not(.hidden):not(.invisible):not(.opacity-0):not(.pointer-events-none):not([aria-hidden="true"]):not([class*="translate-x-full"]):not([class*="translate-y-full"])), nav:has(.fixed.inset-0:not(.hidden):not(.invisible):not(.opacity-0):not(.pointer-events-none):not([aria-hidden="true"]):not([class*="translate-x-full"]):not([class*="translate-y-full"])), [data-component="Header"]:has(.fixed.inset-0:not(.hidden):not(.invisible):not(.opacity-0):not(.pointer-events-none):not([aria-hidden="true"]):not([class*="translate-x-full"]):not([class*="translate-y-full"])), [data-component="Header"] :has(.fixed.inset-0:not(.hidden):not(.invisible):not(.opacity-0):not(.pointer-events-none):not([aria-hidden="true"]):not([class*="translate-x-full"]):not([class*="translate-y-full"])) {
4477    -webkit-backdrop-filter: none !important;
4478    backdrop-filter: none !important;
4479    filter: none !important;
4480  }
4481  @media (prefers-reduced-motion: reduce) {
4482    html {
4483      scroll-behavior: auto;
4484    }
4485  }
4486}
4487@property --tw-translate-x {
4488  syntax: "*";
4489  inherits: false;
4490  initial-value: 0;
4491}
4492@property --tw-translate-y {
4493  syntax: "*";
4494  inherits: false;
4495  initial-value: 0;
4496}
4497@property --tw-translate-z {
4498  syntax: "*";
4499  inherits: false;
4500  initial-value: 0;
4501}
4502@property --tw-pan-x {
4503  syntax: "*";
4504  inherits: false;
4505}
4506@property --tw-pan-y {
4507  syntax: "*";
4508  inherits: false;
4509}
4510@property --tw-pinch-zoom {
4511  syntax: "*";
4512  inherits: false;
4513}
4514@property --tw-scroll-snap-strictness {
4515  syntax: "*";
4516  inherits: false;
4517  initial-value: proximity;
4518}
4519@property --tw-space-y-reverse {
4520  syntax: "*";
4521  inherits: false;
4522  initial-value: 0;
4523}
4524@property --tw-divide-y-reverse {
4525  syntax: "*";
4526  inherits: false;
4527  initial-value: 0;
4528}
4529@property --tw-border-style {
4530  syntax: "*";
4531  inherits: false;
4532  initial-value: solid;
4533}
4534@property --tw-gradient-position {
4535  syntax: "*";
4536  inherits: false;
4537}
4538@property --tw-gradient-from {
4539  syntax: "<color>";
4540  inherits: false;
4541  initial-value: #0000;
4542}
4543@property --tw-gradient-via {
4544  syntax: "<color>";
4545  inherits: false;
4546  initial-value: #0000;
4547}
4548@property --tw-gradient-to {
4549  syntax: "<color>";
4550  inherits: false;
4551  initial-value: #0000;
4552}
4553@property --tw-gradient-stops {
4554  syntax: "*";
4555  inherits: false;
4556}
4557@property --tw-gradient-via-stops {
4558  syntax: "*";
4559  inherits: false;
4560}
4561@property --tw-gradient-from-position {
4562  syntax: "<length-percentage>";
4563  inherits: false;
4564  initial-value: 0%;
4565}
4566@property --tw-gradient-via-position {
4567  syntax: "<length-percentage>";
4568  inherits: false;
4569  initial-value: 50%;
4570}
4571@property --tw-gradient-to-position {
4572  syntax: "<length-percentage>";
4573  inherits: false;
4574  initial-value: 100%;
4575}
4576@property --tw-leading {
4577  syntax: "*";
4578  inherits: false;
4579}
4580@property --tw-font-weight {
4581  syntax: "*";
4582  inherits: false;
4583}
4584@property --tw-tracking {
4585  syntax: "*";
4586  inherits: false;
4587}
4588@property --tw-ordinal {
4589  syntax: "*";
4590  inherits: false;
4591}
4592@property --tw-slashed-zero {
4593  syntax: "*";
4594  inherits: false;
4595}
4596@property --tw-numeric-figure {
4597  syntax: "*";
4598  inherits: false;
4599}
4600@property --tw-numeric-spacing {
4601  syntax: "*";
4602  inherits: false;
4603}
4604@property --tw-numeric-fraction {
4605  syntax: "*";
4606  inherits: false;
4607}
4608@property --tw-shadow {
4609  syntax: "*";
4610  inherits: false;
4611  initial-value: 0 0 #0000;
4612}
4613@property --tw-shadow-color {
4614  syntax: "*";
4615  inherits: false;
4616}
4617@property --tw-shadow-alpha {
4618  syntax: "<percentage>";
4619  inherits: false;
4620  initial-value: 100%;
4621}
4622@property --tw-inset-shadow {
4623  syntax: "*";
4624  inherits: false;
4625  initial-value: 0 0 #0000;
4626}
4627@property --tw-inset-shadow-color {
4628  syntax: "*";
4629  inherits: false;
4630}
4631@property --tw-inset-shadow-alpha {
4632  syntax: "<percentage>";
4633  inherits: false;
4634  initial-value: 100%;
4635}
4636@property --tw-ring-color {
4637  syntax: "*";
4638  inherits: false;
4639}
4640@property --tw-ring-shadow {
4641  syntax: "*";
4642  inherits: false;
4643  initial-value: 0 0 #0000;
4644}
4645@property --tw-inset-ring-color {
4646  syntax: "*";
4647  inherits: false;
4648}
4649@property --tw-inset-ring-shadow {
4650  syntax: "*";
4651  inherits: false;
4652  initial-value: 0 0 #0000;
4653}
4654@property --tw-ring-inset {
4655  syntax: "*";
4656  inherits: false;
4657}
4658@property --tw-ring-offset-width {
4659  syntax: "<length>";
4660  inherits: false;
4661  initial-value: 0px;
4662}
4663@property --tw-ring-offset-color {
4664  syntax: "*";
4665  inherits: false;
4666  initial-value: #fff;
4667}
4668@property --tw-ring-offset-shadow {
4669  syntax: "*";
4670  inherits: false;
4671  initial-value: 0 0 #0000;
4672}
4673@property --tw-blur {
4674  syntax: "*";
4675  inherits: false;
4676}
4677@property --tw-brightness {
4678  syntax: "*";
4679  inherits: false;
4680}
4681@property --tw-contrast {
4682  syntax: "*";
4683  inherits: false;
4684}
4685@property --tw-grayscale {
4686  syntax: "*";
4687  inherits: false;
4688}
4689@property --tw-hue-rotate {
4690  syntax: "*";
4691  inherits: false;
4692}
4693@property --tw-invert {
4694  syntax: "*";
4695  inherits: false;
4696}
4697@property --tw-opacity {
4698  syntax: "*";
4699  inherits: false;
4700}
4701@property --tw-saturate {
4702  syntax: "*";
4703  inherits: false;
4704}
4705@property --tw-sepia {
4706  syntax: "*";
4707  inherits: false;
4708}
4709@property --tw-drop-shadow {
4710  syntax: "*";
4711  inherits: false;
4712}
4713@property --tw-drop-shadow-color {
4714  syntax: "*";
4715  inherits: false;
4716}
4717@property --tw-drop-shadow-alpha {
4718  syntax: "<percentage>";
4719  inherits: false;
4720  initial-value: 100%;
4721}
4722@property --tw-drop-shadow-size {
4723  syntax: "*";
4724  inherits: false;
4725}
4726@property --tw-backdrop-blur {
4727  syntax: "*";
4728  inherits: false;
4729}
4730@property --tw-backdrop-brightness {
4731  syntax: "*";
4732  inherits: false;
4733}
4734@property --tw-backdrop-contrast {
4735  syntax: "*";
4736  inherits: false;
4737}
4738@property --tw-backdrop-grayscale {
4739  syntax: "*";
4740  inherits: false;
4741}
4742@property --tw-backdrop-hue-rotate {
4743  syntax: "*";
4744  inherits: false;
4745}
4746@property --tw-backdrop-invert {
4747  syntax: "*";
4748  inherits: false;
4749}
4750@property --tw-backdrop-opacity {
4751  syntax: "*";
4752  inherits: false;
4753}
4754@property --tw-backdrop-saturate {
4755  syntax: "*";
4756  inherits: false;
4757}
4758@property --tw-backdrop-sepia {
4759  syntax: "*";
4760  inherits: false;
4761}
4762@property --tw-duration {
4763  syntax: "*";
4764  inherits: false;
4765}
4766@property --tw-ease {
4767  syntax: "*";
4768  inherits: false;
4769}
4770@property --tw-scale-x {
4771  syntax: "*";
4772  inherits: false;
4773  initial-value: 1;
4774}
4775@property --tw-scale-y {
4776  syntax: "*";
4777  inherits: false;
4778  initial-value: 1;
4779}
4780@property --tw-scale-z {
4781  syntax: "*";
4782  inherits: false;
4783  initial-value: 1;
4784}
4785@property --tw-content {
4786  syntax: "*";
4787  initial-value: "";
4788  inherits: false;
4789}
4790@property --tw-outline-style {
4791  syntax: "*";
4792  inherits: false;
4793  initial-value: solid;
4794}
4795@keyframes pulse {
4796  50% {
4797    opacity: 0.5;
4798  }
4799}
4800@layer properties {
4801  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
4802    *, ::before, ::after, ::backdrop {
4803      --tw-translate-x: 0;
4804      --tw-translate-y: 0;
4805      --tw-translate-z: 0;
4806      --tw-pan-x: initial;
4807      --tw-pan-y: initial;
4808      --tw-pinch-zoom: initial;
4809      --tw-scroll-snap-strictness: proximity;
4810      --tw-space-y-reverse: 0;
4811      --tw-divide-y-reverse: 0;
4812      --tw-border-style: solid;
4813      --tw-gradient-position: initial;
4814      --tw-gradient-from: #0000;
4815      --tw-gradient-via: #0000;
4816      --tw-gradient-to: #0000;
4817      --tw-gradient-stops: initial;
4818      --tw-gradient-via-stops: initial;
4819      --tw-gradient-from-position: 0%;
4820      --tw-gradient-via-position: 50%;
4821      --tw-gradient-to-position: 100%;
4822      --tw-leading: initial;
4823      --tw-font-weight: initial;
4824      --tw-tracking: initial;
4825      --tw-ordinal: initial;
4826      --tw-slashed-zero: initial;
4827      --tw-numeric-figure: initial;
4828      --tw-numeric-spacing: initial;
4829      --tw-numeric-fraction: initial;
4830      --tw-shadow: 0 0 #0000;
4831      --tw-shadow-color: initial;
4832      --tw-shadow-alpha: 100%;
4833      --tw-inset-shadow: 0 0 #0000;
4834      --tw-inset-shadow-color: initial;
4835      --tw-inset-shadow-alpha: 100%;
4836      --tw-ring-color: initial;
4837      --tw-ring-shadow: 0 0 #0000;
4838      --tw-inset-ring-color: initial;
4839      --tw-inset-ring-shadow: 0 0 #0000;
4840      --tw-ring-inset: initial;
4841      --tw-ring-offset-width: 0px;
4842      --tw-ring-offset-color: #fff;
4843      --tw-ring-offset-shadow: 0 0 #0000;
4844      --tw-blur: initial;
4845      --tw-brightness: initial;
4846      --tw-contrast: initial;
4847      --tw-grayscale: initial;
4848      --tw-hue-rotate: initial;
4849      --tw-invert: initial;
4850      --tw-opacity: initial;
4851      --tw-saturate: initial;
4852      --tw-sepia: initial;
4853      --tw-drop-shadow: initial;
4854      --tw-drop-shadow-color: initial;
4855      --tw-drop-shadow-alpha: 100%;
4856      --tw-drop-shadow-size: initial;
4857      --tw-backdrop-blur: initial;
4858      --tw-backdrop-brightness: initial;
4859      --tw-backdrop-contrast: initial;
4860      --tw-backdrop-grayscale: initial;
4861      --tw-backdrop-hue-rotate: initial;
4862      --tw-backdrop-invert: initial;
4863      --tw-backdrop-opacity: initial;
4864      --tw-backdrop-saturate: initial;
4865      --tw-backdrop-sepia: initial;
4866      --tw-duration: initial;
4867      --tw-ease: initial;
4868      --tw-scale-x: 1;
4869      --tw-scale-y: 1;
4870      --tw-scale-z: 1;
4871      --tw-content: "";
4872      --tw-outline-style: solid;
4873    }
4874  }
4875}
4876</style>
4877  <style>.final-hero { isolation:isolate; }
4878.final-hero-backdrop { position:absolute; inset:0; pointer-events:none; overflow:hidden; z-index:0; }
4879.final-hero-art { position:absolute; top:0; left:0; width:100%; height:940px; object-fit:cover; object-position:center top; }
4880.final-hero-backdrop::after { content:''; position:absolute; inset:0; background:linear-gradient(180deg,rgba(255,255,255,.22),transparent 25%,transparent 50%,white 82%); }
4881.final-hero-floor { display:none; }
4882.final-hero .final-hero-inner { padding-top:115px; padding-bottom:80px; }
4883.final-hero .final-hero-title { max-width:960px; font-size:clamp(45px,5.7vw,78px); line-height:1.02; }
4884.final-hero .final-hero-subtitle { margin-top:22px; max-width:660px; font-size:17px; line-height:1.65; }
4885.final-hero .final-hero-output { margin-top:36px; scroll-margin-top:90px; }
4886.final-hero .final-hero-output > div { max-width:1100px; margin-inline:auto; }
4887@media(max-width:1023px) {
4888  .final-hero .final-hero-inner { padding-top:100px; padding-bottom:55px; }
4889  .final-hero-art { height:830px; width:135%; max-width:none; left:-17.5%; }
4890}
4891@media(max-width:639px) {
4892  .final-hero .final-hero-inner { padding-top:92px; }
4893  .final-hero .final-hero-title { font-size:43px; line-height:1.03; letter-spacing:-.04em; margin-top:20px; }
4894  .final-hero .final-hero-subtitle { font-size:14px; line-height:1.65; margin-top:18px; }
4895  .final-hero .final-hero-output { margin-top:28px; }
4896  .final-hero .final-hero-inner > div:first-child > span:first-child { padding:5px; }
4897  .final-hero .final-hero-inner > div:first-child > span:first-child > span:last-child { display:none; }
4898  .final-hero-art { width:135%; left:-17.5%; height:auto; top:260px; opacity:.8; }
4899  .final-hero-backdrop::after { background:linear-gradient(180deg,rgba(255,255,255,.65),rgba(255,255,255,.62) 55%,white 94%); }
4900  .final-hero ul { display:none; }
4901}
4902@media (prefers-reduced-motion: reduce) {
4903  *, *::before, *::after {
4904    scroll-behavior: auto !important;
4905    animation-duration: 0.01ms !important;
4906    animation-iteration-count: 1 !important;
4907    transition-duration: 0.01ms !important;
4908  }
4909}</style>
4910  <link rel="preload" href="/_assets/content.json?v=2d6993d0" as="fetch" crossorigin="anonymous">
4911  <link rel="modulepreload" href="/_assets/app-pricing.bundle.js?v=6a8e87e2">
4912  <link rel="modulepreload" href="/_assets/chunks/chunk-TMB4HQRP.js">
4913  <link rel="modulepreload" href="/_assets/chunks/chunk-N7PBAYYM.js">
4914  
4914<script src="/_assets/bundle.js?v=f6d36ade" defer></script>
4914
4915  
4915<script>window.__MONDOVO_HYBRID_PAGE__ = {"requiresHydration":true,"hydrateUrl":"/_assets/app-pricing.bundle.js?v=6a8e87e2","reasons":["client-hooks","framer-motion"],"module":true};</script>
4915
4916  
4917  
4917<script>window.__MONDOVO_CONFIG__ = {"siteId":"123f10d5-3362-4e0b-8092-c89a31d01253","apiBaseUrl":"https://app.mondovo.com","formPrivacyConfigs":{},"currency":"USD","forms":[],"mapsEmbedKey":"AIzaSyAOQGwp1v2a3nG-y_9e65kT3Yrfbs2scLw"};</script>
4917
4918  
4919  
4920  
4920<script src="https://app.mondovo.com/tracking.js?v=20260930" defer></script>
4920
4921  
4922  
4923</head>
4924<body>
4925  
4926  
4927  
4928  <div id="ssr-root"><link rel="preload" as="image" href="https://site-assets.mondovo.com/sites/123f10d5-3362-4e0b-8092-c89a31d01253/rehosted/t5sKQd4XNJ_L.png"/><div data-source-slug="/pricing" id="top" class="min-h-screen antialiased" style="background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body)"><header class="fixed inset-x-0 top-0 z-50"><div class="border-b backdrop-blur-xl" style="-webkit-backdrop-filter:blur(20px)"><div class="mx-auto flex h-[68px] max-w-[1240px] items-center justify-between px-5 sm:px-8"><a href="/" aria-label="Mondovo home" class="flex items-center"><img src="https://site-assets.mondovo.com/sites/123f10d5-3362-4e0b-8092-c89a31d01253/rehosted/t5sKQd4XNJ_L.png" alt="Mondovo" class="h-7 w-auto" draggable="false"/ fetchpriority="high"></a><nav aria-label="Primary" class="hidden items-center gap-1 lg:flex"><div class="group relative"><button type="button" aria-expanded="false" aria-haspopup="true" class="inline-flex items-center gap-1 rounded-full px-3.5 py-2 text-[13.5px] font-semibold transition hover:bg-[var(--color-primary-soft)]" style="color:var(--color-ink)">Product<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-3.5 w-3.5 opacity-60 transition-transform duration-200" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button><div class="absolute left-0 top-full min-w-[248px] whitespace-nowrap translate-y-1 rounded-2xl border bg-white p-2 shadow-2xl transition-all duration-200 invisible opacity-0" style="border-color:var(--color-line-dark)"><a href="/platform" class="block rounded-xl px-3 py-2 text-[13.5px] font-medium hover:bg-[var(--color-primary-soft)]" style="color:var(--color-ink)">The Platform</a><a href="/marketing" class="block rounded-xl px-3 py-2 text-[13.5px] font-medium hover:bg-[var(--color-primary-soft)]" style="color:var(--color-ink)">Marketing</a><a href="/creative-studio" class="block rounded-xl px-3 py-2 text-[13.5px] font-medium hover:bg-[var(--color-primary-soft)]" style="color:var(--color-ink)">Creative Studio</a><a href="/how-it-works" class="block rounded-xl px-3 py-2 text-[13.5px] font-medium hover:bg-[var(--color-primary-soft)]" style="color:var(--color-ink)">How it works</a><a href="/mcp" class="block rounded-xl px-3 py-2 text-[13.5px] font-medium hover:bg-[var(--color-primary-soft)]" style="color:var(--color-ink)">Run it from your assistant</a><a href="/redesign-a-website" class="block rounded-xl px-3 py-2 text-[13.5px] font-medium hover:bg-[var(--color-primary-soft)]" style="color:var(--color-ink)">Redesign a website</a><a href="/showcase" class="block rounded-xl px-3 py-2 text-[13.5px] font-medium hover:bg-[var(--color-primary-soft)]" style="color:var(--color-ink)">Showcase</a></div></div><div class="group relative"><button type="button" aria-expanded="false" aria-haspopup="true" class="inline-flex items-center gap-1 rounded-full px-3.5 py-2 text-[13.5px] font-semibold transition hover:bg-[var(--color-primary-soft)]" style="color:var(--color-ink)">For agencies<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-3.5 w-3.5 opacity-60 transition-transform duration-200" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button><div class="absolute left-0 top-full min-w-[248px] whitespace-nowrap translate-y-1 rounded-2xl border bg-white p-2 shadow-2xl transition-all duration-200 invisible opacity-0" style="border-color:var(--color-line-dark)"><a href="/for-agencies" class="block rounded-xl px-3 py-2 text-[13.5px] font-medium hover:bg-[var(--color-primary-soft)]" style="color:var(--color-ink)">Agencies overview</a><a href="/for/marketing-agencies" class="block rounded-xl px-3 py-2 text-[13.5px] font-medium hover:bg-[var(--color-primary-soft)]" style="color:var(--color-ink)">Marketing agencies</a><a href="/for/seo-agencies" class="block rounded-xl px-3 py-2 text-[13.5px] font-medium hover:bg-[var(--color-primary-soft)]" style="color:var(--color-ink)">SEO agencies</a><a href="/for/design-studios" class="block rounded-xl px-3 py-2 text-[13.5px] font-medium hover:bg-[var(--color-primary-soft)]" style="color:var(--color-ink)">Design studios</a><a href="/for/freelancers" class="block rounded-xl px-3 py-2 text-[13.5px] font-medium hover:bg-[var(--color-primary-soft)]" style="color:var(--color-ink)">Freelancers</a><a href="/client-delivery" class="block rounded-xl px-3 py-2 text-[13.5px] font-medium hover:bg-[var(--color-primary-soft)]" style="color:var(--color-ink)">Client delivery</a></div></div><div class="group relative"><button type="button" aria-expanded="false" aria-haspopup="true" class="inline-flex items-center gap-1 rounded-full px-3.5 py-2 text-[13.5px] font-semibold transition hover:bg-[var(--color-primary-soft)]" style="color:var(--color-ink)">For businesses<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-3.5 w-3.5 opacity-60 transition-transform duration-200" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button><div class="absolute left-0 top-full min-w-[248px] whitespace-nowrap translate-y-1 rounded-2xl border bg-white p-2 shadow-2xl transition-all duration-200 invisible opacity-0" style="border-color:var(--color-line-dark)"><a href="/for/small-business" class="block rounded-xl px-3 py-2 text-[13.5px] font-medium hover:bg-[var(--color-primary-soft)]" style="color:var(--color-ink)">Small business</a><a href="/for/restaurants" class="block rounded-xl px-3 py-2 text-[13.5px] font-medium hover:bg-[var(--color-primary-soft)]" style="color:var(--color-ink)">Restaurants</a><a href="/for/dental-clinics" class="block rounded-xl px-3 py-2 text-[13.5px] font-medium hover:bg-[var(--color-primary-soft)]" style="color:var(--color-ink)">Dental clinics</a><a href="/for/law-firms" class="block rounded-xl px-3 py-2 text-[13.5px] font-medium hover:bg-[var(--color-primary-soft)]" style="color:var(--color-ink)">Law firms</a><a href="/for/real-estate" class="block rounded-xl px-3 py-2 text-[13.5px] font-medium hover:bg-[var(--color-primary-soft)]" style="color:var(--color-ink)">Real estate</a><a href="/for/salons-and-spas" class="block rounded-xl px-3 py-2 text-[13.5px] font-medium hover:bg-[var(--color-primary-soft)]" style="color:var(--color-ink)">Salons and spas</a><a href="/for/trades-and-construction" class="block rounded-xl px-3 py-2 text-[13.5px] font-medium hover:bg-[var(--color-primary-soft)]" style="color:var(--color-ink)">Trades and construction</a></div></div><div class="group relative"><button type="button" aria-expanded="false" aria-haspopup="true" class="inline-flex items-center gap-1 rounded-full px-3.5 py-2 text-[13.5px] font-semibold transition hover:bg-[var(--color-primary-soft)]" style="color:var(--color-ink)">Compare<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-3.5 w-3.5 opacity-60 transition-transform duration-200" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button><div class="absolute left-0 top-full min-w-[248px] whitespace-nowrap translate-y-1 rounded-2xl border bg-white p-2 shadow-2xl transition-all duration-200 invisible opacity-0" style="border-color:var(--color-line-dark)"><a href="/compare" class="block rounded-xl px-3 py-2 text-[13.5px] font-medium hover:bg-[var(--color-primary-soft)]" style="color:var(--color-ink)">Why Mondovo</a><a href="/vs/wordpress" class="block rounded-xl px-3 py-2 text-[13.5px] font-medium hover:bg-[var(--color-primary-soft)]" style="color:var(--color-ink)">vs WordPress</a><a href="/vs/wix" class="block rounded-xl px-3 py-2 text-[13.5px] font-medium hover:bg-[var(--color-primary-soft)]" style="color:var(--color-ink)">vs Wix</a><a href="/vs/squarespace" class="block rounded-xl px-3 py-2 text-[13.5px] font-medium hover:bg-[var(--color-primary-soft)]" style="color:var(--color-ink)">vs Squarespace</a><a href="/vs/webflow" class="block rounded-xl px-3 py-2 text-[13.5px] font-medium hover:bg-[var(--color-primary-soft)]" style="color:var(--color-ink)">vs Webflow</a><a href="/vs/duda" class="block rounded-xl px-3 py-2 text-[13.5px] font-medium hover:bg-[var(--color-primary-soft)]" style="color:var(--color-ink)">vs Duda</a><a href="/vs/gohighlevel" class="block rounded-xl px-3 py-2 text-[13.5px] font-medium hover:bg-[var(--color-primary-soft)]" style="color:var(--color-ink)">vs GoHighLevel</a><a href="/vs/ai-site-builders" class="block rounded-xl px-3 py-2 text-[13.5px] font-medium hover:bg-[var(--color-primary-soft)]" style="color:var(--color-ink)">vs AI site builders</a><a href="/vs/hiring-a-web-designer" class="block rounded-xl px-3 py-2 text-[13.5px] font-medium hover:bg-[var(--color-primary-soft)]" style="color:var(--color-ink)">vs Hiring a designer</a><a href="/migrate/wordpress" class="block rounded-xl px-3 py-2 text-[13.5px] font-medium hover:bg-[var(--color-primary-soft)]" style="color:var(--color-ink)">Migrate from WordPress</a></div></div><a href="/pricing" class="inline-flex items-center gap-1 rounded-full px-3.5 py-2 text-[13.5px] font-semibold transition hover:bg-[var(--color-primary-soft)]" style="color:var(--color-ink)">Pricing</a></nav><div class="hidden items-center gap-2 lg:flex"><a href="https://app.mondovo.com/auth/login" class="rounded-full px-3.5 py-2 text-[13.5px] font-semibold transition hover:opacity-70" style="color:var(--color-ink)">Log in</a><a href="https://app.mondovo.com/auth/register?src=header" class="group inline-flex items-center gap-1.5 rounded-full px-4 py-2 text-[13.5px] font-bold text-white transition hover:-translate-y-0.5" style="background:var(--color-ink);box-shadow:0 10px 30px rgba(10,13,28,0.22)">Start free<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right h-3.5 w-3.5 transition group-hover:-translate-y-0.5 group-hover:translate-x-0.5" aria-hidden="true"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></a></div><button type="button" aria-label="Open menu" aria-expanded="false" class="grid h-11 w-11 place-items-center rounded-full lg:hidden" style="color:var(--color-ink)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu h-5 w-5" aria-hidden="true"><path d="M4 12h16"></path><path d="M4 18h16"></path><path d="M4 6h16"></path></svg></button></div></div></header><main>
4928<section id="hero" class="relative overflow-hidden" style="background:linear-gradient(180deg, var(--color-hero-ice), var(--color-paper) 70%)"><div class="mx-auto max-w-[1200px] px-5 pb-16 pt-28 sm:px-8 lg:pb-20 lg:pt-36"><div class="mx-auto max-w-[760px] text-center"><p class="text-[11.5px] font-bold uppercase tracking-[0.18em]" style="color:var(--color-primary-dark)">Pricing</p><h1 class="mt-5 text-balance text-[clamp(2.6rem,5.6vw,4.6rem)] font-bold leading-[1.03] tracking-[-0.04em]" style="font-family:var(--font-heading)">Draft free. Pay when a site goes live.</h1><p class="mx-auto mt-6 max-w-[620px] text-[17px] leading-[1.65]" style="color:var(--color-muted)">$20 a month for each live site, with the inbox, the marketing tools and Creative Studio included. Drafts never count, and nothing else is metered: not pages, not edits, not forms, not the enquiries they bring in.</p><div class="mt-9 flex flex-wrap justify-center gap-3"><a href="https://app.mondovo.com/auth/register?src=pricing" class="inline-flex min-h-11 items-center gap-2 rounded-full px-6 py-3 text-[14px] font-bold text-white transition hover:bg-[var(--color-primary-dark)]" style="background:var(--color-primary)">Start free<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a href="#model" class="inline-flex min-h-11 items-center rounded-full border px-6 py-3 text-[14px] font-bold transition hover:bg-white" style="border-color:var(--color-line-dark);color:var(--color-ink)">What counts as live</a></div></div></div></section><section id="plans" class="px-5 pb-6 sm:px-8"><div class="mx-auto grid max-w-[1100px] gap-5 lg:grid-cols-[minmax(0,1.55fr)_minmax(0,0.85fr)]"><div class="relative overflow-hidden rounded-[26px] p-7 text-white sm:p-10" style="background:var(--color-secondary);box-shadow:0 40px 90px rgba(11,11,20,0.25)"><div class="pointer-events-none absolute -right-24 -top-24 h-72 w-72 rounded-full opacity-50 blur-[90px]" style="background:var(--color-primary)"></div><div class="relative grid gap-8 sm:grid-cols-[minmax(0,0.95fr)_minmax(0,1.05fr)] sm:gap-10"><div class="min-w-0"><span class="inline-flex items-center gap-2 rounded-full border border-white/10 px-3 py-1 text-[11px] font-bold uppercase tracking-[0.12em] text-white/75"><span class="h-1.5 w-1.5 rounded-full" style="background:var(--color-accent)"></span>Pro</span><div class="mt-5 flex items-end gap-2"><h2 class="text-[64px] font-medium leading-none tracking-[-0.04em] sm:text-[76px]" style="font-family:var(--font-heading)">$20</h2><span class="whitespace-pre-line pb-2 text-[13.5px] leading-tight text-white/60">per month,
4929per live site</span></div><p class="mt-4 max-w-[280px] text-[15px] leading-[1.6] text-white/70">One live site included. Every additional live site is another $20 a month, and drafts stay free.</p><a href="https://app.mondovo.com/auth/register?src=pricing&amp;plan=pro" class="group mt-7 inline-flex items-center gap-2 rounded-full bg-white px-5 py-3 text-[14px] font-bold text-[var(--color-ink)] transition hover:bg-[var(--color-primary-light)]">Start free<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 transition group-hover:translate-x-0.5" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div><div class="self-center sm:border-l sm:border-white/10 sm:pl-10"><ul class="grid gap-3"><li class="flex items-start gap-2.5 text-[14.5px] leading-snug text-white/90"><span class="mt-[2px] grid h-4 w-4 shrink-0 place-items-center rounded-full" style="background:var(--color-accent)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-2.5 w-2.5" aria-hidden="true" style="color:var(--color-accent-ink)"><path d="M20 6 9 17l-5-5"></path></svg></span>1 live site included, more at $20/month each</li><li class="flex items-start gap-2.5 text-[14.5px] leading-snug text-white/90"><span class="mt-[2px] grid h-4 w-4 shrink-0 place-items-center rounded-full" style="background:var(--color-accent)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-2.5 w-2.5" aria-hidden="true" style="color:var(--color-accent-ink)"><path d="M20 6 9 17l-5-5"></path></svg></span>50 draft sites to explore directions</li><li class="flex items-start gap-2.5 text-[14.5px] leading-snug text-white/90"><span class="mt-[2px] grid h-4 w-4 shrink-0 place-items-center rounded-full" style="background:var(--color-accent)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-2.5 w-2.5" aria-hidden="true" style="color:var(--color-accent-ink)"><path d="M20 6 9 17l-5-5"></path></svg></span>Your own domain, hosting and SSL</li><li class="flex items-start gap-2.5 text-[14.5px] leading-snug text-white/90"><span class="mt-[2px] grid h-4 w-4 shrink-0 place-items-center rounded-full" style="background:var(--color-accent)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-2.5 w-2.5" aria-hidden="true" style="color:var(--color-accent-ink)"><path d="M20 6 9 17l-5-5"></path></svg></span>Unlimited AI refinements and edits</li><li class="flex items-start gap-2.5 text-[14.5px] leading-snug text-white/90"><span class="mt-[2px] grid h-4 w-4 shrink-0 place-items-center rounded-full" style="background:var(--color-accent)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-2.5 w-2.5" aria-hidden="true" style="color:var(--color-accent-ink)"><path d="M20 6 9 17l-5-5"></path></svg></span>Unlimited form submissions and enquiries</li><li class="flex items-start gap-2.5 text-[14.5px] leading-snug text-white/90"><span class="mt-[2px] grid h-4 w-4 shrink-0 place-items-center rounded-full" style="background:var(--color-accent)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check h-2.5 w-2.5" aria-hidden="true" style="color:var(--color-accent-ink)"><path d="M20 6 9 17l-5-5"></path></svg></span>3 team members, $10/month for each extra</li></ul><p class="mt-5 border-t border-white/10 pt-4 text-[12.5px] leading-[1.6] text-white/55">Each live site also brings 200 credits a month for images, video and the voice assistant.</p></div></div></div><div class="flex flex-col rounded-[26px] border bg-white p-7 sm:p-9" style="border-color:var(--color-line-dark)"><span class="text-[11px] font-bold uppercase tracking-[0.12em]" style="color:var(--color-muted)">Free</span><h2 class="mt-4 text-[34px] font-bold leading-none tracking-[-0.03em]" style="font-family:var(--font-heading)">Free</h2><p class="mt-4 text-[15px] leading-[1.6]" style="color:var(--color-muted)">Explore the builder, generate real designs and publish one site on a Mondovo subdomain. No credit card.</p><ul class="mb-7 mt-6 space-y-2.5"><li class="flex items-start gap-2.5 text-[14px]" style="color:var(--color-ink)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-[3px] h-3.5 w-3.5 shrink-0" aria-hidden="true" style="color:var(--color-accent-dark)"><path d="M20 6 9 17l-5-5"></path></svg>5 draft sites</li><li class="flex items-start gap-2.5 text-[14px]" style="color:var(--color-ink)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-[3px] h-3.5 w-3.5 shrink-0" aria-hidden="true" style="color:var(--color-accent-dark)"><path d="M20 6 9 17l-5-5"></path></svg>1 published site on a Mondovo subdomain</li><li class="flex items-start gap-2.5 text-[14px]" style="color:var(--color-ink)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-[3px] h-3.5 w-3.5 shrink-0" aria-hidden="true" style="color:var(--color-accent-dark)"><path d="M20 6 9 17l-5-5"></path></svg>50 AI refinements a month</li><li class="flex items-start gap-2.5 text-[14px]" style="color:var(--color-ink)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-[3px] h-3.5 w-3.5 shrink-0" aria-hidden="true" style="color:var(--color-accent-dark)"><path d="M20 6 9 17l-5-5"></path></svg>50 credits a month</li></ul><p class="mb-6 text-[12.5px] leading-[1.6]" style="color:var(--color-muted)">Your own domain needs a live site on Pro.</p><a href="https://app.mondovo.com/auth/register?src=pricing&amp;plan=free" class="mt-auto inline-flex items-center justify-center rounded-full border px-5 py-3 text-[14px] font-bold transition hover:bg-[var(--color-paper-dark)]" style="border-color:var(--color-ink);color:var(--color-ink)">Start free</a></div></div></section><section id="model" class="px-5 py-20 sm:px-8 lg:py-28"><div class="mx-auto max-w-[1100px]"><div class="max-w-[640px]"><p class="text-[11.5px] font-bold uppercase tracking-[0.18em]" style="color:var(--color-primary-dark)">The whole model</p><h2 class="mt-4 text-balance text-[clamp(1.9rem,3.6vw,2.9rem)] font-bold leading-[1.1] tracking-[-0.03em]" style="font-family:var(--font-heading)">You pay for sites that are live. Nothing before that.</h2><p class="mt-5 text-[16.5px] leading-[1.7]" style="color:var(--color-muted)">
4929Most of the work on a site happens before anything goes live: the description, the designs, the round of changes, the review. None of that is billed. The meter starts when a site is published and stops when it is not.</p></div><div class="mt-12 grid gap-10 lg:grid-cols-[minmax(0,1.1fr)_minmax(0,0.9fr)] lg:gap-14"><ol class="grid gap-5"><li class="flex gap-5 rounded-[20px] border p-5 sm:p-6" style="border-color:var(--color-band-edge);background:var(--color-paper-dark)"><span class="grid h-8 w-8 shrink-0 place-items-center rounded-full text-[13px] font-bold" style="background:var(--color-secondary);color:var(--color-accent)">1</span><div class="min-w-0"><h3 class="text-[17px] font-bold tracking-[-0.01em]">Draft, compare and refine — free</h3><p class="mt-2 text-[14.5px] leading-[1.65]" style="color:var(--color-muted)">Generate designs, sit them side by side, refine the one you like and share it for review. Up to 50 drafts on Pro, 5 on the free plan. No charge at any point.</p></div></li><li class="flex gap-5 rounded-[20px] border p-5 sm:p-6" style="border-color:var(--color-band-edge);background:var(--color-paper-dark)"><span class="grid h-8 w-8 shrink-0 place-items-center rounded-full text-[13px] font-bold" style="background:var(--color-secondary);color:var(--color-accent)">2</span><div class="min-w-0"><h3 class="text-[17px] font-bold tracking-[-0.01em]">Publish — $20 a month starts for that site</h3><p class="mt-2 text-[14.5px] leading-[1.65]" style="color:var(--color-muted)">Connect your domain and go live. That site becomes $20 a month from the day it is published. Your first live site is included in the first $20.</p></div></li><li class="flex gap-5 rounded-[20px] border p-5 sm:p-6" style="border-color:var(--color-band-edge);background:var(--color-paper-dark)"><span class="grid h-8 w-8 shrink-0 place-items-center rounded-full text-[13px] font-bold" style="background:var(--color-secondary);color:var(--color-accent)">3</span><div class="min-w-0"><h3 class="text-[17px] font-bold tracking-[-0.01em]">Take it offline — billing stops</h3><p class="mt-2 text-[14.5px] leading-[1.65]" style="color:var(--color-muted)">If a site is retired, unpublish it and the $20 stops. The current month is not refunded, and the site stays in your workspace as a draft.</p></div></li></ol><div class="lg:pt-2"><p class="mb-4 text-[11.5px] font-bold uppercase tracking-[0.16em]" style="color:var(--color-muted)">Work it out</p><div class="rounded-[26px] border p-6 sm:p-8" style="border-color:var(--color-band-edge);background:var(--color-paper)"><div class="flex flex-wrap items-end justify-between gap-4"><div><p class="text-[13px] font-semibold" style="color:var(--color-ink)">Live sites</p><div class="mt-3 flex items-center gap-3"><button type="button" aria-label="One fewer live site" class="grid h-9 w-9 place-items-center rounded-full border transition hover:bg-[var(--color-paper-dark)]" style="border-color:var(--color-band-edge)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-minus h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path></svg></button><span class="min-w-[3ch] text-center text-[34px] font-bold leading-none tracking-[-0.03em]" style="font-family:var(--font-heading)">3</span><button type="button" aria-label="One more live site" class="grid h-9 w-9 place-items-center rounded-full border transition hover:bg-[var(--color-paper-dark)]" style="border-color:var(--color-band-edge)"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg></button></div></div><div class="text-right"><p class="text-[13px]" style="color:var(--color-muted)">Per month</p><p class="mt-2 text-[40px] font-bold leading-none tracking-[-0.04em]" style="font-family:var(--font-heading);color:var(--color-ink)">$<!-- -->60</p></div></div><label class="mt-6 flex cursor-pointer items-start gap-3 border-t pt-5" style="border-color:var(--color-band-edge)"><input type="checkbox" class="mt-1 h-4 w-4 shrink-0 accent-[var(--color-primary)]"/><span class="text-[14px] leading-[1.6]" style="color:var(--color-muted)">Add the Agency add-on — $99 a month, flat, however many sites you run</span></label><a href="https://app.mondovo.com/auth/register?src=pricing-calculator&amp;sites=3" class="mt-6 inline-flex min-h-12 w-full items-center justify-center gap-2 rounded-[14px] px-5 text-[15px] font-extrabold text-white transition hover:-translate-y-0.5" style="background:var(--color-primary);box-shadow:0 14px 34px rgba(90,67,255,0.28)">Start free with this setup<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><p class="mt-5 text-[12.5px] leading-[1.6]" style="color:var(--color-muted)">Arithmetic, not a quote. Drafts are not counted here, because they are free.</p></div></div></div></div></section><section id="agency-addon" class="px-5 pb-6 sm:px-8"><div class="mx-auto max-w-[1100px] overflow-hidden rounded-[26px] p-7 sm:p-10 lg:p-12" style="background:var(--color-band);border:1px solid var(--color-band-edge)"><div class="grid gap-9 lg:grid-cols-[minmax(0,0.85fr)_minmax(0,1.15fr)] lg:gap-14"><div><p class="text-[11.5px] font-bold uppercase tracking-[0.16em]" style="color:var(--color-primary-dark)">Agency add-on</p><h2 class="mt-4 text-[clamp(1.8rem,3.2vw,2.5rem)] font-bold leading-[1.1] tracking-[-0.03em]" style="font-family:var(--font-heading)">One add-on, for agencies delivering under their own name.</h2><div class="mt-6 flex items-end gap-2"><span class="text-[46px] font-bold leading-none tracking-[-0.04em]" style="font-family:var(--font-heading)">$99</span><span class="pb-1.5 text-[13.5px]" style="color:var(--color-muted)">a month, on any plan</span></div><p class="mt-5 text-[15px] leading-[1.65]" style="color:var(--color-muted)">Flat, and not per site. It is the only thing on this page that is not included in the $20, and the only way to unlock white-label delivery, the API and the outreach tools.</p></div><ul class="grid gap-4 self-center sm:grid-cols-2"><li class="rounded-[18px] bg-white p-5" style="border:1px solid var(--color-band-edge)"><h3 class="text-[15px] font-bold tracking-[-0.01em]">White-label delivery</h3><p class="mt-2 text-[13.5px] leading-[1.6]" style="color:var(--color-muted)">Your agency&#x27;s name on the review links and the screens your client sees, instead of ours.</p></li><li class="rounded-[18px] bg-white p-5" style="border:1px solid var(--color-band-edge)"><h3 class="text-[15px] font-bold tracking-[-0.01em]">API access</h3><p class="mt-2 text-[13.5px] leading-[1.6]" style="color:var(--color-muted)">Build Mondovo into your own tooling and workflows.</p></li><li class="rounded-[18px] bg-white p-5" style="border:1px solid var(--color-band-edge)"><h3 class="text-[15px] font-bold tracking-[-0.01em]">Prospecting and previews</h3><p class="mt-2 text-[13.5px] leading-[1.6]" style="color:var(--color-muted)">2,000 prospects and 200 generated previews a month, for pitching new clients with a real site rather than a deck.</p></li><li class="rounded-[18px] bg-white p-5" style="border:1px solid var(--color-band-edge)"><h3 class="text-[15px] font-bold tracking-[-0.01em]">Outreach email</h3><p class="mt-2 text-[13.5px] leading-[1.6]" style="color:var(--color-muted)">1,000 emails a month from your own sender accounts.</p></li></ul></div></div></section><section id="included" class="px-5 py-20 sm:px-8 lg:py-28"><div class="mx-auto max-w-[1000px]"><div class="max-w-[640px]"><p class="text-[11.5px] font-bold uppercase tracking-[0.18em]" style="color:var(--color-primary-dark)">In the $20</p><h2 class="mt-4 text-balance text-[clamp(1.9rem,3.6vw,2.9rem)] font-bold leading-[1.1] tracking-[-0.03em]" style="font-family:var(--font-heading)">What a live site includes.</h2><p class="mt-5 text-[16.5px] leading-[1.7]" style="color:var(--color-muted)">The site, and the things around it that bring customers in and keep them. Part of the price, not a tier above it.</p></div><div class="mt-10"><div class="mb-3 flex flex-wrap items-baseline justify-between gap-x-4 gap-y-1 px-1"><h3 class="text-[12px] font-bold uppercase tracking-[0.16em]" style="color:var(--color-primary-dark)">The website</h3></div><div class="overflow-hidden rounded-[22px] border bg-white" style="border-color:var(--color-band-edge)"><div class="grid gap-2 border-b px-6 py-5 last:border-0 sm:grid-cols-[minmax(0,0.6fr)_minmax(0,1fr)] sm:gap-8 sm:py-6" style="border-color:var(--color-band-edge)"><h3 class="flex items-start gap-2.5 text-[15px] font-bold tracking-[-0.01em]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-[3px] h-4 w-4 shrink-0" aria-hidden="true" style="color:var(--color-accent-dark)"><path d="M20 6 9 17l-5-5"></path></svg>Multi-page websites</h3><p class="text-[14.5px] leading-[1.65] sm:pt-[1px]" style="color:var(--color-muted)">Complete sites with real page architecture and navigation, not a single screen. Add pages whenever you need them.</p></div><div class="grid gap-2 border-b px-6 py-5 last:border-0 sm:grid-cols-[minmax(0,0.6fr)_minmax(0,1fr)] sm:gap-8 sm:py-6" style="border-color:var(--color-band-edge)"><h3 class="flex items-start gap-2.5 text-[15px] font-bold tracking-[-0.01em]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-[3px] h-4 w-4 shrink-0" aria-hidden="true" style="color:var(--color-accent-dark)"><path d="M20 6 9 17l-5-5"></path></svg>Up to 10 designs per site</h3><p class="text-[14.5px] leading-[1.65] sm:pt-[1px]" style="color:var(--color-muted)">Generate more rounds until one is right, compare them side by side, and switch the live design whenever you change your mind.</p></div><div class="grid gap-2 border-b px-6 py-5 last:border-0 sm:grid-cols-[minmax(0,0.6fr)_minmax(0,1fr)] sm:gap-8 sm:py-6" style="border-color:var(--color-band-edge)"><h3 class="flex items-start gap-2.5 text-[15px] font-bold tracking-[-0.01em]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-[3px] h-4 w-4 shrink-0" aria-hidden="true" style="color:var(--color-accent-dark)"><path d="M20 6 9 17l-5-5"></path></svg>Visual editing and AI refinement</h3><p class="text-[14.5px] leading-[1.65] sm:pt-[1px]" style="color:var(--color-muted)">Change anything on the page directly, or describe the change and let the assistant make it. Both land in version history, so anything can be undone.</p></div><div class="grid gap-2 border-b px-6 py-5 last:border-0 sm:grid-cols-[minmax(0,0.6fr)_minmax(0,1fr)] sm:gap-8 sm:py-6" style="border-color:var(--color-band-edge)"><h3 class="flex items-start gap-2.5 text-[15px] font-bold tracking-[-0.01em]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-[3px] h-4 w-4 shrink-0" aria-hidden="true" style="color:var(--color-accent-dark)"><path d="M20 6 9 17l-5-5"></path></svg>Review links</h3><p class="text-[14.5px] leading-[1.65] sm:pt-[1px]" style="color:var(--color-muted)">Share a preview on desktop and mobile. Whoever you send it to clicks the thing they want changed and leaves a note against that element.</p></div><div class="grid gap-2 border-b px-6 py-5 last:border-0 sm:grid-cols-[minmax(0,0.6fr)_minmax(0,1fr)] sm:gap-8 sm:py-6" style="border-color:var(--color-band-edge)"><h3 class="flex items-start gap-2.5 text-[15px] font-bold tracking-[-0.01em]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-[3px] h-4 w-4 shrink-0" aria-hidden="true" style="color:var(--color-accent-dark)"><path d="M20 6 9 17l-5-5"></path></svg>SEO, per page</h3><p class="text-[14.5px] leading-[1.65] sm:pt-[1px]" style="color:var(--color-muted)">Titles, descriptions, sitemaps and structured data managed page by page.</p></div><div class="grid gap-2 border-b px-6 py-5 last:border-0 sm:grid-cols-[minmax(0,0.6fr)_minmax(0,1fr)] sm:gap-8 sm:py-6" style="border-color:var(--color-band-edge)"><h3 class="flex items-start gap-2.5 text-[15px] font-bold tracking-[-0.01em]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-[3px] h-4 w-4 shrink-0" aria-hidden="true" style="color:var(--color-accent-dark)"><path d="M20 6 9 17l-5-5"></path></svg>Domain, hosting and SSL</h3><p class="text-[14.5px] leading-[1.65] sm:pt-[1px]" style="color:var(--color-muted)">Connect your domain and publish static pages to a global CDN. Certificates are handled.</p></div></div></div><div class="mt-8"><div class="mb-3 flex flex-wrap items-baseline justify-between gap-x-4 gap-y-1 px-1"><h3 class="text-[12px] font-bold uppercase tracking-[0.16em]" style="color:var(--color-primary-dark)">Customers</h3></div><div class="overflow-hidden rounded-[22px] border bg-white" style="border-color:var(--color-band-edge)"><div class="grid gap-2 border-b px-6 py-5 last:border-0 sm:grid-cols-[minmax(0,0.6fr)_minmax(0,1fr)] sm:gap-8 sm:py-6" style="border-color:var(--color-band-edge)"><h3 class="flex items-start gap-2.5 text-[15px] font-bold tracking-[-0.01em]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-[3px] h-4 w-4 shrink-0" aria-hidden="true" style="color:var(--color-accent-dark)"><path d="M20 6 9 17l-5-5"></path></svg>An inbox for every site</h3><p class="text-[14.5px] leading-[1.65] sm:pt-[1px]" style="color:var(--color-muted)">Form submissions, enquiries and website chat in one place, with no third-party form service. Each person who gets in touch becomes a contact.</p></div><div class="grid gap-2 border-b px-6 py-5 last:border-0 sm:grid-cols-[minmax(0,0.6fr)_minmax(0,1fr)] sm:gap-8 sm:py-6" style="border-color:var(--color-band-edge)"><h3 class="flex items-start gap-2.5 text-[15px] font-bold tracking-[-0.01em]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-[3px] h-4 w-4 shrink-0" aria-hidden="true" style="color:var(--color-accent-dark)"><path d="M20 6 9 17l-5-5"></path></svg>Contacts</h3><p class="text-[14.5px] leading-[1.65] sm:pt-[1px]" style="color:var(--color-muted)">A timeline for each person, with tags, notes, custom fields and saved segments. Export them whenever you like.</p></div><div class="grid gap-2 border-b px-6 py-5 last:border-0 sm:grid-cols-[minmax(0,0.6fr)_minmax(0,1fr)] sm:gap-8 sm:py-6" style="border-color:var(--color-band-edge)"><h3 class="flex items-start gap-2.5 text-[15px] font-bold tracking-[-0.01em]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-[3px] h-4 w-4 shrink-0" aria-hidden="true" style="color:var(--color-accent-dark)"><path d="M20 6 9 17l-5-5"></path></svg>Website chat</h3><p class="text-[14.5px] leading-[1.65] sm:pt-[1px]" style="color:var(--color-muted)">Answers visitors from what your site says. Conversations land i
4929n the inbox, and a visitor who leaves their details becomes a contact.</p></div></div></div><div class="mt-8"><div class="mb-3 flex flex-wrap items-baseline justify-between gap-x-4 gap-y-1 px-1"><h3 class="text-[12px] font-bold uppercase tracking-[0.16em]" style="color:var(--color-primary-dark)">Marketing</h3></div><div class="overflow-hidden rounded-[22px] border bg-white" style="border-color:var(--color-band-edge)"><div class="grid gap-2 border-b px-6 py-5 last:border-0 sm:grid-cols-[minmax(0,0.6fr)_minmax(0,1fr)] sm:gap-8 sm:py-6" style="border-color:var(--color-band-edge)"><h3 class="flex items-start gap-2.5 text-[15px] font-bold tracking-[-0.01em]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-[3px] h-4 w-4 shrink-0" aria-hidden="true" style="color:var(--color-accent-dark)"><path d="M20 6 9 17l-5-5"></path></svg>Social posts</h3><p class="text-[14.5px] leading-[1.65] sm:pt-[1px]" style="color:var(--color-muted)">Planned on a calendar and published to your Instagram and Facebook accounts when you schedule them.</p></div><div class="grid gap-2 border-b px-6 py-5 last:border-0 sm:grid-cols-[minmax(0,0.6fr)_minmax(0,1fr)] sm:gap-8 sm:py-6" style="border-color:var(--color-band-edge)"><h3 class="flex items-start gap-2.5 text-[15px] font-bold tracking-[-0.01em]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-[3px] h-4 w-4 shrink-0" aria-hidden="true" style="color:var(--color-accent-dark)"><path d="M20 6 9 17l-5-5"></path></svg>Email campaigns</h3><p class="text-[14.5px] leading-[1.65] sm:pt-[1px]" style="color:var(--color-muted)">Drafted for a list or a saved segment, and sent by you from your own verified domain.</p></div><div class="grid gap-2 border-b px-6 py-5 last:border-0 sm:grid-cols-[minmax(0,0.6fr)_minmax(0,1fr)] sm:gap-8 sm:py-6" style="border-color:var(--color-band-edge)"><h3 class="flex items-start gap-2.5 text-[15px] font-bold tracking-[-0.01em]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-[3px] h-4 w-4 shrink-0" aria-hidden="true" style="color:var(--color-accent-dark)"><path d="M20 6 9 17l-5-5"></path></svg>Follow-ups</h3><p class="text-[14.5px] leading-[1.65] sm:pt-[1px]" style="color:var(--color-muted)">Email sequences started by a form, a booking or a segment, saved switched off until you turn them on.</p></div><div class="grid gap-2 border-b px-6 py-5 last:border-0 sm:grid-cols-[minmax(0,0.6fr)_minmax(0,1fr)] sm:gap-8 sm:py-6" style="border-color:var(--color-band-edge)"><h3 class="flex items-start gap-2.5 text-[15px] font-bold tracking-[-0.01em]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-[3px] h-4 w-4 shrink-0" aria-hidden="true" style="color:var(--color-accent-dark)"><path d="M20 6 9 17l-5-5"></path></svg>Reviews and ad results</h3><p class="text-[14.5px] leading-[1.65] sm:pt-[1px]" style="color:var(--color-muted)">Replies drafted for new Google reviews, and your Meta ad results read into the same place.</p></div></div></div><div class="mt-8"><div class="mb-3 flex flex-wrap items-baseline justify-between gap-x-4 gap-y-1 px-1"><h3 class="text-[12px] font-bold uppercase tracking-[0.16em]" style="color:var(--color-primary-dark)">Creative Studio</h3><p class="text-[12.5px]" style="color:var(--color-muted)">Uses credits</p></div><div class="overflow-hidden rounded-[22px] border bg-white" style="border-color:var(--color-band-edge)"><div class="grid gap-2 border-b px-6 py-5 last:border-0 sm:grid-cols-[minmax(0,0.6fr)_minmax(0,1fr)] sm:gap-8 sm:py-6" style="border-color:var(--color-band-edge)"><h3 class="flex items-start gap-2.5 text-[15px] font-bold tracking-[-0.01em]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-[3px] h-4 w-4 shrink-0" aria-hidden="true" style="color:var(--color-accent-dark)"><path d="M20 6 9 17l-5-5"></path></svg>Images, video and a logo</h3><p class="text-[14.5px] leading-[1.65] sm:pt-[1px]" style="color:var(--color-muted)">Social posts, carousels, ads, short videos and a logo, in the colours of your site.</p></div><div class="grid gap-2 border-b px-6 py-5 last:border-0 sm:grid-cols-[minmax(0,0.6fr)_minmax(0,1fr)] sm:gap-8 sm:py-6" style="border-color:var(--color-band-edge)"><h3 class="flex items-start gap-2.5 text-[15px] font-bold tracking-[-0.01em]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-[3px] h-4 w-4 shrink-0" aria-hidden="true" style="color:var(--color-accent-dark)"><path d="M20 6 9 17l-5-5"></path></svg>200 credits a month per live site</h3><p class="text-[14.5px] leading-[1.65] sm:pt-[1px]" style="color:var(--color-muted)">For images, video and the voice assistant. The price of each piece is shown before it is made, and top-up packs are there if you need more.</p></div></div></div><div class="mt-8"><div class="mb-3 flex flex-wrap items-baseline justify-between gap-x-4 gap-y-1 px-1"><h3 class="text-[12px] font-bold uppercase tracking-[0.16em]" style="color:var(--color-primary-dark)">Your assistant</h3></div><div class="overflow-hidden rounded-[22px] border bg-white" style="border-color:var(--color-band-edge)"><div class="grid gap-2 border-b px-6 py-5 last:border-0 sm:grid-cols-[minmax(0,0.6fr)_minmax(0,1fr)] sm:gap-8 sm:py-6" style="border-color:var(--color-band-edge)"><h3 class="flex items-start gap-2.5 text-[15px] font-bold tracking-[-0.01em]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check mt-[3px] h-4 w-4 shrink-0" aria-hidden="true" style="color:var(--color-accent-dark)"><path d="M20 6 9 17l-5-5"></path></svg>
4929Build from Claude or ChatGPT</h3><p class="text-[14.5px] leading-[1.65] sm:pt-[1px]" style="color:var(--color-muted)">The connector lets an assistant you already use build and edit the site, draft the marketing and make creative, inside that conversation.</p></div></div></div></div></section><section id="faq" class="px-5 pb-20 sm:px-8 lg:pb-28"><div class="mx-auto max-w-[820px]"><p class="text-[11.5px] font-bold uppercase tracking-[0.18em]" style="color:var(--color-primary-dark)">Questions</p><h2 class="mt-4 text-balance text-[clamp(1.9rem,3.6vw,2.9rem)] font-bold leading-[1.1] tracking-[-0.03em]" style="font-family:var(--font-heading)">Pricing, without the fine print.</h2><div class="mt-9 divide-y rounded-[22px] border bg-white px-6" style="border-color:var(--color-band-edge)"><details class="group py-5"><summary class="flex cursor-pointer list-none items-center justify-between gap-6 text-[15.5px] font-bold tracking-[-0.01em]">What counts as a live site?<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus h-4 w-4 shrink-0 transition group-open:rotate-45" aria-hidden="true" style="color:var(--color-primary)"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg></summary><p class="mt-3 max-w-[680px] text-[14.5px] leading-[1.7]" style="color:var(--color-muted)">A site you have published. Until you press publish it is a draft, and drafts cost nothing however long you keep them or however many designs you generate on them.</p></details><details class="group py-5"><summary class="flex cursor-pointer list-none items-center justify-between gap-6 text-[15.5px] font-bold tracking-[-0.01em]">Do drafts really cost nothing?<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus h-4 w-4 shrink-0 transition group-open:rotate-45" aria-hidden="true" style="color:var(--color-primary)"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg></summary><p class="mt-3 max-w-[680px] text-[14.5px] leading-[1.7]" style="color:var(--color-muted)">Nothing. You get 50 draft sites on Pro and 5 on the free plan, and you can generate designs, refine them and send them for review without paying. Most of the work happens before anyone has agreed to anything, so none of it is billed.</p></details><details class="group py-5"><summary class="flex cursor-pointer list-none items-center justify-between gap-6 text-[15.5px] font-bold tracking-[-0.01em]">What happens if I take a site offline?<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus h-4 w-4 shrink-0 transition group-open:rotate-45" aria-hidden="true" style="color:var(--color-primary)"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg></summary><p class="mt-3 max-w-[680px] text-[14.5px] leading-[1.7]" style="color:var(--color-muted)">Unpublish it and the $20 for that site stops. The current month is not refunded. The site stays in your workspace as a draft, so you can put it back later.</p></details><details class="group py-5"><summary class="flex cursor-pointer list-none items-center justify-between gap-6 text-[15.5px] font-bold tracking-[-0.01em]">Is white-label included?<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus h-4 w-4 shrink-0 transition group-open:rotate-45" aria-hidden="true" style="color:var(--color-primary)"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg></summary><p class="mt-3 max-w-[680px] text-[14.5px] leading-[1.7]" style="color:var(--color-muted)">No. White-label is part of the Agency add-on at $99 a month, on any plan. Without it you can still share review links and publish to the client&#x27;s domain — the add-on is what puts your agency&#x27;s name on those screens in place of ours, and it also unlocks the API and the outreach tools.</p></details>
4929<details class="group py-5"><summary class="flex cursor-pointer list-none items-center justify-between gap-6 text-[15.5px] font-bold tracking-[-0.01em]">How many people can work in the account?<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus h-4 w-4 shrink-0 transition group-open:rotate-45" aria-hidden="true" style="color:var(--color-primary)"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg></summary><p class="mt-3 max-w-[680px] text-[14.5px] leading-[1.7]" style="color:var(--color-muted)">Three team members are included on Pro, and each additional seat is $10 a month. The free plan is a single seat.</p></details><details class="group py-5"><summary class="flex cursor-pointer list-none items-center justify-between gap-6 text-[15.5px] font-bold tracking-[-0.01em]">Can I use a custom domain on the free plan?<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus h-4 w-4 shrink-0 transition group-open:rotate-45" aria-hidden="true" style="color:var(--color-primary)"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg></summary><p class="mt-3 max-w-[680px] text-[14.5px] leading-[1.7]" style="color:var(--color-muted)">No. The free plan publishes one site to a Mondovo subdomain, with no card needed. Your own domain needs the site to be live on Pro, which asks for a card.</p></details><details class="group py-5"><summary class="flex cursor-pointer list-none items-center justify-between gap-6 text-[15.5px] font-bold tracking-[-0.01em]">What are credits, and do they expire?<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus h-4 w-4 shrink-0 transition group-open:rotate-45" aria-hidden="true" style="color:var(--color-primary)"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg></summary><p class="mt-3 max-w-[680px] text-[14.5px] leading-[1.7]" style="color:var(--color-muted)">Credits cover AI-generated images and video, the voice assistant, and keyword and review data. Every live Pro site brings 200 a month, and free accounts get 50. Building, refining, chatting and publishing never use them. The monthly ones are replaced at each billing date, so they do not roll over. Credits you buy as a top-up pack last 12 months from the day you buy them, and we always spend whichever credits are closest to expiring first — so you cannot lose a pack while this month&#x27;s allowance sits untouched.</p></details><details class="group py-5"><summary class="flex cursor-pointer list-none items-center justify-between gap-6 text-[15.5px] font-bold tracking-[-0.01em]">Do the marketing tools and Creative Studio cost extra?<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus h-4 w-4 shrink-0 transition group-open:rotate-45" aria-hidden="true" style="color:var(--color-primary)"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg></summary><p class="mt-3 max-w-[680px] text-[14.5px] leading-[1.7]" style="color:var(--color-muted)">No subscription on top. Posts, email campaigns, follow-ups and the inbox come with the site. Images and video from Creative Studio use credits, while queueing a post or rewriting a draft uses none. To send email campaigns you connect your own sending account on a domain you have verified.</p></details><details class="group py-5"><summary class="flex cursor-pointer list-none items-center justify-between gap-6 text-[15.5px] font-bold tracking-[-0.01em]">Do you charge per page, per visitor or per form submission?<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-plus h-4 w-4 shrink-0 transition group-open:rotate-45" aria-hidden="true" style="color:var(--color-primary)"><path d="M5 12h14"></path><path d="M12 5v14"></path></svg></summary><p class="mt-3 max-w-[680px] text-[14.5px] leading-[1.7]" style="color:var(--color-muted)">No. A site is one price whether it has five pages or fifty, and neither its traffic nor the enquiries it collects change what you pay.</p></details></div></div></section><section id="cta" class="px-5 pb-24 sm:px-8 lg:pb-32"><div class="mx-auto max-w-[1000px] rounded-[26px] p-8 text-center sm:p-14" style="background:var(--color-secondary);color:white;box-shadow:var(--shadow-studio)"><p class="text-[11.5px] font-bold uppercase tracking-[0.16em]" style="color:var(--color-accent)">Start with the brief you already have</p><h2 class="mx-auto mt-4 max-w-[700px] text-balance text-[clamp(1.9rem,3.8vw,3rem)] font-bold leading-[1.08] tracking-[-0.03em]" style="font-family:var(--font-heading)">Build the first one free.</h2><p class="mx-auto mt-5 max-w-[560px] text-[16px] leading-[1.7] text-white/70">Paste your current website, or just describe the business. You will have three complete designs before you decide whether anything here is worth $20.</p><a href="https://app.mondovo.com/auth/register?src=pricing" class="mt-8 inl
4929ine-flex min-h-11 items-center gap-2 rounded-full px-6 py-3 text-[14px] font-bold text-white transition hover:bg-[var(--color-primary-dark)]" style="background:var(--color-primary)">Start free<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4" aria-hidden="true"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></section></main><footer class="relative border-t bg-white" style="border-color:var(--color-line-dark)"><div class="mx-auto max-w-[1200px] px-5 pb-10 pt-16 sm:px-8 lg:pt-20"><div class="grid gap-12 lg:grid-cols-[minmax(0,1.1fr)_minmax(0,3.4fr)]"><div><a href="/" class="inline-flex items-center" aria-label="Mondovo home"><img src="https://site-assets.mondovo.com/sites/123f10d5-3362-4e0b-8092-c89a31d01253/rehosted/t5sKQd4XNJ_L.png" alt="Mondovo" class="h-8 w-auto" draggable="false"/></a><p class="mt-5 max-w-[340px] text-[14.5px] leading-[1.65]" style="color:var(--color-muted)">Websites, marketing and creative for any business, from one description. With the tools to keep it all running, for one site or a book of clients.</p><span class="mt-6 inline-flex items-center gap-2 rounded-full border px-3 py-1.5 text-[11.5px] font-semibold" style="border-color:var(--color-line-dark);color:var(--color-muted)"><span class="h-1.5 w-1.5 rounded-full" style="background:var(--color-accent-dark)"></span>This site was built with Mondovo</span></div><div class="grid grid-cols-2 gap-x-8 gap-y-10 sm:grid-cols-3 lg:grid-cols-5"><div><h3 class="text-[11px] font-bold uppercase tracking-[0.16em]" style="color:var(--color-muted)">Product</h3><ul class="mt-4 space-y-2.5"><li><a href="/platform" class="text-[14px] font-medium transition hover:opacity-70" style="color:var(--color-ink)">Platform</a></li><li><a href="/marketing" class="text-[14px] font-medium transition hover:opacity-70" style="color:var(--color-ink)">Marketing</a></li><li><a href="/creative-studio" class="text-[14px] font-medium transition hover:opacity-70" style="color:var(--color-ink)">Creative Studio</a></li><li><a href="/how-it-works" class="text-[14px] font-medium transition hover:opacity-70" style="color:var(--color-ink)">How it works</a></li><li><a href="/showcase" class="text-[14px] font-medium transition hover:opacity-70" style="color:var(--color-ink)">Showcase</a></li><li><a href="/redesign-a-website" class="text-[14px] font-medium transition hover:opacity-70" style="color:var(--color-ink)">Redesign a website</a></li><li><a href="/client-delivery" class="text-[14px] font-medium transition hover:opacity-70" style="color:var(--color-ink)">Client delivery</a></li><li><a href="/mcp" class="text-[14px] font-medium transition hover:opacity-70" style="color:var(--color-ink)">Run it from your assistant</a></li><li><a href="/pricing" class="text-[14px] font-medium transition hover:opacity-70" style="color:var(--color-ink)">Pricing</a></li></ul></div><div><h3 class="text-[11px] font-bold uppercase tracking-[0.16em]" style="color:var(--color-muted)">For agencies</h3><ul class="mt-4 space-y-2.5"><li><a href="/for-agencies" class="text-[14px] font-medium transition hover:opacity-70" style="color:var(--color-ink)">Agencies overview</a></li><li><a href="/for/marketing-agencies" class="text-[14px] font-medium transition hover:opacity-70" style="color:var(--color-ink)">Marketing agencies</a></li><li><a href="/for/seo-agencies" class="text-[14px] font-medium transition hover:opacity-70" style="color:var(--color-ink)">SEO agencies</a></li><li><a href="/for/design-studios" class="text-[14px] font-medium transition hover:opacity-70" style="color:var(--color-ink)">Design studios</a></li><li><a href="/for/freelancers" class="text-[14px] font-medium transition hover:opacity-70" style="color:var(--color-ink)">Freelancers</a></li></ul></div><div><h3 class="text-[11px] font-bold uppercase tracking-[0.16em]" style="color:var(--color-muted)">For businesses</h3><ul class="mt-4 space-y-2.5"><li><a href="/for/small-business" class="text-[14px] font-medium transition hover:opacity-70" style="color:var(--color-ink)">Small business</a></li><li><a href="/for/restaurants" class="text-[14px] font-medium transition hover:opacity-70" style="color:var(--color-ink)">Restaurants</a></li><li><a href="/for/dental-clinics" class="text-[14px] font-medium transition hover:opacity-70" style="color:var(--color-ink)">Dental clinics</a></li><li><a href="/for/law-firms" class="text-[14px] font-medium transition hover:opacity-70" style="color:var(--color-ink)">Law firms</a></li><li><a href="/for/real-estate" class="text-[14px] font-medium transition hover:opacity-70" style="color:var(--color-ink)">Real estate</a></li><li><a href="/for/salons-and-spas" class="text-[14px] font-medium transition hover:opacity-70" style="color:var(--color-ink)">Salons and spas</a></li><li><a href="/for/trades-and-construction" class="text-[14px] font-medium transition hover:opacity-70" style="color:var(--color-ink)">Trades and construction</a></li></ul></div><div><h3 class="text-[11px] font-bold uppercase tracking-[0.16em]" style="color:var(--color-muted)">Compare</h3><ul class="mt-4 space-y-2.5"><li><a href="/compare" class="text-[14px] font-medium transition hover:opacity-70" style="color:var(--color-ink)">Why Mondovo</a></li><li><a href="/vs/wordpress" class="text-[14px] font-medium transition hover:opacity-70" style="color:var(--color-ink)">WordPress</a></li><li><a href="/vs/wix" class="text-[14px] font-medium transition hover:opacity-70" style="color:var(--color-ink)">Wix</a></li><li><a href="/vs/squarespace" class="text-[14px] font-medium transition hover:opacity-70" style="color:var(--color-ink)">Squarespace</a></li><li><a href="/vs/webflow" class="text-[14px] font-medium transition hover:opacity-70" style="color:var(--color-ink)">Webflow</a></li><li><a href="/vs/duda" class="text-[14px] font-medium transition hover:opacity-70" style="color:var(--color-ink)">Duda</a></li><li><a href="/vs/gohighlevel" class="text-[14px] font-medium transition hover:opacity-70" style="color:var(--color-ink)">GoHighLevel</a></li><li><a href="/vs/ai-site-builders" class="text-[14px] font-medium transition hover:opacity-70" style="color:var(--color-ink)">AI site builders</a></li><li><a href="/vs/hiring-a-web-designer" class="text-[14px] font-medium transition hover:opacity-70" style="color:var(--color-ink)">Hiring a designer</a></li><li><a href="/migrate/wordpress" class="text-[14px] font-medium transition hover:opacity-70" style="color:var(--color-ink)">Migrate from WordPress</a></li></ul></div><div><h3 class="text-[11px] font-bold uppercase tracking-[0.16em]" style="color:var(--color-muted)">Company</h3><ul class="mt-4 space-y-2.5"><li><a href="/about" class="text-[14px] font-medium transition hover:opacity-70" style="color:var(--color-ink)">About</a></li><li><a href="/security" class="text-[14px] font-medium transition hover:opacity-70" style="color:var(--color-ink)">Security</a></li><li><a href="/contact" class="text-[14px] font-medium transition hover:opacity-70" style="color:var(--color-ink)">Contact sales</a></li><li><a href="/help-center" class="text-[14px] font-medium transition hover:opacity-70" style="color:var(--color-ink)">Help centre</a></li><li><a href="/faq" class="text-[14px] font-medium transition hover:opacity-70" style="color:var(--color-ink)">FAQ</a></li><li><a href="/showcase" class="text-[14px] font-medium transition hover:opacity-70" style="color:var(--color-ink)">Inspiration gallery</a></li><li><a href="https://app.mondovo.com/auth/login" target="_blank" rel="noreferrer" class="text-[14px] font-medium transition hover:opacity-70" style="color:var(--color-ink)">Log in</a></li><li><a href="https://app.mondovo.com/auth/register?src=footer" target="_blank" rel="noreferrer" class="text-[14px] font-medium transition hover:opacity-70" style="color:var(--color-ink)">Start free</a></li></ul></div></div></div><div class="mt-14 flex flex-col gap-4 border-t pt-6 text-[12.5px] sm:flex-row sm:items-center sm:justify-between" style="border-color:var(--color-line-dark);color:var(--color-muted)"><span>© <!-- -->2026<!-- --> <!-- -->Mondovo<!-- -->. <!-- -->All rights reserved.</span><div class="flex flex-wrap gap-5"><a href="/privacy" class="transition hover:opacity-70">Privacy</a><a href="/terms" class="transition hover:opacity-70">Terms</a></div></div></div></footer></div></div>
4930  
4931  
4931<script>window.__SITE_DATA__ = {"siteId":"123f10d5-3362-4e0b-8092-c89a31d01253","contentUrl":"/_assets/content.json?v=2d6993d0","basePath":""};</script>
4931
4932  
4933  
4934  
4935  
4936  
4937  
4938  
4939  
4939<script>
4940  // Lottie resilience: auto-fix aspect ratio mismatches and trigger resize on load.
4941  (function(){function s(f){try{f()}catch(e){}}function p(l){if(!l||typeof l.loadAnimation!=='function')return false;if(l.__mrvLottiePatch)return true;var orig=l.loadAnimation.bind(l);l.loadAnimation=function(o){var safe=(o&&typeof o==='object')?Object.assign({},o):o;if(safe&&typeof safe==='object'){safe.rendererSettings=Object.assign({preserveAspectRatio:'xMidYMid meet'},safe.rendererSettings||{});}var anim=orig(safe);s(function(){var c=safe&&safe.container;if(!c||!anim||typeof anim.resize!=='function')return;s(function(){var d=safe.animationData||(anim.animationData);if(!d||!d.w||!d.h)return;var nr=d.w/d.h;var cs=window.getComputedStyle(c);var ar=cs.aspectRatio;if(!ar||ar==='auto')return;var ps=ar.split('/').map(function(x){return parseFloat(x.trim())});var cr=ps.length===2?ps[0]/ps[1]:ps[0];if(isNaN(cr))return;if(Math.abs(nr-cr)/Math.max(nr,cr)>0.08)c.style.aspectRatio=nr.toFixed(3);});var r=function(){s(function(){anim.resize()})};r();requestAnimationFrame(r);setTimeout(r,50);setTimeout(r,250);setTimeout(r,1000);var ro=null;if(typeof ResizeObserver!=='undefined'){ro=new ResizeObserver(r);ro.observe(c)}window.addEventListener('resize',r);var od=typeof anim.destroy==='function'?anim.destroy.bind(anim):null;anim.destroy=function(){s(function(){if(ro)ro.disconnect();window.removeEventListener('resize',r)});return od?od():undefined};});return anim;};Object.defineProperty(l,'__mrvLottiePatch',{value:true,configurable:true});return true;}if(p(window.lottie))return;var a=0;var iv=setInterval(function(){a++;if(p(window.lottie)||a>=60)clearInterval(iv)},250);})();
4942  </script>
4942
4943  
4944<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":"5b3918c3daaa4ccab12ecc64a2afbb33","r":1,"spa":2}' crossorigin="anonymous"></script>
4944
4945</body>
4946</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.