PageSourceSearch

https://alttextstudio.com/

html alttextstudio.com collected 2026-09-24 09:06:20 UTC 240,306 bytes, 117 lines download raw bytes

1<!DOCTYPE html><html  lang="en"><head><meta charset="utf-8">
2<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
3<title>Alt Text Generator for SEO &amp; Accessibility | Alt Text Studio</title>
4<script src="https://accounts.google.com/gsi/client" async defer></script>
vendor: 58 bytes, lines 4-5
4
5<script src="https://www.googletagmanager.com/gtag/js?id=
5G-L91CVRDY0M
vendor: 18 bytes, line 5
5" async></script>
6<style>@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap";@layer components;/*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:"";--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:host,:root{--font-sans:"Inter",system-ui,sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:#fef2f2;--color-red-100:#fee2e2;--color-red-200:#fecaca;--color-red-300:#fca5a5;--color-red-400:#f87171;--color-red-500:#ef4444;--color-red-600:#dc2626;--color-red-700:#b91c1c;--color-red-800:#991b1b;--color-red-900:#7f1d1d;--color-red-950:oklch(25.8% .092 26.042);--color-orange-50:#fffaf0;--color-orange-100:#feebc8;--color-orange-200:#fbd38d;--color-orange-300:#f6ad55;--color-orange-400:#ed8936;--color-orange-500:#dd6b20;--color-orange-600:#c05621;--color-orange-700:#9c4221;--color-orange-800:#7b341e;--color-orange-900:#652b19;--color-amber-50:oklch(98.7% .022 95.277);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-700:oklch(55.5% .163 48.998);--color-amber-800:oklch(47.3% .137 46.201);--color-amber-900:oklch(41.4% .112 45.904);--color-yellow-50:#fffbeb;--color-yellow-100:#fef3c7;--color-yellow-200:#fde68a;--color-yellow-300:#fcd34d;--color-yellow-400:#fbbf24;--color-yellow-500:#f59e0b;--color-yellow-600:#d97706;--color-yellow-700:#b45309;--color-yellow-800:#92400e;--color-yellow-900:#78350f;--color-green-50:#ecfdf5;--color-green-100:#d1fae5;--color-green-200:#a7f3d0;--color-green-300:#6ee7b7;--color-green-400:#34d399;--color-green-500:#10b981;--color-green-600:#059669;--color-green-700:#047857;--color-green-800:#065f46;--color-green-900:#064e3b;--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-300:oklch(84.5% .143 164.978);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-700:oklch(50.8% .118 165.612);--color-emerald-800:oklch(43.2% .095 166.913);
6--color-emerald-900:oklch(37.8% .077 168.94);--color-teal-100:#ccfbf1;--color-teal-300:#5eead4;--color-teal-500:#14b8a6;--color-teal-600:#0d9488;--color-blue-50:#eff6ff;--color-blue-100:#dbeafe;--color-blue-200:#bfdbfe;--color-blue-300:#93c5fd;--color-blue-400:#60a5fa;--color-blue-500:#3b82f6;--color-blue-600:#2563eb;--color-blue-700:#1d4ed8;--color-blue-800:#1e40af;--color-blue-900:#1e3a8a;--color-indigo-50:#eef2ff;--color-indigo-100:#e0e7ff;--color-indigo-300:#a5b4fc;--color-indigo-500:#6366f1;--color-indigo-600:#4f46e5;--color-indigo-700:#4338ca;--color-purple-50:#f5f3ff;--color-purple-100:#ede9fe;--color-purple-200:#ddd6fe;--color-purple-300:#c4b5fd;--color-purple-400:#a78bfa;--color-purple-500:#8b5cf6;--color-purple-600:#7c3aed;--color-purple-700:#6d28d9;--color-purple-800:#5b21b6;--color-purple-900:#4c1d95;--color-pink-50:#fdf2f8;--color-pink-100:#fce7f3;--color-pink-300:#f9a8d4;--color-pink-400:#f472b6;--color-pink-500:#ec4899;--color-pink-600:#db2777;--color-pink-700:#be185d;--color-slate-950:oklch(12.9% .042 264.695);--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:1.33333;--text-sm:.875rem;--text-sm--line-height:1.42857;--text-base:1rem;--text-base--line-height:1.5;--text-lg:1.125rem;--text-lg--line-height:1.55556;--text-xl:1.25rem;--text-xl--line-height:1.4;--text-2xl:1.5rem;--text-2xl--line-height:1.33333;--text-3xl:1.875rem;--text-3xl--line-height:1.2;--text-4xl:2.25rem;--text-4xl--line-height:1.11111;--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-tighter:-.05em;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--drop-shadow-sm:0 1px 2px #00000026;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-ping:ping 1s cubic-bezier(0,0,.2,1)infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--blur-sm:8px;--blur-3xl:64px;--aspect-video:16/9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-brand-lavender:#c2a2ff;--color-brand-purple:#916aff;--color-brand-blue:#06f;--color-brand-on:var(--app-brand-on);--color-canvas:var(--app-canvas);--color-surface:var(--app-surface);
6--color-surface-2:var(--app-surface-2);--color-border:var(--app-border);--color-foreground:var(--app-foreground);--color-muted:var(--app-muted);--color-muted-2:var(--app-muted-2);--color-accent:var(--app-accent);--color-on-accent:var(--app-on-accent)}}@layer base{*,::backdrop,:after,:before{border:0 solid;box-sizing:border-box;margin:0;padding:0}::file-selector-button{border:0 solid;box-sizing:border-box;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;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");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-size:1em;font-variation-settings:var(--default-mono-font-variation-settings,normal)}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}button,input,optgroup,select,textarea{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}::file-selector-button{background-color:#0000;border-radius:0;color:inherit;font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex;padding-block:0}::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}html{font-family:var(--font-sans)}html.dark{color-scheme:dark}body{background-color:var(--color-canvas);color:var(--color-foreground)}.tooltip-arrow,.tooltip-arrow:before{background:inherit;height:8px;position:absolute;width:8px}.tooltip-arrow{visibility:hidden}.tooltip-arrow:before{content:"";transform:rotate(45deg);visibility:visible}[data-tooltip-style^=light]+.tooltip>.tooltip-arrow:before{border-color:var(--color-gray-200);border-style:solid}[data-tooltip-style^=light]+.tooltip[data-popper-placement^=top]>.tooltip-arrow:before{border-bottom-width:1px;border-right-width:1px}[data-tooltip-style^=light]+.tooltip[data-popper-placement^=right]>.tooltip-arrow:before{border-bottom-width:1px;border-left-width:1px}[data-tooltip-style^=light]+.tooltip[data-popper-placement^=bottom]>.tooltip-arrow:before{border-left-width:1px;border-top-width:1px}[data-tooltip-style^=light]+.tooltip[data-popper-placement^=left]>.tooltip-arrow:before{border-right-width:1px;border-top-width:1px}.tooltip[data-popper-placement^=top]>.tooltip-arrow{bottom:-4px}.tooltip[data-popper-placement^=bottom]>.tooltip-arrow{top:-4px}.tooltip[data-popper-placement^=left]>.tooltip-arrow{right:-4px}.tooltip[data-popper-placement^=right]>.tooltip-arrow{left:-4px}.tooltip.invisible>.tooltip-arrow:before{visibility:hidden}[data-popper-arrow],[data-popper-arrow]:before{background:inherit;height:8px;position:absolute;width:8px}[data-popper-arrow]{visibility:hidden}
6[data-popper-arrow]:after,[data-popper-arrow]:before{content:"";transform:rotate(45deg);visibility:visible}[data-popper-arrow]:after{background:inherit;height:9px;position:absolute;width:9px}[role=tooltip]>[data-popper-arrow]:before{border-color:var(--color-gray-200);border-style:solid}.dark [role=tooltip]>[data-popper-arrow]:before{border-color:var(--color-gray-600);border-style:solid}[role=tooltip]>[data-popper-arrow]:after{border-color:var(--color-gray-200);border-style:solid}.dark [role=tooltip]>[data-popper-arrow]:after{border-color:var(--color-gray-600);border-style:solid}[data-popover][role=tooltip][data-popper-placement^=top]>[data-popper-arrow]:after,[data-popover][role=tooltip][data-popper-placement^=top]>[data-popper-arrow]:before{border-bottom-width:1px;border-right-width:1px}[data-popover][role=tooltip][data-popper-placement^=right]>[data-popper-arrow]:after,[data-popover][role=tooltip][data-popper-placement^=right]>[data-popper-arrow]:before{border-bottom-width:1px;border-left-width:1px}[data-popover][role=tooltip][data-popper-placement^=bottom]>[data-popper-arrow]:after,[data-popover][role=tooltip][data-popper-placement^=bottom]>[data-popper-arrow]:before{border-left-width:1px;border-top-width:1px}[data-popover][role=tooltip][data-popper-placement^=left]>[data-popper-arrow]:after,[data-popover][role=tooltip][data-popper-placement^=left]>[data-popper-arrow]:before{border-right-width:1px;border-top-width:1px}[data-popover][role=tooltip][data-popper-placement^=top]>[data-popper-arrow]{bottom:-5px}[data-popover][role=tooltip][data-popper-placement^=bottom]>[data-popper-arrow]{top:-5px}[data-popover][role=tooltip][data-popper-placement^=left]>[data-popper-arrow]{right:-5px}[data-popover][role=tooltip][data-popper-placement^=right]>[data-popper-arrow]{left:-5px}[role=tooltip].invisible>[data-popper-arrow]:after,[role=tooltip].invisible>[data-popper-arrow]:before{visibility:hidden}[multiple],[type=date],[type=datetime-local],[type=email],[type=month],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=time],[type=url],[type=week],select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-color:var(--color-gray-500);--tw-shadow:0 0 #0000;background-color:#fff;border-radius:0;border-width:1px;font-size:1rem;line-height:1.5rem;padding:.5rem .75rem}:is([type=text],[type=email],[type=url],[type=password],[type=number],[type=date],[type=datetime-local],[type=month],[type=search],[type=tel],[type=time],[type=week],[multiple],textarea,select):focus{outline-offset:2px;--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:var(--color-blue-600);--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color);border-color:var(--color-blue-600);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
6dow);outline:2px solid #0000}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--color-gray-500);opacity:1}input::placeholder,textarea::placeholder{color:var(--color-gray-500);opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}input[type=time]::-webkit-calendar-picker-indicator{background:0 0}select:not([size]){background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' aria-hidden='true' viewBox='0 0 10 6'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m1 1 4 4 4-4'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:.75em .75em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}[dir=rtl] select:not([size]){background-position:.75rem;padding-left:0;padding-right:.75rem}[multiple]{background-image:none;background-position:0 0;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;print-color-adjust:unset}[type=checkbox],[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-color:--color-gray-500;color:var(--color-blue-600);height:1rem;-webkit-print-color-adjust:exact;print-color-adjust:exact;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:1rem;--tw-shadow:0 0 #0000;background-color:#fff;background-origin:border-box;border-width:1px;display:inline-block;flex-shrink:0;padding:0}[type=checkbox]{border-radius:0}[type=radio]{border-radius:100%}[type=checkbox]:focus,[type=radio]:focus{outline-offset:2px;--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:var(--color-blue-600);--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
6dow);outline:2px solid #0000}.dark [type=checkbox]:checked,.dark [type=radio]:checked,[type=checkbox]:checked,[type=radio]:checked{background-color:currentColor!important;background-position:50%;background-repeat:no-repeat;background-size:.55em .55em;border-color:#0000!important}[type=checkbox]:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' aria-hidden='true' viewBox='0 0 16 12'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M1 5.917 5.724 10.5 15 1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:.55em .55em;-webkit-print-color-adjust:exact;print-color-adjust:exact}.dark [type=radio]:checked,[type=radio]:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E");background-size:1em 1em}[type=checkbox]:indeterminate{background-color:currentColor!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' aria-hidden='true' viewBox='0 0 16 12'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M.5 6h14'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:.55em .55em;border-color:#0000!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}[type=checkbox]:indeterminate:focus,[type=checkbox]:indeterminate:hover{background-color:currentColor!important;border-color:#0000!important}[type=file]{background:unset;border-color:inherit;border-radius:0;border-width:0;font-size:unset;line-height:inherit;padding:0}[type=file]:focus{outline:1px auto inherit}input[type=file]::file-selector-button{background:var(--color-gray-800);border:0;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;margin-inline:-1rem 1rem;padding:.625rem 1rem .625rem 2rem}input[type=file]::file-selector-button:hover{background:var(--color-gray-700)}[dir=rtl] input[type=file]::file-selector-button{padding-left:1rem;padding-right:2rem}.dark input[type=file]::file-selector-button{background:var(--color-gray-600);color:#fff}.dark input[type=file]::file-selector-button:hover{background:var(--color-gray-500)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--color-blue-600);border:0;border-radius:9999px;cursor:pointer;height:1.25rem;width:1.25rem}input[type=range]:disabled::-webkit-slider-thumb{background:var(--color-gray-400)}.dark input[type=range]:disabled::-webkit-slider-thumb{background:var(--color-gray-500)}input[type=range]:focus::-webkit-slider-thumb{outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
6dow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(164 202 254/var(--tw-ring-opacity));outline:2px solid #0000}input[type=range]::-moz-range-thumb{-moz-appearance:none;appearance:none;background:var(--color-blue-600);border:0;border-radius:9999px;cursor:pointer;height:1.25rem;width:1.25rem}input[type=range]:disabled::-moz-range-thumb{background:var(--color-gray-400)}.dark input[type=range]:disabled::-moz-range-thumb{background:var(--color-gray-500)}input[type=range]::-moz-range-progress{background:var(--color-blue-500)}input[type=range]::-ms-fill-lower{background:var(--color-blue-500)}input[type=range].range-sm::-webkit-slider-thumb{height:1rem;width:1rem}input[type=range].range-lg::-webkit-slider-thumb{height:1.5rem;width:1.5rem}input[type=range].range-sm::-moz-range-thumb{height:1rem;width:1rem}input[type=range].range-lg::-moz-range-thumb{height:1.5rem;width:1.5rem}.toggle-bg:after{background:#fff;border-color:var(--color-gray-300);border-radius:9999px;border-width:1px;box-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);content:"";height:1.25rem;left:.125rem;position:absolute;top:.125rem;transition-duration:.15s;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;width:1.25rem}input:checked+.toggle-bg:after{border-color:#fff;transform:translate(100%)}input:checked+.toggle-bg{background:var(--color-blue-600);border-color:var(--color-blue-600)}}@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;white-space:nowrap;width:1px}.absolute,.sr-only{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.inset-x-0{inset-inline:calc(var(--spacing)*0)}.inset-y-0{inset-block:calc(var(--spacing)*0)}.start-0{inset-inline-start:calc(var(--spacing)*0)}.end-0{inset-inline-end:calc(var(--spacing)*0)}.end-2\.5{inset-inline-end:calc(var(--spacing)*2.5)}.end-12{inset-inline-end:calc(var(--spacing)*12)}.-top-4{top:calc(var(--spacing)*-4)}.top-0{top:calc(var(--spacing)*0)}.top-0\.5{top:calc(var(--spacing)*.5)}.top-1{top:calc(var(--spacing)*1)}.top-1\/2{top:50%}.top-1\/4{top:25%}.top-2{top:calc(var(--spacing)*2)}.top-3{top:calc(var(--spacing)*3)}.top-4{top:calc(var(--spacing)*4)}.top-5{top:calc(var(--spacing)*5)}.top-full{top:100%}.right-0{right:calc(var(--spacing)*0)}.right-0\.5{right:calc(var(--spacing)*.5)}.right-1{right:calc(var(--spacing)*1)}.right-2{right:calc(var(--spacing)*2)}.right-2\.5{right:calc(var(--spacing)*2.5)}.right-3{right:calc(var(--spacing)*3)}.right-4{right:calc(var(--spacing)*4)}.right-5{right:calc(var(--spacing)*5)}.bottom-0{bottom:calc(var(--spacing)*0)}.bottom-2{bottom:calc(var(--spacing)*2)}.bottom-2\.5{bottom:calc(var(--spacing)*2.5)}.bottom-4{bottom:calc(var(--spacing)*4)}.bottom-full{bottom:100%}.left-0{left:calc(var(--spacing)*0)}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing)*2)}.left-3{left:calc(var(--spacing)*3)}.left-3\.5{left:calc(var(--spacing)*3.5)}.left-4{left:calc(var(--spacing)*4)}.left-\[calc\(50\%-27rem\)\]{left:calc(50% - 27rem)}.isolate{isolation:isolate}.-z-0,.z-0{z-index:0}.z-5{z-index:5}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[100\]{z-index:100}.z-\[110\]{z-index:110}.z-\[9999\]{z-index:9999}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.-m-1{margin:calc(var(--spacing)*-1)}.m-0{margin:calc(var(--spacing)*0)}.mx-1{margin-inline:calc(var(--spacing)*1)}.mx-2{margin-inline:calc(var(--spacing)*2)}.mx-4{margin-inline:calc(var(--spacing)*4)}.mx-auto{margin-inline:auto}.my-2{margin-block:calc(var(--spacing)*2)}.my-3{margin-block:calc(var(--spacing)*3)}.my-4{margin-block:calc(var(--spacing)*4)}.my-5{margin-block:calc(var(--spacing)*5)}.my-6{margin-block:calc(var(--spacing)*6)}.my-auto{margin-block:auto}.ms-0{margin-inline-start:calc(var(--spacing)*0)}.ms-1{margin-inline-start:calc(var(--spacing)*1)}.ms-2{margin-inline-start:calc(var(--spacing)*2)}.ms-2\.5{margin-inline-start:calc(var(--spacing)*2.5)}.ms-3{margin-inline-start:calc(var(--spacing)*3)}.ms-auto{margin-inline-start:auto}.me-1{margin-inline-end:calc(var(--spacing)*1)}.me-2{margin-inline-end:calc(var(--spacing)*2)}.-mt-1{margin-top:calc(var(--spacing)*-1)}.-mt-4{margin-top:calc(var(--spacing)*-4)}.mt-0{margin-top:calc(var(--spacing)*0)}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-1\.5{margin-top:calc(var(--spacing)*1.5)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-2\.5{margin-top:calc(var(--spacing)*2.5)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-5{margin-top:calc(var(--spacing)*5)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-10{margin-top:calc(var(--spacing)*10)}.mt-12{margin-top:calc(var(--spacing)*12)}.mt-14{margin-top:calc(var(--spacing)*14)}
6.mt-16{margin-top:calc(var(--spacing)*16)}.mt-20{margin-top:calc(var(--spacing)*20)}.mt-auto{margin-top:auto}.mt-px{margin-top:1px}.-mr-1{margin-right:calc(var(--spacing)*-1)}.mr-1{margin-right:calc(var(--spacing)*1)}.mr-1\.5{margin-right:calc(var(--spacing)*1.5)}.mr-2{margin-right:calc(var(--spacing)*2)}.mr-4{margin-right:calc(var(--spacing)*4)}.mb-0\.5{margin-bottom:calc(var(--spacing)*.5)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-1\.5{margin-bottom:calc(var(--spacing)*1.5)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-2\.5{margin-bottom:calc(var(--spacing)*2.5)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-5{margin-bottom:calc(var(--spacing)*5)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-7{margin-bottom:calc(var(--spacing)*7)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.mb-10{margin-bottom:calc(var(--spacing)*10)}.mb-12{margin-bottom:calc(var(--spacing)*12)}.-ml-1{margin-left:calc(var(--spacing)*-1)}.ml-0\.5{margin-left:calc(var(--spacing)*.5)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-3{margin-left:calc(var(--spacing)*3)}.ml-3\.5{margin-left:calc(var(--spacing)*3.5)}.ml-4{margin-left:calc(var(--spacing)*4)}.ml-6{margin-left:calc(var(--spacing)*6)}.ml-auto{margin-left:auto}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-2,.line-clamp-3{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3}.\!hidden{display:none!important}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-\[16\/9\]{aspect-ratio:16/9}.aspect-video{aspect-ratio:var(--aspect-video)}.h-1\.5{height:calc(var(--spacing)*1.5)}.h-2{height:calc(var(--spacing)*2)}.h-2\.5{height:calc(var(--spacing)*2.5)}.h-3{height:calc(var(--spacing)*3)}.h-3\.5{height:calc(var(--spacing)*3.5)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-7{height:calc(var(--spacing)*7)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-11{height:calc(var(--spacing)*11)}.h-12{height:calc(var(--spacing)*12)}.h-14{height:calc(var(--spacing)*14)}.h-16{height:calc(var(--spacing)*16)}.h-20{height:calc(var(--spacing)*20)}.h-24{height:calc(var(--spacing)*24)}.h-28{height:calc(var(--spacing)*28)}.h-32{height:calc(var(--spacing)*32)}.h-36{height:calc(var(--spacing)*36)}.h-48{height:calc(var(--spacing)*48)}.h-64{height:calc(var(--spacing)*64)}.h-\[5px\]{height:5px}.h-\[11\.6rem\]{height:11.6rem}.h-\[14px\]{height:14px}.h-\[16px\]{height:16px}.h-\[18px\]{height:18px}.h-\[40\.7rem\]{height:40.7rem}.h-\[140px\]{height:140px}.h-\[290px\]{height:290px}.h-\[520px\]{height:520px}.h-\[800px\]{height:800px}.h-\[calc\(100\%-1rem\)\]{height:calc(100% - 1rem)}.h-auto{height:auto}.h-fit{height:-moz-fit-content;height:fit-content}.h-full{height:100%}.h-px{height:1px}.max-h-20{max-height:calc(var(--spacing)*20)}.max-h-36{max-height:calc(var(--spacing)*36)}.max-h-48{max-height:calc(var(--spacing)*48)}.max-h-64{max-height:calc(var(--spacing)*64)}.max-h-96{max-height:calc(var(--spacing)*96)}.max-h-\[20rem\]{max-height:20rem}.max-h-\[39\.75rem\]{max-height:39.75rem}.max-h-\[80vh\]{max-height:80vh}.max-h-\[120px\]{max-height:120px}.max-h-\[150px\]{max-height:150px}.max-h-\[160px\]{max-height:160px}.max-h-\[832px\]{max-height:832px}.max-h-\[872px\]{max-height:872px}.max-h-\[calc\(100vh-17rem\)\]{max-height:calc(100vh - 17rem)}.max-h-full{max-height:100%}.min-h-1\/2{min-height:50%}.min-h-\[5rem\]{min-height:5rem}.min-h-\[120px\]{min-height:120px}.min-h-\[160px\]{min-height:160px}.min-h-\[400px\]{min-height:400px}.min-h-\[560px\]{min-height:560px}.min-h-screen{min-height:100vh}.w-1\.5{width:calc(var(--spacing)*1.5)}.w-1\/2{width:50%}.w-1\/3{width:33.3333%}.w-2{width:calc(var(--spacing)*2)}.w-2\.5{width:calc(var(--spacing)*2.5)}.w-2\/3{width:66.6667%}.w-3{width:calc(var(--spacing)*3)}.w-3\.5{width:calc(var(--spacing)*3.5)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-5\/6{width:83.3333%}.w-6{width:calc(var(--spacing)*6)}.w-7{width:calc(var(--spacing)*7)}.w-8{width:calc(var(--spacing)*8)}.w-9{width:calc(var(--spacing)*9)}.w-10{width:calc(var(--spacing)*10)}.w-11{width:calc(var(--spacing)*11)}.w-12{width:calc(var(--spacing)*12)}.w-14{width:calc(var(--spacing)*14)}
6.w-16{width:calc(var(--spacing)*16)}.w-20{width:calc(var(--spacing)*20)}.w-24{width:calc(var(--spacing)*24)}.w-28{width:calc(var(--spacing)*28)}.w-32{width:calc(var(--spacing)*32)}.w-36{width:calc(var(--spacing)*36)}.w-40{width:calc(var(--spacing)*40)}.w-44{width:calc(var(--spacing)*44)}.w-48{width:calc(var(--spacing)*48)}.w-52{width:calc(var(--spacing)*52)}.w-56{width:calc(var(--spacing)*56)}.w-64{width:calc(var(--spacing)*64)}.w-72{width:calc(var(--spacing)*72)}.w-80{width:calc(var(--spacing)*80)}.w-\[1\%\]{width:1%}.w-\[5\%\]{width:5%}.w-\[10\%\]{width:10%}.w-\[12\%\]{width:12%}.w-\[14px\]{width:14px}.w-\[16px\]{width:16px}.w-\[18px\]{width:18px}.w-\[19\%\]{width:19%}.w-\[62\%\]{width:62%}.w-\[72px\]{width:72px}.w-\[480px\]{width:480px}.w-\[1000px\]{width:1000px}.w-\[calc\(100\%-2rem\)\]{width:calc(100% - 2rem)}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-px{width:1px}.w-screen{width:100vw}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\[26\.5rem\]{max-width:26.5rem}.max-w-\[30rem\]{max-width:30rem}.max-w-\[65\%\]{max-width:65%}.max-w-\[130px\]{max-width:130px}.max-w-\[150px\]{max-width:150px}.max-w-\[200px\]{max-width:200px}.max-w-\[480px\]{max-width:480px}.max-w-\[560px\]{max-width:560px}.max-w-\[580px\]{max-width:580px}.max-w-\[1480px\]{max-width:1480px}.max-w-\[calc\(100vw-2rem\)\]{max-width:calc(100vw - 2rem)}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-\[40px\]{min-width:40px}.min-w-\[220px\]{min-width:220px}.min-w-\[400px\]{min-width:400px}.min-w-\[420px\]{min-width:420px}.min-w-\[1100px\]{min-width:1100px}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.table-fixed{table-layout:fixed}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.translate-x-0{translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-0{--tw-translate-x:calc(var(--spacing)*0)}.translate-x-4{--tw-translate-x:calc(var(--spacing)*4);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-\[calc\(100\%\+0\.5rem\)\]{--tw-translate-x: calc(100% + .5rem) ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1{--tw-translate-y:calc(var(--spacing)*-1)}.-translate-y-1,.-translate-y-1\/2{translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:-50%}.translate-y-0{--tw-translate-y:calc(var(--spacing)*0)}.translate-y-0,.translate-y-2{translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-2{--tw-translate-y:calc(var(--spacing)*2)}.translate-y-full{--tw-translate-y:100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.-rotate-90{rotate:-90deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.transform-gpu{transform:translateZ(0)var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-ping{animation:var(--animate-ping)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-help{cursor:help}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.cursor-wait{cursor:wait}.cursor-zoom-in{cursor:zoom-in}.resize{resize:both}.resize-none{resize:none}.resize-y{resize:vertical}.scroll-mt-24{scroll-margin-top:calc(var(--spacing)*24)}.scroll-mt-28{scroll-margin-top:calc(var(--spacing)*28)}.list-inside{list-style-position:inside}.list-outside{list-style-position:outside}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-\[auto_1fr_auto\]{grid-template-columns:auto 1fr auto}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}
6.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0{gap:calc(var(--spacing)*0)}.gap-0\.5{gap:calc(var(--spacing)*.5)}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-2\.5{gap:calc(var(--spacing)*2.5)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}.gap-10{gap:calc(var(--spacing)*10)}.gap-12{gap:calc(var(--spacing)*12)}:where(.space-y-0\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)*.5*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*.5*var(--tw-space-y-reverse))}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)*1*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*1*var(--tw-space-y-reverse))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)*1.5*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*1.5*var(--tw-space-y-reverse))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)*2*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*2*var(--tw-space-y-reverse))}:where(.space-y-2\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)*2.5*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*2.5*var(--tw-space-y-reverse))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)*3*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*3*var(--tw-space-y-reverse))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)*4*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*4*var(--tw-space-y-reverse))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)*5*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*5*var(--tw-space-y-reverse))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)*6*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*6*var(--tw-space-y-reverse))}:where(.space-y-8>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)*8*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*8*var(--tw-space-y-reverse))}:where(.space-y-10>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)*10*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*10*var(--tw-space-y-reverse))}:where(.space-y-12>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)*12*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*12*var(--tw-space-y-reverse))}:where(.space-y-16>:not(:last-child)){--tw-space-y-reverse:0;margin-block-end:calc(var(--spacing)*16*(1 - var(--tw-space-y-reverse)));margin-block-start:calc(var(--spacing)*16*var(--tw-space-y-reverse))}.gap-x-1\.5{-moz-column-gap:calc(var(--spacing)*1.5);column-gap:calc(var(--spacing)*1.5)}.gap-x-2{-moz-column-gap:calc(var(--spacing)*2);column-gap:calc(var(--spacing)*2)}.gap-x-3{-moz-column-gap:calc(var(--spacing)*3);column-gap:calc(var(--spacing)*3)}.gap-x-4{-moz-column-gap:calc(var(--spacing)*4);column-gap:calc(var(--spacing)*4)}.gap-x-5{-moz-column-gap:calc(var(--spacing)*5);column-gap:calc(var(--spacing)*5)}:where(.-space-x-px>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-end:calc(-1px*(1 - var(--tw-space-x-reverse)));margin-inline-start:calc(-1px*var(--tw-space-x-reverse))}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-end:calc(var(--spacing)*2*(1 - var(--tw-space-x-reverse)));margin-inline-start:calc(var(--spacing)*2*var(--tw-space-x-reverse))}.gap-y-0\.5{row-gap:calc(var(--spacing)*.5)}.gap-y-1{row-gap:calc(var(--spacing)*1)}.gap-y-1\.5{row-gap:calc(var(--spacing)*1.5)}.gap-y-2{row-gap:calc(var(--spacing)*2)}.gap-y-3{row-gap:calc(var(--spacing)*3)}.gap-y-12{row-gap:calc(var(--spacing)*12)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-bottom-width:calc(1px*(1 - var(--tw-divide-y-reverse)));border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse))}:where(.divide-\[var\(--color-border\)\]>
6:not(:last-child)),:where(.divide-border>:not(:last-child)){border-color:var(--color-border)}.self-start{align-self:flex-start}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-clip{overflow-x:clip}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e+38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-s-lg{border-end-start-radius:var(--radius-lg);border-start-start-radius:var(--radius-lg)}.rounded-e-lg{border-end-end-radius:var(--radius-lg);border-start-end-radius:var(--radius-lg)}.rounded-t-2xl{border-top-left-radius:var(--radius-2xl);border-top-right-radius:var(--radius-2xl)}.rounded-t-lg{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.rounded-t-xl{border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}.rounded-b-lg{border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.rounded-b-xl{border-bottom-left-radius:var(--radius-xl);border-bottom-right-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.dark .apexcharts-canvas .apexcharts-tooltip{background-color:var(--color-gray-700)!important;border-color:#0000!important;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a!important;color:var(--color-gray-400)!important}.dark .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-title{background-color:var(--color-gray-600)!important;border-color:var(--color-gray-500)!important;color:var(--color-gray-500)!important}.dark .apexcharts-canvas .apexcharts-xaxistooltip{background-color:var(--color-gray-700)!important;color:var(--color-gray-400)!important}.dark .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-y-label{color:var(--color-gray-400)!important}.dark .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-y-value{color:#fff!important}.dark .apexcharts-canvas .apexcharts-xaxistooltip:after,.dark .apexcharts-canvas .apexcharts-xaxistooltip:before{border-bottom-color:var(--color-gray-700)!important}.dark .apexcharts-canvas .apexcharts-tooltip-series-group.apexcharts-active{background-color:var(--color-gray-700)!important;color:var(--color-gray-400)!important}.dark .apexcharts-canvas .apexcharts-legend-text{color:var(--color-gray-400)!important}.dark .apexcharts-canvas .apexcharts-legend-text:not(.apexcharts-inactive-legend):hover{color:#fff!important}.dark .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-value{fill:#fff!important}.dark .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-label{fill:var(--color-gray-400)!important}.dark .apexcharts-gridline,.dark .apexcharts-xcrosshairs,.dark .apexcharts-ycrosshairs{stroke:var(--color-gray-700)!important}.dark .datatable-wrapper .datatable-input,.dark .datatable-wrapper .datatable-search .datatable-input{background-color:var(--color-gray-800);border:1px solid var(--color-gray-700);color:#fff}.dark .datatable-wrapper thead th .datatable-input{background-color:var(--color-gray-700);border-color:var(--color-gray-600);color:#fff}.dark .datatable-wrapper .datatable-top .datatable-dropdown{color:var(--color-gray-400)}.dark .datatable-wrapper .datatable-top .datatable-dropdown .datatable-selector{background-color:var(--color-gray-800);border:1px solid var(--color-gray-700);color:#fff}.dark .datatable-wrapper .datatable-table{color:var(--color-gray-400)}.dark .datatable-wrapper .datatable-table thead{background-color:var(--color-gray-800);color:var(--color-gray-400)}.dark .datatable-wrapper .datatable-table thead th .datatable-sorter:hover,.dark .datatable-wrapper .datatable-table thead th.datatable-ascending .datatable-sorter,.dark .datatable-wrapper .datatable-table thead th.datatable-descending .datatable-sorter{color:#fff}.dark .datatable-wrapper .datatable-table tbody tr{border-bottom:1px solid var(--color-gray-700)}.dark .datatable-wrapper .datatable-bottom .datatable-info{color:var(--color-gray-400)}.dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link{border-color:var(--color-gray-700);color:var(--color-gray-400)}.dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link,.dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link{color:#0000}.dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link:after{content:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' aria-hidden='true' viewBox='0 0 24 24'%3E%3Cpath stroke='%239ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3E%3C/svg%3E")}.dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link:hover:after{content:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' aria-hidden='true' viewBox='0 0 24 24'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m14 8-4 4 4 4'/%3E%3C/svg%3E")}.dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link:after{content:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' aria-hidden='true' viewBox='0 0 24 24'%3E%3Cpath stroke='%239ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3E%3C/svg%3E")}.dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:last-of-type .datatable-pagination-list-item-link:hover:after{content:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' aria-hidden='true' viewBox='0 0 24 24'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m10 16 4-4-4-4'/%3E%3C/svg%3E")}.dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item:first-of-type .datatable-pagination-list-item-link{border-left:1px solid var(--color-gray-700)}.dark .datatable-wrapper .datatable-bottom .datatable-pagination .datatable-pagination-list-item-link:hover{background-color:var(--color-gray-700);color:#fff}.border-accent,.border-accent\/30{border-color:var(--color-accent)}@supports (color:color-mix(in lab,red,red)){.border-accent\/30{border-color:color-mix(in oklab,var(--color-accent)30%,transparent)}}.border-accent\/40{border-color:var(--color-accent)}@supports (color:color-mix(in lab,red,red)){.border-accent\/40{border-color:color-mix(in oklab,var(--color-accent)40%,transparent)}}.border-amber-200{border-color:var(--color-amber-200)}.border-amber-300{border-color:var(--color-amber-300)}.border-blue-200{border-color:var(--color-blue-200)}.border-blue-500{border-color:var(--color-blue-500)}.border-blue-500\/30{border-color:#3b82f64d}@supports (color:color-mix(in lab,red,red)){.border-blue-500\/30{border-color:color-mix(in oklab,var(--color-blue-500)30%,transparent)}}.border-border,.border-border\/30{border-color:var(--color-border)}@supports (color:color-mix(in lab,red,red)){.border-border\/30{border-color:color-mix(in oklab,var(--color-border)30%,transparent)}}.border-border\/40{border-color:var(--color-border)}@supports (color:color-mix(in lab,red,red)){.border-border\/40{border-color:color-mix(in oklab,var(--color-border)40%,transparent)}}.border-border\/50{border-color:var(--color-border)}@supports (color:color-mix(in lab,red,red)){.border-border\/50{border-color:color-mix(in oklab,var(--color-border)50%,transparent)}}.border-brand-purple{border-color:var(--color-brand-purple)}.border-brand-purple\/20{border-color:#916aff33}@supports (color:color-mix(in lab,red,red)){.border-brand-purple\/20{border-color:color-mix(in oklab,var(--color-brand-purple)20%,transparent)}}.border-brand-purple\/30{border-color:#916aff4d}@supports (color:color-mix(in lab,red,red)){.border-brand-purple\/30{border-color:color-mix(in oklab,var(--color-brand-purple)30%,transparent)}}.border-emerald-200{border-color:var(--color-emerald-200)}.border-emerald-300{border-color:var(--color-emerald-300)}.border-foreground,.border-foreground\/30{border-color:var(--color-foreground)}@supports (color:color-mix(in lab,red,red)){.border-foreground\/30{border-color:color-mix(in oklab,var(--color-foreground)30%,transparent)}}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-green-200{border-color:var(--color-green-200)}.border-green-300{border-color:var(--color-green-300)}.border-orange-200{border-color:var(--color-orange-200)}.border-purple-200{border-color:var(--color-purple-200)}.border-purple-300{border-color:var(--color-purple-300)}.border-purple-500{border-color:var(--color-purple-500)}.border-red-200{border-color:var(--color-red-200)}.border-red-300{border-color:var(--color-red-300)}.border-red-400{border-color:var(--color-red-400)}.border-red-500{border-color:var(--color-red-500)}.border-red-500\/30{border-color:#ef44444d}@supports (color:color-mix(in lab,red,red)){.border-red-500\/30{border-color:color-mix(in oklab,var(--color-red-500)30%,transparent)}}.border-red-500\/40{border-color:#ef444466}@supports (color:color-mix(in lab,red,red)){.border-red-500\/40{border-color:color-mix(in oklab,var(--color-red-500)40%,transparent)}}.border-red-600{border-color:var(--color-red-600)}.border-red-700{border-color:var(--color-red-700)}.border-transparent{border-color:#0000}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.border-white\/10{border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.border-white\/40{border-color:#fff6}@supports (color:color-mix(in lab,red,red)){.border-white\/40{border-color:color-mix(in oklab,var(--color-white)40%,transparent)}}.border-yellow-200{border-color:var(--color-yellow-200)}.border-yellow-500\/30{border-color:#f59e0b4d}@supports (color:color-mix(in lab,red,red)){.border-yellow-500\/30{border-color:color-mix(in oklab,var(--color-yellow-500)30%,transparent)}}.border-t-current{border-top-color:currentColor}.border-t-gray-900{border-top-color:var(--color-gray-900)}.border-b-gray-900{border-bottom-color:var(--color-gray-900)}.datatable-wrapper .datatable-table tbody tr.selected{background-color:var(--color-gray-100)}.dark .datatable-wrapper .datatable-table tbody tr.selected{background-color:var(--color-gray-700)}.bg-accent,.bg-accent\/5{background-color:var(--color-accent)}@supports (color:color-mix(in lab,red,red)){.bg-accent\/5{background-color:color-mix(in oklab,var(--color-accent)5%,transparent)}}.bg-accent\/10{background-color:var(--color-accent)}@supports (color:color-mix(in lab,red,red)){.bg-accent\/10{background-color:color-mix(in oklab,var(--color-accent)10%,transparent)}}.bg-accent\/20{background-color:var(--color-accent)}@supports (color:color-mix(in lab,red,red)){.bg-accent\/20{background-color:color-mix(in oklab,var(--color-accent)20%,transparent)}}.bg-accent\/30{background-color:var(--color-accent)}@supports (color:color-mix(in lab,red,red)){.bg-accent\/30{background-color:color-mix(in oklab,var(--color-accent)30%,transparent)}}.bg-accent\/80{background-color:var(--color-accent)}@supports (color:color-mix(in lab,red,red)){.bg-accent\/80{background-color:color-mix(in oklab,var(--color-accent)80%,transparent)}}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-100{background-color:var(--color-amber-100)}.bg-amber-400{background-color:var(--color-amber-400)}.bg-amber-500{background-color:var(--color-amber-500)}.bg-amber-500\/15{background-color:#f99c0026}@supports (color:color-mix(in lab,red,red)){.bg-amber-500\/15{background-color:color-mix(in oklab,var(--color-amber-500)15%,transparent)}}.bg-black\/30{background-color:#0000004d}@supports (color:color-mix(in lab,red,red)){.bg-black\/30{background-color:color-mix(in oklab,var(--color-black)30%,transparent)}}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab,red,red)){.bg-black\/60{background-color:color-mix(in oklab,var(--color-black)60%,transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-500\/10{background-color:#3b82f61a}@supports (color:color-mix(in lab,red,red)){.bg-blue-500\/10{background-color:color-mix(in oklab,var(--color-blue-500)10%,transparent)}}.bg-blue-500\/15{background-color:#3b82f626}@supports (color:color-mix(in lab,red,red)){.bg-blue-500\/15{background-color:color-mix(in oklab,var(--color-blue-500)15%,transparent)}}.bg-blue-600{background-color:var(--color-blue-600)}.bg-border{background-color:var(--color-border)}.bg-brand-lavender\/20{background-color:#c2a2ff33}@supports (color:color-mix(in lab,red,red)){.bg-brand-lavender\/20{background-color:color-mix(in oklab,var(--color-brand-lavender)20%,transparent)}}.bg-brand-on,.bg-brand-on\/50{background-color:var(--color-brand-on)}@supports (color:color-mix(in lab,red,red)){.bg-brand-on\/50{background-color:color-mix(in oklab,var(--color-brand-on)50%,transparent)}}.bg-brand-purple{background-color:var(--color-brand-purple)}.bg-brand-purple\/10{background-color:#916aff1a}@supports (color:color-mix(in lab,red,red)){.bg-brand-purple\/10{background-color:color-mix(in oklab,var(--color-brand-purple)10%,transparent)}}.bg-brand-purple\/80{background-color:#916affcc}@supports (color:color-mix(in lab,red,red)){.bg-brand-purple\/80{background-color:color-mix(in oklab,var(--color-brand-purple)80%,transparent)}}.bg-canvas,.bg-canvas\/20{background-color:var(--color-canvas)}@supports (color:color-mix(in lab,red,red)){.bg-canvas\/20{background-color:color-mix(in oklab,var(--color-canvas)20%,transparent)}}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-emerald-100{background-color:var(--color-emerald-100)}.bg-emerald-400{background-color:var(--color-emerald-400)}.bg-emerald-500{background-color:var(--color-emerald-500)}.bg-emerald-500\/15{background-color:#00bb7f26}@supports (color:color-mix(in lab,red,red)){.bg-emerald-500\/15{background-color:color-mix(in oklab,var(--color-emerald-500)15%,transparent)}}.bg-emerald-600{background-color:var(--color-emerald-600)}.bg-foreground{background-color:var(--color-foreground)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-gray-800{background-color:var(--color-gray-800)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-green-50{background-color:var(--color-green-50)}.bg-green-100{background-color:var(--color-green-100)}.bg-green-100\/50{background-color:#d1fae580}@supports (color:color-mix(in lab,red,red)){.bg-green-100\/50{background-color:color-mix(in oklab,var(--color-green-100)50%,transparent)}}.bg-green-400{background-color:var(--color-green-400)}.bg-green-500{ba
6ckground-color:var(--color-green-500)}.bg-green-500\/10{background-color:#10b9811a}@supports (color:color-mix(in lab,red,red)){.bg-green-500\/10{background-color:color-mix(in oklab,var(--color-green-500)10%,transparent)}}.bg-green-600{background-color:var(--color-green-600)}.bg-indigo-50{background-color:var(--color-indigo-50)}.bg-indigo-100{background-color:var(--color-indigo-100)}.bg-on-accent{background-color:var(--color-on-accent)}.bg-orange-50{background-color:var(--color-orange-50)}.bg-orange-100{background-color:var(--color-orange-100)}.bg-pink-50{background-color:var(--color-pink-50)}.bg-pink-100{background-color:var(--color-pink-100)}.bg-purple-50{background-color:var(--color-purple-50)}.bg-purple-100{background-color:var(--color-purple-100)}.bg-purple-700{background-color:var(--color-purple-700)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-100\/50{background-color:#fee2e280}@supports (color:color-mix(in lab,red,red)){.bg-red-100\/50{background-color:color-mix(in oklab,var(--color-red-100)50%,transparent)}}.bg-red-200{background-color:var(--color-red-200)}.bg-red-400{background-color:var(--color-red-400)}.bg-red-500{background-color:var(--color-red-500)}.bg-red-500\/10{background-color:#ef44441a}@supports (color:color-mix(in lab,red,red)){.bg-red-500\/10{background-color:color-mix(in oklab,var(--color-red-500)10%,transparent)}}.bg-red-500\/15{background-color:#ef444426}@supports (color:color-mix(in lab,red,red)){.bg-red-500\/15{background-color:color-mix(in oklab,var(--color-red-500)15%,transparent)}}.bg-red-600{background-color:var(--color-red-600)}.bg-slate-950\/60{background-color:#02061899}@supports (color:color-mix(in lab,red,red)){.bg-slate-950\/60{background-color:color-mix(in oklab,var(--color-slate-950)60%,transparent)}}.bg-surface{background-color:var(--color-surface)}.bg-surface-2,.bg-surface-2\/40{background-color:var(--color-surface-2)}@supports (color:color-mix(in lab,red,red)){.bg-surface-2\/40{background-color:color-mix(in oklab,var(--color-surface-2)40%,transparent)}}.bg-surface\/40{background-color:var(--color-surface)}@supports (color:color-mix(in lab,red,red)){.bg-surface\/40{background-color:color-mix(in oklab,var(--color-surface)40%,transparent)}}.bg-surface\/60{background-color:var(--color-surface)}@supports (color:color-mix(in lab,red,red)){.bg-surface\/60{background-color:color-mix(in oklab,var(--color-surface)60%,transparent)}}.bg-surface\/70{background-color:var(--color-surface)}@supports (color:color-mix(in lab,red,red)){.bg-surface\/70{background-color:color-mix(in oklab,var(--color-surface)70%,transparent)}}.bg-surface\/80{background-color:var(--color-surface)}@supports (color:color-mix(in lab,red,red)){.bg-surface\/80{background-color:color-mix(in oklab,var(--color-surface)80%,transparent)}}.bg-surface\/90{background-color:var(--color-surface)}@supports (color:color-mix(in lab,red,red)){.bg-surface\/90{background-color:color-mix(in oklab,var(--color-surface)90%,transparent)}}.bg-teal-100{background-color:var(--color-teal-100)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-white\/20{background-color:#fff3}@supports (color:color-mix(in lab,red,red)){.bg-white\/20{background-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.bg-yellow-50{background-color:var(--color-yellow-50)}.bg-yellow-100{background-color:var(--color-yellow-100)}.bg-yellow-500\/10{background-color:#f59e0b1a}@supports (color:color-mix(in lab,red,red)){.bg-yellow-500\/10{background-color:color-mix(in oklab,var(--color-yellow-500)10%,transparent)}}.dark .selectedCell{background-color:var(--color-gray-700)}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab}.bg-gradient-to-b,.bg-gradient-to-br{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-blue-50{--tw-gradient-from:var(--color-blue-50);--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
6(--tw-gradient-to-position))}.from-blue-100{--tw-gradient-from:var(--color-blue-100);--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))}.from-blue-500{--tw-gradient-from:var(--color-blue-500);--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))}.from-brand-blue{--tw-gradient-from:var(--color-brand-blue);--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))}.from-brand-blue\/5{--tw-gradient-from:#0066ff0d}@supports (color:color-mix(in lab,red,red)){.from-brand-blue\/5{--tw-gradient-from:color-mix(in oklab,var(--color-brand-blue)5%,transparent)}}.from-brand-blue\/5{--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))}.from-brand-blue\/10{--tw-gradient-from:#0066ff1a}@supports (color:color-mix(in lab,red,red)){.from-brand-blue\/10{--tw-gradient-from:color-mix(in oklab,var(--color-brand-blue)10%,transparent)}}.from-brand-blue\/10{--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))}.from-brand-blue\/15{--tw-gradient-from:#0066ff26}@supports (color:color-mix(in lab,red,red)){.from-brand-blue\/15{--tw-gradient-from:color-mix(in oklab,var(--color-brand-blue)15%,transparent)}}.from-brand-blue\/15{--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))}.from-brand-lavender{--tw-gradient-from:var(--color-brand-lavender);--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))}.from-brand-lavender\/30{--tw-gradient-from:#c2a2ff4d}@supports (color:color-mix(in lab,red,red)){.from-brand-lavender\/30{--tw-gradient-from:color-mix(in oklab,var(--color-brand-lavender)30%,transparent)}}.from-brand-lavender\/30{--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))}.from-brand-purple{--tw-gradient-from:var(--color-brand-purple);--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))}.from-brand-purple\/5{--tw-gradient-from:#916aff0d}@supports (color:color-mix(in lab,red,red)){.from-brand-purple\/5{--tw-gradient-from:color-mix(in oklab,var(--color-brand-purple)5%,transparent)}}.from-brand-purple\/5{--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))}.from-foreground{--tw-gradient-from:var(--color-foreground);--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))}.from-green-50{--tw-gradient-from:var(--color-green-50);--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))}.from-green-100{--tw-gradient-from:var(--color-green-100);--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))}.from-orange-50{--tw-gradient-from:var(--color-orange-50);--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
6(--tw-gradient-to-position))}.from-pink-500\/5{--tw-gradient-from:#ec48990d}@supports (color:color-mix(in lab,red,red)){.from-pink-500\/5{--tw-gradient-from:color-mix(in oklab,var(--color-pink-500)5%,transparent)}}.from-pink-500\/5{--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))}.from-purple-50{--tw-gradient-from:var(--color-purple-50);--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))}.from-purple-400\/20{--tw-gradient-from:#a78bfa33}@supports (color:color-mix(in lab,red,red)){.from-purple-400\/20{--tw-gradient-from:color-mix(in oklab,var(--color-purple-400)20%,transparent)}}.from-purple-400\/20{--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))}.from-purple-500{--tw-gradient-from:var(--color-purple-500);--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))}.from-red-50{--tw-gradient-from:var(--color-red-50);--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))}.from-red-100{--tw-gradient-from:var(--color-red-100);--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))}.from-surface{--tw-gradient-from:var(--color-surface);--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))}.via-brand-blue\/5{--tw-gradient-via:#0066ff0d}@supports (color:color-mix(in lab,red,red)){.via-brand-blue\/5{--tw-gradient-via:color-mix(in oklab,var(--color-brand-blue)5%,transparent)}}.via-brand-blue\/5{--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-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-brand-purple{--tw-gradient-via:var(--color-brand-purple);--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-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-brand-purple\/5{--tw-gradient-via:#916aff0d}@supports (color:color-mix(in lab,red,red)){.via-brand-purple\/5{--tw-gradient-via:color-mix(in oklab,var(--color-brand-purple)5%,transparent)}}.via-brand-purple\/5{--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-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-brand-purple\/10{--tw-gradient-via:#916aff1a}@supports (color:color-mix(in lab,red,red)){.via-brand-purple\/10{--tw-gradient-via:color-mix(in oklab,var(--color-brand-purple)10%,transparent)}}.via-brand-purple\/10{--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-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-purple-50{--tw-gradient-via:var(--color-purple-50);--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-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-purple-500\/5{--tw-gradient-via:#8b5cf60d}@supports (color:color-mix(in lab,red,red)){.via-purple-500\/5{--tw-gradient-via:color-mix(in oklab,var(--color-purple-500)5%,transparent)}}.via-purple-500\/5{--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
6osition),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-accent{--tw-gradient-to:var(--color-accent);--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))}.to-blue-100{--tw-gradient-to:var(--color-blue-100);--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))}.to-blue-200{--tw-gradient-to:var(--color-blue-200);--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))}.to-brand-blue{--tw-gradient-to:var(--color-brand-blue);--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))}.to-brand-blue\/30{--tw-gradient-to:#0066ff4d}@supports (color:color-mix(in lab,red,red)){.to-brand-blue\/30{--tw-gradient-to:color-mix(in oklab,var(--color-brand-blue)30%,transparent)}}.to-brand-blue\/30{--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))}.to-brand-lavender{--tw-gradient-to:var(--color-brand-lavender);--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))}.to-brand-lavender\/5{--tw-gradient-to:#c2a2ff0d}@supports (color:color-mix(in lab,red,red)){.to-brand-lavender\/5{--tw-gradient-to:color-mix(in oklab,var(--color-brand-lavender)5%,transparent)}}.to-brand-lavender\/5{--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))}.to-brand-lavender\/10{--tw-gradient-to:#c2a2ff1a}@supports (color:color-mix(in lab,red,red)){.to-brand-lavender\/10{--tw-gradient-to:color-mix(in oklab,var(--color-brand-lavender)10%,transparent)}}.to-brand-lavender\/10{--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))}.to-brand-lavender\/15{--tw-gradient-to:#c2a2ff26}@supports (color:color-mix(in lab,red,red)){.to-brand-lavender\/15{--tw-gradient-to:color-mix(in oklab,var(--color-brand-lavender)15%,transparent)}}.to-brand-lavender\/15{--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))}.to-brand-purple{--tw-gradient-to:var(--color-brand-purple);--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))}.to-green-100{--tw-gradient-to:var(--color-green-100);--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))}.to-green-200{--tw-gradient-to:var(--color-green-200);--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))}.to-indigo-50{--tw-gradient-to:var(--color-indigo-50);--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))}.to-indigo-500{--tw-gradient-to:var(--color-indigo-500);--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))}.to-muted{--tw-gradient-to:var(--color-muted);--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
6(--tw-gradient-to-position))}.to-orange-100{--tw-gradient-to:var(--color-orange-100);--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))}.to-pink-400\/20{--tw-gradient-to:#f472b633}@supports (color:color-mix(in lab,red,red)){.to-pink-400\/20{--tw-gradient-to:color-mix(in oklab,var(--color-pink-400)20%,transparent)}}.to-pink-400\/20{--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))}.to-pink-500\/5{--tw-gradient-to:#ec48990d}@supports (color:color-mix(in lab,red,red)){.to-pink-500\/5{--tw-gradient-to:color-mix(in oklab,var(--color-pink-500)5%,transparent)}}.to-pink-500\/5{--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))}.to-purple-100{--tw-gradient-to:var(--color-purple-100);--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))}.to-purple-500{--tw-gradient-to:var(--color-purple-500);--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))}.to-red-100{--tw-gradient-to:var(--color-red-100);--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))}.to-red-200{--tw-gradient-to:var(--color-red-200);--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))}.to-surface-2{--tw-gradient-to:var(--color-surface-2);--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))}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.fill-current{fill:currentColor}.fill-green-500{fill:var(--color-green-500)}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:calc(var(--spacing)*0)}.p-0\.5{padding:calc(var(--spacing)*.5)}.p-1{padding:calc(var(--spacing)*1)}.p-1\.5{padding:calc(var(--spacing)*1.5)}.p-2{padding:calc(var(--spacing)*2)}.p-2\.5{padding:calc(var(--spacing)*2.5)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.p-10{padding:calc(var(--spacing)*10)}.p-12{padding:calc(var(--spacing)*12)}.p-14{padding:calc(var(--spacing)*14)}.px-0\.5{padding-inline:calc(var(--spacing)*.5)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-3\.5{padding-inline:calc(var(--spacing)*3.5)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-7{padding-inline:calc(var(--spacing)*7)}.px-8{padding-inline:calc(var(--spacing)*8)}.px-10{padding-inline:calc(var(--spacing)*10)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-2\.75{padding-block:calc(var(--spacing)*2.75)}.py-3{padding-block:calc(var(--spacing)*3)}.py-3\.5{padding-block:calc(var(--spacing)*3.5)}.py-4{padding-block:calc(var(--spacing)*4)}.py-5{padding-block:calc(var(--spacing)*5)}.py-6{padding-block:calc(var(--spacing)*6)}.py-8{padding-block:calc(var(--spacing)*8)}.py-10{padding-block:calc(var(--spacing)*10)}.py-12{padding-block:calc(var(--spacing)*12)}.py-16{padding-block:calc(var(--spacing)*16)}.py-20{padding-block:calc(var(--spacing)*20)}.py-24{padding-block:calc(var(--spacing)*24)}.ps-3{padding-inline-start:calc(var(--spacing)*3)}.ps-10{padding-inline-start:calc(var(--spacing)*10)}.pt-1{padding-top:calc(var(--spacing)*1)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-2\.5{padding-top:calc(var(--spacing)*2.5)}.pt-3{padding-top:calc(var(--spacing)*3)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-5{padding-top:calc(var(--spacing)*5)}.pt-6{padding-top:calc(var(--spacing)*6)}.pt-8{padding-top:calc(var(--spacing)*8)}.pt-12{padding-top:calc(var(--spacing)*12)}.pt-20{padding-top:calc(var(--spacing)*20)}.pt-24{padding-top:calc(var(--spacing)*24)}.pt-36{padding-top:calc(var(--spacing)*36)}.pr-0\.5{padding-right:calc(var(--spacing)*.5)}.pr-2{padding-right:calc(var(--spacing)*2)}.pr-2\.5{padding-right:calc(var(--spacing)*2.5)}.pr-3{padding-right:calc(var(--spacing)*3)}.pr-6{padding-right:calc(var(--spacing)*6)}.pr-8{padding-right:calc(var(--spacing)*8)}.pr-10{padding-right:calc(var(--spacing)*10)}.pr-12{padding-right:calc(var(--spacing)*12)}.pr-17{padding-right:calc(var(--spacing)*17)}.pr-20{padding-right:calc(var(--spacing)*20)}.pr-44{padding-right:calc(var(--spacing)*44)}.pb-1{padding-bottom:calc(var(--spacing)*1)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pb-5{padding-bottom:calc(var(--spacing)*5)}.pb-6{padding-bottom:calc(var(--spacing)*6)}.pb-8{padding-bottom:calc(var(--spacing)*8)}.pb-12{padding-bottom:calc(var(--spacing)*12)}.pb-20{padding-bottom:calc(var(--spacing)*20)}.pb-24{padding-bottom:calc(var(--spacing)*24)}.pb-28{padding-bottom:calc(var(--spacing)*28)}.pb-40{padding-bottom:calc(var(--spacing)*40)}.pl-1{padding-left:calc(var(--spacing)*1)}.pl-2{padding-left:calc(var(--spacing)*2)}.pl-2\.5{padding-left:calc(var(--spacing)*2.5)}.pl-3{padding-left:calc(var(--spacing)*3)}.pl-3\.5{padding-left:calc(var(--spacing)*3.5)}.pl-4{padding-left:calc(var(--spacing)*4)}.pl-5{padding-left:calc(var(--spacing)*5)}.pl-6{padding-left:calc(var(--spacing)*6)}.pl-8{padding-left:calc(var(--spacing)*8)}.pl-10{padding-left:calc(var(--spacing)*10)}.pl-11{padding-left:calc(var(--spacing)*11)}.pl-12{padding-left:calc(var(--spacing)*12)}.pl-14{padding-left:calc(var(--spacing)*14)}
6.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.align-top{vertical-align:top}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.92em\]{font-size:.92em}.text-\[10px\]{font-size:10px}.text-\[10rem\]{font-size:10rem}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[14\.5px\]{font-size:14.5px}.text-\[40px\]{font-size:40px}.leading-\[1\.1\]{--tw-leading:1.1;line-height:1.1}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.12em\]{--tw-tracking:.12em;letter-spacing:.12em}.tracking-\[0\.18em\]{--tw-tracking:.18em;letter-spacing:.18em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-tighter{--tw-tracking:var(--tracking-tighter);letter-spacing:var(--tracking-tighter)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-wrap{white-space:pre-wrap}.text-\[\#21759b\]{color:#21759b}.text-\[\#96588A\]{color:#96588a}.text-accent{color:var(--color-accent)}.text-amber-500{color:var(--color-amber-500)}.text-amber-600{color:var(--color-amber-600)}.text-amber-700{color:var(--color-amber-700)}.text-amber-800{color:var(--color-amber-800)}.text-amber-900{color:var(--color-amber-900)}.text-blue-500{color:var(--color-blue-500)}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-blue-800{color:var(--color-blue-800)}.text-blue-900{color:var(--color-blue-900)}.text-border{color:var(--color-border)}.text-brand-lavender{color:var(--color-brand-lavender)}.text-brand-on{color:var(--color-brand-on)}.text-brand-purple{color:var(--color-brand-purple)}.text-canvas{color:var(--color-canvas)}.text-current{color:currentColor}.text-emerald-500{color:var(--color-emerald-500)}.text-emerald-600{color:var(--color-emerald-600)}.text-emerald-700{color:var(--color-emerald-700)}.text-emerald-800{color:var(--color-emerald-800)}.text-emerald-900{color:var(--color-emerald-900)}.text-foreground,.text-foreground\/70{color:var(--color-foreground)}@supports (color:color-mix(in lab,red,red)){.text-foreground\/70{color:color-mix(in oklab,var(--color-foreground)70%,transparent)}}.text-foreground\/80{color:var(--color-foreground)}@supports (color:color-mix(in lab,red,red)){.text-foreground\/80{color:color-mix(in oklab,var(--color-foreground)80%,transparent)}}.text-foreground\/85{color:var(--color-foreground)}@supports (color:color-mix(in lab,red,red)){.text-foreground\/85{color:color-mix(in oklab,var(--color-foreground)85%,transparent)}}.text-foreground\/90{color:var(--color-foreground)}@supports (color:color-mix(in lab,red,red)){.text-foreground\/90{color:color-mix(in oklab,var(--color-foreground)90%,transparent)}}.text-gray-300{color:var(--color-gray-300)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-900{color:var(--color-gray-900)}.text-green-500{color:var(--color-green-500)}.text-green-600{color:var(--color-green-600)}.text-green-700{color:var(--color-green-700)}.text-green-800{color:var(--color-green-800)}.text-indigo-600{color:var(--color-indigo-600)}.text-indigo-700{color:var(--color-indigo-700)}.text-muted{color:var(--color-muted)}.text-muted-2{color:var(--color-muted-2)}.text-muted\/60{color:var(--color-muted)}@supports (color:color-mix(in lab,red,red)){.text-muted\/60{color:color-mix(in oklab,var(--color-muted)60%,transparent)}}.text-on-accent,.text-on-accent\/70{color:var(--color-on-accent)}@supports (color:color-mix(in lab,red,red)){.text-on-accent\/70{color:color-mix(in oklab,var(--color-on-accent)70%,transparent)}}.text-orange-500{color:var(--color-orange-500)}.text-orange-600{color:var(--color-orange-600)}.text-orange-700{color:var(--color-orange-700)}.text-pink-600{color:var(--color-pink-600)}.text-pink-700{color:var(--color-pink-700)}.text-purple-600{color:var(--color-purple-600)}.text-purple-700{color:var(--color-purple-700)}.text-purple-900{color:var(--color-purple-900)}.text-red-400{color:var(--color-red-400)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-red-800{color:var(--color-red-800)}.text-red-900{color:var(--color-red-900)}.text-teal-600{color:var(--color-teal-600)}.text-transparent{color:#0000}.text-white{color:var(--color-white)}.text-yellow-500{color:var(--color-yellow-500)}.text-yellow-600{color:var(--color-yellow-600)}.text-yellow-700{color:var(--color-yellow-700)}.text-yellow-800{color:var(--color-yellow-800)}.text-yellow-900{color:var(--color-yellow-900)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.placeholder-muted::-moz-placeholder{color:var(--color-muted)}.placeholder-muted::placeholder{color:var(--color-muted)}.opacity-0{opacity:0}
6.opacity-25{opacity:.25}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.opacity-95{opacity:.95}.opacity-100{opacity:1}.opacity-\[0\.025\]{opacity:.025}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a)}.shadow,.shadow-2xl{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a)}.shadow-lg,.shadow-md{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a)}.shadow-none{--tw-shadow:0 0 #0000}.shadow-none,.shadow-sm{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
6dow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a)}.shadow-xl,.shadow-xs{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor)}.ring,.ring-0{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-0{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor)}.ring-1,.ring-2{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
6dow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor)}.ring-4{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-accent,.ring-accent\/20{--tw-ring-color:var(--color-accent)}@supports (color:color-mix(in lab,red,red)){.ring-accent\/20{--tw-ring-color:color-mix(in oklab,var(--color-accent)20%,transparent)}}.ring-blue-600{--tw-ring-color:var(--color-blue-600)}.ring-brand-blue\/60{--tw-ring-color:#06f9}@supports (color:color-mix(in lab,red,red)){.ring-brand-blue\/60{--tw-ring-color:color-mix(in oklab,var(--color-brand-blue)60%,transparent)}}.ring-gray-200{--tw-ring-color:var(--color-gray-200)}.ring-green-500{--tw-ring-color:var(--color-green-500)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px)}.blur,.blur-3xl{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,)}.blur-3xl{--tw-blur:blur(var(--blur-3xl))}.blur-\[3px\]{--tw-blur:blur(3px)}.blur-\[100px\],.blur-\[3px\]{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,)}.blur-\[100px\]{--tw-blur:blur(100px)}.drop-shadow-sm{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-sm))}.drop-shadow-sm,.grayscale{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,)}.grayscale{--tw-grayscale:grayscale(100%)}.filter{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,)}.backdrop-blur{--tw-backdrop-blur:blur(8px)}.backdrop-blur,.backdrop-blur-sm{-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,);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,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm))}.transition{transition-duration:var(--tw-duration,var(--default-transition-duration));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,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.transition-\[max-height\]{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:max-height;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.transition-\[width\]{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.transition-all{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.transition-colors{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.transition-opacity{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.transition-shadow{transition-duration:var(--tw-duration,var(--default-transition-duration));
6transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.transition-transform{transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.duration-600{--tw-duration:.6s;transition-duration:.6s}.duration-700{--tw-duration:.7s;transition-duration:.7s}.duration-1000{--tw-duration:1s;transition-duration:1s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.group-focus-within\:opacity-100:is(:where(.group):focus-within *){opacity:1}.group-focus-within\/autotip\:block:is(:where(.group\/autotip):focus-within *),.group-focus-within\/lentip\:block:is(:where(.group\/lentip):focus-within *),.group-focus-within\/nametip\:block:is(:where(.group\/nametip):focus-within *){display:block}@media (hover:hover){.group-hover\:block:is(:where(.group):hover *){display:block}.group-hover\:flex:is(:where(.group):hover *){display:flex}.group-hover\:translate-x-1:is(:where(.group):hover *){--tw-translate-x:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.group-hover\:scale-\[1\.02\]:is(:where(.group):hover *){scale:1.02}.group-hover\:scale-\[1\.03\]:is(:where(.group):hover *){scale:1.03}.group-hover\:border-accent\/50:is(:where(.group):hover *){border-color:var(--color-accent)}@supports (color:color-mix(in lab,red,red)){.group-hover\:border-accent\/50:is(:where(.group):hover *){border-color:color-mix(in oklab,var(--color-accent)50%,transparent)}}.group-hover\:text-accent:is(:where(.group):hover *){color:var(--color-accent)}.group-hover\:text-brand-purple:is(:where(.group):hover *){color:var(--color-brand-purple)}.group-hover\:underline:is(:where(.group):hover *){text-decoration-line:underline}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.group-hover\/autotip\:block:is(:where(.group\/autotip):hover *){display:block}.group-hover\/code\:opacity-100:is(:where(.group\/code):hover *){opacity:1}.group-hover\/generate\:block:is(:where(.group\/generate):hover *),.group-hover\/generateall\:block:is(:where(.group\/generateall):hover *),.group-hover\/lentip\:block:is(:where(.group\/lentip):hover *),.group-hover\/nametip\:block:is(:where(.group\/nametip):hover *),.group-hover\/regen\:block:is(:where(.group\/regen):hover *){display:block}}.peer-checked\:bg-accent:is(:where(.peer):checked~*){background-color:var(--color-accent)}.peer-focus\:ring-4:is(:where(.peer):focus~*){--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
6dow)}.peer-focus\:ring-brand-blue\/30:is(:where(.peer):focus~*){--tw-ring-color:#0066ff4d}@supports (color:color-mix(in lab,red,red)){.peer-focus\:ring-brand-blue\/30:is(:where(.peer):focus~*){--tw-ring-color:color-mix(in oklab,var(--color-brand-blue)30%,transparent)}}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-50:is(:where(.peer):disabled~*){opacity:.5}.marker\:text-muted ::marker{color:var(--color-muted)}.marker\:text-muted::marker{color:var(--color-muted)}.marker\:text-muted ::-webkit-details-marker,.marker\:text-muted::-webkit-details-marker{color:var(--color-muted)}.placeholder\:text-green-400::-moz-placeholder{color:var(--color-green-400)}.placeholder\:text-green-400::placeholder{color:var(--color-green-400)}.placeholder\:text-muted-2::-moz-placeholder{color:var(--color-muted-2)}.placeholder\:text-muted-2::placeholder{color:var(--color-muted-2)}.placeholder\:text-red-300::-moz-placeholder{color:var(--color-red-300)}.placeholder\:text-red-300::placeholder{color:var(--color-red-300)}.placeholder\:text-red-400::-moz-placeholder{color:var(--color-red-400)}.placeholder\:text-red-400::placeholder{color:var(--color-red-400)}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:inset-0:before{content:var(--tw-content);inset:calc(var(--spacing)*0)}.before\:rounded-2xl:before{border-radius:var(--radius-2xl);content:var(--tw-content)}.before\:content-\[\'\'\]:before{--tw-content:"";content:var(--tw-content)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:top-\[2px\]:after{content:var(--tw-content);top:2px}.after\:left-\[2px\]:after{content:var(--tw-content);left:2px}.after\:h-5:after{content:var(--tw-content);height:calc(var(--spacing)*5)}.after\:w-5:after{content:var(--tw-content);width:calc(var(--spacing)*5)}.after\:rounded-full:after{border-radius:3.40282e+38px;content:var(--tw-content)}.after\:border:after{border-style:var(--tw-border-style);border-width:1px;content:var(--tw-content)}.after\:border-border:after{border-color:var(--color-border);content:var(--tw-content)}.after\:bg-surface:after{background-color:var(--color-surface);content:var(--tw-content)}.after\:transition-all:after{content:var(--tw-content);transition-duration:var(--tw-duration,var(--default-transition-duration));transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.peer-checked\:after\:translate-x-full:is(:where(.peer):checked~*):after{content:var(--tw-content);--tw-translate-x:100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.peer-checked\:after\:border-border:is(:where(.peer):checked~*):after{border-color:var(--color-border);content:var(--tw-content)}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.focus-within\:border-accent:focus-within{border-color:var(--color-accent)}.focus-within\:bg-surface-2:focus-within{background-color:var(--color-surface-2)}.focus-within\:ring-2:focus-within{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
6dow)}.focus-within\:ring-accent:focus-within,.focus-within\:ring-accent\/30:focus-within{--tw-ring-color:var(--color-accent)}@supports (color:color-mix(in lab,red,red)){.focus-within\:ring-accent\/30:focus-within{--tw-ring-color:color-mix(in oklab,var(--color-accent)30%,transparent)}}@media (hover:hover){.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:border-\[\#0A66C2\]:hover{border-color:#0a66c2}.hover\:border-\[\#000\]:hover{border-color:#000}.hover\:border-accent:hover,.hover\:border-accent\/50:hover{border-color:var(--color-accent)}@supports (color:color-mix(in lab,red,red)){.hover\:border-accent\/50:hover{border-color:color-mix(in oklab,var(--color-accent)50%,transparent)}}.hover\:border-brand-purple\/40:hover{border-color:#916aff66}@supports (color:color-mix(in lab,red,red)){.hover\:border-brand-purple\/40:hover{border-color:color-mix(in oklab,var(--color-brand-purple)40%,transparent)}}.hover\:bg-accent\/10:hover{background-color:var(--color-accent)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-accent\/10:hover{background-color:color-mix(in oklab,var(--color-accent)10%,transparent)}}.hover\:bg-accent\/15:hover{background-color:var(--color-accent)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-accent\/15:hover{background-color:color-mix(in oklab,var(--color-accent)15%,transparent)}}.hover\:bg-accent\/90:hover{background-color:var(--color-accent)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-accent\/90:hover{background-color:color-mix(in oklab,var(--color-accent)90%,transparent)}}.hover\:bg-amber-600:hover{background-color:var(--color-amber-600)}.hover\:bg-black\/10:hover{background-color:#0000001a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-black\/10:hover{background-color:color-mix(in oklab,var(--color-black)10%,transparent)}}.hover\:bg-black\/80:hover{background-color:#000c}@supports (color:color-mix(in lab,red,red)){.hover\:bg-black\/80:hover{background-color:color-mix(in oklab,var(--color-black)80%,transparent)}}.hover\:bg-blue-200:hover{background-color:var(--color-blue-200)}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-border:hover{background-color:var(--color-border)}.hover\:bg-brand-on\/75:hover{background-color:var(--color-brand-on)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-brand-on\/75:hover{background-color:color-mix(in oklab,var(--color-brand-on)75%,transparent)}}.hover\:bg-brand-purple\/10:hover{background-color:#916aff1a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-brand-purple\/10:hover{background-color:color-mix(in oklab,var(--color-brand-purple)10%,transparent)}}.hover\:bg-emerald-700:hover{background-color:var(--color-emerald-700)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-green-200:hover{background-color:var(--color-green-200)}.hover\:bg-purple-50:hover{background-color:var(--color-purple-50)}.hover\:bg-purple-100:hover{background-color:var(--color-purple-100)}.hover\:bg-purple-800:hover{background-color:var(--color-purple-800)}.hover\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\:bg-red-100:hover{background-color:var(--color-red-100)}.hover\:bg-red-200:hover{background-color:var(--color-red-200)}.hover\:bg-red-500\/10:hover{background-color:#ef44441a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-red-500\/10:hover{background-color:color-mix(in oklab,var(--color-red-500)10%,transparent)}}.hover\:bg-red-500\/20:hover{background-color:#ef444433}@supports (color:color-mix(in lab,red,red)){.hover\:bg-red-500\/20:hover{background-color:color-mix(in oklab,var(--color-red-500)20%,transparent)}}.hover\:bg-red-600:hover{background-color:var(--color-red-600)}.hover\:bg-red-700:hover{background-color:var(--color-red-700)}.hover\:bg-red-800:hover{background-color:var(--color-red-800)}.hover\:bg-surface:hover{background-color:var(--color-surface)}.hover\:bg-surface-2:hover,.hover\:bg-surface-2\/60:hover{background-color:var(--color-surface-2)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-surface-2\/60:hover{background-color:color-mix(in oklab,var(--color-surface-2)60%,transparent)}}.hover\:bg-surface-2\/70:hover{background-color:var(--color-surface-2)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-surface-2\/70:hover{background-color:color-mix(in oklab,var(--color-surface-2)70%,transparent)}}.hover\:bg-white\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/10:hover{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.hover\:from-blue-600:hover{--tw-gradient-from:var(--color-blue-600);--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
6(--tw-gradient-to-position))}.hover\:to-purple-600:hover{--tw-gradient-to:var(--color-purple-600);--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))}.hover\:text-\[\#0A66C2\]:hover{color:#0a66c2}.hover\:text-\[\#000\]:hover{color:#000}.hover\:text-accent:hover,.hover\:text-accent\/80:hover{color:var(--color-accent)}@supports (color:color-mix(in lab,red,red)){.hover\:text-accent\/80:hover{color:color-mix(in oklab,var(--color-accent)80%,transparent)}}.hover\:text-amber-700:hover{color:var(--color-amber-700)}.hover\:text-blue-800:hover{color:var(--color-blue-800)}.hover\:text-brand-purple:hover{color:var(--color-brand-purple)}.hover\:text-canvas:hover{color:var(--color-canvas)}.hover\:text-foreground:hover{color:var(--color-foreground)}.hover\:text-gray-700:hover{color:var(--color-gray-700)}.hover\:text-red-600:hover{color:var(--color-red-600)}.hover\:text-red-900:hover{color:var(--color-red-900)}.hover\:text-white:hover{color:var(--color-white)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-50:hover{opacity:.5}.hover\:opacity-70:hover{opacity:.7}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-90:hover{opacity:.9}.hover\:opacity-95:hover{opacity:.95}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-sha
6dow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a)}.hover\:shadow-lg:hover,.hover\:shadow-md:hover{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a)}.hover\:ring-4:hover,.hover\:shadow-xl:hover{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:ring-4:hover{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor)}.hover\:ring-accent\/30:hover{--tw-ring-color:var(--color-accent)}@supports (color:color-mix(in lab,red,red)){.hover\:ring-accent\/30:hover{--tw-ring-color:color-mix(in oklab,var(--color-accent)30%,transparent)}}}.focus\:relative:focus{position:relative}.focus\:z-10:focus{z-index:10}.focus\:border-accent:focus{border-color:var(--color-accent)}.focus\:border-green-500:focus{border-color:var(--color-green-500)}.focus\:border-purple-500:focus{border-color:var(--color-purple-500)}.focus\:border-red-400:focus{border-color:var(--color-red-400)}.focus\:border-red-500:focus{border-color:var(--color-red-500)}.focus\:bg-purple-50:focus{background-color:var(--color-purple-50)}.focus\:bg-surface-2:focus{background-color:var(--color-surface-2)}.focus\:opacity-100:focus{opacity:1}.focus\:ring-0:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor)}.focus\:ring-0:focus,.focus\:ring-1:focus{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
6dow)}.focus\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor)}.focus\:ring-2:focus,.focus\:ring-4:focus{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-4:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor)}.focus\:ring-accent:focus,.focus\:ring-accent\/30:focus{--tw-ring-color:var(--color-accent)}@supports (color:color-mix(in lab,red,red)){.focus\:ring-accent\/30:focus{--tw-ring-color:color-mix(in oklab,var(--color-accent)30%,transparent)}}.focus\:ring-accent\/50:focus{--tw-ring-color:var(--color-accent)}@supports (color:color-mix(in lab,red,red)){.focus\:ring-accent\/50:focus{--tw-ring-color:color-mix(in oklab,var(--color-accent)50%,transparent)}}.focus\:ring-blue-200:focus{--tw-ring-color:var(--color-blue-200)}.focus\:ring-blue-300:focus{--tw-ring-color:var(--color-blue-300)}.focus\:ring-blue-500:focus{--tw-ring-color:var(--color-blue-500)}.focus\:ring-brand-blue\/20:focus{--tw-ring-color:#06f3}@supports (color:color-mix(in lab,red,red)){.focus\:ring-brand-blue\/20:focus{--tw-ring-color:color-mix(in oklab,var(--color-brand-blue)20%,transparent)}}.focus\:ring-brand-blue\/30:focus{--tw-ring-color:#0066ff4d}@supports (color:color-mix(in lab,red,red)){.focus\:ring-brand-blue\/30:focus{--tw-ring-color:color-mix(in oklab,var(--color-brand-blue)30%,transparent)}}.focus\:ring-brand-blue\/60:focus{--tw-ring-color:#06f9}@supports (color:color-mix(in lab,red,red)){.focus\:ring-brand-blue\/60:focus{--tw-ring-color:color-mix(in oklab,var(--color-brand-blue)60%,transparent)}}.focus\:ring-brand-blue\/70:focus{--tw-ring-color:#0066ffb3}@supports (color:color-mix(in lab,red,red)){.focus\:ring-brand-blue\/70:focus{--tw-ring-color:color-mix(in oklab,var(--color-brand-blue)70%,transparent)}}.focus\:ring-green-500:focus{--tw-ring-color:var(--color-green-500)}.focus\:ring-purple-300:focus{--tw-ring-color:var(--color-purple-300)}.focus\:ring-purple-300\/40:focus{--tw-ring-color:#c4b5fd66}@supports (color:color-mix(in lab,red,red)){.focus\:ring-purple-300\/40:focus{--tw-ring-color:color-mix(in oklab,var(--color-purple-300)40%,transparent)}}.focus\:ring-purple-500:focus{--tw-ring-color:var(--color-purple-500)}.focus\:ring-red-300:focus{--tw-ring-color:var(--color-red-300)}.focus\:ring-red-300\/30:focus{--tw-ring-color:#fca5a54d}@supports (color:color-mix(in lab,red,red)){.focus\:ring-red-300\/30:focus{--tw-ring-color:color-mix(in oklab,var(--color-red-300)30%,transparent)}}.focus\:ring-red-300\/40:focus{--tw-ring-color:#fca5a566}@supports (color:color-mix(in lab,red,red)){.focus\:ring-red-300\/40:focus{--tw-ring-color:color-mix(in oklab,var(--color-red-300)40%,transparent)}}.focus\:ring-red-300\/50:focus{--tw-ring-color:#fca5a580}@supports (color:color-mix(in lab,red,red)){.focus\:ring-red-300\/50:focus{--tw-ring-color:color-mix(in oklab,var(--color-red-300)50%,transparent)}}.focus\:ring-red-400:focus{--tw-ring-color:var(--color-red-400)}.focus\:ring-red-400\/30:focus{--tw-ring-color:#f871714d}@supports (color:color-mix(in lab,red,red)){.focus\:ring-red-400\/30:focus{--tw-ring-color:color-mix(in oklab,var(--color-red-400)30%,transparent)}}.focus\:ring-red-500:focus{--tw-ring-color:var(--color-red-500)}.focus\:ring-red-500\/20:focus{--tw-ring-color:#ef444433}@supports (color:color-mix(in lab,red,red)){.focus\:ring-red-500\/20:focus{--tw-ring-color:color-mix(in oklab,var(--color-red-500)20%,transparent)}}.focus\:ring-offset-1:focus{--tw-ring-offset-width:1px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-2:focus{outline-style:var(--tw-outline-style);outline-width:2px}.focus\:outline-offset-1:focus{outline-offset:1px}.focus\:outline-accent:focus{outline-color:var(--color-accent)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus\:ring-inset:focus{--tw-ring-inset:inset}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
6dow)}.focus-visible\:ring-accent:focus-visible,.focus-visible\:ring-accent\/60:focus-visible{--tw-ring-color:var(--color-accent)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-accent\/60:focus-visible{--tw-ring-color:color-mix(in oklab,var(--color-accent)60%,transparent)}}.focus-visible\:ring-brand-purple\/30:focus-visible{--tw-ring-color:#916aff4d}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-brand-purple\/30:focus-visible{--tw-ring-color:color-mix(in oklab,var(--color-brand-purple)30%,transparent)}}.focus-visible\:ring-brand-purple\/60:focus-visible{--tw-ring-color:#916aff99}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-brand-purple\/60:focus-visible{--tw-ring-color:color-mix(in oklab,var(--color-brand-purple)60%,transparent)}}.focus-visible\:ring-white:focus-visible{--tw-ring-color:var(--color-white)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:ring-offset-black\/30:focus-visible{--tw-ring-offset-color:#0000004d}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-offset-black\/30:focus-visible{--tw-ring-offset-color:color-mix(in oklab,var(--color-black)30%,transparent)}}.focus-visible\:outline:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-accent:focus-visible{outline-color:var(--color-accent)}.focus-visible\:outline-green-600:focus-visible{outline-color:var(--color-green-600)}.focus-visible\:outline-red-600:focus-visible{outline-color:var(--color-red-600)}.focus-visible\:ring-inset:focus-visible{--tw-ring-inset:inset}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}@media (min-width:1700px){.min-\[1700px\]\:fixed{position:fixed}.min-\[1700px\]\:top-3{top:calc(var(--spacing)*3)}.min-\[1700px\]\:right-6{right:calc(var(--spacing)*6)}.min-\[1700px\]\:z-50{z-index:50}}@media (min-width:40rem){.sm\:col-span-3{grid-column:span 3/span 3}.sm\:col-start-1{grid-column-start:1}.sm\:mx-0{margin-inline:calc(var(--spacing)*0)}.sm\:mt-0{margin-top:calc(var(--spacing)*0)}.sm\:mr-2{margin-right:calc(var(--spacing)*2)}.sm\:grid{display:grid}.sm\:hidden{display:none}.sm\:inline{display:inline}.sm\:h-10{height:calc(var(--spacing)*10)}.sm\:h-20{height:calc(var(--spacing)*20)}.sm\:h-32{height:calc(var(--spacing)*32)}.sm\:h-36{height:calc(var(--spacing)*36)}.sm\:min-h-\[500px\]{min-height:500px}.sm\:w-10{width:calc(var(--spacing)*10)}.sm\:w-20{width:calc(var(--spacing)*20)}.sm\:w-36{width:calc(var(--spacing)*36)}.sm\:w-80{width:calc(var(--spacing)*80)}.sm\:w-auto{width:auto}.sm\:max-w-none{max-width:none}.sm\:flex-1{flex:1}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:grid-cols-\[200px_1fr_auto\]{grid-template-columns:200px 1fr auto}.sm\:flex-col{flex-direction:column}.sm\:flex-row{flex-direction:row}.sm\:items-baseline{align-items:baseline}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:justify-start{justify-content:flex-start}.sm\:gap-4{gap:calc(var(--spacing)*4)}.sm\:gap-5{gap:calc(var(--spacing)*5)}.sm\:gap-24{gap:calc(var(--spacing)*24)}.sm\:gap-x-4{-moz-column-gap:calc(var(--spacing)*4);column-gap:calc(var(--spacing)*4)}.sm\:rounded-lg{border-radius:var(--radius-lg)}.sm\:p-3{padding:calc(var(--spacing)*3)}.sm\:p-4{padding:calc(var(--spacing)*4)}.sm\:p-6{padding:calc(var(--spacing)*6)}.sm\:p-8{padding:calc(var(--spacing)*8)}.sm\:p-10{padding:calc(var(--spacing)*10)}.sm\:p-20{padding:calc(var(--spacing)*20)}.sm\:px-4{padding-inline:calc(var(--spacing)*4)}.sm\:px-6{padding-inline:calc(var(--spacing)*6)}.sm\:px-8{padding-inline:calc(var(--spacing)*8)}.sm\:py-4{padding-block:calc(var(--spacing)*4)}.sm\:py-32{padding-block:calc(var(--spacing)*32)}.sm\:pt-28{padding-top:calc(var(--spacing)*28)}.sm\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sm\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.sm\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.sm\:text-base{font-size:var(--text-base);
6line-height:var(--tw-leading,var(--text-base--line-height))}.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.sm\:text-\[16rem\]{font-size:16rem}@media (hover:hover){.sm\:hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}}}@media (min-width:48rem){.md\:inset-0{inset:calc(var(--spacing)*0)}.md\:col-start-2{grid-column-start:2}.md\:mb-0{margin-bottom:calc(var(--spacing)*0)}.md\:inline{display:inline}.md\:h-10{height:calc(var(--spacing)*10)}.md\:h-12{height:calc(var(--spacing)*12)}.md\:w-1\/2{width:50%}.md\:w-1\/3{width:33.3333%}.md\:w-2\/3{width:66.6667%}.md\:w-auto{width:auto}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:p-5{padding:calc(var(--spacing)*5)}.md\:p-6{padding:calc(var(--spacing)*6)}}@media (min-width:64rem){.lg\:col-span-1{grid-column:span 1/span 1}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-start-1{grid-column-start:1}.lg\:mb-8{margin-bottom:calc(var(--spacing)*8)}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:inline-flex{display:inline-flex}.lg\:min-h-\[90px\]{min-height:90px}.lg\:min-h-\[600px\]{min-height:600px}.lg\:w-\[480px\]{width:480px}.lg\:max-w-\[700px\]{max-width:700px}.lg\:max-w-\[900px\]{max-width:900px}.lg\:min-w-\[444px\]{min-width:444px}.lg\:min-w-\[480px\]{min-width:480px}.lg\:flex-1{flex:1}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:items-end{align-items:flex-end}.lg\:items-start{align-items:flex-start}.lg\:justify-between{justify-content:space-between}.lg\:gap-x-3{-moz-column-gap:calc(var(--spacing)*3);column-gap:calc(var(--spacing)*3)}.lg\:gap-x-4{-moz-column-gap:calc(var(--spacing)*4);column-gap:calc(var(--spacing)*4)}.lg\:self-end{align-self:flex-end}.lg\:p-10{padding:calc(var(--spacing)*10)}.lg\:p-12{padding:calc(var(--spacing)*12)}.lg\:px-8{padding-inline:calc(var(--spacing)*8)}.lg\:pt-28{padding-top:calc(var(--spacing)*28)}.lg\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.lg\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.lg\:text-\[5\.7rem\]{font-size:5.7rem}}@media (min-width:80rem){.xl\:col-start-5{grid-column-start:5}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\:gap-x-8{-moz-column-gap:calc(var(--spacing)*8);column-gap:calc(var(--spacing)*8)}.xl\:p-16{padding:calc(var(--spacing)*16)}.xl\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}}:where(.rtl\:space-x-reverse:where(:dir(rtl),[dir=rtl],[dir=rtl] *)>:not(:last-child)){--tw-space-x-reverse:1}.dark\:\!block:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){display:block!important}.dark\:\!hidden:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){display:none!important}.dark\:border-amber-500\/30:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){border-color:#f99c004d}@supports (color:color-mix(in lab,red,red)){.dark\:border-amber-500\/30:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){border-color:color-mix(in oklab,var(--color-amber-500)30%,transparent)}}.dark\:border-amber-500\/40:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){border-color:#f99c0066}@supports (color:color-mix(in lab,red,red)){.dark\:border-amber-500\/40:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){border-color:color-mix(in oklab,var(--color-amber-500)40%,transparent)}}.dark\:border-amber-600:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){border-color:var(--color-amber-600)}.dark\:border-amber-800:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){border-color:var(--color-amber-800)}.dark\:border-blue-500\/30:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){border-color:#3b82f64d}@supports (color:color-mix(in lab,red,red)){.dark\:border-blue-500\/30:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){border-color:color-mix(in oklab,var(--color-blue-500)30%,transparent)}}.dark\:border-blue-500\/40:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){border-color:#3b82f666}@supports (color:color-mix(in lab,red,red)){.dark\:border-blue-500\/40:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){border-color:color-mix(in oklab,var(--color-blue-500)40%,transparent)}}.dark\:border-blue-800:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){border-color:var(--color-blue-800)}.dark\:border-brand-purple\/40:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){border-color:#916aff66}@supports (color:color-mix(in lab,red,red)){.dark\:border-brand-purple\/40:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){border-color:color-mix(in oklab,var(--color-brand-purple)40%,transparent)}}.dark\:border-emerald-500\/30:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){border-color:#00bb7f4d}@supports (color:color-mix(in lab,red,red)){.dark\:border-emerald-500\/30:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){border-color:color-mix(in oklab,var(--color-emerald-500)30%,transparent)}}.dark\:border-emerald-500\/40:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){border-color:#00bb7f66}@supports (color:color-mix(in lab,red,red)){.dark\:border-emerald-500\/40:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){border-color:color-mix(in oklab,var(--color-emerald-500)40%,transparent)}}.dark\:border-gray-700:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){border-color:var(--color-gray-700)}.dark\:border-green-500\/30:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){border-color:#10b9814d}@supports (color:color-mix(in lab,red,red)){.dark\:border-green-500\/30:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){border-color:color-mix(in oklab,var(--color-green-500)30%,transparent)}}.dark\:border-green-800:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){border-color:var(--color-green-800)}.dark\:border-orange-500\/30:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){border-color:#dd6b204d}@supports (color:color-mix(in lab,red,red)){.dark\:border-orange-500\/30:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){border-color:color-mix(in oklab,var(--color-orange-500)30%,transparent)}}.dark\:border-orange-800:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){border-color:var(--color-orange-800)}.dark\:border-purple-500\/30:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){border-color:#8b5cf64d}@supports (color:color-mix(in lab,red,red)){.dark\:border-purple-500\/30:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){border-color:color-mix(in oklab,var(--color-purple-500)30%,transparent)}}
6.dark\:border-purple-600:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){border-color:var(--color-purple-600)}.dark\:border-red-500\/30:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){border-color:#ef44444d}@supports (color:color-mix(in lab,red,red)){.dark\:border-red-500\/30:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){border-color:color-mix(in oklab,var(--color-red-500)30%,transparent)}}.dark\:border-red-500\/40:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){border-color:#ef444466}@supports (color:color-mix(in lab,red,red)){.dark\:border-red-500\/40:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){border-color:color-mix(in oklab,var(--color-red-500)40%,transparent)}}.dark\:border-red-500\/60:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){border-color:#ef444499}@supports (color:color-mix(in lab,red,red)){.dark\:border-red-500\/60:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){border-color:color-mix(in oklab,var(--color-red-500)60%,transparent)}}.dark\:border-red-700:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){border-color:var(--color-red-700)}.dark\:border-red-800:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){border-color:var(--color-red-800)}.dark\:border-yellow-800:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){border-color:var(--color-yellow-800)}.dark\:border-t-gray-700:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){border-top-color:var(--color-gray-700)}.dark\:border-b-gray-700:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){border-bottom-color:var(--color-gray-700)}.dark\:bg-accent\/20:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){background-color:var(--color-accent)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-accent\/20:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){background-color:color-mix(in oklab,var(--color-accent)20%,transparent)}}.dark\:bg-amber-500\/10:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){background-color:#f99c001a}@supports (color:color-mix(in lab,red,red)){.dark\:bg-amber-500\/10:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){background-color:color-mix(in oklab,var(--color-amber-500)10%,transparent)}}.dark\:bg-amber-500\/15:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){background-color:#f99c0026}@supports (color:color-mix(in lab,red,red)){.dark\:bg-amber-500\/15:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){background-color:color-mix(in oklab,var(--color-amber-500)15%,transparent)}}.dark\:bg-amber-500\/20:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){background-color:#f99c0033}@supports (color:color-mix(in lab,red,red)){.dark\:bg-amber-500\/20:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){background-color:color-mix(in oklab,var(--color-amber-500)20%,transparent)}}.dark\:bg-amber-900\/20:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){background-color:#7b330633}@supports (color:color-mix(in lab,red,red)){.dark\:bg-amber-900\/20:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){background-color:color-mix(in oklab,var(--color-amber-900)20%,transparent)}}.dark\:bg-blue-500\/10:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){background-color:#3b82f61a}@supports (color:color-mix(in lab,red,red)){.dark\:bg-blue-500\/10:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){background-color:color-mix(in oklab,var(--color-blue-500)10%,transparent)}}.dark\:bg-blue-500\/15:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){background-color:#3b82f626}@supports (color:color-mix(in lab,red,red)){.dark\:bg-blue-500\/15:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){background-color:color-mix(in oklab,var(--color-blue-500)15%,transparent)}}.dark\:bg-blue-500\/20:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){background-color:#3b82f633}@supports (color:color-mix(in lab,red,red)){.dark\:bg-blue-500\/20:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){background-color:color-mix(in oklab,var(--color-blue-500)20%,transparent)}}.dark\:bg-blue-900\/20:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){background-color:#1e3a8a33}@supports (color:color-mix(in lab,red,red)){.dark\:bg-blue-900\/20:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){background-color:color-mix(in oklab,var(--color-blue-900)20%,transparent)}}.dark\:bg-blue-900\/30:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){background-color:#1e3a8a4d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-blue-900\/30:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){background-color:color-mix(in oklab,var(--color-blue-900)30%,transparent)}}.dark\:bg-brand-blue:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){background-color:var(--color-brand-blue)}.dark\:bg-brand-purple\/20:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){background-color:#916aff33}@supports (color:color-mix(in lab,red,red)){.dark\:bg-brand-purple\/20:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){background-color:color-mix(in oklab,var(--color-brand-purple)20%,transparent)}}.dark\:bg-emerald-500\/10:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){background-color:#00bb7f1a}@supports (color:color-mix(in lab,red,red)){.dark\:bg-emerald-500\/10:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){background-color:color-mix(in oklab,var(--color-emerald-500)10%,transparent)}}.dark\:bg-gray-100:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){background-color:var(--color-gray-100)}.dark\:bg-gray-600:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){background-color:var(--color-gray-600)}.dark\:bg-gray-700:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){background-color:var(--color-gray-700)}.dark\:bg-gray-700\/30:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){background-color:#3741514d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-gray-700\/30:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){background-color:color-mix(in oklab,var(--color-gray-700)30%,transparent)}}.dark\:bg-green-500\/10:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){background-color:#10b9811a}@supports (color:color-mix(in lab,red,red)){.dark\:bg-green-500\/10:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){background-color:color-mix(in oklab,var(--color-green-500)10%,transparent)}}.dark\:bg-green-500\/15:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){background-color:#10b98126}@supports (color:color-mix(in lab,red,red)){.dark\:bg-green-500\/15:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){background-color:color-mix(in oklab,var(--color-green-500)15%,transparent)}}.dark\:bg-green-500\/20:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){background-color:#10b98133}@supports (color:color-mix(in lab,red,red)){.dark\:bg-green-500\/20:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){background-color:color-mix(in oklab,var(--color-green-500)20%,transparent)}}.dark\:bg-green-900\/20:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){background-color:#064e3b33}@supports (color:color-mix(in lab,red,red)){.dark\:bg-green-900\/20:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){background-color:color-mix(in oklab,var(--color-green-900)20%,transparent)}}.dark\:bg-green-900\/30:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){background-color:#064e3b4d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-green-900\/30:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){background-color:color-mix(in oklab,var(--color-green-900)30%,transparent)}}.dark\:bg-indigo-500\/10:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){background-color:#6366f11a}@supports (color:color-mix(in lab,red,red)){.dark\:bg-indigo-500\/10:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){background-color:color-mix(in oklab,var(--color-indigo-500)10%,transparent)}}.dark\:bg-indigo-500\/15:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){background-color:#6366f126}@supports (color:color-mix(in lab,red,red)){.dark\:bg-indigo-500\/15:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){background-color:color-mix(in oklab,var(--color-indigo-500)15%,transparent)}}.dark\:bg-orange-500\/10:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){background-color:#dd6b201a}@supports (color:color-mix(in lab,red,red)){.dark\:bg-orange-500\/10:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){background-color:color-mix(in oklab,var(--color-orange-500)10%,transparent)}}.dark\:bg-orange-900\/20:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){background-color:#652b1933}@supports (color:color-mix(in lab,red,red)){.dark\:bg-orange-900\/20:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){background-color:color-mix(in oklab,var(--color-orange-900)20%,transparent)}}.dark\:bg-orange-900\/30:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){background-color:#652b194d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-orange-900\/30:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){background-color:color-mix(in oklab,var(--color-orange-900)30%,transparent)}}.dark\:bg-pink-500\/10:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){background-color:#ec48991a}@supports (color:color-mix(in lab,red,red)){.dark\:bg-pink-500\/10:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){background-color:color-mix(in oklab,var(--color-pink-500)10%,transparent)}}.dark\:bg-pink-500\/15:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){background-color:#ec489926}@supports (color:color-mix(in lab,red,red)){.dark\:bg-pink-500\/15:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){background-color:color-mix(in oklab,var(--color-pink-500)15%,transparent)}}.dark\:bg-purple-500\/10:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){background-color:#8b5cf61a}@supports (color:color-mix(in lab,red,red)){.dark\:bg-purple-500\/10:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){background-color:color-mix(in oklab,var(--color-purple-500)10%,transparent)}}.dark\:bg-purple-500\/15:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){background-color:#8b5cf626}@supports (color:color-mix(in lab,red,red)){.dark\:bg-purple-500\/15:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){background-color:color-mix(in oklab,var(--color-purple-500)15%,transparent)}}.dark\:bg-purple-500\/20:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){background-color:#8b5cf633}@supports (color:color-mix(in lab,red,red)){.dark\:bg-purple-500\/20:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){background-color:color-mix(in oklab,var(--color-purple-500)20%,transparent)}}
6.dark\:bg-purple-600:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){background-color:var(--color-purple-600)}.dark\:bg-purple-900\/20:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){background-color:#4c1d9533}@supports (color:color-mix(in lab,red,red)){.dark\:bg-purple-900\/20:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){background-color:color-mix(in oklab,var(--color-purple-900)20%,transparent)}}.dark\:bg-red-500\/10:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){background-color:#ef44441a}@supports (color:color-mix(in lab,red,red)){.dark\:bg-red-500\/10:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){background-color:color-mix(in oklab,var(--color-red-500)10%,transparent)}}.dark\:bg-red-500\/20:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){background-color:#ef444433}@supports (color:color-mix(in lab,red,red)){.dark\:bg-red-500\/20:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){background-color:color-mix(in oklab,var(--color-red-500)20%,transparent)}}.dark\:bg-red-800:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){background-color:var(--color-red-800)}.dark\:bg-red-900:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){background-color:var(--color-red-900)}.dark\:bg-red-900\/20:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){background-color:#7f1d1d33}@supports (color:color-mix(in lab,red,red)){.dark\:bg-red-900\/20:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){background-color:color-mix(in oklab,var(--color-red-900)20%,transparent)}}.dark\:bg-red-900\/30:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){background-color:#7f1d1d4d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-red-900\/30:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){background-color:color-mix(in oklab,var(--color-red-900)30%,transparent)}}.dark\:bg-red-950:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){background-color:var(--color-red-950)}.dark\:bg-red-950\/50:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){background-color:#46080980}@supports (color:color-mix(in lab,red,red)){.dark\:bg-red-950\/50:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){background-color:color-mix(in oklab,var(--color-red-950)50%,transparent)}}.dark\:bg-surface-2:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)),.dark\:bg-surface-2\/90:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){background-color:var(--color-surface-2)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-surface-2\/90:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){background-color:color-mix(in oklab,var(--color-surface-2)90%,transparent)}}.dark\:bg-surface\/50:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){background-color:var(--color-surface)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-surface\/50:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){background-color:color-mix(in oklab,var(--color-surface)50%,transparent)}}.dark\:bg-surface\/70:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){background-color:var(--color-surface)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-surface\/70:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){background-color:color-mix(in oklab,var(--color-surface)70%,transparent)}}.dark\:bg-teal-500\/15:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){background-color:#14b8a626}@supports (color:color-mix(in lab,red,red)){.dark\:bg-teal-500\/15:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){background-color:color-mix(in oklab,var(--color-teal-500)15%,transparent)}}.dark\:bg-yellow-900\/20:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){background-color:#78350f33}@supports (color:color-mix(in lab,red,red)){.dark\:bg-yellow-900\/20:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){background-color:color-mix(in oklab,var(--color-yellow-900)20%,transparent)}}.dark\:bg-yellow-900\/30:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){background-color:#78350f4d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-yellow-900\/30:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){background-color:color-mix(in oklab,var(--color-yellow-900)30%,transparent)}}.dark\:from-blue-500\/10:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){--tw-gradient-from:#3b82f61a}@supports (color:color-mix(in lab,red,red)){.dark\:from-blue-500\/10:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){--tw-gradient-from:color-mix(in oklab,var(--color-blue-500)10%,transparent)}}.dark\:from-blue-500\/10:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){--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
6(--tw-gradient-to-position))}.dark\:from-blue-500\/20:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){--tw-gradient-from:#3b82f633}@supports (color:color-mix(in lab,red,red)){.dark\:from-blue-500\/20:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){--tw-gradient-from:color-mix(in oklab,var(--color-blue-500)20%,transparent)}}.dark\:from-blue-500\/20:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){--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))}.dark\:from-brand-blue\/15:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){--tw-gradient-from:#0066ff26}@supports (color:color-mix(in lab,red,red)){.dark\:from-brand-blue\/15:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){--tw-gradient-from:color-mix(in oklab,var(--color-brand-blue)15%,transparent)}}.dark\:from-brand-blue\/15:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){--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))}.dark\:from-brand-blue\/20:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){--tw-gradient-from:#06f3}@supports (color:color-mix(in lab,red,red)){.dark\:from-brand-blue\/20:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){--tw-gradient-from:color-mix(in oklab,var(--color-brand-blue)20%,transparent)}}.dark\:from-brand-blue\/20:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){--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))}.dark\:from-brand-blue\/25:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){--tw-gradient-from:#0066ff40}@supports (color:color-mix(in lab,red,red)){.dark\:from-brand-blue\/25:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){--tw-gradient-from:color-mix(in oklab,var(--color-brand-blue)25%,transparent)}}.dark\:from-brand-blue\/25:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){--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))}.dark\:from-emerald-500\/10:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){--tw-gradient-from:#00bb7f1a}@supports (color:color-mix(in lab,red,red)){.dark\:from-emerald-500\/10:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){--tw-gradient-from:color-mix(in oklab,var(--color-emerald-500)10%,transparent)}}.dark\:from-emerald-500\/10:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){--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))}.dark\:from-emerald-500\/20:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){--tw-gradient-from:#00bb7f33}@supports (color:color-mix(in lab,red,red)){.dark\:from-emerald-500\/20:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){--tw-gradient-from:color-mix(in oklab,var(--color-emerald-500)20%,transparent)}}.dark\:from-emerald-500\/20:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){--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))}.dark\:from-green-500\/20:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){--tw-gradient-from:#10b98133}@supports (color:color-mix(in lab,red,red)){.dark\:from-green-500\/20:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){--tw-gradient-from:color-mix(in oklab,var(--color-green-500)20%,transparent)}}.dark\:from-green-500\/20:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){--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
6(--tw-gradient-to-position))}.dark\:from-orange-500\/10:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){--tw-gradient-from:#dd6b201a}@supports (color:color-mix(in lab,red,red)){.dark\:from-orange-500\/10:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){--tw-gradient-from:color-mix(in oklab,var(--color-orange-500)10%,transparent)}}.dark\:from-orange-500\/10:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){--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))}.dark\:from-purple-500\/10:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){--tw-gradient-from:#8b5cf61a}@supports (color:color-mix(in lab,red,red)){.dark\:from-purple-500\/10:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){--tw-gradient-from:color-mix(in oklab,var(--color-purple-500)10%,transparent)}}.dark\:from-purple-500\/10:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){--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))}.dark\:from-red-500\/10:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){--tw-gradient-from:#ef44441a}@supports (color:color-mix(in lab,red,red)){.dark\:from-red-500\/10:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){--tw-gradient-from:color-mix(in oklab,var(--color-red-500)10%,transparent)}}.dark\:from-red-500\/10:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){--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))}.dark\:from-red-500\/20:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){--tw-gradient-from:#ef444433}@supports (color:color-mix(in lab,red,red)){.dark\:from-red-500\/20:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){--tw-gradient-from:color-mix(in oklab,var(--color-red-500)20%,transparent)}}.dark\:from-red-500\/20:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){--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))}.dark\:from-surface:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){--tw-gradient-from:var(--color-surface);--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))}.dark\:via-brand-purple\/15:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){--tw-gradient-via:#916aff26}@supports (color:color-mix(in lab,red,red)){.dark\:via-brand-purple\/15:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){--tw-gradient-via:color-mix(in oklab,var(--color-brand-purple)15%,transparent)}}.dark\:via-brand-purple\/15:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){--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-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.dark\:via-brand-purple\/25:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){--tw-gradient-via:#916aff40}@supports (color:color-mix(in lab,red,red)){.dark\:via-brand-purple\/25:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){--tw-gradient-via:color-mix(in oklab,var(--color-brand-purple)25%,transparent)}}.dark\:via-brand-purple\/25:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){--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
6osition),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.dark\:via-surface-2:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){--tw-gradient-via:var(--color-surface-2);--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-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.dark\:to-blue-500\/5:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){--tw-gradient-to:#3b82f60d}@supports (color:color-mix(in lab,red,red)){.dark\:to-blue-500\/5:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){--tw-gradient-to:color-mix(in oklab,var(--color-blue-500)5%,transparent)}}.dark\:to-blue-500\/5:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){--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))}.dark\:to-blue-500\/10:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){--tw-gradient-to:#3b82f61a}@supports (color:color-mix(in lab,red,red)){.dark\:to-blue-500\/10:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){--tw-gradient-to:color-mix(in oklab,var(--color-blue-500)10%,transparent)}}.dark\:to-blue-500\/10:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){--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))}.dark\:to-brand-lavender\/15:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){--tw-gradient-to:#c2a2ff26}@supports (color:color-mix(in lab,red,red)){.dark\:to-brand-lavender\/15:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){--tw-gradient-to:color-mix(in oklab,var(--color-brand-lavender)15%,transparent)}}.dark\:to-brand-lavender\/15:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){--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))}.dark\:to-brand-lavender\/20:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){--tw-gradient-to:#c2a2ff33}@supports (color:color-mix(in lab,red,red)){.dark\:to-brand-lavender\/20:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){--tw-gradient-to:color-mix(in oklab,var(--color-brand-lavender)20%,transparent)}}.dark\:to-brand-lavender\/20:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){--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))}.dark\:to-brand-lavender\/25:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){--tw-gradient-to:#c2a2ff40}@supports (color:color-mix(in lab,red,red)){.dark\:to-brand-lavender\/25:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){--tw-gradient-to:color-mix(in oklab,var(--color-brand-lavender)25%,transparent)}}.dark\:to-brand-lavender\/25:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){--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))}.dark\:to-emerald-500\/5:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){--tw-gradient-to:#00bb7f0d}@supports (color:color-mix(in lab,red,red)){.dark\:to-emerald-500\/5:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){--tw-gradient-to:color-mix(in oklab,var(--color-emerald-500)5%,transparent)}}.dark\:to-emerald-500\/5:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){--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
6(--tw-gradient-to-position))}.dark\:to-emerald-500\/10:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){--tw-gradient-to:#00bb7f1a}@supports (color:color-mix(in lab,red,red)){.dark\:to-emerald-500\/10:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){--tw-gradient-to:color-mix(in oklab,var(--color-emerald-500)10%,transparent)}}.dark\:to-emerald-500\/10:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){--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))}.dark\:to-green-500\/10:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){--tw-gradient-to:#10b9811a}@supports (color:color-mix(in lab,red,red)){.dark\:to-green-500\/10:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){--tw-gradient-to:color-mix(in oklab,var(--color-green-500)10%,transparent)}}.dark\:to-green-500\/10:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){--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))}.dark\:to-orange-500\/5:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){--tw-gradient-to:#dd6b200d}@supports (color:color-mix(in lab,red,red)){.dark\:to-orange-500\/5:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){--tw-gradient-to:color-mix(in oklab,var(--color-orange-500)5%,transparent)}}.dark\:to-orange-500\/5:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){--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))}.dark\:to-purple-500\/5:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){--tw-gradient-to:#8b5cf60d}@supports (color:color-mix(in lab,red,red)){.dark\:to-purple-500\/5:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){--tw-gradient-to:color-mix(in oklab,var(--color-purple-500)5%,transparent)}}.dark\:to-purple-500\/5:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){--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))}.dark\:to-red-500\/5:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){--tw-gradient-to:#ef44440d}@supports (color:color-mix(in lab,red,red)){.dark\:to-red-500\/5:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){--tw-gradient-to:color-mix(in oklab,var(--color-red-500)5%,transparent)}}.dark\:to-red-500\/5:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){--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))}.dark\:to-red-500\/10:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){--tw-gradient-to:#ef44441a}@supports (color:color-mix(in lab,red,red)){.dark\:to-red-500\/10:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){--tw-gradient-to:color-mix(in oklab,var(--color-red-500)10%,transparent)}}.dark\:to-red-500\/10:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){--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))}.dark\:to-surface:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){--tw-gradient-to:var(--color-surface);--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))}.dark\:to-surface-2:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){--tw-gradient-to:var(--color-surface-2);--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
6(--tw-gradient-to-position))}.dark\:fill-white:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){fill:var(--color-white)}.dark\:text-accent:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){color:var(--color-accent)}.dark\:text-amber-200:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){color:var(--color-amber-200)}.dark\:text-amber-300:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){color:var(--color-amber-300)}.dark\:text-amber-300\/90:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){color:#ffd236e6}@supports (color:color-mix(in lab,red,red)){.dark\:text-amber-300\/90:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){color:color-mix(in oklab,var(--color-amber-300)90%,transparent)}}.dark\:text-amber-400:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){color:var(--color-amber-400)}.dark\:text-blue-200:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){color:var(--color-blue-200)}.dark\:text-blue-300:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){color:var(--color-blue-300)}.dark\:text-blue-300\/90:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){color:#93c5fde6}@supports (color:color-mix(in lab,red,red)){.dark\:text-blue-300\/90:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){color:color-mix(in oklab,var(--color-blue-300)90%,transparent)}}.dark\:text-blue-400:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){color:var(--color-blue-400)}.dark\:text-brand-lavender:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){color:var(--color-brand-lavender)}.dark\:text-brand-on:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){color:var(--color-brand-on)}.dark\:text-emerald-200:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){color:var(--color-emerald-200)}.dark\:text-emerald-300:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){color:var(--color-emerald-300)}.dark\:text-emerald-300\/90:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){color:#5ee9b5e6}@supports (color:color-mix(in lab,red,red)){.dark\:text-emerald-300\/90:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){color:color-mix(in oklab,var(--color-emerald-300)90%,transparent)}}.dark\:text-emerald-400:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){color:var(--color-emerald-400)}.dark\:text-foreground:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)),.dark\:text-foreground\/80:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){color:var(--color-foreground)}@supports (color:color-mix(in lab,red,red)){.dark\:text-foreground\/80:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){color:color-mix(in oklab,var(--color-foreground)80%,transparent)}}.dark\:text-gray-300:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){color:var(--color-gray-300)}.dark\:text-gray-400:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){color:var(--color-gray-400)}.dark\:text-green-300:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){color:var(--color-green-300)}.dark\:text-green-400:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){color:var(--color-green-400)}.dark\:text-indigo-300:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){color:var(--color-indigo-300)}.dark\:text-orange-300:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){color:var(--color-orange-300)}.dark\:text-orange-400:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){color:var(--color-orange-400)}.dark\:text-pink-300:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){color:var(--color-pink-300)}.dark\:text-purple-300:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){color:var(--color-purple-300)}.dark\:text-purple-400:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){color:var(--color-purple-400)}.dark\:text-red-200:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){color:var(--color-red-200)}.dark\:text-red-300:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){color:var(--color-red-300)}.dark\:text-red-300\/90:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){color:#fca5a5e6}@supports (color:color-mix(in lab,red,red)){.dark\:text-red-300\/90:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){color:color-mix(in oklab,var(--color-red-300)90%,transparent)}}.dark\:text-red-400:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){color:var(--color-red-400)}.dark\:text-red-600:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){color:var(--color-red-600)}.dark\:text-teal-300:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){color:var(--color-teal-300)}.dark\:text-yellow-200:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){color:var(--color-yellow-200)}.dark\:text-yellow-300:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){color:var(--color-yellow-300)}.dark\:text-yellow-400:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){color:var(--color-yellow-400)}.dark\:invert:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){--tw-invert:invert(100%);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,)}.dark\:filter:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)){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,)}.dark\:placeholder\:text-emerald-400\/60:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *))::-moz-placeholder{color:#00d29499}.dark\:placeholder\:text-emerald-400\/60:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *))::placeholder{color:#00d29499}@supports (color:color-mix(in lab,red,red)){.dark\:placeholder\:text-emerald-400\/60:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *))::-moz-placeholder{color:color-mix(in oklab,var(--color-emerald-400)60%,transparent)}.dark\:placeholder\:text-emerald-400\/60:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *))::placeholder{color:color-mix(in oklab,var(--color-emerald-400)60%,transparent)}}.dark\:placeholder\:text-red-400\/60:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *))::-moz-placeholder{color:#f8717199}.dark\:placeholder\:text-red-400\/60:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *))::placeholder{color:#f8717199}@supports (color:color-mix(in lab,red,red)){.dark\:placeholder\:text-red-400\/60:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *))::-moz-placeholder{color:color-mix(in oklab,var(--color-red-400)60%,transparent)}.dark\:placeholder\:text-red-400\/60:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *))::placeholder{color:color-mix(in oklab,var(--color-red-400)60%,transparent)}}@media (hover:hover){.dark\:hover\:border-white:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)):hover{border-color:var(--color-white)}.dark\:hover\:bg-blue-500\/15:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)):hover{background-color:#3b82f626}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-blue-500\/15:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)):hover{background-color:color-mix(in oklab,var(--color-blue-500)15%,transparent)}}.dark\:hover\:bg-blue-500\/25:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)):hover{background-color:#3b82f640}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-blue-500\/25:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)):hover{background-color:color-mix(in oklab,var(--color-blue-500)25%,transparent)}}.dark\:hover\:bg-emerald-500\/15:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)):hover{background-color:#00bb7f26}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-emerald-500\/15:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)):hover{background-color:color-mix(in oklab,var(--color-emerald-500)15%,transparent)}}.dark\:hover\:bg-purple-700:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)):hover{background-color:var(--color-purple-700)}.dark\:hover\:bg-purple-900\/20:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)):hover{background-color:#4c1d9533}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-purple-900\/20:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)):hover{background-color:color-mix(in oklab,var(--color-purple-900)20%,transparent)}}.dark\:hover\:bg-purple-900\/30:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)):hover{background-color:#4c1d954d}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-purple-900\/30:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)):hover{background-color:color-mix(in oklab,var(--color-purple-900)30%,transparent)}}.dark\:hover\:bg-red-500\/15:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)):hover{background-color:#ef444426}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-red-500\/15:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)):hover{background-color:color-mix(in oklab,var(--color-red-500)15%,transparent)}}.dark\:hover\:bg-red-900:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)):hover{background-color:var(--color-red-900)}.dark\:hover\:bg-red-900\/20:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)):hover{background-color:#7f1d1d33}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-red-900\/20:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)):hover{background-color:color-mix(in oklab,var(--color-red-900)20%,transparent)}}.dark\:hover\:bg-surface:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)):hover{background-color:var(--color-surface)}.dark\:hover\:bg-surface-2:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)):hover{background-color:var(--color-surface-2)}.dark\:hover\:bg-white\/10:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)):hover{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-white\/10:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)):hover{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.dark\:hover\:text-amber-100:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)):hover{color:var(--color-amber-100)}.dark\:hover\:text-foreground:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)):hover{color:var(--color-foreground)}.dark\:hover\:text-white:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)):hover{color:var(--color-white)}}.dark\:focus\:border-purple-400:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)):focus{border-color:var(--color-purple-400)}.dark\:focus\:bg-purple-900\/20:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)):focus{background-color:#4c1d9533}@supports (color:color-mix(in lab,red,red)){.dark\:focus\:bg-purple-900\/20:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)):focus{background-color:color-mix(in oklab,var(--color-purple-900)20%,transparent)}}.dark\:focus\:ring-blue-500\/30:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)):focus{--tw-ring-color:#3b82f64d}@supports (color:color-mix(in lab,red,red)){.dark\:focus\:ring-blue-500\/30:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)):focus{--tw-ring-color:color-mix(in oklab,var(--color-blue-500)30%,transparent)}}.dark\:focus\:ring-emerald-500\/30:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)):focus{--tw-ring-color:#00bb7f4d}@supports (color:color-mix(in lab,red,red)){.dark\:focus\:ring-emerald-500\/30:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)):focus{--tw-ring-color:color-mix(in oklab,var(--color-emerald-500)30%,transparent)}}.dark\:focus\:ring-purple-400:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)):focus{--tw-ring-color:var(--color-purple-400)}.dark\:focus\:ring-red-500\/30:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)):focus{--tw-ring-color:#ef44444d}@supports (color:color-mix(in lab,red,red)){.dark\:focus\:ring-red-500\/30:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)):focus{--tw-ring-color:color-mix(in oklab,var(--color-red-500)30%,transparent)}}.dark\:focus\:ring-red-500\/40:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)):focus{--tw-ring-color:#ef444466}@supports (color:color-mix(in lab,red,red)){.dark\:focus\:ring-red-500\/40:where(.dark,.dark *):not(:where(.sg-light-preview,.sg-light-preview *)):focus{--tw-ring-color:color-mix(in oklab,var(--color-red-500)40%,transparent)}}.\[\&\:focus\:not\(\:focus-visible\)\]\:outline-none:focus:not(:focus-visible){--tw-outline-style:none;outline-style:none}}:root{--app-canvas:#f7f8fc;--app-surface:#fbfcff;--app-surface-2:#f1f4fa;--app-border:#e3e8f2;--app-foreground:#0f172a;--app-muted:#475569;--app-muted-2:#64748b;--app-accent:#06f;--app-on-accent:#f3f7ff;--app-brand-on:#f3f7ff}html.dark{--app-canvas:#0b1220;--app-surface:#0f1a2b;--app-surface-2:#121f34;--app-border:#25324b;--app-foreground:#e7eef9;--app-muted:#a9b4c7;--app-muted-2:#8a97ae;--app-accent:#4c8dff;--app-on-accent:#f3f7ff;--app-brand-on:#f3f7ff}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}
6@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@keyframes spin{to{transform:rotate(1turn)}}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}@keyframes pulse{50%{opacity:.5}}</style>
7<style>.toast-enter-active[data-v-56f0e993]{transition:all .3s ease-out}.toast-leave-active[data-v-56f0e993]{transition:all .2s ease-in}.toast-enter-from[data-v-56f0e993],.toast-leave-to[data-v-56f0e993]{opacity:0;transform:translate(100%)}</style>
8<style>body{margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}</style>
9<style>@media (max-width:1919px){.hero-title{max-width:clamp(444px,34vw,700px)}}.benefit-card,.featured-stat-card,.financial-stat-card,.scroll-fade,.step-card,.testimonial-card{opacity:0;transform:translateY(30px);transition:all .6s ease-out}.logo-item{opacity:0;transform:translateY(15px);transition:all .5s ease-out}.benefit-card.animate-in,.featured-stat-card.animate-in,.financial-stat-card.animate-in,.logo-item.animate-in,.scroll-fade.animate-in,.step-card.animate-in,.testimonial-card.animate-in{opacity:1;transform:translateY(0)}.featured-stat-card.animate-in:hover{transform:translateY(-4px)}.featured-stat{overflow:hidden;position:relative}.featured-stat:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.featured-stat:hover:before{left:100%}.additional-stats{max-height:0;overflow:hidden;transition:all .4s ease-in-out}.additional-stats:not(.hidden){max-height:500px;opacity:1}.additional-stats.hidden{max-height:0;opacity:0}
9.featured-stat-card,.financial-stat-card{cursor:default}.featured-stat-card{align-self:start;height:-moz-fit-content;height:fit-content}.lg\:grid-cols-3{align-items:start;grid-template-rows:auto}.financial-stat-card{overflow:hidden;position:relative}.financial-stat-card.animate-in:hover{transform:translateY(-4px)}.financial-stat-card:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.financial-stat-card:hover:before{left:100%}.financial-stat-card>div{position:relative;z-index:1}.step-card:first-child{transition-delay:.1s}.step-card:nth-child(2){transition-delay:.2s}.step-card:nth-child(3){transition-delay:.3s}.logo-item:first-child{transition-delay:.1s}.logo-item:nth-child(2){transition-delay:.2s}.logo-item:nth-child(3){transition-delay:.3s}.benefit-card:first-child,.featured-stat-card:first-child{transition-delay:.1s}.benefit-card:nth-child(2),.featured-stat-card:nth-child(2){transition-delay:.2s}.benefit-card:nth-child(3),.featured-stat-card:nth-child(3){transition-delay:.3s}.benefit-card:nth-child(4){transition-delay:.4s}.financial-stat-card:first-child{transition-delay:.1s}.financial-stat-card:nth-child(2){transition-delay:.2s}.financial-stat-card:nth-child(3){transition-delay:.3s}.financial-stat-card:nth-child(4){transition-delay:.4s}.testimonial-card:first-child{transition-delay:.1s}.testimonial-card:nth-child(2){transition-delay:.2s}.testimonial-card:nth-child(3){transition-delay:.3s}.slide{transition:opacity 1s ease-in-out}@media (max-width:768px){.benefit-card,.featured-stat-card,.financial-stat-card,.logo-item,.step-card,.testimonial-card{transition-delay:.1s!important}}.source-highlight{background-color:#d97706!important;border-radius:6px;box-shadow:0 2px 4px #0000001a;color:#fff!important;padding:6px 10px;transition:all .3s ease}.source-highlight a{color:#fff!important;font-weight:600}</style>
10<style>#gradient-canvas,#gradient-color-fallback,#gradient-fallback{clip-path:polygon(0 0,100% 0,100% 20%,0 100%)}#gradient-canvas{--gradient-color-1:#c2a2ff;--gradient-color-2:#06f;--gradient-color-3:#b376fe;--gradient-color-4:#2f8dff}</style>
11<link rel="stylesheet" href="/_nuxt/entry.BKSlcA4h.css" crossorigin>
12<link rel="preload" as="fetch" crossorigin="anonymous" href="/_payload.json?c8ee53d4-e1c4-4220-8456-84746073addb">
13<link rel="modulepreload" as="script" crossorigin href="/_nuxt/FbEdaL-q.js">
14<link rel="modulepreload" as="script" crossorigin href="/_nuxt/OwkkV21_.js">
15<link rel="modulepreload" as="script" crossorigin href="/_nuxt/Dzo22RD4.js">
16<link rel="modulepreload" as="script" crossorigin href="/_nuxt/Q6KWAehz.js">
17<link rel="modulepreload" as="script" crossorigin href="/_nuxt/BjbYeBBT.js">
18<link rel="modulepreload" as="script" crossorigin href="/_nuxt/D5BEISQa.js">
19<link rel="modulepreload" as="script" crossorigin href="/_nuxt/C1qzbn9R.js">
20<link rel="modulepreload" as="script" crossorigin href="/_nuxt/x_rD_Ya3.js">
21<link rel="preload" as="fetch" fetchpriority="low" crossorigin="anonymous" href="/_nuxt/builds/meta/c8ee53d4-e1c4-4220-8456-84746073addb.json">
22<link rel="prefetch" as="script" crossorigin href="/_nuxt/BCl_qhkn.js">
23<link rel="prefetch" as="image" type="image/png" href="/_nuxt/GradientFallback4k.C4dxLOcu.png">
24<link rel="prefetch" as="script" crossorigin href="/_nuxt/Dd7GOWgz.js">
25<link rel="prefetch" as="script" crossorigin href="/_nuxt/BvTFpoiI.js">
26<link rel="prefetch" as="script" crossorigin href="/_nuxt/-k2T9zGi.js">
27<meta name="description" content="Generate SEO-optimized alt text for every image with AI. Supports 194 languages and batch processing. Export to CSV, JSON, or HTML. Start free.">
28<meta name="keywords" content="alt text generator, AI alt text, image accessibility, automatic alt text, SEO alt text, WCAG accessibility, image descriptions, alt text API">
29<meta name="author" content="Alt Text Studio">
30<meta property="og:type" content="website">
31<meta property="og:site_name" content="Alt Text Studio">
32<meta property="og:title" content="Alt Text Generator for SEO & Accessibility | Alt Text Studio">
33<meta property="og:description" content="Generate accurate, descriptive alt text for your images in seconds using AI. Supports 194 languages, batch processing, and SEO optimization. Try free.">
34<meta property="og:image" content="https://alttextstudio.com/images/og-preview.webp">
35<meta property="og:image:width" content="1200">
36<meta property="og:image:height" content="630">
37<meta property="og:image:alt" content="Alt Text Studio — Automatic Alt Text for SEO and Accessibility">
38<meta property="og:url" content="https://alttextstudio.com">
39<meta property="og:locale" content="en_US">
40<meta name="twitter:card" content="summary_large_image">
41<meta name="twitter:title" content="Alt Text Generator for SEO & Accessibility | Alt Text Studio">
42<meta name="twitter:description" content="Generate accurate alt text for images in seconds using AI. 194 languages, batch processing, SEO keywords. Try free.">
43<meta name="twitter:image" content="https://alttextstudio.com/images/og-preview.webp">
44<meta name="twitter:image:alt" content="Alt Text Studio — Automatic Alt Text for SEO and Accessibility">
45<link rel="canonical" href="https://alttextstudio.com">
46<link rel="icon" type="image/x-icon" href="/favicon.ico">
47<link rel="icon" type="image/png" sizes="512x512" href="/android-chrome-512x512-v2.png">
48<link rel="icon" type="image/png" sizes="192x192" href="/android-chrome-192x192-v2.png">
49<link rel="icon" type="image/png" sizes="48x48" href="/favicon-48x48.png">
50<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
51<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
52<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
53<script>(() => {
54  try {
55    const key = `theme`
56    const stored = localStorage.getItem(key)
57    const prefersDark = window.matchMedia && window.matchMedia(`(prefers-color-scheme: dark)`).matches
58    const mode = stored === `dark` || stored === `light` ? stored : (prefersDark ? `dark` : `light`)
59    const root = document.documentElement
60    if (mode === `dark`) root.classList.add(`dark`)
61    else root.classList.remove(`dark`)
62  } catch (e) {
63    // no-op
64  }
65})()</script>
vendor: 1 bytes, line 65
65
66<script type="application/ld+json">{"@context":"https://schema.org","@type":"SoftwareApplication","name":"Alt Text Studio","applicationCategory":"WebApplication","operatingSystem":"Web","description":"AI-powered alt text generator for images. Supports 194 languages, batch processing, SEO keywords, ecommerce context, and multiple AI models.","url":"https://alttextstudio.com","offers":{"@type":"Offer","price":"0","priceCurrency":"USD","description":"Free tier with 25 credits. Paid plans from $9.99/month."},"featureList":["AI-powered image description","194 language support","Batch processing multiple images","SEO keyword optimization","Ecommerce product context","Custom prompt support","CSV/HTML/JSON/TXT export","Supports accessibility workflows"]}</script>
vendor: 1 bytes, line 66
66
67<script>(() => {
68  try {
69    window.dataLayer = window.dataLayer || []
70    function gtag() { window.dataLayer.push(arguments) }
71    window.gtag = gtag
72    let analyticsGranted = `denied`
73    let adsGranted = `denied`
74    try {
75      const stored = localStorage.getItem(`cookieConsent`)
76      const parsed = stored ? JSON.parse(stored) : null
77      // Version 2 added the separate advertising purpose. Version 1 records
78      // predate it and are re-prompted (see store/consent.ts), so only a v2
79      // record can grant anything here.
80      if (parsed && parsed.version === 2) {
81        if (parsed.analytics === true) analyticsGranted = `granted`
82        if (parsed.ads === true) adsGranted = `granted`
83      }
84    } catch (e) {
85      // Malformed or inaccessible storage - fall back to denied
86    }
87    // ad_storage/ad_user_data/ad_personalization are driven by the advertising
88    // toggle in the cookie banner. They were hardcoded denied while no ad
89    // platform was linked; Google Ads conversion tracking cannot work in that
90    // state, so they are now a real, separately-consented purpose.
91    gtag(`consent`, `default`, {
92      ad_storage: adsGranted,
93      ad_user_data: adsGranted,
94      ad_personalization: adsGranted,
95      analytics_storage: analyticsGranted,
96      // Strip ad click identifiers from requests while ad_storage is denied,
97      // and keep the gclid in the URL across pages so a conversion can still
98      // be attributed without cookies. Both are Consent Mode recommendations
99      // and materially improve measurement for visitors who never accept.
100      ads_data_redaction: true,
101      url_passthrough: true
102    })
103  } catch (e) {
104    // no-op
105  }
106})()</script>
vendor: 1 bytes, line 106
106
107<script>window.dataLayer = window.dataLayer || []
108function gtag() { window.dataLayer.push(arguments) }
109window.gtag = gtag
110gtag(`js`, new Date())
111gtag(`config`, `G-L91CVRDY0M`)
112gtag(`config`, `AW-18412375518`)</script>
vendor: 1 bytes, line 112
112
113<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"Alt Text Studio","url":"https://alttextstudio.com","logo":"https://alttextstudio.com/favicon-48x48.png","description":"Alt text generator for images. Supports 194 languages, automatic context detection, batch processing, SEO keywords, ecommerce context, and multiple AI models.","founder":{"@type":"Person","name":"Bradley White","url":"https://alttextstudio.com/about"}}</script>
vendor: 1 bytes, line 113
113
114<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","name":"Alt Text Studio","url":"https://alttextstudio.com"}</script>
vendor: 1 bytes, line 114
114
115<script type="module" src="/_nuxt/FbEdaL-q.js" crossorigin></script>
vendor: 1 bytes, line 115
115
116<script id="unhead:payload" type="application/json">{"titleTemplate":"%s | Alt Text Studio"}</script>
116</head><body><!--teleport start anchor--><div class="fixed bottom-4 right-4 z-[9999] flex max-w-md flex-col gap-2" data-v-56f0e993><!--[--><!--]--></div><!--teleport anchor--><div id="__nuxt"><!--[--><div class="relative flex min-h-screen flex-col overflow-x-clip bg-canvas text-foreground"><div><nav class="h-16 py-3 absolute left-0 right-0 flex flex-row z-40 shrink justify-center items-center px-4 sm:px-6 bg-transparent border-b-0 shadow-none text-brand-on drop-shadow-sm"><div class="flex justify-between items-center w-full max-w-[1480px]"><ul class="m-0 flex list-none items-center gap-x-4 p-0 xl:gap-x-8"><li class="list-none"><a aria-current="page" href="/" class="router-link-active router-link-exact-active flex items-center gap-x-2 text-2xl font-bold hover:opacity-50"><svg class="h-8 w-8" viewbox="0 0 1024 1024" fill="none" role="img" aria-label="Alt Text Studio logo" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#atslogo-clip0)"><path d="M0 40C0 17.9086 17.9086 0 40 0H984C1006.09 0 1024 17.9086 1024 40V984C1024 1006.09 1006.09 1024 984 1024H40C17.9086 1024 0 1006.09 0 984V40Z" fill="white"></path><path d="M50 90C50 67.9086 67.9086 50 90 50H934C956.091 50 974 67.9086 974 90V934C974 956.091 956.091 974 934 974H90C67.9086 974 50 956.091 50 934V90Z" fill="url(#atslogo-paint0)"></path><path d="M884 103C906.091 103 924 120.909 924 143V557.391C924 566.225 913.382 570.72 907.039 564.57L568.604 236.418C559.698 227.783 545.483 227.986 536.826 236.87L358.314 420.079C350.097 428.513 336.625 428.767 328.095 420.649L297.392 391.433C288.547 383.016 274.604 383.189 265.971 391.822L117.071 540.722C110.771 547.022 100 542.56 100 533.651V143C100 120.909 117.909 103 140 103H884ZM243.539 170.605C198.356 170.605 161.727 207.234 161.727 252.417C161.727 297.601 198.355 334.229 243.539 334.229C288.722 334.229 325.351 297.6 325.351 252.417C325.35 207.234 288.722 170.606 243.539 170.605Z" fill="white"></path><path d="M241.281 854H173.27L261.608 592.182H345.855L434.193 854H366.181L304.69 658.148H302.645L241.281 854ZM232.204 750.96H374.363V799.028H232.204V750.96ZM462.382 854V592.182H525.663V802.608H634.583V854H462.382ZM626.785 643.574V592.182H848.078V643.574H768.689V854H706.302V643.574H626.785Z" fill="white"></path></g><defs><linearGradient id="atslogo-paint0" x1="50" y1="76.1045" x2="954.791" y2="974" gradientUnits="userSpaceOnUse"><stop stop-color="#C2A2FF"></stop><stop offset="0.5" stop-color="#916AFF"></stop><stop offset="1" stop-color="#0066FF"></stop></linearGradient><clipPath id="atslogo-clip0"><rect width="1024" height="1024" fill="white"></rect></clipPath></defs></svg> Alt Text Studio </a></li><li class="relative hidden list-none lg:flex"><button id="productsDropdownButton" type="button" class="inline-flex cursor-pointer items-center text-sm font-semibold hover:opacity-50"> Products <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 -960 960 960" class="block w-6 h-6 fill-current ml-0.5 -mr-1 h-4 w-4 transition-transform duration-100"><path fill="currentColor" d="M480-357q-6 0-11-2t-10-7L261-564q-8-8-7.5-21.5T262-607q10-10 21.5-8.5T304-606l176 176 176-176q8-8 21.5-9t21.5 9q10 8 8.5 21t-9.5 22L501-366q-5 5-10 7t-11 2Z"></path></svg></button><!----></li><li class="hidden list-none lg:flex"><a href="/pricing" class="flex items-center text-sm font-semibold hover:opacity-50"> Pricing </a></li><li class="relative hidden lg:flex"><button id="resourcesDropdownButton" type="button" class="inline-flex cursor-pointer items-center text-sm font-semibold hover:opacity-50"> Resources <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 -960 960 960" class="block w-6 h-6 fill-current ml-0.5 -mr-1 h-4 w-4 transition-transform duration-100"><path fill="currentColor" d="M480-357q-6 0-11-2t-10-7L261-564q-8-8-7.5-21.5T262-607q10-10 21.5-8.5T304-606l176 176 176-176q8-8 21.5-9t21.5 9q10 8 8.5 21t-9.5 22L501-366q-5 5-10 7t-11 2Z"></path></svg></button><!----></li><li class="hidden list-none lg:flex"><a href="/support" class="flex items-center text-sm font-semibold hover:opacity-50"> Support </a></li></ul><div class="flex items-center lg:gap-x-3"><div class="lg:hidden flex h-10 w-10 rounded-lg border-2 justify-center items-center cursor-pointer transition-colors border-white/40 text-brand-on hover:bg-white/10">
116<svg xmlns="http://www.w3.org/2000/svg" height="48" viewbox="0 -960 960 960" width="48" class="fill-current" alt="navigation dropdown menu"><path d="M150-240q-12.75 0-21.375-8.675-8.625-8.676-8.625-21.5 0-12.825 8.625-21.325T150-300h660q12.75 0 21.375 8.675 8.625 8.676 8.625 21.5 0 12.825-8.625 21.325T810-240H150Zm0-210q-12.75 0-21.375-8.675-8.625-8.676-8.625-21.5 0-12.825 8.625-21.325T150-510h660q12.75 0 21.375 8.675 8.625 8.676 8.625 21.5 0 12.825-8.625 21.325T810-450H150Zm0-210q-12.75 0-21.375-8.675-8.625-8.676-8.625-21.5 0-12.825 8.625-21.325T150-720h660q12.75 0 21.375 8.675 8.625 8.676 8.625 21.5 0 12.825-8.625 21.325T810-660H150Z"></path></svg></div><!--[--><ul class="m-0 hidden list-none items-center gap-x-5 p-0 lg:flex"><li class="list-none"><div class="bg-surface-2 h-10 w-24 animate-pulse rounded-lg"></div></li><li class="list-none"><div class="bg-surface-2 h-5 w-16 animate-pulse rounded"></div></li><li class="list-none"><div class="bg-surface-2 h-10 w-44 animate-pulse rounded-full"></div></li></ul><!--]--><span></span></div></div></nav><!----></div><main class="flex flex-grow justify-center"><!--[--><div class="bg-canvas text-foreground overflow-x-hidden"><section class="relative w-full"><div class="relative w-screen overflow-x-clip"><div id="gradient-color-fallback" class="absolute min-h-[400px] w-screen bg-gradient-to-br from-brand-blue via-brand-purple to-brand-lavender sm:min-h-[500px] lg:min-h-[600px]"></div><img id="gradient-fallback" class="absolute min-h-[400px] w-screen object-cover sm:min-h-[500px] lg:min-h-[600px]" src="/_nuxt/GradientFallback4k.C4dxLOcu.png" alt="Blue and purple gradient styled lava lamp fallback image"><canvas id="gradient-canvas" class="absolute min-h-[400px] w-screen opacity-0 transition-opacity duration-500 sm:min-h-[500px] lg:min-h-[600px]" alt="Blue and purple gradient styled lava lamp animation" data-transition-in></canvas></div><div class="relative z-5 flex w-full px-4 pt-20 sm:px-6 sm:pt-28 lg:px-8 lg:pt-28"><div class="mx-auto flex w-full max-w-[1480px] flex-col items-start justify-start gap-10 lg:flex-row lg:items-start lg:justify-between"><div class="hero-title w-full lg:flex-1 lg:max-w-[700px] lg:min-w-[444px]"><div class="w-full rounded-2xl bg-surface/80 p-6 shadow-2xl backdrop-blur-sm sm:p-10 lg:p-10 xl:p-16 dark:bg-surface/70"><h1 class="text-4xl font-bold tracking-tight text-foreground sm:text-6xl lg:text-[5.7rem]"><span class="bg-gradient-to-r from-brand-blue via-brand-purple to-brand-lavender bg-clip-text text-transparent"> Never </span> write alt text again. </h1><div><p class="mt-8 text-lg font-normal text-muted"> Instantly generate alt text for images across 194 languages to boost SEO, increase accessibility, and improve disability compliance. </p><div class="mt-8"><div class="relative"><input type="email" placeholder="Email address" class="block w-full rounded-xl border border-border bg-surface-2 p-4 pr-44 text-base text-foreground placeholder:text-muted-2 focus:border-accent focus:ring-accent focus:outline-none" value=""><button class="group absolute end-2.5 bottom-2.5 cursor-pointer rounded-lg bg-accent px-3 py-2 text-sm font-medium text-on-accent transition-all duration-300 hover:opacity-95 focus:ring-4 focus:ring-brand-blue/30 focus:outline-none sm:px-4"><span class="flex items-center gap-2"><span class="hidden sm:inline">Start Creating</span><svg class="h-4 w-4 transition-transform duration-300 group-hover:translate-x-1" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7"></path></svg></span></button></div></div></div></div></div><div class="flex w-full lg:flex-1 flex-col items-stretch lg:items-end gap-6 justify-center"><div class="hero-slideshow group relative flex aspect-[16/9] w-full lg:max-w-[900px] items-center justify-center overflow-hidden rounded-2xl bg-surface/60 shadow-2xl backdrop-blur-sm lg:self-end dark:bg-surface/50" role="region" aria-roledescription="carousel" aria-label="Product demo slideshow" tabindex="0"><!--[--><div role="group" aria-roledescription="slide" aria-label="Slide 1 of 5" aria-hidden="false" class="slide absolute inset-0 transition-opacity duration-1000 opacity-100"><img src="/images/slideshow/golden-puppy-in-blanket.webp" alt="A golden retriever puppy snuggled in a cozy, knitted blanket on a couch, with a warm fireplace in the background, creating a serene and inviting atmosphere." class="h-full w-full rounded-2xl object-cover" width="1408" height="768" fetchpriority="high"></div><div role="group" aria-roledescription="slide" aria-label="Slide 2 of 5" aria-hidden="true" class="slide absolute inset-0 transition-opacity duration-1000 opacity-0 pointer-events-none"><img src="/images/slideshow/pancakes.webp" alt="A stack of blueberry pancakes topped with fresh strawberries, raspberries, blackberries, and blueberries, drizzled with syrup. The setting includes a rustic wooden table, a fork, and a mug, with pumpkins in the background." class="h-full w-full rounded-2xl object-cover" width="1408" height="768" fetchpriority="auto"></div><div role="group" aria-roledescription="slide" aria-label="Slide 3 of 5" aria-hidden="true" class="slide absolute inset-0 transition-opacity duration-1000 opacity-0 pointer-events-none"><img src="/images/slideshow/gardening.webp" alt="A father and daughter happily gardening together in a vibrant backyard filled with colorful flowers. The girl, wearing a hat and overalls, holds a flower while the father kneels beside her, both smiling warmly." class="h-full w-full rounded-2xl object-cover" width="1408" height="768" fetchpriority="auto"></div><div role="group" aria-roledescription="slide" aria-label="Slide 4 of 5" aria-hidden="true" class="slide absolute inset-0 transition-opacity duration-1000 opacity-0 pointer-events-none"><img src="/images/slideshow/perfume-ad.webp" alt="A bottle of Maison Elira Velvet Bloom perfume sits on a sunlit marble surface, surrounded by delicate shadows of flowers and leaves. Nearby, a pink ribbon with &quot;Velvet Bloom&quot; and &quot;New York&quot; printed on it adds a touch of elegance." class="h-full w-full rounded-2xl object-cover" width="1408" height="768" fetchpriority="auto"></div><div role="group" aria-roledescription="slide" aria-label="Slide 5 of 5" aria-hidden="true" class="slide absolute inset-0 transition-opacity duration-1000 opacity-0 pointer-events-none"><img src="/images/slideshow/women-cafe.webp" alt="Three women sit at an outdoor café table, laughing and enjoying drinks together. The setting is a charming street with string lights and a bakery in the background, creating a warm, inviting atmosphere." class="h-full w-full rounded-2xl object-cover" width="1408" height="768" fetchpriority="auto"></div><!--]--><button class="absolute left-3 top-1/2 -translate-y-1/2 flex h-9 w-9 cursor-pointer items-center justify-center rounded-full bg-black/30 text-white backdrop-blur-sm op
116acity-0 transition-opacity duration-200 group-hover:opacity-100 focus:opacity-100 focus:outline-none focus-visible:ring-2 focus-visible:ring-white" aria-label="Previous slide"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" width="20" height="20" fill="currentColor"><!--[--><!--]--><g><path d="M168.49,199.51a12,12,0,0,1-17,17l-80-80a12,12,0,0,1,0-17l80-80a12,12,0,0,1,17,17L97,128Z"></path></g></svg></button><button class="absolute right-3 top-1/2 -translate-y-1/2 flex h-9 w-9 cursor-pointer items-center justify-center rounded-full bg-black/30 text-white backdrop-blur-sm opacity-0 transition-opacity duration-200 group-hover:opacity-100 focus:opacity-100 focus:outline-none focus-visible:ring-2 focus-visible:ring-white" aria-label="Next slide"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" width="20" height="20" fill="currentColor"><!--[--><!--]--><g><path d="M184.49,136.49l-80,80a12,12,0,0,1-17-17L159,128,87.51,56.49a12,12,0,1,1,17-17l80,80A12,12,0,0,1,184.49,136.49Z"></path></g></svg></button><div class="absolute bottom-4 left-1/2 flex -translate-x-1/2 space-x-2" role="tablist" aria-label="Slide navigation"><!--[--><button role="tab" aria-selected="true" aria-label="Go to slide 1" class="h-2 w-2 cursor-pointer rounded-full transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black/30 bg-brand-on"></button><button role="tab" aria-selected="false" aria-label="Go to slide 2" class="h-2 w-2 cursor-pointer rounded-full transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black/30 bg-brand-on/50 hover:bg-brand-on/75"></button><button role="tab" aria-selected="false" aria-label="Go to slide 3" class="h-2 w-2 cursor-pointer rounded-full transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black/30 bg-brand-on/50 hover:bg-brand-on/75"></button><button role="tab" aria-selected="false" aria-label="Go to slide 4" class="h-2 w-2 cursor-pointer rounded-full transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black/30 bg-brand-on/50 hover:bg-brand-on/75"></button><button role="tab" aria-selected="false" aria-label="Go to slide 5" class="h-2 w-2 cursor-pointer rounded-full transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-offset-2 focus-visible:ring-offset-black/30 bg-brand-on/50 hover:bg-brand-on/75"></button><!--]--></div></div><div class="w-full lg:max-w-[900px] rounded-2xl border border-border bg-surface/80 shadow-lg backdrop-blur-sm lg:self-end"><div class="px-4 py-3 transition-[max-height] duration-300 overflow-hidden" style="max-height:95px;"><p class="text-brand-lavender mb-1.5 text-xs font-semibold uppercase tracking-wide">Generated Alt Text</p><p class="text-foreground text-base leading-relaxed">“A golden retriever puppy snuggles in a cozy blanket on a couch, looking curiously at the camera, with a warm fireplace glowing softly in the background.”</p></div><div class="flex flex-wrap items-center gap-3 border-t border-border px-4 py-2.5"><div class="flex items-center gap-2"><label class="text-muted text-xs font-medium whitespace-nowrap">Text Length</label><div class="flex rounded-lg border border-border bg-surface-2 p-0.5"><button class="rounded-md px-3 py-1 text-xs font-medium transition-all bg-accent text-on-accent shadow-sm"> Normal </button><button class="rounded-md px-3 py-1 text-xs font-medium transition-all text-muted hover:text-foreground cursor-pointer"> Detailed </button></div></div></div></div></div></div></div></section><section class="bg-canvas relative z-0 w-full"><div class="mx-auto w-full max-w-[1480px] px-4 py-16 sm:px-6 lg:px-8"><div class="text-muted scroll-fade flex flex-wrap items-center justify-center gap-10"><span class="text-muted-2 text-base uppercase tracking-wider">Powered by</span><div class="flex flex-col items-center justify-center gap-10 sm:flex-row sm:gap-24"><div class="logo-item rounded-xl bg-transparent px-4 py-2"><img src="/images/logos/openai.svg" alt="Black OpenAI logo with the interlocking knot emblem beside the OpenAI wordmark." class="h-10 w-auto object-contain md:h-12 dark:filter dark:invert" width="148" height="40" loading="lazy" decoding="async"></div><div class="logo-item rounded-xl bg-transparent px-4 py-2"><img src="https://upload.wikimedia.org/wikipedia/commons/2/2f/Google_2015_logo.svg" alt="Google wordmark with a blue capital G followed by red, yellow, blue, green, and red lowercase letters." class="h-8 object-contain md:h-10" width="100" height="40" loading="lazy" decoding="async"></div><div class="logo-item rounded-xl bg-transparent px-4 py-2"><img src="https://upload.wikimedia.org/wikipedia/commons/b/ba/Stripe_Logo%2C_revised_2016.svg" alt="Stripe wordmark in bold lowercase purple letters with a slanted accent above the i." class="h-10 object-contain md:h-12" width="120" height="48" loading="lazy" decoding="async"></div></div></div></div></section><section class="bg-canvas w-full py-20 sm:py-32"><div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"><div class="scroll-fade text-center"><h2 class="text-foreground text-3xl font-bold tracking-tight sm:text-4xl lg:text-5xl xl:text-6xl"> How It Works </h2><p class="text-muted mx-auto mt-6 max-w-2xl text-lg"> Get perfect alt text for your images in just three simple steps </p></div><div class="mt-16 grid gap-8 md:grid-cols-2 lg:grid-cols-3"><div class="step-card bg-surface rounded-2xl p-5 text-center shadow-lg sm:p-8 transition-all duration-300 hover:shadow-xl"><div class="bg-accent/10 text-accent mx-auto mb-6 flex h-20 w-20 items-center justify-center rounded-full text-4xl font-bold"> 1 </div><h3 class="text-foreground mb-4 text-2xl font-bold"> Provide Images </h3><p class="text-muted mb-6"> Upload images directly, link them from URLs, paste HTML, or import in bulk via CSV. </p><div class="mb-6 overflow-hidden rounded-xl"><img src="/images/how-it-works/corgi-running.webp" srcset="/images/how-it-works/corgi-running-480w.webp 480w, /images/how-it-works/corgi-running-960w.webp 960w, /images/how-it-works/corgi-running.webp 1408w" sizes="(max-width: 768px) 100vw, (max-width: 1024px) 50vw, 33vw" alt="A corgi joyfully runs through a grassy field with its tongue out, surrounded by lush green trees under a clear blue sky." class="h-auto w-full object-cover" width="1408" height="768" loading="lazy" decoding="async"></div><div class="bg-surface-2 rounded-xl p-4"><div class="text-foreground font-medium"> Supported formats: </div><div class="text-muted mt-1 text-sm"> PNG, JPG, JPEG, WebP, non-animated GIF </div></div></div><div class="step-card bg-surface rounded-2xl p-5 text-center shadow-lg sm:p-8 transition-all duration-300 hover:shadow-xl"><div class="bg-accent/10 text-accent mx-auto mb-6 flex h-20 w-20 items-center justify-center rounded-full text-4xl font-bold"> 2 </div><h3 class="text-foreground mb-4 text-2xl font-bold"> Customize Options </h3><p class="text-muted mb-6"> Pick from 194 languages — including multiple at once. Fine-tune with text length, SEO keywords, ecommerce details, and more. </p><div class="mb-6 overflow-hidden rounded-xl border border-border"><img src="/images/how-it-works/options-light.webp" srcset="/images/how-it-works/options-light-480w.webp 480w, /images/how-it-works/options-light-960w.webp 960w, /images/how-it-works/options-light.webp 720w" sizes="(max-width: 768px) 100vw, (max-width: 1024px) 50vw, 33vw" alt="Options menu for Alt Text Studio displaying settings for image naming, auto-detect context, ecommerce details, SEO keywords, negative keywords, custom prompt, and prefix &amp; suffix with selections for text length and languages, currently set to English." class="h-auto w-full object-cover" width="720" height="959" loading="lazy" decoding="async"></div><div class="bg-surface-2 rounded-xl p-4"><div class="text-foreground font-medium"> Options: </div><div class="text-muted mt-1 text-sm"> Auto-detect Context · 194 languages · Text Length · Keywords · Ecommerce · Custom Prompt </
116div></div></div><div class="step-card bg-surface rounded-2xl p-5 text-center shadow-lg sm:p-8 transition-all duration-300 hover:shadow-xl"><div class="bg-accent/10 text-accent mx-auto mb-6 flex h-20 w-20 items-center justify-center rounded-full text-4xl font-bold"> 3 </div><h3 class="text-foreground mb-4 text-2xl font-bold"> Get Your Alt Text </h3><p class="text-muted mb-6"> Your AI-generated alt text is ready in seconds. Copy, save, or export — all results are stored in your library. </p><div class="mb-6 rounded-xl border border-border bg-surface-2 p-4 text-left"><p class="text-brand-lavender mb-1.5 text-xs font-semibold uppercase tracking-wide">Generated Alt Text</p><p class="text-foreground text-sm leading-relaxed">“A corgi joyfully runs through a grassy field with its tongue out, surrounded by lush green trees under a clear blue sky.”</p><div class="mt-3 flex flex-wrap items-center gap-2 border-t border-border pt-2.5"><span class="rounded-md bg-accent/10 px-2 py-0.5 text-xs font-medium text-accent">Normal</span><span class="rounded-md bg-accent/10 px-2 py-0.5 text-xs font-medium text-accent">English</span></div></div><div class="bg-surface-2 rounded-xl p-4"><div class="text-foreground font-medium"> Export formats: </div><div class="text-muted mt-1 text-sm"> Plain text · HTML · JSON · CSV </div></div></div></div></div></section><section id="why-alt-text-matters" class="w-full bg-gradient-to-br from-blue-50 via-purple-50 to-indigo-50 py-20 sm:py-32 dark:from-surface dark:via-surface-2 dark:to-surface"><div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"><div class="scroll-fade text-center"><h2 class="text-foreground text-3xl font-bold tracking-tight sm:text-4xl lg:text-5xl xl:text-6xl"> Why Alt Text Matters </h2><p class="text-muted mx-auto mt-6 max-w-2xl text-lg"> Quantifiable business benefits across marketing, accessibility, and compliance </p></div><div class="mt-16 grid gap-8 lg:grid-cols-3"><div class="featured-stat-card bg-surface group rounded-2xl p-5 shadow-lg sm:p-8 transition-all duration-300 hover:scale-105 hover:shadow-xl"><div class="mb-6 flex items-center"><div class="mr-4 flex h-16 w-16 items-center justify-center rounded-full bg-gradient-to-r from-green-100 to-green-200 shadow-lg dark:from-green-500/20 dark:to-green-500/10"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" width="1em" height="1em" fill="currentColor" class="h-8 w-8 text-green-600 dark:text-emerald-300"><!--[--><!--]--><g><path d="M244,56v64a12,12,0,0,1-24,0V85l-75.51,75.52a12,12,0,0,1-17,0L96,129,32.49,192.49a12,12,0,0,1-17-17l72-72a12,12,0,0,1,17,0L136,135l67-67H168a12,12,0,0,1,0-24h64A12,12,0,0,1,244,56Z"></path></g></svg></div><h3 class="text-foreground text-2xl font-bold"> Marketing Impact </h3></div><div class="featured-stat mb-6 rounded-xl border-2 border-green-200 bg-gradient-to-r from-green-50 to-green-100 p-6 shadow-lg dark:border-emerald-500/30 dark:from-emerald-500/10 dark:to-emerald-500/5"><div class="mb-2 text-5xl font-bold text-green-600 dark:text-emerald-300"> 779% </div><div class="text-foreground mb-2 text-lg font-bold"> Increase in Image Traffic <br> in &lt; 1 Year </div><div class="text-muted text-sm"> HubSpot&#39;s alt text implementation <a href="#source1" class="font-semibold text-green-700 hover:underline dark:text-emerald-300"><sup>[1]</sup></a></div></div><div class="hidden additional-stats space-y-4"><div class="rounded-lg bg-purple-50 p-4 dark:bg-purple-500/10"><div class="text-2xl font-bold text-purple-600"> 50% </div><div class="text-foreground text-sm font-semibold"> Increase in Organic Search Traffic </div><div class="text-muted text-xs"> Legal &amp; General&#39;s accessibility overhaul <a href="#source2" class="text-purple-700 hover:underline dark:text-purple-300"><sup>[2]</sup></a></div></div><div class="rounded-lg bg-blue-50 p-4 dark:bg-blue-500/10"><div class="text-2xl font-bold text-blue-600"> 42% </div><div class="text-foreground text-sm font-semibold"> Higher Email CTR </div><div class="text-muted text-xs leading-relaxed">
116 Campaigns with images vs text-only. When email clients block images, alt text helps users identify safe content and understand your message. <a href="#source3" class="text-blue-700 hover:underline dark:text-blue-300"><sup>[3]</sup></a></div></div></div><button class="mt-4 flex w-full cursor-pointer items-center justify-center gap-2 rounded-lg bg-green-100 px-4 py-2 text-sm font-semibold text-green-700 transition-all duration-300 hover:bg-green-200 focus:ring-2 focus:ring-green-500 focus:outline-none dark:bg-emerald-500/10 dark:text-emerald-200 dark:hover:bg-emerald-500/15 dark:focus:ring-emerald-500/30"><span> See More Marketing Benefits </span><svg class="h-5 w-5 transform transition-transform duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></button></div><div class="featured-stat-card bg-surface group rounded-2xl p-5 shadow-lg sm:p-8 transition-all duration-300 hover:scale-105 hover:shadow-xl"><div class="mb-6 flex items-center"><div class="mr-4 flex h-16 w-16 items-center justify-center rounded-full bg-gradient-to-r from-blue-100 to-blue-200 shadow-lg dark:from-blue-500/20 dark:to-blue-500/10"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" width="1em" height="1em" fill="currentColor" class="h-8 w-8 text-blue-600 dark:text-blue-300"><!--[--><!--]--><g><path d="M255.14,187.54a12,12,0,0,0-15.6-6.68l-9.75,3.9-27.06-54.13A12,12,0,0,0,192,124H116V108h52a12,12,0,0,0,0-24H116V77.81a34,34,0,1,0-24,0v8.88a76,76,0,1,0,88.35,106.57,12,12,0,1,0-21.57-10.52A52,52,0,1,1,92,112v24a12,12,0,0,0,12,12h80.58l28.68,57.37a12,12,0,0,0,15.19,5.77l20-8A12,12,0,0,0,255.14,187.54ZM104,36A10,10,0,1,1,94,46,10,10,0,0,1,104,36Z"></path></g></svg></div><h3 class="text-foreground text-2xl font-bold"> Accessibility Reach </h3></div><div class="featured-stat mb-6 rounded-xl border-2 border-blue-200 bg-gradient-to-r from-blue-50 to-blue-100 p-6 shadow-lg dark:border-blue-500/30 dark:from-blue-500/10 dark:to-blue-500/5"><div class="mb-2 text-5xl font-bold text-blue-600 dark:text-blue-300"> 4.4M </div><div class="text-foreground mb-2 text-lg font-bold"> Screen Reader Users in the United States </div><div class="text-muted text-sm"> 1.38% of internet users <a href="#source4" class="font-semibold text-blue-700 hover:underline dark:text-blue-300"><sup>[4]</sup></a></div></div><div class="hidden additional-stats space-y-4"><div class="rounded-lg bg-amber-50 p-4 dark:bg-amber-500/10"><div class="text-2xl font-bold text-amber-600"> 2 out of 3 </div><div class="text-foreground text-sm font-semibold"> Transactions Abandoned </div><div class="text-muted text-xs leading-relaxed"> Blind users abandon two transactions monthly due to inaccessibility <a href="#source5" class="text-amber-700 hover:underline dark:text-amber-300"><sup>[5]</sup></a></div></div><div class="rounded-lg bg-indigo-50 p-4 dark:bg-indigo-500/10"><div class="text-2xl font-bold text-indigo-600"> 25M </div><div class="text-foreground text-sm font-semibold"> Adults with Disabilities in the US </div><div class="text-muted text-xs"> Use the internet <a href="#source6" class="text-indigo-700 hover:underline dark:text-indigo-300"><sup>[6]</sup></a></div></div></div><button class="mt-4 flex w-full cursor-pointer items-center justify-center gap-2 rounded-lg bg-blue-100 px-4 py-2 text-sm font-semibold text-blue-700 transition-all duration-300 hover:bg-blue-200 focus:ring-2 focus:ring-blue-500 focus:outline-none dark:bg-blue-500/10 dark:text-blue-200 dark:hover:bg-blue-500/15 dark:focus:ring-blue-500/30"><span> See More Accessibility Data </span><svg class="h-5 w-5 transform transition-transform duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></button></div><div class="featured-stat-card bg-surface group rounded-2xl p-5 shadow-lg sm:p-8 transition-all duration-300 hover:scale-105 hover:shadow-xl"><div class="mb-6 flex items-center"><div class="mr-4 flex h-16 w-16 items-center justify-center rounded-full bg-gradient-to-r from-red-100 to-red-200 shadow-lg dark:from-red-500/20 dark:to-red-500/10"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" width="1em" height="1em" fill="currentColor" class="h-8 w-8 text-red-600 dark:text-red-300"><!--[--><!--]--><g><path d="M243.14,131.54l-32-80h0a12,12,0,0,0-13.73-7.25L140,57V40a12,12,0,0,0-24,0V62.37L53.4,76.29a12,12,0,0,0-8.54,7.25h0l0,0v0l-32,79.92A12,12,0,0,0,12,168c0,12.13,6.2,22.43,17.45,29A55,55,0,0,0,56,204a55,55,0,0,0,26.55-7C93.8,190.43,100,180.13,100,168a12,12,0,0,0-.86-4.46L72.38,96.65,116,87V204H104a12,12,0,0,0,0,24h48a12,12,0,0,0,0-24H140V81.63l40.42-9-23.56,58.9A12,12,0,0,0,156,136c0,12.13,6.2,22.43,17.45,29a53.78,53.78,0,0,0,53.1,0C237.8,158.43,244,148.13,244,136A12,12,0,0,0,243.14,131.54ZM56,180c-3.71,0-18-1.87-19.81-10.18L56,120.31l19.81,49.51C74,178.13,59.71,180,56,180Zm144-32c-3.71,0-18-1.87-19.81-10.18L200,88.31l19.81,49.51C218,146.13,203.71,148,200,148Z"></path></g></svg></div><h3 class="text-foreground text-2xl font-bold"> Compliance </h3></div><div class="featured-stat mb-6 rounded-xl border-2 border-red-200 bg-gradient-to-r from-red-50 to-red-100 p-6 shadow-lg dark:border-red-500/30 dark:from-red-500/10 dark:to-red-500/5"><div class="mb-2 text-5xl font-bold text-red-600 dark:text-red-300"> 82% </div><div class="text-foreground mb-2 text-lg font-bold"> 391 of the Top 500 <br> E-Commerce Sites </div><div class="text-muted text-sm"> Named in ADA lawsuits since 2018 <a href="#source7" class="font-semibold text-red-700 hover:underline dark:text-red-300"><sup>[7]</sup></a></div></div><div class="hidden additional-stats space-y-4"><div class="rounded-lg bg-pink-50 p-4 dark:bg-pink-500/10"><div class="text-2xl font-bold text-pink-600"> 4,000+ </div><div class="text-foreground text-sm font-semibold"> ADA Lawsuits Filed </div><div class="text-muted text-xs"> Related to digital properties in 2024 <a href="#source8" class="text-pink-700 hover:underline dark:text-pink-300"><sup>[8]</sup></a></div></div><div class="rounded-lg bg-orange-50 p-4 dark:bg-orange-500/10"><div class="text-2xl font-bold text-orange-600"> 52% </div><div class="text-foreground text-sm font-semibold"> Websites Fail WCAG Compliance </div><div class="text-muted text-xs"> Due to missing alt text <a href="#source9" class="text-orange-700 hover:underline dark:text-orange-300"><sup>[9]</sup></a></div></div></div><button class="mt-4 flex w-full cursor-pointer items-center justify-center gap-2 rounded-lg bg-red-100 px-4 py-2 text-sm font-semibold text-red-700 transition-all duration-300 hover:bg-red-200 focus:ring-2 focus:ring-red-500 focus:outline-none dark:bg-red-500/10 dark:text-red-200 dark:hover:bg-red-500/15 dark:focus:ring-red-500/30"><span> See More Compliance Data </span><svg class="h-5 w-5 transform transition-transform duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg></button></div></div><div class="border-border from-surface to-surface-2 mt-16 rounded-2xl border-2 bg-gradient-to-br p-4 shadow-2xl sm:p-8 lg:p-12"><div class="text-center"><div class="mb-8 flex flex-col items-center justify-center gap-4 sm:flex-row"><div class="flex h-16 w-16 shrink-0 items-center justify-center rounded-full bg-gradient-to-r from-green-100 to-green-200 shadow-lg sm:mr-2 sm:h-20 sm:w-20 dark:from-emerald-500/20 dark:to-emerald-500/10"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256" width="1em" height="1em" fill="currentColor" class="h-8 w-8 text-green-600 sm:h-10 sm:w-10 dar
116k:text-emerald-300"><!--[--><!--]--><g><path d="M160,128a32,32,0,1,1-32-32A32,32,0,0,1,160,128Zm40-64a48.85,48.85,0,0,0,40,40V64Zm0,128h40V152A48.85,48.85,0,0,0,200,192ZM16,152v40H56A48.85,48.85,0,0,0,16,152Zm0-48A48.85,48.85,0,0,0,56,64H16Z" opacity="0.2"></path><path d="M128,88a40,40,0,1,0,40,40A40,40,0,0,0,128,88Zm0,64a24,24,0,1,1,24-24A24,24,0,0,1,128,152ZM240,56H16a8,8,0,0,0-8,8V192a8,8,0,0,0,8,8H240a8,8,0,0,0,8-8V64A8,8,0,0,0,240,56ZM24,72H45.37A40.81,40.81,0,0,1,24,93.37Zm0,112V162.63A40.81,40.81,0,0,1,45.37,184Zm208,0H210.63A40.81,40.81,0,0,1,232,162.63Zm0-38.35A56.78,56.78,0,0,0,193.65,184H62.35A56.78,56.78,0,0,0,24,145.65v-35.3A56.78,56.78,0,0,0,62.35,72h131.3A56.78,56.78,0,0,0,232,110.35Zm0-52.28A40.81,40.81,0,0,1,210.63,72H232Z"></path></g></svg></div><h3 class="from-foreground to-muted bg-gradient-to-r bg-clip-text text-3xl font-bold text-transparent sm:text-5xl"> The Financial Impact </h3></div><div class="grid gap-4 md:grid-cols-2 lg:grid-cols-4"><div class="financial-stat-card group flex h-[140px] flex-col justify-center rounded-xl border-2 border-green-200 bg-gradient-to-br from-green-50 to-green-100 p-3 text-center shadow-lg transition-all duration-300 hover:scale-105 hover:shadow-xl dark:border-emerald-500/30 dark:from-emerald-500/10 dark:to-emerald-500/5"><div class="mb-1 text-3xl font-bold break-words text-green-600 dark:text-emerald-300"> 50% </div><div class="text-foreground mb-1 break-words whitespace-nowrap text-sm font-bold"> Higher Market Performance </div><div class="text-muted break-words text-xs leading-tight"> WCAG 2.0 compliant products vs competitors <a href="#source10" class="font-semibold text-green-700 hover:underline dark:text-emerald-300"><sup>[10]</sup></a></div></div><div class="financial-stat-card group flex h-[140px] flex-col justify-center rounded-xl border-2 border-purple-200 bg-gradient-to-br from-purple-50 to-purple-100 p-3 text-center shadow-lg transition-all duration-300 hover:scale-105 hover:shadow-xl dark:border-purple-500/30 dark:from-purple-500/10 dark:to-purple-500/5"><div class="mb-1 text-3xl font-bold break-words text-purple-600 dark:text-purple-300"> 51% </div><div class="text-foreground mb-1 break-words text-sm font-bold"> Willing to Pay More </div><div class="text-muted break-words text-xs leading-tight"> Consumers choose accessible businesses <a href="#source11" class="font-semibold text-purple-700 hover:underline dark:text-purple-300"><sup>[11]</sup></a></div></div><div class="financial-stat-card group flex h-[140px] flex-col justify-center rounded-xl border-2 border-orange-200 bg-gradient-to-br from-orange-50 to-orange-100 p-3 text-center shadow-lg transition-all duration-300 hover:scale-105 hover:shadow-xl dark:border-orange-500/30 dark:from-orange-500/10 dark:to-orange-500/5"><div class="mb-1 text-3xl font-bold break-words text-orange-600 dark:text-orange-300"> $6.9B </div><div class="text-foreground mb-1 break-words text-sm font-bold"> Lost to Competitors </div><div class="text-muted break-words text-xs leading-tight"> Annually due to poor accessibility <a href="#source5" class="font-semibold text-orange-700 hover:underline dark:text-orange-300"><sup>[5]</sup></a></div></div><div class="financial-stat-card group flex h-[140px] flex-col justify-center rounded-xl border-2 border-red-200 bg-gradient-to-br from-red-50 to-red-100 p-3 text-center shadow-lg transition-all duration-300 hover:scale-105 hover:shadow-xl dark:border-red-500/30 dark:from-red-500/10 dark:to-red-500/5"><div class="mb-1 text-3xl font-bold break-words text-red-600 dark:text-red-300"> $5K-$20K </div><div class="text-foreground mb-1 break-words text-sm font-bold"> Average Settlement </div><div class="text-muted break-words px-2 text-xs leading-tight"> Typical ADA website lawsuit settlements <a href="#source12" class="font-semibold text-red-700 hover:underline dark:text-red-300"><sup>[12]</sup></a></div></div></div></div></div></div></section><section class="bg-canvas w-full py-20 sm:py-32"><div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8"><div class="scroll-fade text-center"><h2 class="text-foreground text-3xl font-bold tracking-tight sm:text-4xl lg:text-5xl xl:text-6xl"> A Message from Our Founder </h2></div><div class="mt-16"><div class="testimonial-card border-border bg-surface-2 group mx-auto max-w-4xl rounded-2xl border p-6 shadow-lg transition-all duration-300 hover:shadow-xl sm:p-8 lg:p-12"><div class="text-center">
116<p class="text-foreground/85 mb-8 text-lg leading-relaxed"> &quot;I built Alt Text Studio because I believe <i>all</i> images on the web should be accessible to <b>everyone</b>. As someone who&#39;s worked in web development my entire career, I&#39;ve seen firsthand how time-consuming and inconsistent manual alt text creation can be. Our AI-powered solution not only saves time, but also ensures every image tells its story to all users, including those with visual impairments. <br><br> We&#39;re just getting started, and I&#39;m so excited to see how this tool helps businesses improve their accessibility while boosting their SEO and user experience!&quot; </p><div class="mt-6 text-center"><div class="text-foreground text-lg font-bold"> — Bradley White </div><div class="text-muted text-sm"> Founder, Alt Text Studio </div></div></div></div></div></div></section><section class="relative w-full overflow-hidden py-20 sm:py-32"><div class="absolute inset-0 bg-gradient-to-r from-brand-blue/10 via-brand-purple/10 to-brand-lavender/10 dark:from-brand-blue/25 dark:via-brand-purple/25 dark:to-brand-lavender/25"></div><div class="absolute inset-0 border-y border-brand-purple/20 dark:border-brand-purple/40"></div><div class="relative z-10"><div class="scroll-fade mx-auto max-w-4xl px-4 text-center sm:px-6 lg:px-8"><h2 class="text-3xl font-bold tracking-tight sm:text-4xl lg:text-5xl xl:text-6xl"><span class="bg-gradient-to-r from-brand-blue via-brand-purple to-brand-lavender bg-clip-text text-transparent"> Start Free Today </span></h2><p class="text-muted mx-auto mt-6 max-w-2xl text-xl"> Join thousands of businesses improving their accessibility and SEO with alt text. No credit card required. </p><div class="mt-10 flex flex-col justify-center gap-4 sm:flex-row"><a href="/sign-up" class="inline-flex cursor-pointer items-center justify-center rounded-xl bg-gradient-to-r from-brand-blue to-brand-purple px-8 py-4 text-lg font-bold text-white shadow-md transition-all duration-300 hover:opacity-90 focus:ring-4 focus:ring-brand-blue/30 focus:outline-none"> Get Started Free </a><a href="/pricing" class="border-brand-purple text-foreground hover:bg-brand-purple/10 focus:ring-brand-blue/30 inline-flex cursor-pointer items-center justify-center rounded-xl border-2 px-8 py-4 text-lg font-bold transition-all duration-300 focus:ring-4 focus:outline-none"> View Pricing </a></div></div></div></section><footer class="w-full bg-canvas text-foreground"><div class="mx-auto max-w-7xl px-4 py-16 sm:px-6 lg:px-8"><div class="grid gap-8 md:grid-cols-2 lg:grid-cols-4"><div><h3 class="mb-4 text-lg font-semibold">Products</h3><ul class="space-y-2 text-sm"><li><a href="/create" class="text-muted transition-colors hover:text-foreground"> Alt Text Generator </a></li><li><a href="/audit" class="text-muted transition-colors hover:text-foreground"> Accessibility Audit </a></li><li><a href="/chrome-extension" class="text-muted transition-colors hover:text-foreground"> Chrome Extension </a></li><li><a href="/shopify-app" class="text-muted transition-colors hover:text-foreground"> Shopify App </a></li><li><a href="/wordpress-plugin" class="text-muted transition-colors hover:text-foreground"> WordPress Plugin </a></li></ul></div><div><h3 class="mb-4 text-lg font-semibold">Resources</h3><ul class="space-y-2 text-sm"><li><a href="/blog" class="text-muted transition-colors hover:text-foreground"> Blog </a></li><li><a href="/examples" class="text-muted transition-colors hover:text-foreground"> Examples </a></li><li><a href="/pricing" class="text-muted transition-colors hover:text-foreground"> Pricing </a></li><li><a href="/about" class="text-muted transition-colors hover:text-foreground"> About </a></li></ul></div><div><h3 class="mb-4 text-lg font-semibold">Support</h3><ul class="space-y-2 text-sm"><li><a href="/support" class="text-muted transition-colors hover:text-foreground"> FAQ </a></li><li><a href="/support/docs" class="text-muted transition-colors hover:text-foreground"> Documentation </a></li><li><a href="/support/contact" class="text-muted transition-colors hover:text-foreground"> Contact Us </a></li><li><a href="/support/bug-report" class="text-muted transition-colors hover:text-foreground"> Report a Bug </a></li></ul></div><div><h3 class="mb-4 text-lg font-semibold">Legal</h3><ul class="space-y-2 text-sm"><li><a href="/accessibility-statement" class="text-muted transition-colors hover:text-foreground"> Accessibility Statement </a></li><li><a href="/cookie-policy" class="text-muted transition-colors hover:text-foreground"> Cookie Policy </a></li><li><a href="/privacy-policy" class="text-muted transition-colors hover:text-foreground"> Privacy Policy </a></li><li><a href="/terms-of-service" class="text-muted transition-colors hover:text-foreground"> Terms of Service </a></li><li><button type="button" class="text-muted cursor-pointer transition-colors hover:text-foreground"> Cookie Settings </button></li></ul></div></div><div class="border-border mt-12 flex flex-col items-center gap-4 border-t pt-8"><svg class="h-10 w-10" viewbox="0 0 1024 1024" fill="none" role="img" aria-label="Alt Text Studio logo" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#atslogo-clip0)"><path d="M0 40C0 17.9086 17.9086 0 40 0H984C1006.09 0 1024 17.9086 1024 40V984C1024 1006.09 1006.09 1024 984 1024H40C17.9086 1024 0 1006.09 0 984V40Z" fill="white"></path><path d="M50 90C50 67.9086 67.9086 50 90 50H934C956.091 50 974 67.9086 974 90V934C974 956.091 956.091 974 934 974H90C67.9086 974 50 956.091 50 934V90Z" fill="url(#atslogo-paint0)"></path><path d="M884 103C906.091 103 924 120.909 924 143V557.391C924 566.225 913.382 570.72 907.039 564.57L568.604 236.418C559.698 227.783 545.483 227.986 536.826 236.87L358.314 420.079C350.097 428.513 336.625 428.767 328.095 420.649L297.392 391.433C288.547 383.016 274.604 383.189 265.971 391.822L117.071 540.722C110.771 547.022 100 542.56 100 533.651V143C100 120.909 117.909 103 140 103H884ZM243.539 170.605C198.356 170.605 161.727 207.234 161.727 252.417C161.727 297.601 198.355 334.229 243.539 334.229C288.722 334.229 325.351 297.6 325.351 252.417C325.35 207.234 288.722 170.606 243.539 170.605Z" fill="white"></path><path d="M241.281 854H173.27L261.608 592.182H345.855L434.193 854H366.181L304.69 658.148H302.645L241.281 854ZM232.204 750.96H374.363V799.028H232.204V750.96ZM462.382 854V592.182H525.663V802.608H634.583V854H462.382ZM626.785 643.574V592.182H848.078V643.574H768.689V854H706.302V643.574H626.785Z" fill="white"></path></g><defs><linearGradient id="atslogo-paint0" x1="50" y1="76.1045" x2="954.791" y2="974" gradientUnits="userSpaceOnUse"><stop stop-color="#C2A2FF"></stop><stop offset="0.5" stop-color="#916AFF"></stop><stop offset="1" stop-color="#0066FF"></stop></linearGradient><clipPath id="atslogo-clip0"><rect width="1024" height="1024" fill="white"></rect></clipPath></defs></svg><span class="text-muted text-sm">© 2026 Alt Text Studio LLC</span></div><!--[--><div class="border-border mt-8 border-t pt-6"><div class="text-left"><h4 class="text-foreground mb-3 text-sm font-semibold"> Sources &amp; Research </h4><div class="text-muted-2 grid gap-2 text-xs md:grid-cols-2 lg:grid-cols-3"><div id="source1"> [1] <a href="https://blog.hubspot.com/marketing/image-alt-text#:~:text=Beginning
116%20in%202018%2C%20the%20HubSpot%20Blog%20team%20implemented%20a%20new%20SEO%20strategy%20that%2C%20in%20part%2C%20focused%20more%20intently%20on%20optimizing%20image%20alt%20text.%20This%20helped%20to%20increase%20the%20blog&#39;s%20image%20traffic%20by%20779%25%20in%20less%20than%20a%20year%2C%20which%20resulted%20in%20160%2C000%20more%20organic%20views." target="_blank" class="underline hover:text-foreground"> HubSpot Blog Optimization Case Study (2018, Updated 2022) </a></div><div id="source2"> [2] <a href="https://www.w3.org/WAI/business-case/archive/legal-and-general-case-study#:~:text=Within%2024%20hours%20natural%20search%20engine%20traffic%20saw%20a%2025%25%20increase%2C%20eventually%20growing%20to%2050%25." target="_blank" class="underline hover:text-foreground"> W3C Legal &amp; General Accessibility Case Study (2005) </a></div><div id="source3"> [3] <a href="https://www.getvero.com/resources/increase-email-click-through-rates/#:~:text=campaigns%20with%20images%20had%20a%2042%25%20higher%20click%2Dthrough%20rate%20than%20campaigns%20without%20images." target="_blank" class="underline hover:text-foreground"> Vero Email Marketing Analysis (2023) </a></div><div id="source4"> [4] <a href="https://ux.stackexchange.com/questions/57340/percentage-of-screen-readers-users-in-usa#:~:text=To%20answer%20the%20askers%20question%2C,1.38%25%20of%20internet%20users%20are%20using%20screen%20readers%20in%20the%20USA" target="_blank" class="underline hover:text-foreground"> Stack Exchange - Screen Reader Users in USA Statistics (2021) </a></div><div id="source5"> [5] <a href="https://cdn2.hubspot.net/hubfs/153358/Nucleus-The%20Internet%20is%20unavailable.pdf" target="_blank" class="underline hover:text-foreground"> Nucleus Research - The Internet is Unavailable (2019) </a></div><div id="source6"> [6] <a href="https://www.pewresearch.org/short-reads/2021/09/10/americans-with-disabilities-less-likely-than-those-without-to-own-some-digital-devices/#:~:text=Some%2062%25%20of%20adults%20with%20a%20disability%20say%20they%20own%20a%20desktop%20or%20laptop%20computer" target="_blank" class="underline hover:text-foreground"> Pew Research Center - Americans with Disabilities Digital Access (2021) </a></div><div id="source7"> [7] <a href="https://www.digitalcommerce360.com/2023/03/21/ecommerce-websites-run-risks-without-accessibility/#:~:text=Big%20companies%20are%20still%20the%20most%20at%20risk&amp;text=20%25%20of%20Digital%20Commerce%20360&#39;s,ADA%20digital%20lawsuits%20since%202018." target="_blank" class="underline hover:text-foreground"> Digital Commerce 360 E-commerce Accessibility Lawsuit Report (2023) </a></div><div id="source8"> [8] <a href="https://blog.usablenet.com/2024-digital-accessibility-lawsuit-report-relased-insights-for-2025#:~:text=In%202024%2C%20over%204%2C000%20ADA%20lawsuits%20related%20to%20digital%20properties%20were%20filed." target="_blank" class="underline hover:text-foreground"> UsableNet 2024 Digital Accessibility Lawsuit Report (2025) </a></div><div id="source9"> [9] <a href="https://accessibe.com/blog/knowledgebase/we-analyzed-10000000-pages-and-heres-where-most-fail-with-ada-and-wcag-21-compliance#:~:text=How%20many%20websites%20failed%3F%2052%25%20(48%25%20passed)" target="_blank" class="underline hover:text-foreground"> AccessiBe WCAG Compliance Report (2025) </a></div><div id="source10"> [10] <a href="https://www.w3.org/blog/2024/web-accessibility-removing-barriers-designing-a-web-for-everyone/#:~:text=Digital%20products%20that%20fully%20comply%20with%20WCAG%202%20are%20expected%20to%20have%20a%2050%25%20higher%20market%20performance%20than%20their%20non%2Dcompliant%20competition" target="_blank" class="underline hover:text-foreground"> W3C Web Accessibility: Removing Barriers, Designing a Web for Everyone (2024) </a></div><div id="source11"> [11] <a href="https://www.captechconsulting.com/articles/survey-reveals-growing-consumer-interest-in-digital-accessibility#:~:text=51%25%20of%20consumers%20are%20willing%20to%20pay%20more%20to%20companies%20committed%20to%20digital%20accessibility" target="_blank" class="underline hover:text-foreground"> Survey Reveals Growing Consumer Interest in Digital Accessibility (2022) </a></div><div id="source12"> [12] <a href="https://accessible.org/ada-website-compliance-lawsuit-settlement-amounts/#:~:text=ADA%20website%20lawsuits%20settlement%20amounts%20usually%20range%20between%20%245%2C000%20and%20%2420%2C000." target="_blank" class="underline hover:text-foreground"> Accessible.org ADA Settlement Amounts (2024) </a></div></div></div></div><!--]--></div></footer></div><!--]--></main><!----></div><!--teleport start--><!--teleport end--><span></span><!--]--></div><div id="teleports"></div>
116<script type="application/json" data-nuxt-data="nuxt-app" data-ssr="true" id="__NUXT_DATA__" data-src="/_payload.json?c8ee53d4-e1c4-4220-8456-84746073addb">[{"state":1,"once":3,"_errors":4,"serverRendered":6,"path":7,"pinia":8,"prerenderedAt":18},["Reactive",2],{},["Set"],["ShallowReactive",5],{},true,"/",["Reactive",9],{"user":10,"consent":17},{"user":11,"authenticated":16,"authInitialized":16,"loading":16,"error":14,"lastFetchedAt":14,"accountLoading":16},{"id":-1,"first_name":12,"last_name":12,"email":12,"password":12,"credits_total":13,"subscription_status":14,"company_name":12,"company_website":12,"referral_source":12,"referral_source_other":12,"preferences":15,"marketingEmails":6},"",0,null,{"ecommerce":16,"seo":16,"accessibility":16,"compliance":16,"development":16,"otherDetails":12},false,{"hasDecided":16,"analyticsEnabled":16,"adsEnabled":16,"decidedAt":14,"modalOpen":16,"initialized":16},1790054906930]</script>
vendor: 1 bytes, line 116
116
117<script>window.__NUXT__={};window.__NUXT__.config={public:{apiBaseUrl:"https://api.alttextstudio.com/api",googleClientId:"775219499986-t721jd5bpl7dqh7pk1cd1mnenllnavaa.apps.googleusercontent.com",gaMeasurementId:"G-L91CVRDY0M",googleAdsId:"AW-18412375518",googleAdsSignupLabel:"CT70CIeNwuscEN6b2stE",googleAdsFirstGenLabel:"",googleAdsPurchaseLabel:"ZY1hCISNwuscEN6b2stE",turnstileSiteKey:"0x4AAAAAAEdb6HAZ1esYWy1d"},app:{baseURL:"/",buildId:"c8ee53d4-e1c4-4220-8456-84746073addb",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script>
117</body></html>

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