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 & 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 & 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 & 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&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&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&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'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's domain â the add-on is what puts your agency'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'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.