1<!DOCTYPE html><html lang="en" class="dark smooth-scroll"> <head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><link rel="icon" type="image/svg+xml" href="/favicon.svg"><link rel="sitemap" href="/sitemap-index.xml"><link rel="preload" as="font" type="font/woff2" href="/_astro/inter-latin-wght-normal.Dx4kXJAl.woff2" crossorigin="anonymous"> <link rel="preconnect" href="https://www.googletagmanager.com" crossorigin> <link rel="preconnect" href="https://d1ysoybu6cwjzz.cloudfront.net" crossorigin> <title>Meld Spark: Create Custom Stream Overlays and Alerts Instantly</title><meta name="description" content="Create interactive overlays and alerts instantly with Meld Spark, designed for seamless integration into your streaming setup."><link rel="canonical" href="https://meldstudio.co/spark/"><!-- Open Graph --><meta property="og:title" content="Meld Spark: Create Custom Stream Overlays and Alerts Instantly | Meld Studio"><meta property="og:description" content="Create interactive overlays and alerts instantly with Meld Spark, designed for seamless integration into your streaming setup."><meta property="og:type" content="website"><meta property="og:url" content="https://meldstudio.co/spark/"><meta property="og:image" content="https://meldstudio.co/og/spark.png"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="630"><meta property="og:image:type" content="image/png"><meta property="og:image:alt" content="Meld Studio - Professional streaming software"><meta property="og:site_name" content="Meld Studio"><meta property="og:locale" content="en_US"><!-- Twitter Card --><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="Meld Spark: Create Custom Stream Overlays and Alerts Instantly | Meld Studio"><meta name="twitter:description" content="Create interactive overlays and alerts instantly with Meld Spark, designed for seamless integration into your streaming setup."><meta name="twitter:image" content="https://meldstudio.co/og/spark.png"><meta name="twitter:image:alt" content="Meld Studio - Professional streaming software"><meta name="twitter:site" content="@meldstudio"><!-- Additional SEO --><meta name="author" content="Meld Studio"><meta name="generator" content="Astro v5.10.1"><style>*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{border-width:0;border-style:solid;border-color:#e4e4e7}:before,:after{--tw-content: }html,:host{font-family:Inter Variable,Inter Fallback,SF Pro,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}:root{--sl-font: Inter Variable, Inter Fallback, SF Pro, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--sl-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--sl-color-white: #fff;--sl-color-gray-1: #e4e4e7;--sl-color-gray-2: #d4d4d8;--sl-color-gray-3: #a1a1aa;--sl-color-gray-4: #52525b;--sl-color-gray-5: #3f3f46;--sl-color-gray-6: #27272a;--sl-color-black: #18181b;--sl-color-accent-low: #0c2639;--sl-color-accent: #0070ae;--sl-color-accent-high: #afcde6}:root[data-theme=light]{--sl-color-white: #18181b;--sl-color-gray-1: #27272a;--sl-color-gray-2: #3f3f46;--sl-color-gray-3: #71717a;--sl-color-gray-4: #a1a1aa;--sl-color-gray-5: #d4d4d8;--sl-color-gray-6: #e4e4e7;--sl-color-gray-7: #f4f4f5;--sl-color-black: #fff;--sl-color-accent-low: #afcde6;--sl-color-accent: #0070ae;--sl-color-accent-high: #073554}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-wght-normal.Dx4kXJAl.woff2) format("woff2-variations");
1unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local("Arial");size-adjust:107.4%;ascent-override:90.2%;descent-override:22.48%;line-gap-override:0%}:root{color-scheme:dark}html{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));overflow-x:hidden}h1,h2,h3,h4,h5,h6{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}p{color:#ffffffb3}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e4e4e7}body{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}small{font-size:80%}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}h1,h2,h3,h4,h5,h6,p,blockquote,figure,pre,dl,dd{margin:0}ol,ul,menu{list-style:none;margin:0;padding:0}hr{height:0;color:inherit;border-top-width:1px}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*:focus-visible{outline:2px solid transparent;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(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
1dow, 0 0 #0000);--tw-ring-color: rgb(255 255 255 / .5);--tw-ring-offset-width: 2px;--tw-ring-offset-color: #000000}.\!container{width:100%!important}.container{width:100%}@media(min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media(min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media(min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media(min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media(min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.prose{color:var(--tw-prose-body);max-width:65ch}.prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em}.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-links);text-decoration:underline;font-weight:500}.prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:disc;margin-top:1.25em;margin-bottom:1.25em;padding-inline-start:1.625em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{font-weight:400;color:var(--tw-prose-counters)}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.25em}.prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-top:3em;margin-bottom:3em}.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-style:italic;color:var(--tw-prose-quotes);border-inline-start-width:.25rem;border-inline-start-color:var(--tw-prose-quote-borders);quotes:"â""â""â""â";margin-top:1.6em;margin-bottom:1.6em;padding-inline-start:1em}.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:.8888889em;line-height:1.1111111}.prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:900;color:inherit}.prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333}.prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:800;color:inherit}.prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;font-size:1.25em;margin-top:1.6em;margin-bottom:.6em;line-height:1.6}.prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.5em;margin-bottom:.5em;line-height:1.5}.prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:700;color:inherit}.prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){display:block;margin-top:2em;margin-bottom:2em}.prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){font-weight:500;font-family:inherit;color:var(--tw-prose-kbd);box-shadow:0 0 0 1px var(--tw-prose-kbd-shadows),0 3px 0 var(--tw-prose-kbd-shadows);font-size:.875em;border-radius:.3125rem;padding-top:.1875em;padding-inline-end:.375em;padding-bottom:.1875em;padding-inline-start:.375em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-weight:600;font-size:.875em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:"`"}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:"`"}.prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-pre-code);background-color:var(--tw-prose-pre-bg);overflow-x:auto;font-weight:400;font-size:.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:.375rem;padding-top:.8571429em;padding-inline-end:1.1428571em;padding-bottom:.8571429em;padding-inline-start:1.1428571em}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:transparent;border-width:0;border-radius:0;padding:0;font-weight:inherit;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:none}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){width:100%;table-layout:auto;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.7142857}.prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-th-borders)}.prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;vertical-align:bottom;
1padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:1px;border-bottom-color:var(--tw-prose-td-borders)}.prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:baseline}.prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-width:1px;border-top-color:var(--tw-prose-th-borders)}.prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.prose :where(th,td):not(:where([class~=not-prose],[class~=not-prose] *)){text-align:start}.prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.prose{--tw-prose-body: #374151;--tw-prose-headings: #111827;--tw-prose-lead: #4b5563;--tw-prose-links: #111827;--tw-prose-bold: #111827;--tw-prose-counters: #6b7280;--tw-prose-bullets: #d1d5db;--tw-prose-hr: #e5e7eb;--tw-prose-quotes: #111827;--tw-prose-quote-borders: #e5e7eb;--tw-prose-captions: #6b7280;--tw-prose-kbd: #111827;--tw-prose-kbd-shadows: rgb(17 24 39 / 10%);--tw-prose-code: #111827;--tw-prose-pre-code: #e5e7eb;--tw-prose-pre-bg: #1f2937;--tw-prose-th-borders: #d1d5db;--tw-prose-td-borders: #e5e7eb;--tw-prose-invert-body: #d1d5db;--tw-prose-invert-headings: #fff;--tw-prose-invert-lead: #9ca3af;--tw-prose-invert-links: #fff;--tw-prose-invert-bold: #fff;--tw-prose-invert-counters: #9ca3af;--tw-prose-invert-bullets: #4b5563;--tw-prose-invert-hr: #374151;--tw-prose-invert-quotes: #f3f4f6;--tw-prose-invert-quote-borders: #374151;--tw-prose-invert-captions: #9ca3af;--tw-prose-invert-kbd: #fff;--tw-prose-invert-kbd-shadows: rgb(255 255 255 / 10%);--tw-prose-invert-code: #fff;--tw-prose-invert-pre-code: #d1d5db;--tw-prose-invert-pre-bg: rgb(0 0 0 / 50%);--tw-prose-invert-th-borders: #4b5563;--tw-prose-invert-td-borders: #374151;font-size:1rem;line-height:1.75}.prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0;margin-bottom:0}.prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;margin-bottom:.5em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:.375em}.prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(.prose>ul>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ul>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(.prose>ol>li>p:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ol>li>p:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.75em;margin-bottom:.75em}.prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em;margin-bottom:1.25em}.prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-inline-start:1.625em}.prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}
1.prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding-top:.5714286em;padding-inline-end:.5714286em;padding-bottom:.5714286em;padding-inline-start:.5714286em}.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-start:0}.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-inline-end:0}.prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:2em;margin-bottom:2em}.prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.prose-invert{--tw-prose-body: var(--tw-prose-invert-body);--tw-prose-headings: var(--tw-prose-invert-headings);--tw-prose-lead: var(--tw-prose-invert-lead);--tw-prose-links: var(--tw-prose-invert-links);--tw-prose-bold: var(--tw-prose-invert-bold);--tw-prose-counters: var(--tw-prose-invert-counters);--tw-prose-bullets: var(--tw-prose-invert-bullets);--tw-prose-hr: var(--tw-prose-invert-hr);--tw-prose-quotes: var(--tw-prose-invert-quotes);--tw-prose-quote-borders: var(--tw-prose-invert-quote-borders);--tw-prose-captions: var(--tw-prose-invert-captions);--tw-prose-kbd: var(--tw-prose-invert-kbd);--tw-prose-kbd-shadows: var(--tw-prose-invert-kbd-shadows);--tw-prose-code: var(--tw-prose-invert-code);--tw-prose-pre-code: var(--tw-prose-invert-pre-code);--tw-prose-pre-bg: var(--tw-prose-invert-pre-bg);--tw-prose-th-borders: var(--tw-prose-invert-th-borders);--tw-prose-td-borders: var(--tw-prose-invert-td-borders)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;border-radius:.75rem;padding:.875rem 2rem;font-size:1rem;line-height:1.5rem;font-weight:600;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;background:linear-gradient(to top right,#60a5fa,#2563eb,#1e40af)}.btn-primary:hover{background:linear-gradient(to top right,#93c5fd,#3b82f6,#1d4ed8)}.btn-primary:focus-visible{outline:2px solid transparent;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(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
1dow, 0 0 #0000);--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-width: 2px;--tw-ring-offset-color: #000000}.btn-primary-animated{background:linear-gradient(var(--btn-fill-angle, 120deg),#2f6fe4,#2563eb,#1e40af,#312e81);animation:btn-primary-turn 22s linear infinite;will-change:--btn-fill-angle}.btn-primary-animated:hover{background:linear-gradient(var(--btn-fill-angle, 120deg),#3b82f6,#2f6fe4,#1d4ed8,#3730a3)}.is-paused .btn-primary-animated{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.btn-primary-animated{animation:none}}@keyframes btn-primary-turn{to{--btn-fill-angle: 360deg}}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;border-radius:.75rem;border-width:1px;border-color:#fff3;background-color:#27272ae6;padding:.875rem 2rem;font-size:1rem;line-height:1.5rem;font-weight:600;color:#ffffffe6;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.btn-secondary:hover{border-color:#ffffff4d;background-color:#ffffff26}.btn-secondary:focus-visible{outline:2px solid transparent;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(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
1dow, 0 0 #0000);--tw-ring-color: rgb(255 255 255 / .5);--tw-ring-offset-width: 2px;--tw-ring-offset-color: #000000}.section-spacing{padding-top:4rem;padding-bottom:4rem}@media(min-width:1024px){.section-spacing{padding-top:6rem;padding-bottom:6rem}}.container-narrow{margin-left:auto;margin-right:auto;width:100%;max-width:1080px;padding-left:1.25rem;padding-right:1.25rem}@media(min-width:640px){.container-narrow{padding-left:1.5rem;padding-right:1.5rem}}@media(min-width:1024px){.container-narrow{padding-left:2rem;padding-right:2rem}}.text-gradient{background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from: #FFFFFF var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);--tw-gradient-to: rgba(255, 255, 255, .7) var(--tw-gradient-to-position);-webkit-background-clip:text;background-clip:text;color:transparent}.vod-inline-badge{background:#30233f;color:#bf8bff;font-size:.8em;font-weight:700;font-family:Menlo,Monaco,monospace;text-transform:uppercase;padding:.1em .35em;border-radius:4px;vertical-align:middle;margin:0 .05em}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.\!static{position:static!important}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.-inset-3{inset:-.75rem}.-inset-4{inset:-1rem}.-inset-6{inset:-1.5rem}.-inset-\[1px\]{inset:-1px}.-inset-\[25\%\]{inset:-25%}.inset-0{inset:0}.inset-\[1px\]{inset:1px}.inset-x-0{left:0;right:0}.inset-x-4{left:1rem;right:1rem}.inset-x-\[14px\]{left:14px;right:14px}.inset-y-0{top:0;bottom:0}.-bottom-0{bottom:-0px}.-bottom-16{bottom:-4rem}.-bottom-2{bottom:-.5rem}.-left-16{left:-4rem}.-left-2{left:-.5rem}.-left-32{left:-8rem}.-left-5{left:-1.25rem}.-left-6{left:-1.5rem}.-right-16{right:-4rem}.-right-32{right:-8rem}.-right-8{right:-2rem}.-right-\[6\%\]{right:-6%}.-top-12{top:-3rem}.-top-16{top:-4rem}.-top-2{top:-.5rem}.-top-32{top:-8rem}.-top-4{top:-1rem}.-top-40{top:-10rem}.-top-5{top:-1.25rem}.-top-\[8\%\]{top:-8%}.bottom-0{bottom:0}.bottom-2{bottom:.5rem}.bottom-4{bottom:1rem}.bottom-\[20\%\]{bottom:20%}.bottom-full{bottom:100%}.left-0{left:0}.left-1\/2{left:50%}.left-2{left:.5rem}.left-6{left:1.5rem}.left-\[43\%\]{left:43%}.left-\[57\%\]{left:57%}.left-\[5px\]{left:5px}.right-0{right:0}.right-1\/2{right:50%}.right-2{right:.5rem}.right-3{right:.75rem}.right-4{right:1rem}.right-5{right:1.25rem}.right-6{right:1.5rem}.right-\[2px\]{right:2px}.top-0{top:0}.top-0\.5{top:.125rem}.top-1\/2{top:50%}.top-2{top:.5rem}.top-24{top:6rem}.top-28{top:7rem}.top-3{top:.75rem}.top-5{top:1.25rem}.top-6{top:1.5rem}.top-\[-110px\]{top:-110px}.top-\[-250px\]{top:-250px}.top-\[-360px\]{top:-360px}.top-\[14px\]{top:14px}.top-\[1px\]{top:1px}.top-\[560px\]{top:560px}.top-\[7px\]{top:7px}.top-\[calc\(4rem\+1rem\+var\(--banner-height\,0px\)\)\]{top:calc(4rem + 1rem + var(--banner-height,0px))}.top-full{top:100%}.isolate{isolation:isolate}.-z-10{z-index:-10}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.z-\[100\]{z-index:100}.z-\[110\]{z-index:110}.z-\[120\]{z-index:120}.z-\[1\]{z-index:1}.z-\[2\]{z-index:2}.z-\[5\]{z-index:5}.z-\[60\]{z-index:60}.z-\[70\]{z-index:70}.z-\[80\]{z-index:80}.z-\[90\]{z-index:90}.order-1{order:1}.order-2{order:2}.order-3{order:3}.order-first{order:-9999}.col-span-2{grid-column:span 2 / span 2}.col-span-full{grid-column:1 / -1}.row-span-2{grid-row:span 2 / span 2}.m-\[1px\]{margin:1px}.m-auto{margin:auto}.mx-0{margin-left:0;margin-right:0}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-1\.5{margin-left:.375rem;margin-right:.375rem}.mx-auto{margin-left:auto;margin-right:auto}.my-16{margin-top:4rem;margin-bottom:4rem}.my-32{margin-top:8rem;margin-bottom:8rem}.my-4{margin-top:1rem;margin-bottom:1rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.my-8{margin-top:2rem;margin-bottom:2rem}.my-\[23px\]{margin-top:23px;margin-bottom:23px}.-ml-1{margin-left:-.25rem}.-ml-2{margin-left:-.5rem}.-mr-1{margin-right:-.25rem}.-mr-2{margin-right:-.5rem}.-mt-0\.5{margin-top:-.125rem}.-mt-1{margin-top:-.25rem}.-mt-9{margin-top:-2.25rem}.-mt-\[5px\]{margin-top:-5px}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-2\.5{margin-bottom:.625rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-1{margin-left:.25rem}.ml-1\.5{margin-left:.375rem}.ml-2{margin-left:.5rem}.ml-4{margin-left:1rem}.ml-auto{margin-left:auto}.mr-1\.5{margin-right:.375rem}.mr-2{margin-right:.5rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-10{margin-top:2.5rem}.mt-11{margin-top:2.75rem}.mt-12{margin-top:3rem}.mt-14{margin-top:3.5rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-2\.5{margin-top:.625rem}.mt-20{margin-top:5rem}.mt-24{margin-top:6rem}.mt-28{margin-top:7rem}.mt-3{margin-top:.75rem}.mt-3\.5{margin-top:.875rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.mt-8{margin-top:2rem}.mt-9{margin-top:2.25rem}.mt-\[30vh\]{margin-top:30vh}.mt-\[32px\]{margin-top:32px}.mt-\[35px\]{margin-top:35px}.mt-\[3px\]{margin-top:3px}.mt-auto{margin-top:auto}.mt-px{margin-top:1px}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.\!block{display:block!important}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}
1.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.inline-grid{display:inline-grid}.contents{display:contents}.hidden{display:none}.aspect-\[1200\/743\]{aspect-ratio:1200/743}.aspect-\[4\/3\]{aspect-ratio:4/3}.aspect-square{aspect-ratio:1 / 1}.aspect-video{aspect-ratio:16 / 9}.size-1\.5{width:.375rem;height:.375rem}.size-2{width:.5rem;height:.5rem}.size-2\.5{width:.625rem;height:.625rem}.size-5{width:1.25rem;height:1.25rem}.h-0{height:0px}.h-0\.5{height:.125rem}.h-1{height:.25rem}.h-1\.5{height:.375rem}.h-1\/2{height:50%}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-20{height:5rem}.h-24{height:6rem}.h-28{height:7rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-32{height:8rem}.h-4{height:1rem}.h-40{height:10rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-72{height:18rem}.h-8{height:2rem}.h-80{height:20rem}.h-9{height:2.25rem}.h-\[1000px\]{height:1000px}.h-\[104px\]{height:104px}.h-\[1080px\]{height:1080px}.h-\[11px\]{height:11px}.h-\[120px\]{height:120px}.h-\[14px\]{height:14px}.h-\[150px\]{height:150px}.h-\[15px\]{height:15px}.h-\[16px\]{height:16px}.h-\[18px\]{height:18px}.h-\[232px\]{height:232px}.h-\[340px\]{height:340px}.h-\[36px\]{height:36px}.h-\[37px\]{height:37px}.h-\[38px\]{height:38px}.h-\[400px\]{height:400px}.h-\[420px\]{height:420px}.h-\[42px\]{height:42px}.h-\[500px\]{height:500px}.h-\[520px\]{height:520px}.h-\[52rem\]{height:52rem}.h-\[540px\]{height:540px}.h-\[54px\]{height:54px}.h-\[600px\]{height:600px}.h-\[700px\]{height:700px}.h-\[76px\]{height:76px}.h-\[calc\(100vh-4rem\)\]{height:calc(100vh - 4rem)}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-0{max-height:0px}.max-h-44{max-height:11rem}.max-h-48{max-height:12rem}.max-h-60{max-height:15rem}.max-h-\[80vh\]{max-height:80vh}.max-h-\[calc\(100dvh-2rem\)\]{max-height:calc(100dvh - 2rem)}.max-h-full{max-height:100%}.min-h-0{min-height:0px}.min-h-11{min-height:2.75rem}.min-h-5{min-height:1.25rem}.min-h-72{min-height:18rem}.min-h-\[50vh\]{min-height:50vh}.min-h-\[60vh\]{min-height:60vh}.min-h-\[70vh\]{min-height:70vh}.min-h-\[76px\]{min-height:76px}.min-h-\[88px\]{min-height:88px}.min-h-\[calc\(100dvh-1\.5rem\)\]{min-height:calc(100dvh - 1.5rem)}.min-h-dvh{min-height:100dvh}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-0{width:0px}.w-1{width:.25rem}.w-1\.5{width:.375rem}.w-1\/3{width:33.333333%}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-11\/12{width:91.666667%}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-20{width:5rem}.w-24{width:6rem}.w-28{width:7rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-3\/4{width:75%}.w-32{width:8rem}.w-4{width:1rem}.w-4\/5{width:80%}.w-40{width:10rem}.w-5{width:1.25rem}.w-5\/6{width:83.333333%}.w-52{width:13rem}.w-56{width:14rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-72{width:18rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[1000px\]{width:1000px}.w-\[1140px\]{width:1140px}.w-\[1180px\]{width:1180px}.w-\[11px\]{width:11px}.w-\[120px\]{width:120px}.w-\[122px\]{width:122px}.w-\[1280px\]{width:1280px}.w-\[1320px\]{width:1320px}.w-\[14px\]{width:14px}.w-\[1600px\]{width:1600px}.w-\[16px\]{width:16px}.w-\[1700px\]{width:1700px}.w-\[186px\]{width:186px}.w-\[18px\]{width:18px}.w-\[1920px\]{width:1920px}.w-\[200px\]{width:200px}.w-\[25px\]{width:25px}.w-\[300px\]{width:300px}.w-\[330px\]{width:330px}.w-\[38px\]{width:38px}.w-\[42\%\]{width:42%}.w-\[42px\]{width:42px}.w-\[480px\]{width:480px}.w-\[500px\]{width:500px}.w-\[52rem\]{width:52rem}.w-\[54px\]{width:54px}.w-\[600px\]{width:600px}.w-\[620px\]{width:620px}.w-\[62px\]{width:62px}.w-\[700px\]{width:700px}.w-\[76px\]{width:76px}.w-\[820px\]{width:820px}.w-\[92px\]{width:92px}.w-\[9px\]{width:9px}.w-\[min\(18rem\,100\%\)\]{width:min(18rem,100%)}.w-\[min\(92vw\,520px\)\]{width:min(92vw,520px)}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-max{width:-moz-max-content;width:max-content}.w-px{width:1px}.w-screen{width:100vw}.min-w-0{min-width:0px}.min-w-6{min-width:1.5rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-\[104px\]{max-width:104px}.max-w-\[1200px\]{max-width:1200px}.max-w-\[120px\]{max-width:120px}.max-w-\[1440px\]{max-width:1440px}.max-w-\[1480px\]{max-width:1480px}.max-w-\[150\%\]{max-width:150%}.max-w-\[240px\]{max-width:240px}.max-w-\[27rem\]{max-width:27rem}.max-w-\[300px\]{max-width:300px}.max-w-\[42\.25rem\]{max-width:42.25rem}.max-w-\[420px\]{max-width:420px}.max-w-\[760px\]{max-width:760px}.max-w-\[900px\]{max-width:900px}.max-w-container{max-width:1080px}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-none{max-width:none}.max-w-prose{max-width:65ch}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.flex-none{flex:none}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.origin-top-left{transform-origin:top left}.-translate-x-1\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-2{--tw-translate-y: -.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-64{--tw-translate-y: -16rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-\[126px\]{--tw-translate-y: -126px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-\[26px\]{--tw-translate-y: -26px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-\[50px\]{--tw-translate-y: -50px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0\.5{--tw-translate-x: .125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-4{--tw-translate-x: 1rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-\[1\.125rem\]{--tw-translate-x: 1.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-\[22px\]{--tw-translate-x: 22px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-1{--tw-translate-y: .25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-full{--tw-translate-y: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-45{--tw-rotate: 45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate: 90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-110{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-150{--tw-scale-x: 1.5;--tw-scale-y: 1.5;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-bounce{animation:bounce 1s infinite}@keyframes fade-in{0%{opacity:0}
1to{opacity:1}}.animate-fade-in{animation:fade-in .5s ease-out}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.animate-slide-up{animation:slide-up .5s ease-out}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-col-resize{cursor:col-resize}.cursor-default{cursor:default}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.cursor-move{cursor:move}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize-none{resize:none}.resize-y{resize:vertical}.resize{resize:both}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-mandatory{--tw-scroll-snap-strictness: mandatory}.snap-center{scroll-snap-align:center}.scroll-mt-24{scroll-margin-top:6rem}.scroll-mt-\[20px\]{scroll-margin-top:20px}.list-disc{list-style-type:disc}.auto-rows-fr{grid-auto-rows:minmax(0,1fr)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-subgrid{grid-template-columns:subgrid}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.content-center{align-content:center}.content-start{align-content:flex-start}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-items-start{justify-items:start}.gap-0{gap:0px}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-10{gap:2.5rem}.gap-12{gap:3rem}.gap-16{gap:4rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-20{gap:5rem}.gap-3{gap:.75rem}.gap-3\.5{gap:.875rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-\[2px\]{gap:2px}.gap-x-12{-moz-column-gap:3rem;column-gap:3rem}.gap-x-16{-moz-column-gap:4rem;column-gap:4rem}.gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-x-5{-moz-column-gap:1.25rem;column-gap:1.25rem}.gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.gap-y-1{row-gap:.25rem}.gap-y-10{row-gap:2.5rem}.gap-y-16{row-gap:4rem}.gap-y-2{row-gap:.5rem}.gap-y-3{row-gap:.75rem}.gap-y-6{row-gap:1.5rem}.gap-y-8{row-gap:2rem}.space-y-0\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.125rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.125rem * var(--tw-space-y-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.space-y-10>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2.5rem * var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.space-y-24>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(6rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(6rem * var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-3\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.875rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.875rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem * var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.space-y-7>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.75rem * var(--tw-space-y-reverse))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem * var(--tw-space-y-reverse))}.space-y-\[32px\]>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(32px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(32px * var(--tw-space-y-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px * var(--tw-divide-y-reverse))}.divide-white\/10>:not([hidden])~:not([hidden]){border-color:#ffffff1a}.divide-white\/5>:not([hidden])~:not([hidden]){border-color:#ffffff0d}.self-center{align-self:center}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overscroll-contain{overscroll-behavior:contain}.scroll-smooth{scroll-behavior:smooth}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.break-all{word-break:break-all}.\!rounded-lg{border-radius:.5rem!important}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\[1\.5px\]{border-radius:1.5px}.rounded-\[10px\]{border-radius:10px}.rounded-\[11px\]{border-radius:11px}.rounded-\[15px\]{border-radius:15px}.rounded-\[2\.5rem\]{border-radius:2.5rem}.rounded-\[22px\]{border-radius:22px}
1.rounded-\[28px\]{border-radius:28px}.rounded-\[3px\]{border-radius:3px}.rounded-\[50\%\]{border-radius:50%}.rounded-\[5px\]{border-radius:5px}.rounded-\[6px\]{border-radius:6px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.rounded-t-2xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.border{border-width:1px}.border-0{border-width:0px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-l{border-left-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-dashed{border-style:dashed}.border-\[\#242424\]{--tw-border-opacity: 1;border-color:rgb(36 36 36 / var(--tw-border-opacity, 1))}.border-\[\#373739\]{--tw-border-opacity: 1;border-color:rgb(55 55 57 / var(--tw-border-opacity, 1))}.border-\[\#7C5CFF\]\/45{border-color:#7c5cff73}.border-\[\#7C5CFF\]\/50{border-color:#7c5cff80}.border-\[\#9146ff\]\/45{border-color:#9146ff73}.border-\[\#bfff1d\]{--tw-border-opacity: 1;border-color:rgb(191 255 29 / var(--tw-border-opacity, 1))}.border-amber-500\/20{border-color:#f59e0b33}.border-amber-500\/30{border-color:#f59e0b4d}.border-blue-500{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.border-blue-500\/30{border-color:#3b82f64d}.border-blue-500\/40{border-color:#3b82f666}.border-blue-500\/50{border-color:#3b82f680}.border-border-strong{border-color:#fff3}.border-emerald-400\/45{border-color:#34d39973}.border-emerald-500\/30{border-color:#10b9814d}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(228 228 231 / var(--tw-border-opacity, 1))}.border-gray-300{--tw-border-opacity: 1;border-color:rgb(212 212 216 / var(--tw-border-opacity, 1))}.border-gray-700{--tw-border-opacity: 1;border-color:rgb(63 63 70 / var(--tw-border-opacity, 1))}.border-purple-500\/30{border-color:#a855f74d}.border-red-400\/45{border-color:#f8717173}.border-red-500\/20{border-color:#ef444433}.border-red-500\/30{border-color:#ef44444d}.border-red-500\/40{border-color:#ef444466}.border-transparent{border-color:transparent}.border-white{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.border-white\/10{border-color:#ffffff1a}.border-white\/15{border-color:#ffffff26}.border-white\/20{border-color:#fff3}.border-white\/25{border-color:#ffffff40}.border-white\/40{border-color:#fff6}.border-white\/45{border-color:#ffffff73}.border-white\/5{border-color:#ffffff0d}.border-white\/50{border-color:#ffffff80}.border-white\/60{border-color:#fff9}.border-white\/70{border-color:#ffffffb3}.border-white\/\[0\.06\]{border-color:#ffffff0f}.border-white\/\[0\.07\]{border-color:#ffffff12}.border-white\/\[0\.08\]{border-color:#ffffff14}.border-zinc-700{--tw-border-opacity: 1;border-color:rgb(63 63 70 / var(--tw-border-opacity, 1))}.border-zinc-800{--tw-border-opacity: 1;border-color:rgb(39 39 42 / var(--tw-border-opacity, 1))}.border-t-white{--tw-border-opacity: 1;border-top-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.border-t-white\/70{border-top-color:#ffffffb3}.border-t-white\/80{border-top-color:#fffc}.bg-\[\#050506\]{--tw-bg-opacity: 1;background-color:rgb(5 5 6 / var(--tw-bg-opacity, 1))}.bg-\[\#08090b\]{--tw-bg-opacity: 1;background-color:rgb(8 9 11 / var(--tw-bg-opacity, 1))}.bg-\[\#0a0a0b\]{--tw-bg-opacity: 1;background-color:rgb(10 10 11 / var(--tw-bg-opacity, 1))}.bg-\[\#101010\]{--tw-bg-opacity: 1;background-color:rgb(16 16 16 / var(--tw-bg-opacity, 1))}.bg-\[\#101013\]{--tw-bg-opacity: 1;background-color:rgb(16 16 19 / var(--tw-bg-opacity, 1))}.bg-\[\#131313\]{--tw-bg-opacity: 1;background-color:rgb(19 19 19 / var(--tw-bg-opacity, 1))}.bg-\[\#1c1c1d\]{--tw-bg-opacity: 1;background-color:rgb(28 28 29 / var(--tw-bg-opacity, 1))}.bg-\[\#30233f\]{--tw-bg-opacity: 1;background-color:rgb(48 35 63 / var(--tw-bg-opacity, 1))}.bg-\[\#3045ff\]\/15{background-color:#3045ff26}.bg-\[\#53fc18\]\/15{background-color:#53fc1826}.bg-\[\#7C5CFF\]{--tw-bg-opacity: 1;background-color:rgb(124 92 255 / var(--tw-bg-opacity, 1))}.bg-\[\#7C5CFF\]\/15{background-color:#7c5cff26}.bg-\[\#7C5CFF\]\/20{background-color:#7c5cff33}.bg-\[\#7C5CFF\]\/\[0\.08\]{background-color:#7c5cff14}.bg-\[\#7C5CFF\]\/\[0\.09\]{background-color:#7c5cff17}.bg-\[\#7c3aed\]\/15{background-color:#7c3aed26}.bg-\[\#9146ff\]\/10{background-color:#9146ff1a}.bg-\[\#bfff1d\]\/15{background-color:#bfff1d26}.bg-\[\#fe2c55\]\/15{background-color:#fe2c5526}.bg-\[\#ff0033\]\/15{background-color:#ff003326}
1.bg-\[color-mix\(in_srgb\,var\(--pf-accent\)_10\%\,transparent\)\]{background-color:color-mix(in srgb,var(--pf-accent) 10%,transparent)}.bg-\[rgba\(128\,128\,128\,0\.1\)\]{background-color:#8080801a}.bg-\[rgba\(248\,248\,248\,0\.90\)\]{background-color:#f8f8f8e6}.bg-amber-500\/10{background-color:#f59e0b1a}.bg-background{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-background-tertiary{background-color:#ffffff0d}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-black\/40{background-color:#0006}.bg-black\/5{background-color:#0000000d}.bg-black\/50{background-color:#00000080}.bg-black\/55{background-color:#0000008c}.bg-black\/60{background-color:#0009}.bg-black\/70{background-color:#000000b3}.bg-black\/75{background-color:#000000bf}.bg-black\/80{background-color:#000c}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.bg-blue-500\/10{background-color:#3b82f61a}.bg-blue-500\/20{background-color:#3b82f633}.bg-blue-500\/\[0\.06\]{background-color:#3b82f60f}.bg-blue-500\/\[0\.09\]{background-color:#3b82f617}.bg-current{background-color:currentColor}.bg-emerald-400{--tw-bg-opacity: 1;background-color:rgb(52 211 153 / var(--tw-bg-opacity, 1))}.bg-emerald-500{--tw-bg-opacity: 1;background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1))}.bg-emerald-500\/15{background-color:#10b98126}.bg-gray-800{--tw-bg-opacity: 1;background-color:rgb(39 39 42 / var(--tw-bg-opacity, 1))}.bg-green-500\/10{background-color:#22c55e1a}.bg-primary{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-red-500\/10{background-color:#ef44441a}.bg-red-500\/90{background-color:#ef4444e6}.bg-red-500\/\[0\.04\]{background-color:#ef44440a}.bg-red-950\/40{background-color:#450a0a66}.bg-secondary{background-color:#ffffff1a}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/10{background-color:#ffffff1a}.bg-white\/15{background-color:#ffffff26}.bg-white\/20{background-color:#fff3}.bg-white\/25{background-color:#ffffff40}.bg-white\/40{background-color:#fff6}.bg-white\/5{background-color:#ffffff0d}.bg-white\/\[0\.02\]{background-color:#ffffff05}.bg-white\/\[0\.03\]{background-color:#ffffff08}.bg-white\/\[0\.04\]{background-color:#ffffff0a}.bg-white\/\[0\.05\]{background-color:#ffffff0d}.bg-white\/\[0\.06\]{background-color:#ffffff0f}.bg-white\/\[0\.07\]{background-color:#ffffff12}.bg-white\/\[0\.08\]{background-color:#ffffff14}.bg-yellow-500\/10{background-color:#eab3081a}.bg-zinc-400{--tw-bg-opacity: 1;background-color:rgb(161 161 170 / var(--tw-bg-opacity, 1))}.bg-zinc-600{--tw-bg-opacity: 1;background-color:rgb(82 82 91 / var(--tw-bg-opacity, 1))}.bg-zinc-700{--tw-bg-opacity: 1;background-color:rgb(63 63 70 / var(--tw-bg-opacity, 1))}.bg-zinc-800{--tw-bg-opacity: 1;background-color:rgb(39 39 42 / var(--tw-bg-opacity, 1))}.bg-zinc-800\/50{background-color:#27272a80}.bg-zinc-900{--tw-bg-opacity: 1;background-color:rgb(24 24 27 / var(--tw-bg-opacity, 1))}.bg-zinc-900\/50{background-color:#18181b80}.bg-zinc-900\/60{background-color:#18181b99}.bg-zinc-900\/70{background-color:#18181bb3}.bg-zinc-900\/80{background-color:#18181bcc}.bg-zinc-900\/90{background-color:#18181be6}.bg-zinc-900\/95{background-color:#18181bf2}.bg-zinc-900\/\[0\.92\]{background-color:#18181beb}.bg-zinc-950{--tw-bg-opacity: 1;background-color:rgb(9 9 11 / var(--tw-bg-opacity, 1))}.bg-zinc-950\/85{background-color:#09090bd9}.bg-\[radial-gradient\(60\%_60\%_at_50\%_40\%\,rgba\(80\,120\,255\,0\.10\)\,transparent\)\]{background-image:radial-gradient(60% 60% at 50% 40%,rgba(80,120,255,.1),transparent)}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-l{background-image:linear-gradient(to left,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.bg-gradient-to-tr{background-image:linear-gradient(to top right,var(--tw-gradient-stops))}.from-\[\#0a0a0b\]{--tw-gradient-from: #0a0a0b var(--tw-gradient-from-position);--tw-gradient-to: rgb(10 10 11 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[\#247adf\]{--tw-gradient-from: #247adf var(--tw-gradient-from-position);--tw-gradient-to: rgb(36 122 223 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[\#2864ff\]{--tw-gradient-from: #2864ff var(--tw-gradient-from-position);--tw-gradient-to: rgb(40 100 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[\#60a5fa\]{--tw-gradient-from: #60a5fa var(--tw-gradient-from-position);--tw-gradient-to: rgb(96 165 250 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[\#7DE2D1\]{--tw-gradient-from: #7DE2D1 var(--tw-gradient-from-position);--tw-gradient-to: rgb(125 226 209 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-\[rgb\(15\,126\,207\)\]{--tw-gradient-from: rgb(15,126,207) var(--tw-gradient-from-position);--tw-gradient-to: rgb(15 126 207 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-black{--tw-gradient-from: #000 var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-black\/70{--tw-gradient-from: rgb(0 0 0 / .7) var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-400{--tw-gradient-from: #60a5fa var(--tw-gradient-from-position);--tw-gradient-to: rgb(96 165 250 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-500{--tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);--tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-500\/20{--tw-gradient-from: rgb(59 130 246 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-blue-600{--tw-gradient-from: #2563eb var(--tw-gradient-from-position);--tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-gray-100{--tw-gradient-from: #f4f4f5 var(--tw-gradient-from-position);--tw-gradient-to: rgb(244 244 245 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-gray-300\/20{--tw-gradient-from: rgb(212 212 216 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(212 212 216 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-green-500\/20{--tw-gradient-from: rgb(34 197 94 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(34 197 94 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-purple-500\/20{--tw-gradient-from: rgb(168 85 247 / .2) var(--tw-gradient-from-position);--tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-transparent{--tw-gradient-from: transparent var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-white{--tw-gradient-from: #fff var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-white\/5{--tw-gradient-from: rgb(255 255 255 / .05) var(--tw-gradient-from-position);--tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.from-zinc-900{--tw-gradient-from: #18181b var(--tw-gradient-from-position);--tw-gradient-to: rgb(24 24 27 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.via-\[\#2563eb\]{--tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #2563eb var(--tw-gradient-via-p
1osition), var(--tw-gradient-to)}.via-black\/20{--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / .2) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-black\/60{--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / .6) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-black\/90{--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / .9) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-blue-100{--tw-gradient-to: rgb(219 234 254 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #dbeafe var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-blue-500\/5{--tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(59 130 246 / .05) var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-gray-700{--tw-gradient-to: rgb(63 63 70 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #3f3f46 var(--tw-gradient-via-position), var(--tw-gradient-to)}.via-50\%{--tw-gradient-via-position: 50%}.to-\[\#1e40af\]{--tw-gradient-to: #1e40af var(--tw-gradient-to-position)}.to-\[\#3B82F6\]{--tw-gradient-to: #3B82F6 var(--tw-gradient-to-position)}.to-\[\#8e51ed\]{--tw-gradient-to: #8e51ed var(--tw-gradient-to-position)}.to-\[\#905cff\]{--tw-gradient-to: #905cff var(--tw-gradient-to-position)}.to-\[rgb\(142\,81\,237\)\]{--tw-gradient-to: rgb(142,81,237) var(--tw-gradient-to-position)}.to-blue-300{--tw-gradient-to: #93c5fd var(--tw-gradient-to-position)}.to-blue-500\/10{--tw-gradient-to: rgb(59 130 246 / .1) var(--tw-gradient-to-position)}.to-blue-600{--tw-gradient-to: #2563eb var(--tw-gradient-to-position)}.to-blue-600\/20{--tw-gradient-to: rgb(37 99 235 / .2) var(--tw-gradient-to-position)}.to-gray-200{--tw-gradient-to: #e4e4e7 var(--tw-gradient-to-position)}.to-gray-400\/20{--tw-gradient-to: rgb(161 161 170 / .2) var(--tw-gradient-to-position)}.to-green-500\/10{--tw-gradient-to: rgb(34 197 94 / .1) var(--tw-gradient-to-position)}.to-indigo-600{--tw-gradient-to: #4f46e5 var(--tw-gradient-to-position)}.to-indigo-700{--tw-gradient-to: #4338ca var(--tw-gradient-to-position)}.to-purple-400{--tw-gradient-to: #c084fc var(--tw-gradient-to-position)}.to-purple-500\/10{--tw-gradient-to: rgb(168 85 247 / .1) var(--tw-gradient-to-position)}.to-purple-500\/20{--tw-gradient-to: rgb(168 85 247 / .2) var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to: transparent var(--tw-gradient-to-position)}.to-zinc-950{--tw-gradient-to: #09090b var(--tw-gradient-to-position)}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.fill-current{fill:currentColor}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:0}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-10{padding:2.5rem}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-\[1px\]{padding:1px}.p-\[2px\]{padding:2px}.\!px-5{padding-left:1.25rem!important;padding-right:1.25rem!important}.\!px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}.\!px-8{padding-left:2rem!important;padding-right:2rem!important}.\!py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.\!py-2\.5{padding-top:.625rem!important;padding-bottom:.625rem!important}.\!py-3{padding-top:.75rem!important;padding-bottom:.75rem!important}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.px-\[13px\]{padding-left:13px;padding-right:13px}.px-\[18px\]{padding-left:18px;padding-right:18px}.px-\[32px\]{padding-left:32px;padding-right:32px}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-32{padding-top:8rem;padding-bottom:8rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-\[12px\]{padding-top:12px;padding-bottom:12px}.py-\[22px\]{padding-top:22px;padding-bottom:22px}.py-\[2px\]{padding-top:2px;padding-bottom:2px}.py-\[6px\]{padding-top:6px;padding-bottom:6px}.pb-1{padding-bottom:.25rem}.pb-10{padding-bottom:2.5rem}.pb-12{padding-bottom:3rem}.pb-16{padding-bottom:4rem}.pb-2{padding-bottom:.5rem}.pb-20{padding-bottom:5rem}.pb-24{padding-bottom:6rem}.pb-4{padding-bottom:1rem}.pb-5{padding-bottom:1.25rem}.pb-6{padding-bottom:1.5rem}.pb-8{padding-bottom:2rem}.pl-2{padding-left:.5rem}.pl-4{padding-left:1rem}.pl-5{padding-left:1.25rem}.pl-9{padding-left:2.25rem}.pr-1{padding-right:.25rem}.pr-3{padding-right:.75rem}.pr-4{padding-right:1rem}.pt-0{padding-top:0}.pt-1{padding-top:.25rem}.pt-10{padding-top:2.5rem}.pt-16{padding-top:4rem}.pt-2{padding-top:.5rem}.pt-2\.5{padding-top:.625rem}.pt-20{padding-top:5rem}.pt-24{padding-top:6rem}.pt-3{padding-top:.75rem}.pt-3\.5{padding-top:.875rem}.pt-32{padding-top:8rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.pt-9{padding-top:2.25rem}.pt-\[5\.5rem\]{padding-top:5.5rem}.pt-\[56\.25\%\]{padding-top:56.25%}.text-left{text-align:left}.text-center{text-align:center}.align-middle{vertical-align:middle}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-sans{font-family:Inter Variable,Inter Fallback,SF Pro,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.\!text-base{font-size:1rem!important;line-height:1.5rem!important}.\!text-sm{font-size:.875rem!important;line-height:1.25rem!important}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}.text-8xl{font-size:6rem;line-height:1}.text-\[0\.62em\]{font-size:.62em}.text-\[0\.6em\]{font-size:.6em}.text-\[0\.72em\]{font-size:.72em}.text-\[1\.75rem\]{font-size:1.75rem}.text-\[10\.5px\]{font-size:10.5px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[15px\]{font-size:15px}.text-\[17px\]{font-size:17px}.text-\[18px\]{font-size:18px}.text-\[22px\]{font-size:22px}.text-\[30px\]{font-size:30px}.text-\[32px\]{font-size:32px}.text-\[8px\]{font-size:8px}.text-\[9\.5px\]{font-size:9.5px}.text-\[9px\]{font-size:9px}.text-\[clamp\(0\.95rem\,4\.6cqw\,1\.35rem\)\]{font-size:clamp(.95rem,4.6cqw,1.35rem)}.text-\[clamp\(0\.95rem\,4\.6cqw\,1\.3rem\)\]{font-size:clamp(.95rem,4.6cqw,1.3rem)}.text-\[clamp\(0\.95rem\,5\.4cqw\,1\.35rem\)\]{font-size:clamp(.95rem,5.4cqw,1.35rem)}.text-\[clamp\(1\.15rem\,5\.6cqw\,1\.8rem\)\]{font-size:clamp(1.15rem,5.6cqw,1.8rem)}.text-\[clamp\(1\.1rem\,7cqw\,1\.8rem\)\]{font-size:clamp(1.1rem,7cqw,1.8rem)}.text-\[clamp\(1\.25rem\,6\.4cqw\,2rem\)\]{font-size:clamp(1.25rem,6.4cqw,2rem)}.text-\[clamp\(1\.35rem\,9cqw\,2\.4rem\)\]{font-size:clamp(1.35rem,9cqw,2.4rem)}.text-\[clamp\(1\.5rem\,8cqw\,2\.3rem\)\]{font-size:clamp(1.5rem,8cqw,2.3rem)}.text-\[clamp\(1\.6rem\,3\.4vw\,2\.2rem\)\]{font-size:clamp(1.6rem,3.4vw,2.2rem)}.text-\[clamp\(1\.7rem\,17cqw\,2\.7rem\)\]{font-size:clamp(1.7rem,17cqw,2.7rem)}.text-\[clamp\(1\.9rem\,4\.2vw\,2\.9rem\)\]{font-size:clamp(1.9rem,4.2vw,2.9rem)}.text-\[clamp\(1\.9rem\,4vw\,2\.6rem\)\]{font-size:clamp(1.9rem,4vw,2.6rem)}.text-\[clamp\(1rem\,5\.4cqw\,1\.45rem\)\]{font-size:clamp(1rem,5.4cqw,1.45rem)}.text-\[clamp\(1rem\,5\.4cqw\,1\.4rem\)\]{font-size:clamp(1rem,5.4cqw,1.4rem)}.text-\[clamp\(1rem\,5\.6cqw\,1\.5rem\)\]{font-size:clamp(1rem,5.6cqw,1.5rem)}.text-\[clamp\(2\.2rem\,24cqw\,3\.6rem\)\]{font-size:clamp(2.2rem,24cqw,3.6rem)}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-light{font-weight:300}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.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)}.leading-5{line-height:1.25rem}.leading-6{line-height:1.5rem}.leading-\[0\.95\]{line-height:.95}.leading-\[1\.02\]{line-height:1.02}.leading-\[1\.05\]{line-height:1.05}.leading-\[1\.15\]{line-height:1.15}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-\[-0\.01em\]{letter-spacing:-.01em}.tracking-\[-0\.02em\]{letter-spacing:-.02em}.tracking-\[0\.08em\]{letter-spacing:.08em}.tracking-\[0\.12em\]{letter-spacing:.12em}.tracking-\[0\.13em\]{letter-spacing:.13em}.tracking-\[0\.14em\]{letter-spacing:.14em}.tracking-\[0\.16em\]{letter-spacing:.16em}.tracking-\[0\.22em\]{letter-spacing:.22em}.tracking-\[0\.25em\]{letter-spacing:.25em}.tracking-\[0\.2em\]{letter-spacing:.2em}.tracking-normal{letter-spacing:0em}.tracking-tight{letter-spacing:-.025em}.tracking-tighter{letter-spacing:-.05em}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-\[\#0083cb\]{--tw-text-opacity: 1;color:rgb(0 131 203 / var(--tw-text-opacity, 1))}.text-\[\#00D9FF\]{--tw-text-opacity: 1;color:rgb(0 217 255 / var(--tw-text-opacity, 1))}.text-\[\#3067EA\]{--tw-text-opacity: 1;color:rgb(48 103 234 / var(--tw-text-opacity, 1))}.text-\[\#5cc8ff\]{--tw-text-opacity: 1;color:rgb(92 200 255 / var(--tw-text-opacity, 1))}.text-\[\#787880\]{--tw-text-opacity: 1;color:rgb(120 120 128 / var(--tw-text-opacity, 1))}.text-\[\#787880\]\/60{color:#78788099}.text-\[\#7C5CFF\]{--tw-text-opacity: 1;color:rgb(124 92 255 / var(--tw-text-opacity, 1))}.text-\[\#8fa6ff\]{--tw-text-opacity: 1;color:rgb(143 166 255 / var(--tw-text-opacity, 1))}.text-\[\#909099\]{--tw-text-opacity: 1;color:rgb(144 144 153 / var(--tw-text-opacity, 1))}.text-\[\#909099\]\/50{color:#90909980}.text-\[\#E2E2E2\]{--tw-text-opacity: 1;color:rgb(226 226 226 / var(--tw-text-opacity, 1))}.text-\[\#a6fd85\]{--tw-text-opacity: 1;color:rgb(166 253 133 / var(--tw-text-opacity, 1))}.text-\[\#b4a1ff\]{--tw-text-opacity: 1;color:rgb(180 161 255 / var(--tw-text-opacity, 1))}.text-\[\#bdbdc6\]{--tw-text-opacity: 1;color:rgb(189 189 198 / var(--tw-text-opacity, 1))}.text-\[\#bf8bff\]{--tw-text-opacity: 1;color:rgb(191 139 255 / var(--tw-text-opacity, 1))}.text-\[\#bfff1d\]{--tw-text-opacity: 1;color:rgb(191 255 29 / var(--tw-text-opacity, 1))}.text-\[\#c4b5fd\]{--tw-text-opacity: 1;color:rgb(196 181 253 / var(--tw-text-opacity, 1))}.text-\[\#e2e2e2\]{--tw-text-opacity: 1;color:rgb(226 226 226 / var(--tw-text-opacity, 1))}.text-\[\#e2e2e2\]\/55{color:#e2e2e28c}.text-\[\#f8f8f8\]{--tw-text-opacity: 1;color:rgb(248 248 248 / var(--tw-text-opacity, 1))}.text-\[\#ff8fa6\]{--tw-text-opacity: 1;color:rgb(255 143 166 / var(--tw-text-opacity, 1))}.text-\[\#ff9db0\]{--tw-text-opacity: 1;color:rgb(255 157 176 / var(--tw-text-opacity, 1))}.text-amber-200{--tw-text-opacity: 1;color:rgb(253 230 138 / var(--tw-text-opacity, 1))}.text-amber-300{--tw-text-opacity: 1;color:rgb(252 211 77 / var(--tw-text-opacity, 1))}.text-amber-300\/80{color:#fcd34dcc}.text-amber-400\/80{color:#fbbf24cc}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-black\/50{color:#00000080}.text-blue-300{--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}.text-blue-400{--tw-text-opacity: 1;color:rgb(96 165 250 / var(--tw-text-opacity, 1))}.text-blue-500{--tw-text-opacity: 1;color:rgb(59 130 246 / var(--tw-text-opacity, 1))}.text-emerald-300{--tw-text-opacity: 1;color:rgb(110 231 183 / var(--tw-text-opacity, 1))}.text-emerald-400{--tw-text-opacity: 1;color:rgb(52 211 153 / var(--tw-text-opacity, 1))}.text-gray-100{--tw-text-opacity: 1;color:rgb(244 244 245 / var(--tw-text-opacity, 1))}.text-gray-300{--tw-text-opacity: 1;color:rgb(212 212 216 / var(--tw-text-opacity, 1))}.text-gray-400{--tw-text-opacity: 1;color:rgb(161 161 170 / var(--tw-text-opacity, 1))}.text-gray-50{--tw-text-opacity: 1;color:rgb(250 250 250 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(113 113 122 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(63 63 70 / var(--tw-text-opacity, 1))}.text-green-400{--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}.text-green-500{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity, 1))}.text-muted{color:#ffffff80}.text-muted-foreground{color:#ffffffb3}.text-orange-300{--tw-text-opacity: 1;color:rgb(253 186 116 / var(--tw-text-opacity, 1))}.text-primary{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-primary-foreground{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-purple-500{--tw-text-opacity: 1;color:rgb(168 85 247 / var(--tw-text-opacity, 1))}.text-red-100{--tw-text-opacity: 1;color:rgb(254 226 226 / var(--tw-text-opacity, 1))}.text-red-200{--tw-text-opacity: 1;color:rgb(254 202 202 / var(--tw-text-opacity, 1))}.text-red-300{--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}.text-red-400{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}.text-rose-300{--tw-text-opacity: 1;color:rgb(253 164 175 / var(--tw-text-opacity, 1))}.text-sky-300{--tw-text-opacity: 1;color:rgb(125 211 252 / var(--tw-text-opacity, 1))}.text-teal-300{--tw-text-opacity: 1;color:rgb(94 234 212 / var(--tw-text-opacity, 1))}.text-transparent{color:transparent}.text-violet-300{--tw-text-opacity: 1;color:rgb(196 181 253 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-white\/20{color:#fff3}.text-white\/30{color:#ffffff4d}.text-white\/35{color:#ffffff59}.text-white\/40{color:#fff6}.text-white\/45{color:#ffffff73}.text-white\/50{color:#ffffff80}.text-white\/55{color:#ffffff8c}.text-white\/60{color:#fff9}.text-white\/65{color:#ffffffa6}.text-white\/70{color:#ffffffb3}.text-white\/75{color:#ffffffbf}.text-white\/80{color:#fffc}.text-white\/85{color:#ffffffd9}.text-white\/90{color:#ffffffe6}.text-white\/95{color:#fffffff2}.text-yellow-400{--tw-text-opacity: 1;color:rgb(250 204 21 / var(--tw-text-opacity, 1))}.text-zinc-100{--tw-text-opacity: 1;color:rgb(244 244 245 / var(--tw-text-opacity, 1))}.text-zinc-200{--tw-text-opacity: 1;
1color:rgb(228 228 231 / var(--tw-text-opacity, 1))}.text-zinc-300{--tw-text-opacity: 1;color:rgb(212 212 216 / var(--tw-text-opacity, 1))}.text-zinc-300\/50{color:#d4d4d880}.text-zinc-400{--tw-text-opacity: 1;color:rgb(161 161 170 / var(--tw-text-opacity, 1))}.text-zinc-500{--tw-text-opacity: 1;color:rgb(113 113 122 / var(--tw-text-opacity, 1))}.text-zinc-600{--tw-text-opacity: 1;color:rgb(82 82 91 / var(--tw-text-opacity, 1))}.text-zinc-900{--tw-text-opacity: 1;color:rgb(24 24 27 / var(--tw-text-opacity, 1))}.underline{text-decoration-line:underline}.line-through{text-decoration-line:line-through}.decoration-primary\/50{text-decoration-color:#ffffff80}.decoration-white\/25{text-decoration-color:#ffffff40}.decoration-white\/30{text-decoration-color:#ffffff4d}.decoration-zinc-400{text-decoration-color:#a1a1aa}.decoration-zinc-500\/70{text-decoration-color:#71717ab3}.decoration-zinc-600{text-decoration-color:#52525b}.decoration-2{text-decoration-thickness:2px}.underline-offset-2{text-underline-offset:2px}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.placeholder-white\/30::-moz-placeholder{color:#ffffff4d}.placeholder-white\/30::placeholder{color:#ffffff4d}.placeholder-zinc-500::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(113 113 122 / var(--tw-placeholder-opacity, 1))}.placeholder-zinc-500::placeholder{--tw-placeholder-opacity: 1;color:rgb(113 113 122 / var(--tw-placeholder-opacity, 1))}.caret-transparent{caret-color:transparent}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-20{opacity:.2}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-\[0\.06\]{opacity:.06}.opacity-\[0\.16\]{opacity:.16}.opacity-\[0\.2\]{opacity:.2}.mix-blend-screen{mix-blend-mode:screen}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);
1--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_10px_60px_-10px_rgba\(59\,130\,246\,0\.35\)\]{--tw-shadow: 0 10px 60px -10px rgba(59,130,246,.35);--tw-shadow-colored: 0 10px 60px -10px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_1px_0_rgba\(255\,255\,255\,0\.08\)_inset\]{--tw-shadow: 0 1px 0 rgba(255,255,255,.08) inset;--tw-shadow-colored: inset 0 1px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[0_30px_70px_-35px_rgba\(0\,0\,0\,0\.95\)\]{--tw-shadow: 0 30px 70px -35px rgba(0,0,0,.95);
1--tw-shadow-colored: 0 30px 70px -35px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-\[inset_0_1px_0_0_rgba\(255\,255\,255\,0\.8\)\,0_1px_2px_0_rgba\(0\,0\,0\,0\.15\)\]{--tw-shadow: inset 0 1px 0 0 rgba(255,255,255,.8),0 1px 2px 0 rgba(0,0,0,.15);--tw-shadow-colored: inset 0 1px 0 0 var(--tw-shadow-color), 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-sha
1dow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-blue-500\/40{--tw-shadow-color: rgb(59 130 246 / .4);--tw-shadow: var(--tw-shadow-colored)}.shadow-blue-900\/20{--tw-shadow-color: rgb(30 58 138 / .2);--tw-shadow: var(--tw-shadow-colored)}.shadow-blue-900\/30{--tw-shadow-color: rgb(30 58 138 / .3);--tw-shadow: var(--tw-shadow-colored)}.shadow-zinc-950\/30{--tw-shadow-color: rgb(9 9 11 / .3);--tw-shadow: var(--tw-shadow-colored)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring{--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(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
1dow, 0 0 #0000)}.ring-0{--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(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-1{--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);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.ring-2{--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-shadow, 0 0 #0000)}.ring-inset{--tw-ring-inset: inset}.ring-blue-400{--tw-ring-opacity: 1;--tw-ring-color: rgb(96 165 250 / var(--tw-ring-opacity, 1))}.ring-blue-500{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.ring-white{--tw-ring-opacity: 1;--tw-ring-color: rgb(255 255 255 / var(--tw-ring-opacity, 1))}.ring-white\/10{--tw-ring-color: rgb(255 255 255 / .1)}.ring-white\/15{--tw-ring-color: rgb(255 255 255 / .15)}.ring-white\/20{--tw-ring-color: rgb(255 255 255 / .2)}.ring-white\/25{--tw-ring-color: rgb(255 255 255 / .25)}.ring-white\/30{--tw-ring-color: rgb(255 255 255 / .3)}.ring-white\/40{--tw-ring-color: rgb(255 255 255 / .4)}.ring-white\/60{--tw-ring-color: rgb(255 255 255 / .6)}.ring-white\/70{--tw-ring-color: rgb(255 255 255 / .7)}.ring-zinc-900{--tw-ring-opacity: 1;--tw-ring-color: rgb(24 24 27 / var(--tw-ring-opacity, 1))}.ring-offset-0{--tw-ring-offset-width: 0px}.ring-offset-2{--tw-ring-offset-width: 2px}.ring-offset-zinc-900{--tw-ring-offset-color: #18181b}.ring-offset-zinc-950{--tw-ring-offset-color: #09090b}.blur{--tw-blur: blur(8px);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-2xl{--tw-blur: blur(40px);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(64px);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);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-\[110px\]{--tw-blur: blur(110px);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-\[140px\]{--tw-blur: blur(140px);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-\[150px\]{--tw-blur: blur(150px);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-\[4px\]{--tw-blur: blur(4px);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-\[60px\]{--tw-blur: blur(60px);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-\[80px\]{--tw-blur: blur(80px);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-xl{--tw-blur: blur(24px);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)}.drop-shadow{--tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / .1)) drop-shadow(0 1px 1px rgb(0 0 0 / .06));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)}.drop-shadow-lg{--tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / .04)) drop-shadow(0 4px 3px rgb(0 0 0 / .1));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: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)}.saturate-150{--tw-saturate: saturate(1.5);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)}.sepia{--tw-sepia: sepia(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)}.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-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-2xl{--tw-backdrop-blur: blur(40px);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-3xl{--tw-backdrop-blur: blur(64px);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-\[2px\]{--tw-backdrop-blur: blur(2px);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-\[3px\]{--tw-backdrop-blur: blur(3px);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-\[4px\]{--tw-backdrop-blur: blur(4px);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-\[5px\]{--tw-backdrop-blur: blur(5px);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(4px);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-xl{--tw-backdrop-blur: blur(24px);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{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)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[background-color\,border-color\,box-shadow\,height\,transform\]{transition-property:background-color,border-color,box-shadow,height,transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[clip-path\]{transition-property:clip-path;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[grid-template-columns\]{transition-property:grid-template-columns;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[max-height\,margin-bottom\]{transition-property:max-height,margin-bottom;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[max-height\]{transition-property:max-height;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[opacity\,transform\]{transition-property:opacity,transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[padding\]{transition-property:padding;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[transform\,box-shadow\]{transition-property:transform,box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-\[width\]{transition-property:width;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}.smooth-scroll{scroll-behavior:smooth}.text-balance{text-wrap:balance}.reveal{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.reveal.revealed{opacity:1;transform:translateY(0)}.reveal-stagger>*{opacity:0;transform:translateY(20px);transition:opacity .5s ease-out,transform .5s ease-out}.reveal-stagger.revealed>*:nth-child(1){transition-delay:0ms;opacity:1;transform:translateY(0)}.reveal-stagger.revealed>*:nth-child(2){transition-delay:.1s;opacity:1;transform:translateY(0)}.reveal-stagger.revealed>*:nth-child(3){transition-delay:.2s;opacity:1;transform:translateY(0)}.reveal-stagger.revealed>*:nth-child(4){transition-delay:.3s;opacity:1;transform:translateY(0)}.reveal-stagger.revealed>*:nth-child(5){transition-delay:.4s;opacity:1;transform:translateY(0)}.reveal-stagger.revealed>*:nth-child(6){transition-delay:.5s;opacity:1;transform:translateY(0)}.reveal-stagger.revealed>*:nth-child(n+7){transition-delay:.6s;opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.reveal,.reveal-stagger>*{opacity:1;transform:none;transition:none}}.\[animation-duration\:8s\]{animation-duration:8s}.\[animation-fill-mode\:both\]{animation-fill-mode:both}.\[writing-mode\:vertical-rl\]{writing-mode:vertical-rl}.no-gpu{*,*:before,*:after{transition:none!important;animation:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}[class*=blur-]{filter:none!important}.reveal,.reveal-stagger>*{opacity:1!important;transform:none!important}}@property --btn-fill-angle{syntax: "<angle>"; initial-value: 120deg; inherits: false;}@property --offer-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.offer-glow{position:relative;isolation:isolate;border-radius:.75rem}.offer-glow:before,.offer-glow:after{content:"";position:absolute;border-radius:inherit;pointer-events:none;background:conic-gradient(from var(--offer-angle, 0deg),rgba(45,212,191,0) 0deg,rgba(45,212,191,.9) 26deg,rgba(56,189,248,1) 42deg,rgba(96,165,250,1) 56deg,rgba(129,140,248,.95) 70deg,rgba(99,102,241,0) 96deg,rgba(99,102,241,0) 360deg),linear-gradient(#ffffff17 0 0);animation:offer-beam 5s linear infinite;will-change:--offer-angle}.offer-glow:before{inset:-1px;padding:1px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.offer-glow:after{inset:6px;filter:blur(18px);opacity:.55;z-index:-1}.offer-glow.is-paused:before,.offer-glow.is-paused:after{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.offer-glow:before,.offer-glow:after{animation:none}}@keyframes offer-beam{to{--offer-angle: 360deg}}.offer-surface{position:relative;isolation:isolate;overflow:hidden;background-color:#131316}.offer-surface:before{content:"";position:absolute;inset:-55%;z-index:-1;pointer-events:none;background:radial-gradient(40% 44% at 26% 30%,rgba(56,189,248,.13),transparent 70%),radial-gradient(44% 48% at 74% 70%,rgba(99,102,241,.14),transparent 72%);animation:offer-surface-drift 26s linear infinite;will-change:transform}.offer-surface.is-paused:before{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.offer-surface:before{animation:none}}@keyframes offer-surface-drift{to{transform:rotate(360deg)}}.offer-nudge{animation:offer-nudge 6s ease-in-out infinite;will-change:transform}.offer-nudge.is-paused{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.offer-nudge{animation:none}}@keyframes offer-nudge{0%{transform:translateZ(0)}1.5%{transform:translate3d(-4px,0,0)}3%{transform:translate3d(4px,0,0)}4.5%{transform:translate3d(-3px,0,0)}6%{transform:translate3d(3px,0,0)}7.5%{transform:translate3d(-1.5px,0,0)}9%{transform:translate3d(1.5px,0,0)}10.5%,to{transform:translateZ(0)}}.price-tag-stage{perspective:620px;flex:none;line-height:0}.price-tag{--tag-x: 50%;--tag-y: 50%;--tag-tilt-x: 0deg;--tag-tilt-y: 0deg;--tag-lit: 0;position:relative;display:block;-moz-user-select:none;user-select:none;-webkit-user-select:none;cursor:default;transform:rotate(-9deg) rotateX(var(--tag-tilt-x)) rotateY(var(--tag-tilt-y));transform-style:preserve-3d;transition:transform .22s cubic-bezier(.2,.7,.3,1);filter:drop-shadow(0 10px 20px rgba(6,30,90,.55));will-change:transform}.price-tag-face{position:absolute;inset:0;background-image:linear-gradient(158deg,#fff,#d8fbff 12%,#5fe3e0 36%,#25a7f5 66%,#1157ef);box-shadow:inset 0 0 0 1px #ffffff59}.price-tag-glare{position:absolute;inset:0;pointer-events:none;opacity:var(--tag-lit);transition:opacity .22s ease;mix-blend-mode:overlay;background-image:radial-gradient(farthest-corner circle at var(--tag-x) var(--tag-y),hsl(0 0% 100% / .85) 4%,hsl(0 0% 100% / .2) 30%,hsl(0 0% 0% / .3) 92%)}.price-tag-text{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;line-height:.95;color:#fff;text-sh
1adow:0 1px 2px rgba(6,26,74,.45)}.price-tag-number,.price-tag-off{font-size:1.7rem;font-weight:900;letter-spacing:-.02em}.price-tag-off{text-transform:uppercase;letter-spacing:.02em}.price-tag-sparkles{position:absolute;inset:0;pointer-events:none}.price-tag-star{position:absolute;display:block;background:#fff;opacity:0;transform:scale(.4);animation:price-tag-spark 3.6s ease-in-out infinite;animation-delay:var(--spark-delay, 0s);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0c1 8 4 11 12 12-8 1-11 4-12 12-1-8-4-11-12-12 8-1 11-4 12-12Z' fill='%23fff'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0c1 8 4 11 12 12-8 1-11 4-12 12-1-8-4-11-12-12 8-1 11-4 12-12Z' fill='%23fff'/%3E%3C/svg%3E");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.price-tag-stage.is-paused .price-tag-star{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.price-tag{transition:none}.price-tag-star{animation:none;opacity:.45;transform:scale(1)}}@keyframes price-tag-spark{0%,72%,to{opacity:0;transform:scale(.4) rotate(0)}80%{opacity:.95;transform:scale(1) rotate(12deg)}88%{opacity:.25;transform:scale(.7) rotate(18deg)}}.btn-claim{display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:.75rem;font-size:.95rem;font-weight:700;letter-spacing:-.005em;color:#06101d;cursor:pointer;background-image:linear-gradient(100deg,#fff,#dcfbff 18%,#7cebe6 44%,#5cd0ff,#48b4ff);box-shadow:inset 0 1px #ffffffbf,inset 0 -1px #04143c40,0 6px 20px #48b4ff59;transition:filter .16s ease,transform .16s ease,box-shadow .16s ease}.btn-claim:hover{filter:brightness(1.05) saturate(1.05);transform:translateY(-1px);box-shadow:inset 0 1px #fffc,inset 0 -1px #04143c40,0 10px 26px #48b4ff73}.btn-claim:active{transform:translateY(0);filter:brightness(.98)}.btn-claim:focus-visible{outline:2px solid #9fd3ff;outline-offset:3px}@media(prefers-reduced-motion:reduce){.btn-claim{transition:none}.btn-claim:hover{transform:none}}.dark\:prose-invert:where(.dark,.dark *){--tw-prose-body: var(--tw-prose-invert-body);--tw-prose-headings: var(--tw-prose-invert-headings);--tw-prose-lead: var(--tw-prose-invert-lead);--tw-prose-links: var(--tw-prose-invert-links);--tw-prose-bold: var(--tw-prose-invert-bold);--tw-prose-counters: var(--tw-prose-invert-counters);--tw-prose-bullets: var(--tw-prose-invert-bullets);--tw-prose-hr: var(--tw-prose-invert-hr);--tw-prose-quotes: var(--tw-prose-invert-quotes);--tw-prose-quote-borders: var(--tw-prose-invert-quote-borders);--tw-prose-captions: var(--tw-prose-invert-captions);--tw-prose-kbd: var(--tw-prose-invert-kbd);--tw-prose-kbd-shadows: var(--tw-prose-invert-kbd-shadows);--tw-prose-code: var(--tw-prose-invert-code);--tw-prose-pre-code: var(--tw-prose-invert-pre-code);--tw-prose-pre-bg: var(--tw-prose-invert-pre-bg);--tw-prose-th-borders: var(--tw-prose-invert-th-borders);--tw-prose-td-borders: var(--tw-prose-invert-td-borders)}.placeholder\:normal-case::-moz-placeholder{text-transform:none}.placeholder\:normal-case::placeholder{text-transform:none}.placeholder\:tracking-normal::-moz-placeholder{letter-spacing:0em}.placeholder\:tracking-normal::placeholder{letter-spacing:0em}.placeholder\:text-muted::-moz-placeholder{color:#ffffff80}.placeholder\:text-muted::placeholder{color:#ffffff80}.placeholder\:text-muted-foreground::-moz-placeholder{color:#ffffffb3}.placeholder\:text-muted-foreground::placeholder{color:#ffffffb3}.placeholder\:text-white\/25::-moz-placeholder{color:#ffffff40}.placeholder\:text-white\/25::placeholder{color:#ffffff40}.placeholder\:text-zinc-500::-moz-placeholder{--tw-text-opacity: 1;color:rgb(113 113 122 / var(--tw-text-opacity, 1))}.placeholder\:text-zinc-500::placeholder{--tw-text-opacity: 1;color:rgb(113 113 122 / var(--tw-text-opacity, 1))}.placeholder\:text-zinc-600::-moz-placeholder{--tw-text-opacity: 1;color:rgb(82 82 91 / var(--tw-text-opacity, 1))}.placeholder\:text-zinc-600::placeholder{--tw-text-opacity: 1;color:rgb(82 82 91 / var(--tw-text-opacity, 1))}.backdrop\:bg-black\/70::backdrop{background-color:#000000b3}.backdrop\:backdrop-blur-sm::backdrop{--tw-backdrop-blur: blur(4px);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)}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:inset-0:after{content:var(--tw-content);inset:0}.after\:rounded-\[inherit\]:after{content:var(--tw-content);border-radius:inherit}.after\:shadow-\[0_1px_1px_rgba\(0\,0\,0\,0\.1\)\,inset_0_-1px_1px_rgba\(0\,0\,0\,0\.1\)\]:after{content:var(--tw-content);--tw-shadow: 0 1px 1px rgba(0,0,0,.1),inset 0 -1px 1px rgba(0,0,0,.1);
1--tw-shadow-colored: 0 1px 1px var(--tw-shadow-color), inset 0 -1px 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.last\:border-0:last-child{border-width:0px}.last\:border-b-0:last-child{border-bottom-width:0px}.focus-within\:border-white\/25:focus-within{border-color:#ffffff40}.hover\:-translate-y-2:hover{--tw-translate-y: -.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:-translate-y-\[2px\]:hover{--tw-translate-y: -2px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-105:hover{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-110:hover{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-\[1\.02\]:hover{--tw-scale-x: 1.02;--tw-scale-y: 1.02;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:scale-\[1\.03\]:hover{--tw-scale-x: 1.03;--tw-scale-y: 1.03;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:border-blue-500\/20:hover{border-color:#3b82f633}.hover\:border-gray-100:hover{--tw-border-opacity: 1;border-color:rgb(244 244 245 / var(--tw-border-opacity, 1))}.hover\:border-red-400\/50:hover{border-color:#f8717180}.hover\:border-red-500\/60:hover{border-color:#ef444499}.hover\:border-white:hover{--tw-border-opacity: 1;border-color:rgb(255 255 255 / var(--tw-border-opacity, 1))}.hover\:border-white\/15:hover{border-color:#ffffff26}.hover\:border-white\/20:hover{border-color:#fff3}.hover\:border-white\/25:hover{border-color:#ffffff40}.hover\:border-white\/30:hover{border-color:#ffffff4d}.hover\:border-white\/35:hover{border-color:#ffffff59}.hover\:border-white\/40:hover{border-color:#fff6}.hover\:border-zinc-500:hover{--tw-border-opacity: 1;border-color:rgb(113 113 122 / var(--tw-border-opacity, 1))}.hover\:bg-black\/90:hover{background-color:#000000e6}.hover\:bg-blue-400:hover{--tw-bg-opacity: 1;background-color:rgb(96 165 250 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(244 244 245 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-100\/5:hover{background-color:#f4f4f50d}.hover\:bg-primary\/90:hover{background-color:#ffffffe6}.hover\:bg-red-400:hover{--tw-bg-opacity: 1;background-color:rgb(248 113 113 / var(--tw-bg-opacity, 1))}.hover\:bg-red-500:hover{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.hover\:bg-secondary\/80:hover{background-color:#fffc}.hover\:bg-white\/10:hover{background-color:#ffffff1a}.hover\:bg-white\/15:hover{background-color:#ffffff26}.hover\:bg-white\/25:hover{background-color:#ffffff40}.hover\:bg-white\/5:hover{background-color:#ffffff0d}.hover\:bg-white\/90:hover{background-color:#ffffffe6}.hover\:bg-white\/95:hover{background-color:#fffffff2}.hover\:bg-white\/\[0\.055\]:hover{background-color:#ffffff0e}.hover\:bg-white\/\[0\.05\]:hover{background-color:#ffffff0d}.hover\:bg-white\/\[0\.06\]:hover{background-color:#ffffff0f}.hover\:bg-white\/\[0\.08\]:hover{background-color:#ffffff14}.hover\:bg-zinc-100:hover{--tw-bg-opacity: 1;background-color:rgb(244 244 245 / var(--tw-bg-opacity, 1))}.hover\:bg-zinc-200:hover{--tw-bg-opacity: 1;background-color:rgb(228 228 231 / var(--tw-bg-opacity, 1))}.hover\:bg-zinc-500:hover{--tw-bg-opacity: 1;background-color:rgb(113 113 122 / var(--tw-bg-opacity, 1))}.hover\:bg-zinc-800:hover{--tw-bg-opacity: 1;background-color:rgb(39 39 42 / var(--tw-bg-opacity, 1))}.hover\:bg-zinc-900:hover{--tw-bg-opacity: 1;background-color:rgb(24 24 27 / var(--tw-bg-opacity, 1))}.hover\:from-\[\#7db6fb\]:hover{--tw-gradient-from: #7db6fb var(--tw-gradient-from-position);--tw-gradient-to: rgb(125 182 251 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:from-gray-50:hover{--tw-gradient-from: #fafafa var(--tw-gradient-from-position);--tw-gradient-to: rgb(250 250 250 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.hover\:via-\[\#3b82f6\]:hover{--tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), #3b82f6 var(--tw-gradient-via-p
1osition), var(--tw-gradient-to)}.hover\:to-\[\#1d4ed8\]:hover{--tw-gradient-to: #1d4ed8 var(--tw-gradient-to-position)}.hover\:to-gray-100:hover{--tw-gradient-to: #f4f4f5 var(--tw-gradient-to-position)}.hover\:text-\[\#77b9ff\]:hover{--tw-text-opacity: 1;color:rgb(119 185 255 / var(--tw-text-opacity, 1))}.hover\:text-\[color\:var\(--pf-text\)\]:hover{color:var(--pf-text)}.hover\:text-blue-300:hover{--tw-text-opacity: 1;color:rgb(147 197 253 / var(--tw-text-opacity, 1))}.hover\:text-primary:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:text-primary\/80:hover{color:#fffc}.hover\:text-red-200:hover{--tw-text-opacity: 1;color:rgb(254 202 202 / var(--tw-text-opacity, 1))}.hover\:text-red-300:hover{--tw-text-opacity: 1;color:rgb(252 165 165 / var(--tw-text-opacity, 1))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.hover\:text-white\/40:hover{color:#fff6}.hover\:text-white\/80:hover{color:#fffc}.hover\:text-white\/90:hover{color:#ffffffe6}.hover\:text-zinc-100:hover{--tw-text-opacity: 1;color:rgb(244 244 245 / var(--tw-text-opacity, 1))}.hover\:text-zinc-200:hover{--tw-text-opacity: 1;color:rgb(228 228 231 / var(--tw-text-opacity, 1))}.hover\:text-zinc-300:hover{--tw-text-opacity: 1;color:rgb(212 212 216 / var(--tw-text-opacity, 1))}.hover\:underline:hover{text-decoration-line:underline}.hover\:decoration-white:hover{text-decoration-color:#fff}.hover\:decoration-zinc-300:hover{text-decoration-color:#d4d4d8}.hover\:decoration-zinc-400:hover{text-decoration-color:#a1a1aa}.hover\:opacity-100:hover{opacity:1}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-90:hover{opacity:.9}.hover\:shadow-2xl:hover{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);
1--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-\[0_0_12px_1px_rgba\(255\,255\,255\,0\.5\)\]:hover{--tw-shadow: 0 0 12px 1px rgba(255,255,255,.5);--tw-shadow-colored: 0 0 12px 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-\[0_0_12px_4px_rgba\(255\,255\,255\,0\.5\)\]:hover{--tw-shadow: 0 0 12px 4px rgba(255,255,255,.5);--tw-shadow-colored: 0 0 12px 4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:shadow-lg:hover{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.hover\:ring-2:hover{--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
1dow, 0 0 #0000)}.hover\:ring-white\/40:hover{--tw-ring-color: rgb(255 255 255 / .4)}.hover\:brightness-110:hover{--tw-brightness: brightness(1.1);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)}.focus\:border-blue-400:focus{--tw-border-opacity: 1;border-color:rgb(96 165 250 / var(--tw-border-opacity, 1))}.focus\:border-blue-500\/50:focus{border-color:#3b82f680}.focus\:border-blue-500\/60:focus{border-color:#3b82f699}.focus\:border-primary\/40:focus{border-color:#fff6}.focus\:border-primary\/60:focus{border-color:#fff9}.focus\:border-purple-500:focus{--tw-border-opacity: 1;border-color:rgb(168 85 247 / var(--tw-border-opacity, 1))}.focus\:border-white\/25:focus{border-color:#ffffff40}.focus\:border-white\/30:focus{border-color:#ffffff4d}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-0:focus{--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(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
1dow, 0 0 #0000)}.focus\:ring-1:focus{--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);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-2:focus{--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-shadow, 0 0 #0000)}.focus\:ring-blue-500\/20:focus{--tw-ring-color: rgb(59 130 246 / .2)}.focus\:ring-primary\/20:focus{--tw-ring-color: rgb(255 255 255 / .2)}.focus\:ring-primary\/30:focus{--tw-ring-color: rgb(255 255 255 / .3)}.focus\:ring-purple-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(168 85 247 / var(--tw-ring-opacity, 1))}.focus\:ring-white\/20:focus{--tw-ring-color: rgb(255 255 255 / .2)}.focus-visible\:bg-white\/10:focus-visible{background-color:#ffffff1a}.focus-visible\:bg-white\/40:focus-visible{background-color:#fff6}.focus-visible\:text-white:focus-visible{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.focus-visible\:opacity-100:focus-visible{opacity:1}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.focus-visible\:outline:focus-visible{outline-style:solid}.focus-visible\:outline-2:focus-visible{outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-blue-400:focus-visible{outline-color:#60a5fa}.focus-visible\:outline-white\/30:focus-visible{outline-color:#ffffff4d}.focus-visible\:outline-white\/40:focus-visible{outline-color:#fff6}.focus-visible\:ring-0:focus-visible{--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(0px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-sha
1dow, 0 0 #0000)}.focus-visible\:ring-2:focus-visible{--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-shadow, 0 0 #0000)}.focus-visible\:ring-blue-500:focus-visible{--tw-ring-opacity: 1;--tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity, 1))}.focus-visible\:ring-primary\/50:focus-visible{--tw-ring-color: rgb(255 255 255 / .5)}.focus-visible\:ring-white\/30:focus-visible{--tw-ring-color: rgb(255 255 255 / .3)}.focus-visible\:ring-white\/50:focus-visible{--tw-ring-color: rgb(255 255 255 / .5)}.focus-visible\:ring-white\/60:focus-visible{--tw-ring-color: rgb(255 255 255 / .6)}.focus-visible\:ring-offset-0:focus-visible{--tw-ring-offset-width: 0px}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width: 2px}.focus-visible\:ring-offset-background:focus-visible{--tw-ring-offset-color: #000000}.active\:scale-\[0\.98\]:active{--tw-scale-x: .98;--tw-scale-y: .98;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:cursor-grabbing:active{cursor:grabbing}.active\:bg-white\/\[0\.09\]:active{background-color:#ffffff17}.enabled\:hover\:scale-\[1\.03\]:hover:enabled{--tw-scale-x: 1.03;--tw-scale-y: 1.03;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.enabled\:hover\:border-white\/25:hover:enabled{border-color:#ffffff40}.enabled\:hover\:text-white:hover:enabled{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-white\/15:disabled{background-color:#ffffff26}.disabled\:bg-zinc-700:disabled{--tw-bg-opacity: 1;background-color:rgb(63 63 70 / var(--tw-bg-opacity, 1))}.disabled\:text-zinc-400:disabled{--tw-text-opacity: 1;color:rgb(161 161 170 / var(--tw-text-opacity, 1))}.disabled\:text-zinc-500:disabled{--tw-text-opacity: 1;color:rgb(113 113 122 / var(--tw-text-opacity, 1))}.disabled\:opacity-35:disabled{opacity:.35}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-45:disabled{opacity:.45}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-70:disabled{opacity:.7}.disabled\:hover\:text-white\/60:hover:disabled{color:#fff9}.group\/tools[open] .group-open\/tools\:rotate-180,.group[open] .group-open\:rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:focus-within .group-focus-within\:pointer-events-auto{pointer-events:auto}.group:focus-within .group-focus-within\:opacity-100{opacity:1}.group:hover .group-hover\:pointer-events-auto{pointer-events:auto}.group\/blog:hover .group-hover\/blog\:translate-x-0\.5{--tw-translate-x: .125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:-translate-y-0\.5{--tw-translate-y: -.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:translate-x-0\.5{--tw-translate-x: .125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group\/blog:hover .group-hover\/blog\:scale-\[1\.06\],.group\/clip:hover .group-hover\/clip\:scale-\[1\.06\]{--tw-scale-x: 1.06;--tw-scale-y: 1.06;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group\/link:hover .group-hover\/link\:scale-110{--tw-scale-x: 1.1;--tw-scale-y: 1.1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group\/link:hover .group-hover\/link\:scale-\[1\.06\],.group\/play:hover .group-hover\/play\:scale-\[1\.06\]{--tw-scale-x: 1.06;--tw-scale-y: 1.06;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-105{--tw-scale-x: 1.05;--tw-scale-y: 1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:scale-\[1\.03\]{--tw-scale-x: 1.03;--tw-scale-y: 1.03;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:border-white\/20{border-color:#fff3}.group:hover .group-hover\:bg-white\/10{background-color:#ffffff1a}.group:hover .group-hover\:text-white\/60{color:#fff9}.group:hover .group-hover\:text-zinc-300{--tw-text-opacity: 1;color:rgb(212 212 216 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-zinc-400{--tw-text-opacity: 1;color:rgb(161 161 170 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:opacity-0{opacity:0}
1.group:hover .group-hover\:opacity-100{opacity:1}.group:hover .group-hover\:grayscale-0{--tw-grayscale: grayscale(0);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)}.group:focus-visible .group-focus-visible\:opacity-0{opacity:0}.group:focus-visible .group-focus-visible\:opacity-100{opacity:1}.group:enabled:hover .group-enabled\:group-hover\:border-white\/20{border-color:#fff3}.group:enabled:hover .group-enabled\:group-hover\:bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.group:enabled:hover .group-enabled\:group-hover\:text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.group:enabled:hover .group-enabled\:group-hover\:text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.peer:focus-visible~.peer-focus-visible\:outline{outline-style:solid}.peer:focus-visible~.peer-focus-visible\:outline-2{outline-width:2px}.peer:focus-visible~.peer-focus-visible\:outline-offset-2{outline-offset:2px}.peer:focus-visible~.peer-focus-visible\:outline-blue-400{outline-color:#60a5fa}@media(prefers-reduced-motion:reduce){.motion-reduce\:transition-none{transition-property:none}.motion-reduce\:hover\:translate-y-0:hover{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}@media(min-width:640px){.sm\:inset-x-auto{left:auto;right:auto}.sm\:-left-32{left:-8rem}.sm\:-left-48{left:-12rem}.sm\:-left-5{left:-1.25rem}.sm\:-left-\[2\%\]{left:-2%}.sm\:-right-32{right:-8rem}.sm\:-right-48{right:-12rem}.sm\:-top-14{top:-3.5rem}.sm\:-top-32{top:-8rem}.sm\:-top-40{top:-10rem}.sm\:-top-48{top:-12rem}.sm\:bottom-auto{bottom:auto}.sm\:right-4{right:1rem}.sm\:top-5{top:1.25rem}.sm\:top-\[-130px\]{top:-130px}.sm\:top-\[-290px\]{top:-290px}.sm\:top-\[-400px\]{top:-400px}.sm\:top-\[calc\(4\.5rem\+var\(--banner-height\,0px\)\)\]{top:calc(4.5rem + var(--banner-height,0px))}.sm\:col-span-2{grid-column:span 2 / span 2}.sm\:mx-0{margin-left:0;margin-right:0}.sm\:mx-auto{margin-left:auto;margin-right:auto}.sm\:mb-10{margin-bottom:2.5rem}.sm\:mb-12{margin-bottom:3rem}.sm\:mb-14{margin-bottom:3.5rem}.sm\:mb-16{margin-bottom:4rem}.sm\:mb-24{margin-bottom:6rem}.sm\:mb-6{margin-bottom:1.5rem}.sm\:mb-8{margin-bottom:2rem}.sm\:mt-0{margin-top:0}.sm\:mt-10{margin-top:2.5rem}.sm\:mt-12{margin-top:3rem}.sm\:mt-16{margin-top:4rem}.sm\:mt-20{margin-top:5rem}.sm\:mt-24{margin-top:6rem}.sm\:mt-28{margin-top:7rem}.sm\:mt-36{margin-top:9rem}.sm\:mt-4{margin-top:1rem}.sm\:mt-6{margin-top:1.5rem}.sm\:mt-8{margin-top:2rem}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:grid{display:grid}.sm\:h-14{height:3.5rem}.sm\:h-20{height:5rem}.sm\:h-24{height:6rem}.sm\:h-6{height:1.5rem}.sm\:h-7{height:1.75rem}.sm\:h-8{height:2rem}.sm\:h-\[180px\]{height:180px}.sm\:h-\[200px\]{height:200px}.sm\:h-\[380px\]{height:380px}.sm\:h-\[460px\]{height:460px}.sm\:h-\[560px\]{height:560px}.sm\:h-\[600px\]{height:600px}.sm\:h-\[700px\]{height:700px}.sm\:h-\[800px\]{height:800px}.sm\:h-\[900px\]{height:900px}.sm\:max-h-\[calc\(100dvh-4rem\)\]{max-height:calc(100dvh - 4rem)}.sm\:min-h-\[56px\]{min-height:56px}.sm\:w-1\/2{width:50%}.sm\:w-40{width:10rem}.sm\:w-80{width:20rem}.sm\:w-\[1000px\]{width:1000px}.sm\:w-\[104\%\]{width:104%}.sm\:w-\[1060px\]{width:1060px}.sm\:w-\[1100px\]{width:1100px}.sm\:w-\[1500px\]{width:1500px}.sm\:w-\[1600px\]{width:1600px}.sm\:w-\[1760px\]{width:1760px}.sm\:w-\[2400px\]{width:2400px}.sm\:w-\[320px\]{width:320px}.sm\:w-\[460px\]{width:460px}.sm\:w-\[500px\]{width:500px}.sm\:w-\[760px\]{width:760px}.sm\:w-\[800px\]{width:800px}.sm\:w-\[900px\]{width:900px}.sm\:w-\[980px\]{width:980px}.sm\:w-\[calc\(50\%-0\.75rem\)\]{width:calc(50% - .75rem)}.sm\:w-auto{width:auto}.sm\:max-w-2xl{max-width:42rem}.sm\:translate-x-full{--tw-translate-x: 100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\:translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.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-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:grid-cols-\[1fr_280px\]{grid-template-columns:1fr 280px}.sm\:flex-row{flex-direction:row}.sm\:items-start{align-items:flex-start}.sm\:items-center{align-items:center}.sm\:justify-start{justify-content:flex-start}.sm\:justify-center{justify-content:center}.sm\:justify-between{justify-content:space-between}.sm\:gap-12{gap:3rem}.sm\:gap-16{gap:4rem}.sm\:gap-24{gap:6rem}.sm\:gap-3{gap:.75rem}.sm\:gap-5{gap:1.25rem}.sm\:gap-6{gap:1.5rem}.sm\:gap-8{gap:2rem}.sm\:gap-y-12{row-gap:3rem}.sm\:space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1rem * var(--tw-space-x-reverse));margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)))}.sm\:space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(1.5rem * var(--tw-space-x-reverse));margin-left:calc(1.5rem * calc(1 - var(--tw-space-x-reverse)))}.sm\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))}.sm\:space-y-32>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(8rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(8rem * var(--tw-space-y-reverse))}.sm\:divide-x>:not([hidden])~:not([hidden]){--tw-divide-x-reverse: 0;border-right-width:calc(1px * var(--tw-divide-x-reverse));border-left-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}.sm\:divide-y-0>:not([hidden])~:not([hidden]){--tw-divide-y-reverse: 0;border-top-width:calc(0px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(0px * var(--tw-divide-y-reverse))}.sm\:whitespace-nowrap{white-space:nowrap}.sm\:p-12{padding:3rem}.sm\:p-14{padding:3.5rem}.sm\:p-4{padding:1rem}.sm\:p-5{padding:1.25rem}.sm\:p-6{padding:1.5rem}.sm\:p-7{padding:1.75rem}.sm\:p-8{padding:2rem}.sm\:p-9{padding:2.25rem}.sm\:\!px-8{padding-left:2rem!important;padding-right:2rem!important}.sm\:\!py-4{padding-top:1rem!important;padding-bottom:1rem!important}.sm\:px-0{padding-left:0;padding-right:0}.sm\:px-12{padding-left:3rem;padding-right:3rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:px-8{padding-left:2rem;padding-right:2rem}.sm\:py-16{padding-top:4rem;padding-bottom:4rem}.sm\:py-20{padding-top:5rem;padding-bottom:5rem}.sm\:py-24{padding-top:6rem;padding-bottom:6rem}.sm\:py-3{padding-top:.75rem;padding-bottom:.75rem}.sm\:py-4{padding-top:1rem;padding-bottom:1rem}.sm\:pb-10{padding-bottom:2.5rem}.sm\:pb-14{padding-bottom:3.5rem}.sm\:pb-16{padding-bottom:4rem}.sm\:pb-20{padding-bottom:5rem}.sm\:pb-24{padding-bottom:6rem}.sm\:pb-28{padding-bottom:7rem}.sm\:pb-6{padding-bottom:1.5rem}.sm\:pl-20{padding-left:5rem}.sm\:pt-0{padding-top:0}.sm\:pt-10{padding-top:2.5rem}.sm\:pt-14{padding-top:3.5rem}.sm\:pt-24{padding-top:6rem}.sm\:pt-28{padding-top:7rem}.sm\:pt-32{padding-top:8rem}.sm\:pt-6{padding-top:1.5rem}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-5xl{font-size:3rem;line-height:1}.sm\:text-6xl{font-size:3.75rem;line-height:1}.sm\:text-\[2rem\]{font-size:2rem}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}.sm\:leading-relaxed{line-height:1.625}.sm\:leading-tight{line-height:1.25}.sm\:blur-\[110px\]{--tw-blur: blur(110px);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)}.sm\:blur-\[120px\]{--tw-blur: blur(120px);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)}.sm\:blur-\[140px\]{--tw-blur: blur(140px);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)}.sm\:blur-\[150px\]{--tw-blur: blur(150px);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)}.sm\:blur-\[80px\]{--tw-blur: blur(80px);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)}}@media(min-width:768px){.md\:col-span-2{grid-column:span 2 / span 2}.md\:flex{display:flex}.md\:hidden{display:none}.md\:h-8{height:2rem}.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\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:gap-16{gap:4rem}.md\:gap-5{gap:1.25rem}.md\:px-0{padding-left:0;padding-right:0}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-6xl{font-size:3.75rem;line-height:1}.md\:leading-snug{line-height:1.375}}
1@media(min-width:900px){.min-\[900px\]\:flex{display:flex}}@media(min-width:1000px){.min-\[1000px\]\:block{display:block}.min-\[1000px\]\:w-1\/2{width:50%}}@media(min-width:1024px){.lg\:sticky{position:sticky}.lg\:-left-64{left:-16rem}.lg\:-right-64{right:-16rem}.lg\:top-24{top:6rem}.lg\:top-6{top:1.5rem}.lg\:z-10{z-index:10}.lg\:order-1{order:1}.lg\:order-2{order:2}.lg\:order-last{order:9999}.lg\:col-span-1{grid-column:span 1 / span 1}.lg\:col-span-2{grid-column:span 2 / span 2}.lg\:col-span-4{grid-column:span 4 / span 4}.lg\:mb-20{margin-bottom:5rem}.lg\:mb-8{margin-bottom:2rem}.lg\:mt-12{margin-top:3rem}.lg\:mt-20{margin-top:5rem}.lg\:mt-24{margin-top:6rem}.lg\:block{display:block}.lg\:hidden{display:none}.lg\:h-\[1000px\]{height:1000px}.lg\:h-\[560px\]{height:560px}.lg\:h-\[600px\]{height:600px}.lg\:h-\[800px\]{height:800px}.lg\:h-\[900px\]{height:900px}.lg\:h-fit{height:-moz-fit-content;height:fit-content}.lg\:w-\[1000px\]{width:1000px}.lg\:w-\[1400px\]{width:1400px}.lg\:w-\[1600px\]{width:1600px}.lg\:w-\[248px\]{width:248px}.lg\:w-\[700px\]{width:700px}.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-\[1fr_1\.15fr_1fr\]{grid-template-columns:1fr 1.15fr 1fr}.lg\:grid-cols-\[1fr_18rem\]{grid-template-columns:1fr 18rem}.lg\:grid-cols-\[1fr_1fr_1\.15fr\]{grid-template-columns:1fr 1fr 1.15fr}.lg\:grid-cols-\[280px_minmax\(0\,1fr\)_280px\]{grid-template-columns:280px minmax(0,1fr) 280px}.lg\:grid-cols-\[2fr_3fr\]{grid-template-columns:2fr 3fr}.lg\:grid-cols-\[minmax\(0\,1fr\)_300px\]{grid-template-columns:minmax(0,1fr) 300px}.lg\:flex-row{flex-direction:row}.lg\:flex-col{flex-direction:column}.lg\:items-start{align-items:flex-start}.lg\:gap-10{gap:2.5rem}.lg\:gap-12{gap:3rem}.lg\:gap-14{gap:3.5rem}.lg\:gap-16{gap:4rem}.lg\:gap-8{gap:2rem}.lg\:space-x-20>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(5rem * var(--tw-space-x-reverse));margin-left:calc(5rem * calc(1 - var(--tw-space-x-reverse)))}.lg\:overflow-hidden{overflow:hidden}.lg\:overflow-visible{overflow:visible}.lg\:overflow-y-auto{overflow-y:auto}.lg\:p-16{padding:4rem}.lg\:px-0{padding-left:0;padding-right:0}.lg\:px-12{padding-left:3rem;padding-right:3rem}.lg\:px-24{padding-left:6rem;padding-right:6rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:py-24{padding-top:6rem;padding-bottom:6rem}.lg\:py-32{padding-top:8rem;padding-bottom:8rem}.lg\:pb-12{padding-bottom:3rem}.lg\:pb-20{padding-bottom:5rem}.lg\:pb-24{padding-bottom:6rem}.lg\:pb-28{padding-bottom:7rem}.lg\:pb-32{padding-bottom:8rem}.lg\:pr-1{padding-right:.25rem}.lg\:pr-\[356px\]{padding-right:356px}.lg\:pt-20{padding-top:5rem}.lg\:pt-32{padding-top:8rem}.lg\:pt-36{padding-top:9rem}.lg\:pt-40{padding-top:10rem}.lg\:pt-8{padding-top:2rem}.lg\:text-5xl{font-size:3rem;line-height:1}.lg\:text-6xl{font-size:3.75rem;line-height:1}.lg\:text-7xl{font-size:4.5rem;line-height:1}.lg\:text-lg{font-size:1.125rem;line-height:1.75rem}.lg\:leading-\[84px\]{line-height:84px}.lg\:leading-snug{line-height:1.375}}@media(min-width:1280px){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1440px){.min-\[1440px\]\:w-\[60\%\]{width:60%}}.dark\:border-gray-600:where(.dark,.dark *){--tw-border-opacity: 1;border-color:rgb(82 82 91 / var(--tw-border-opacity, 1))}.dark\:bg-gray-900:where(.dark,.dark *){--tw-bg-opacity: 1;background-color:rgb(24 24 27 / var(--tw-bg-opacity, 1))}.dark\:from-gray-700:where(.dark,.dark *){--tw-gradient-from: #3f3f46 var(--tw-gradient-from-position);--tw-gradient-to: rgb(63 63 70 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.dark\:to-gray-800:where(.dark,.dark *){--tw-gradient-to: #27272a var(--tw-gradient-to-position)}.dark\:text-gray-200:where(.dark,.dark *){--tw-text-opacity: 1;color:rgb(228 228 231 / var(--tw-text-opacity, 1))}.dark\:shadow-\[inset_0_1px_0_0_rgba\(255\,255\,255\,0\.1\)\,0_1px_2px_0_rgba\(0\,0\,0\,0\.25\)\]:where(.dark,.dark *){--tw-shadow: inset 0 1px 0 0 rgba(255,255,255,.1),0 1px 2px 0 rgba(0,0,0,.25);
1--tw-shadow-colored: inset 0 1px 0 0 var(--tw-shadow-color), 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.dark\:after\:shadow-\[0_1px_1px_rgba\(0\,0\,0\,0\.2\)\,inset_0_-1px_1px_rgba\(0\,0\,0\,0\.2\)\]:where(.dark,.dark *):after{content:var(--tw-content);--tw-shadow: 0 1px 1px rgba(0,0,0,.2),inset 0 -1px 1px rgba(0,0,0,.2);--tw-shadow-colored: 0 1px 1px var(--tw-shadow-color), inset 0 -1px 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.dark\:hover\:from-gray-600:hover:where(.dark,.dark *){--tw-gradient-from: #52525b var(--tw-gradient-from-position);--tw-gradient-to: rgb(82 82 91 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.dark\:hover\:to-gray-700:hover:where(.dark,.dark *){--tw-gradient-to: #3f3f46 var(--tw-gradient-to-position)}.\[\&\>iframe\]\:bg-transparent>iframe{background-color:transparent}.\[\&\>iframe\]\:\[color-scheme\:normal\]>iframe{color-scheme:normal}.\[\&\>svg\]\:h-full>svg{height:100%}.\[\&\>svg\]\:w-auto>svg{width:auto} 2details:where(.astro-hqz3ghsx) summary:where(.astro-hqz3ghsx)::-webkit-details-marker{display:none}details:where(.astro-hqz3ghsx)[open] summary:where(.astro-hqz3ghsx){margin-bottom:0} 3.header-blur:where(.astro-pux6a34n){background:#000000d9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.1);transition:background .3s ease,border-color .3s ease}:where(.astro-pux6a34n)[data-header].scrolled .header-blur:where(.astro-pux6a34n){background:#000000f2;border-bottom-color:#ffffff26}:where(.astro-pux6a34n)[data-header].hide{transform:translateY(-100%)}
3.nav-item:where(.astro-pux6a34n):not(:has(.nav-active-bg)):hover .nav-hover-bg:where(.astro-pux6a34n){opacity:1}.creator-panel:where(.astro-pux6a34n){left:50%;transform:translate(-50%) translateY(-4px);width:-moz-max-content;width:max-content;max-width:min(40rem,calc(100vw - 2rem));opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,transform .18s ease,visibility .18s}.creator-flyout:where(.astro-pux6a34n).open .creator-panel:where(.astro-pux6a34n){opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%) translateY(0)}.creator-panel-inner:where(.astro-pux6a34n){box-shadow:0 5px 10px #0009}.creator-flyout:where(.astro-pux6a34n).open .creator-trigger:where(.astro-pux6a34n){color:#f8f8f8}.creator-flyout:where(.astro-pux6a34n).open .nav-hover-bg:where(.astro-pux6a34n){opacity:1}.creator-flyout:where(.astro-pux6a34n).open .creator-chevron:where(.astro-pux6a34n){transform:rotate(180deg)}@media(max-width:1100px){.creator-panel:where(.astro-pux6a34n){max-width:min(30rem,calc(100vw - 2rem))}}.mobile-tools-summary:where(.astro-pux6a34n)::-webkit-details-marker{display:none}.mobile-tools-summary:where(.astro-pux6a34n){list-style:none}.cta-glow:where(.astro-pux6a34n){background:radial-gradient(circle at center,rgba(255,255,255,.6) 0%,rgba(255,255,255,.2) 40%,transparent 70%);filter:blur(12px);transform:scale(.8);transition:transform .3s ease,opacity .3s ease}.download-cta:where(.astro-pux6a34n):hover .cta-glow:where(.astro-pux6a34n){transform:scale(1.1)}.mobile-menu:where(.astro-pux6a34n){pointer-events:none}.mobile-menu:where(.astro-pux6a34n).active{pointer-events:auto}.mobile-menu:where(.astro-pux6a34n).active .mobile-backdrop:where(.astro-pux6a34n){opacity:1}.mobile-menu:where(.astro-pux6a34n).active .mobile-panel:where(.astro-pux6a34n){transform:translate(0) translateY(0)}@media(max-width:639px){.mobile-panel:where(.astro-pux6a34n){transform:translateY(100%)}.mobile-menu:where(.astro-pux6a34n).active .mobile-panel:where(.astro-pux6a34n){transform:translateY(0)}}.menu-icon:where(.astro-pux6a34n) .menu-line:where(.astro-pux6a34n).top{transform:translateY(-6px)}.menu-icon:where(.astro-pux6a34n) .menu-line:where(.astro-pux6a34n).bottom{transform:translateY(6px)}.menu-line-middle:where(.astro-pux6a34n){transition:transform .3s,opacity .3s}.mobile-menu-btn:where(.astro-pux6a34n)[aria-expanded=true] .menu-line:where(.astro-pux6a34n).top{transform:translateY(0) rotate(45deg)}.mobile-menu-btn:where(.astro-pux6a34n)[aria-expanded=true] .menu-line:where(.astro-pux6a34n).middle{opacity:0;transform:scaleX(0)}.mobile-menu-btn:where(.astro-pux6a34n)[aria-expanded=true] .menu-line:where(.astro-pux6a34n).bottom{transform:translateY(0) rotate(-45deg)}@keyframes logo-float{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.logo-wrapper:where(.astro-pux6a34n):hover .logo-mark:where(.astro-pux6a34n){animation:logo-float 2s ease-in-out infinite}@media(prefers-reduced-motion:reduce){:where(.astro-pux6a34n),:where(.astro-pux6a34n):before,:where(.astro-pux6a34n):after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}} 4</style>
4<script type="module" src="/_astro/page.7qqag-5g.js"></script>
4</head> <body> <header id="main-header" class="fixed inset-x-0 z-[110] transition-transform duration-500 astro-pux6a34n" style="top: var(--banner-height, 0px);" data-header> <div class="header-blur absolute inset-0 astro-pux6a34n"></div> <div class="container-narrow relative astro-pux6a34n"> <nav class="flex h-16 items-center justify-between astro-pux6a34n"> <a href="/" class="logo-wrapper relative -ml-2 rounded-xl p-2 astro-pux6a34n" aria-label="Meld Studio"> <div class="logo-content relative flex items-center gap-3 astro-pux6a34n"> <span class="logo-mark h-8 w-[76px] astro-pux6a34n"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 76 26"> 5 <path fill-rule="evenodd" clip-rule="evenodd" 6 d="M27.822 9.51c-1.712-1.557-3.79-2.335-6.233-2.335-3.837-.028-4.743.897-5.658 1.813a.39.39 0 01-.575-.027c-.762-.902-1.644-1.786-4.648-1.786-4.51 0-4.536 2.461-4.521.804a.399.399 0 00-.4-.403H.867a.402.402 0 00-.402.402V25.25c0 .222.18.402.402.402h7.23c.222 0 .402-.18.402-.402v-8.903c0-.023.002-.045.003-.066.036-.397-.099-2.377 1.653-2.377s1.657 1.958 1.657 2.41v8.936c0 .222.18.402.402.402h6.728c.222 0 .402-.18.402-.402v-8.936c0-.402-.1-2.41 1.656-2.41 1.758 0 1.657 1.908 1.657 2.41v8.938c0 .222.18.4.402.4h6.93c.221 0 .4-.18.4-.402V15.09c0-2.18-.855-4.04-2.567-5.58zm17.563 10.286a.308.308 0 00-.423-.225c-1.757.736-3.398 1.103-4.923 1.103-1.053 0-1.902-.179-2.547-.538-.554-.327-.975-.822-1.265-1.483-.077-.176.043-.37.234-.395l10.191-1.325a.272.272 0 00.242-.23 6.02 6.02 0 00.035-.73c0-1.65-.31-3.133-.933-4.449a7.108 7.108 0 00-2.835-3.158c-1.244-.79-2.75-1.184-4.52-1.184-1.771 0-3.518.383-5.025 1.148a8.927 8.927 0 00-3.16 2.64.304.304 0 00-.032.304c.493 1.14.87 2.737.87 5.345v6.104c0 .081.033.16.091.215a9.705 9.705 0 002.195 1.576c1.555.79 3.326 1.184 5.311 1.184 2.568 0 4.934-.458 7.1-1.375a.3.3 0 00.176-.332l-.782-4.195zm-9.56-5.177c.075-.854.331-1.563.769-2.126.502-.646 1.184-.969 2.046-.969 1.336 0 2.216.653 2.64 1.96a.29.29 0 01-.22.368l-4.878 1.07a.29.29 0 01-.357-.303zM75.578.8l-6.965 1.022a.304.304 0 00-.259.3v7.493c0 .338-.572.466-.764.187a5.015 5.015 0 00-1.676-1.554c-1.077-.646-2.201-.969-3.373-.969-1.651 0-3.146.395-4.486 1.184a8.527 8.527 0 00-3.194 3.194c-.765 1.364-1.148 2.954-1.148 4.773 0 1.818.383 3.433 1.148 4.844.79 1.412 1.854 2.524 3.194 3.337 1.34.79 2.835 1.185 4.486 1.185 1.435 0 2.631-.311 3.588-.933a6.099 6.099 0 001.627-1.567c.188-.261.67-.136.67.186v1.723c0 .167.135.304.303.304h6.893a.304.304 0 00.304-.304V1.1a.303.303 0 00-.348-.3zm-8.193 18.285a3.422 3.422 0 01-2.512 1.04c-.98 0-1.89-.346-2.584-1.04-.693-.694-1.04-1.543-1.04-2.548 0-1.004.347-1.854 1.04-2.548.694-.693 1.555-1.04 2.584-1.04 1.029 0 1.818.335 2.512 1.005.694.645 1.04 1.483 1.04 2.511 0 1.03-.346 1.902-1.04 2.62z" 7 fill="#fff" /> 8 <path fill-rule="evenodd" clip-rule="evenodd" 9 d="M54.106 21.605l-.001-.003-.002-.003a10.619 10.619 0 01-1.275-5.062c0-1.06.14-2.076.422-3.044a.306.306 0 00.012-.087V1.1a.304.304 0 00-.348-.3L45.95 1.822a.304.304 0 00-.26.3v7.21c0 .068.024.136.067.19a8.4 8.4 0 011.002 1.643c.697 1.477 1.035 3.119 1.035 4.905 0 .44-.022.865-.104 1.193l-.127.508a.304.304 0 01-.256.228l-1.041.135a.304.304 0 00-.26.357l.889 4.764a.29.29 0 00.046.112c.124.183.257.358.4.526 1.124 1.268 2.703 1.902 4.737 1.902 1.544 0 2.973-.247 4.286-.739.216-.08.255-.365.08-.516-.942-.82-1.723-1.8-2.338-2.935z" 10 fill="#fff" /> 11</svg> 12</span> </div> </a> <div class="hidden items-center gap-2 md:flex astro-pux6a34n"> <div class="creator-flyout relative astro-pux6a34n" data-creator-flyout> <button type="button" class="creator-trigger nav-item relative flex items-center gap-1.5 rounded-xl px-4 py-2 text-sm font-medium transition-colors duration-200 text-white astro-pux6a34n" aria-expanded="false" aria-controls="creator-tools-menu" aria-haspopup="true"> <span class="relative z-10 astro-pux6a34n">Creator Tools</span> <svg class="creator-chevron relative z-10 h-4 w-4 transition-transform duration-200 astro-pux6a34n" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" class="astro-pux6a34n"></path> </svg> <span class="nav-hover-bg absolute inset-0 rounded-xl bg-white/[0.05] opacity-0 transition-opacity duration-200 astro-pux6a34n"></span> </button> <div id="creator-tools-menu" class="creator-panel absolute top-full z-20 pt-3 astro-pux6a34n" data-creator-panel> <div class="creator-panel-inner flex gap-8 rounded-[10px] border border-[#373739] bg-black p-6 astro-pux6a34n"> <div class="flex flex-col gap-4 astro-pux6a34n"> <p class="text-[11px] font-medium uppercase tracking-[0.08em] text-[#909099] astro-pux6a34n"> Creator Tools </p> <ul class="flex flex-col gap-1 astro-pux6a34n"> <li class="astro-pux6a34n"> <a href="/spark/" class="creator-item flex items-start gap-3 rounded-lg px-3 py-2.5 transition-colors duration-150 hover:bg-white/[0.06] astro-pux6a34n"> <svg class="mt-0.5 h-5 w-5 flex-shrink-0 text-[#909099] astro-pux6a34n" viewBox="-1 -1 22 22" fill="none" stroke="currentColor" stroke-width="1.4" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M9.18555 1.60352C9.59215 1.07016 10.4077 1.07036 10.8145 1.60352L10.8955 1.72656L12.5176 4.60254C13.1969 5.807 14.193 6.80307 15.3975 7.48242L18.2734 9.10449C18.9701 9.4978 18.9702 10.5013 18.2734 10.8945L15.3975 12.5166C14.193 13.196 13.1969 14.192 12.5176 15.3965L10.8955 18.2725C10.5023 18.9693 9.49878 18.9692 9.10547 18.2725L7.4834 15.3965C6.80405 14.192 5.80797 13.196 4.60352 12.5166L1.72754 10.8945C1.03043 10.5013 1.03051 9.49775 1.72754 9.10449L4.60352 7.48242C5.80801 6.80305 6.80403 5.80704 7.4834 4.60254L9.10547 1.72656L9.18555 1.60352Z" class="astro-pux6a34n"></path> </svg> <span class="flex min-w-0 flex-col gap-1 astro-pux6a34n"> <span class="flex items-center gap-2 text-sm font-medium leading-tight text-[#e2e2e2] astro-pux6a34n"> Meld Spark </span> <span class="text-xs leading-snug text-[#787880] astro-pux6a34n">
12 Interactive overlays and alerts </span> </span> </a> </li><li class="astro-pux6a34n"> <a href="/obs-spark-plug/" class="creator-item flex items-start gap-3 rounded-lg px-3 py-2.5 transition-colors duration-150 hover:bg-white/[0.06] astro-pux6a34n"> <svg class="mt-0.5 h-5 w-5 flex-shrink-0 text-[#909099] astro-pux6a34n" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M14.25 6.087c0-.355.186-.676.401-.959.221-.29.349-.634.349-1.003 0-1.036-1.007-1.875-2.25-1.875s-2.25.84-2.25 1.875c0 .369.128.713.349 1.003.215.283.401.604.401.959v0a.64.64 0 0 1-.657.643 48.39 48.39 0 0 1-4.163-.3c.186 1.613.293 3.25.315 4.907a.656.656 0 0 1-.658.663v0c-.355 0-.676-.186-.959-.401a1.647 1.647 0 0 0-1.003-.349c-1.036 0-1.875 1.007-1.875 2.25s.84 2.25 1.875 2.25c.369 0 .713-.128 1.003-.349.283-.215.604-.401.959-.401v0c.31 0 .555.26.532.57a48.039 48.039 0 0 1-.642 5.056c1.518.19 3.058.309 4.616.354a.64.64 0 0 0 .657-.643v0c0-.355-.186-.676-.401-.959a1.647 1.647 0 0 1-.349-1.003c0-1.035 1.008-1.875 2.25-1.875 1.243 0 2.25.84 2.25 1.875 0 .369-.128.713-.349 1.003-.215.283-.4.604-.4.959v0c0 .333.277.599.61.58a48.1 48.1 0 0 0 5.427-.63 48.05 48.05 0 0 0 .582-4.717.532.532 0 0 0-.533-.57v0c-.355 0-.676.186-.959.401-.29.221-.634.349-1.003.349-1.035 0-1.875-1.007-1.875-2.25s.84-2.25 1.875-2.25c.37 0 .713.128 1.003.349.283.215.604.401.96.401v0a.656.656 0 0 0 .658-.663 48.422 48.422 0 0 0-.37-5.36c-1.886.342-3.81.574-5.766.689a.578.578 0 0 1-.61-.58v0Z" class="astro-pux6a34n"></path> </svg> <span class="flex min-w-0 flex-col gap-1 astro-pux6a34n"> <span class="flex items-center gap-2 text-sm font-medium leading-tight text-[#e2e2e2] astro-pux6a34n"> Spark Plug for OBS </span> <span class="text-xs leading-snug text-[#787880] astro-pux6a34n"> Bring Meld Spark into OBS </span> </span> </a> </li><li class="astro-pux6a34n"> <a href="/gallery/" class="creator-item flex items-start gap-3 rounded-lg px-3 py-2.5 transition-colors duration-150 hover:bg-white/[0.06] astro-pux6a34n"> <svg class="mt-0.5 h-5 w-5 flex-shrink-0 text-[#909099] astro-pux6a34n" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M9.53 16.122a3 3 0 0 0-5.78 1.128 2.25 2.25 0 0 1-2.4 2.245 4.5 4.5 0 0 0 8.4-2.245c0-.399-.078-.78-.22-1.128Zm0 0a15.998 15.998 0 0 0 3.388-1.62m-5.043-.025a15.994 15.994 0 0 1 1.622-3.395m3.42 3.42a15.995 15.995 0 0 0 4.764-4.648l3.876-5.814a1.151 1.151 0 0 0-1.597-1.597L14.146 6.32a15.996 15.996 0 0 0-4.649 4.763m3.42 3.42a6.776 6.776 0 0 0-3.42-3.42" class="astro-pux6a34n"></path> </svg> <span class="flex min-w-0 flex-col gap-1 astro-pux6a34n"> <span class="flex items-center gap-2 text-sm font-medium leading-tight text-[#e2e2e2] astro-pux6a34n"> Overlay Gallery </span> <span class="text-xs leading-snug text-[#787880] astro-pux6a34n"> Free overlays ready to drop in </span> </span> </a> </li><li class="astro-pux6a34n"> <a href="/screendraw/" class="creator-item flex items-start gap-3 rounded-lg px-3 py-2.5 transition-colors duration-150 hover:bg-white/[0.06] astro-pux6a34n"> <svg class="mt-0.5 h-5 w-5 flex-shrink-0 text-[#909099] astro-pux6a34n" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="m16.862 4.487 1.687-1.688a1.875 1.875 0 1 1 2.652 2.652L6.832 19.82a4.5 4.5 0 0 1-1.897 1.13l-2.685.8.8-2.685a4.5 4.5 0 0 1 1.13-1.897L16.863 4.487Zm0 0L19.5 7.125" class="astro-pux6a34n"></path> </svg> <span class="flex min-w-0 flex-col gap-1 astro-pux6a34n"> <span class="flex items-center gap-2 text-sm font-medium leading-tight text-[#e2e2e2] astro-pux6a34n"> Screen Draw </span> <span class="text-xs leading-snug text-[#787880] astro-pux6a34n"> Draw on stream, together </span> </span> </a> </li><li class="astro-pux6a34n"> <a href="https://luts.meldstudio.co/" target="_blank" rel="noopener noreferrer" class="creator-item flex items-start gap-3 rounded-lg px-3 py-2.5 transition-colors duration-150 hover:bg-white/[0.06] astro-pux6a34n"> <svg class="mt-0.5 h-5 w-5 flex-shrink-0 text-[#909099] astro-pux6a34n" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M4.098 19.902a3.75 3.75 0 0 0 5.304 0l6.401-6.402M6.75 21A3.75 3.75 0 0 1 3 17.25V4.125C3 3.504 3.504 3 4.125 3h5.25c.621 0 1.125.504 1.125 1.125v4.072M6.75 21a3.75 3.75 0 0 0 3.75-3.75V8.197M6.75 21h13.125c.621 0 1.125-.504 1.125-1.125v-5.25c0-.621-.504-1.125-1.125-1.125h-4.072M10.5 8.197l2.88-2.88c.438-.439 1.15-.439 1.59 0l3.712 3.713c.44.44.44 1.152 0 1.59l-2.879 2.88M6.75 17.25h.008v.008H6.75v-.008Z" class="astro-pux6a34n"></path> </svg> <span class="flex min-w-0 flex-col gap-1 astro-pux6a34n"> <span class="flex items-center gap-2 text-sm font-medium leading-tight text-[#e2e2e2] astro-pux6a34n"> LUT Lab </span> <span class="text-xs leading-snug text-[#787880] astro-pux6a34n">
12 Build custom color LUTs </span> </span> </a> </li> </ul> </div><div class="flex flex-col gap-4 astro-pux6a34n"> <p class="text-[11px] font-medium uppercase tracking-[0.08em] text-[#909099] astro-pux6a34n"> Stream & Capture </p> <ul class="flex flex-col gap-1 astro-pux6a34n"> <li class="astro-pux6a34n"> <a href="/multistreaming-software/" class="creator-item flex items-start gap-3 rounded-lg px-3 py-2.5 transition-colors duration-150 hover:bg-white/[0.06] astro-pux6a34n"> <svg class="mt-0.5 h-5 w-5 flex-shrink-0 text-[#909099] astro-pux6a34n" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M7.217 10.907a2.25 2.25 0 1 0 0 2.186m0-2.186c.18.324.283.696.283 1.093s-.103.77-.283 1.093m0-2.186 9.566-5.314m-9.566 7.5 9.566 5.314m0 0a2.25 2.25 0 1 0 3.935 2.186 2.25 2.25 0 0 0-3.935-2.186Zm0-12.814a2.25 2.25 0 1 0 3.933-2.185 2.25 2.25 0 0 0-3.933 2.185Z" class="astro-pux6a34n"></path> </svg> <span class="flex min-w-0 flex-col gap-1 astro-pux6a34n"> <span class="flex items-center gap-2 text-sm font-medium leading-tight text-[#e2e2e2] astro-pux6a34n"> Multistreaming </span> <span class="text-xs leading-snug text-[#787880] astro-pux6a34n"> Stream to every platform at once </span> </span> </a> </li><li class="astro-pux6a34n"> <a href="https://multi.meldstudio.co/" target="_blank" rel="noopener noreferrer" class="creator-item flex items-start gap-3 rounded-lg px-3 py-2.5 transition-colors duration-150 hover:bg-white/[0.06] astro-pux6a34n"> <svg class="mt-0.5 h-5 w-5 flex-shrink-0 text-[#909099] astro-pux6a34n" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M12 16.5V9.75m0 0 3 3m-3-3-3 3M6.75 19.5a4.5 4.5 0 0 1-1.41-8.775 5.25 5.25 0 0 1 10.233-2.33 3 3 0 0 1 3.758 3.848A3.752 3.752 0 0 1 18 19.5H6.75Z" class="astro-pux6a34n"></path> </svg> <span class="flex min-w-0 flex-col gap-1 astro-pux6a34n"> <span class="flex items-center gap-2 text-sm font-medium leading-tight text-[#e2e2e2] astro-pux6a34n"> Cloud Multistreaming </span> <span class="text-xs leading-snug text-[#787880] astro-pux6a34n"> One upload, we handle the rest </span> </span> </a> </li><li class="astro-pux6a34n"> <a href="/stream-clipping/" class="creator-item flex items-start gap-3 rounded-lg px-3 py-2.5 transition-colors duration-150 hover:bg-white/[0.06] astro-pux6a34n"> <svg class="mt-0.5 h-5 w-5 flex-shrink-0 text-[#909099] astro-pux6a34n" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M7.848 8.25l1.536.887M7.848 8.25a3 3 0 1 1-5.196-3 3 3 0 0 1 5.196 3Zm1.536.887a2.165 2.165 0 0 1 1.083 1.839c.005.351.054.695.14 1.024M9.384 9.137l2.077 1.199M7.848 15.75l1.536-.887m-1.536.887a3 3 0 1 1-5.196 3 3 3 0 0 1 5.196-3Zm1.536-.887a2.165 2.165 0 0 0 1.083-1.838c.005-.352.054-.695.14-1.025m-1.223 2.863 2.077-1.199m0-3.328a4.323 4.323 0 0 1 2.068-1.379l5.325-1.628a4.5 4.5 0 0 1 2.48-.044l.803.215-7.794 4.5m-2.882-1.664A4.33 4.33 0 0 0 10.607 12m3.736 0 7.794 4.5-.802.215a4.5 4.5 0 0 1-2.48-.043l-5.326-1.629a4.324 4.324 0 0 1-2.068-1.379M14.343 12l-2.882 1.664" class="astro-pux6a34n"></path> </svg> <span class="flex min-w-0 flex-col gap-1 astro-pux6a34n"> <span class="flex items-center gap-2 text-sm font-medium leading-tight text-[#e2e2e2] astro-pux6a34n"> Clipping </span> <span class="text-xs leading-snug text-[#787880] astro-pux6a34n"> Create highlights instantly </span> </span> </a> </li><li class="astro-pux6a34n"> <a href="/screen-recording-software/" class="creator-item flex items-start gap-3 rounded-lg px-3 py-2.5 transition-colors duration-150 hover:bg-white/[0.06] astro-pux6a34n"> <svg class="mt-0.5 h-5 w-5 flex-shrink-0 text-[#909099] astro-pux6a34n" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="m15.75 10.5 4.72-4.72a.75.75 0 0 1 1.28.53v11.38a.75.75 0 0 1-1.28.53l-4.72-4.72M4.5 18.75h9a2.25 2.25 0 0 0 2.25-2.25v-9a2.25 2.25 0 0 0-2.25-2.25h-9A2.25 2.25 0 0 0 2.25 7.5v9a2.25 2.25 0 0 0 2.25 2.25Z" class="astro-pux6a34n"></path> </svg> <span class="flex min-w-0 flex-col gap-1 astro-pux6a34n"> <span class="flex items-center gap-2 text-sm font-medium leading-tight text-[#e2e2e2] astro-pux6a34n"> Recording </span> <span class="text-xs leading-snug text-[#787880] astro-pux6a34n"> 4K recording and multitrack audio </span> </span> </a> </li> </ul> </div> </div> </div> </div> <a href="/docs/" class="nav-item relative rounded-xl px-4 py-2 text-sm font-medium transition-colors duration-200 text-zinc-400 hover:text-white astro-pux6a34n"> <span class="relative z-10 astro-pux6a34n">Docs</span> <span class="nav-hover-bg absolute inset-0 rounded-xl bg-white/[0.05] opacity-0 transition-opacity duration-200 astro-pux6a34n"></span> </a><a href="https://meldstudio.co/blog/" class="nav-item relative rounded-xl px-4 py-2 text-sm font-medium transition-colors duration-200 text-zinc-400 hover:text-white astro-pux6a34n"> <span class="relative z-10 astro-pux6a34n">Blog</span> <span class="nav-hover-bg absolute inset-0 rounded-xl bg-white/[0.05] opacity-0 transition-opacity duration-200 astro-pux6a34n"></span> </a><a href="/pricing/" class="nav-item relative rounded-xl px-4 py-2 text-sm font-medium transition-colors duration-200 text-zinc-400 hover:text-white astro-pux6a34n"> <span class="relative z-10 astro-pux6a34n">Pricing</span> <span class="nav-hover-bg absolute inset-0 rounded-xl bg-white/[0.05] opacity-0 transition-opacity duration-200 astro-pux6a34n"></span> </a> <div class="ml-4 h-5 w-px bg-white/10 astro-pux6a34n"></div> <a href="/download/" class="btn-secondary ml-4 !rounded-lg !px-5 !py-2 !text-sm astro-pux6a34n"> 13Download 14</a> </div> <button class="mobile-menu-btn relative -mr-2 flex h-10 w-10 items-center justify-center rounded-xl transition-colors hover:bg-white/[0.05] md:hidden astro-pux6a34n" aria-label="Menu" aria-expanded="false"> <span class="menu-icon relative flex h-5 w-5 flex-col items-center justify-center astro-pux6a34n"> <span class="menu-line top absolute h-0.5 w-5 rounded-full bg-current transition-transform duration-300 astro-pux6a34n"></span> <span class="menu-line middle menu-line-middle absolute h-0.5 w-5 rounded-full bg-current astro-pux6a34n"></span> <span class="menu-line bottom absolute h-0.5 w-5 rounded-full bg-current transition-transform duration-300 astro-pux6a34n"></span> </span> </button> </nav> </div> </header> <div class="mobile-menu fixed inset-0 z-[100] md:hidden astro-pux6a34n" aria-hidden="true"> <div class="mobile-backdrop absolute inset-0 bg-black/60 opacity-0 backdrop-blur-sm transition-opacity duration-300 astro-pux6a34n"></div> <div class="mobile-panel absolute inset-x-4 bottom-4 top-[calc(4rem+1rem+var(--banner-height,0px))] translate-y-full rounded-2xl bg-zinc-900/95 backdrop-blur-2xl transition-transform duration-300 sm:inset-x-auto sm:bottom-auto sm:right-4 sm:top-[calc(4.5rem+var(--banner-height,0px))] sm:w-80 sm:translate-x-full sm:translate-y-0 astro-pux6a34n"> <nav class="flex flex-col overflow-y-auto p-4 astro-pux6a34n" style="max-height: calc(100vh - 10rem - var(--banner-height, 0px))"> <ul class="space-y-2 astro-pux6a34n"> <li class="astro-pux6a34n"> <details class="mobile-tools group/tools astro-pux6a34n" open> <summary class="mobile-tools-summary flex cursor-pointer items-center gap-3 rounded-xl px-4 py-3.5 text-base font-medium text-zinc-300 transition-colors hover:bg-white/[0.05] hover:text-white astro-pux6a34n"> <span class="nav-icon flex h-5 w-5 items-center justify-center astro-pux6a34n"> <svg class="h-5 w-5 astro-pux6a34n" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"> <path stroke-linecap="round" stroke-linejoin="round" d="M12 18v-5.25m0 0a6.01 6.01 0 0 0 1.5-.189m-1.5.189a6.01 6.01 0 0 1-1.5-.189m3.75 7.478a12.06 12.06 0 0 1-4.5 0m3.75 2.383a14.406 14.406 0 0 1-3 0M14.25 18v-.192c0-.983.658-1.823 1.508-2.316a7.5 7.5 0 1 0-7.517 0c.85.493 1.509 1.333 1.509 2.316V18" class="astro-pux6a34n"></path> </svg> </span> <span class="flex-1 astro-pux6a34n">Creator Tools</span> <svg class="h-4 w-4 text-white/60 transition-transform duration-200 group-open/tools:rotate-180 astro-pux6a34n" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M19 9l-7 7-7-7" class="astro-pux6a34n"></path> </svg> </summary> <div class="mt-1 space-y-4 pb-2 pl-4 astro-pux6a34n"> <div class="space-y-1 astro-pux6a34n"> <p class="px-4 pb-1 pt-2 text-[10px] font-medium uppercase tracking-[0.08em] text-[#909099] astro-pux6a34n"> Creator Tools </p> <a href="/spark/" class="flex items-center gap-3 rounded-xl px-4 py-2.5 text-sm font-medium transition-colors mobile-nav-item text-zinc-300 hover:bg-white/[0.05] hover:text-white active:scale-[0.98] astro-pux6a34n"> <svg class="h-5 w-5 flex-shrink-0 astro-pux6a34n" viewBox="-1 -1 22 22" fill="none" stroke="currentColor" stroke-width="1.4" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M9.18555 1.60352C9.59215 1.07016 10.4077 1.07036 10.8145 1.60352L10.8955 1.72656L12.5176 4.60254C13.1969 5.807 14.193 6.80307 15.3975 7.48242L18.2734 9.10449C18.9701 9.4978 18.9702 10.5013 18.2734 10.8945L15.3975 12.5166C14.193 13.196 13.1969 14.192 12.5176 15.3965L10.8955 18.2725C10.5023 18.9693 9.49878 18.9692 9.10547 18.2725L7.4834 15.3965C6.80405 14.192 5.80797 13.196 4.60352 12.5166L1.72754 10.8945C1.03043 10.5013 1.03051 9.49775 1.72754 9.10449L4.60352 7.48242C5.80801 6.80305 6.80403 5.80704 7.4834 4.60254L9.10547 1.72656L9.18555 1.60352Z" class="astro-pux6a34n"></path> </svg> <span class="flex-1 astro-pux6a34n">Meld Spark</span> </a><a href="/obs-spark-plug/" class="flex items-center gap-3 rounded-xl px-4 py-2.5 text-sm font-medium transition-colors mobile-nav-item text-zinc-300 hover:bg-white/[0.05] hover:text-white active:scale-[0.98] astro-pux6a34n"> <svg class="h-5 w-5 flex-shrink-0 astro-pux6a34n" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M14.25 6.087c0-.355.186-.676.401-.959.221-.29.349-.634.349-1.003 0-1.036-1.007-1.875-2.25-1.875s-2.25.84-2.25 1.875c0 .369.128.713.349 1.003.215.283.401.604.401.959v0a.64.64 0 0 1-.657.643 48.39 48.39 0 0 1-4.163-.3c.186 1.613.293 3.25.315 4.907a.656.656 0 0 1-.658.663v0c-.355 0-.676-.186-.959-.401a1.647 1.647 0 0 0-1.003-.349c-1.036 0-1.875 1.007-1.875 2.25s.84 2.25 1.875 2.25c.369 0 .713-.128 1.003-.349.283-.215.604-.401.959-.401v0c.31 0 .555.26.532.57a48.039 48.039 0 0 1-.642 5.
14056c1.518.19 3.058.309 4.616.354a.64.64 0 0 0 .657-.643v0c0-.355-.186-.676-.401-.959a1.647 1.647 0 0 1-.349-1.003c0-1.035 1.008-1.875 2.25-1.875 1.243 0 2.25.84 2.25 1.875 0 .369-.128.713-.349 1.003-.215.283-.4.604-.4.959v0c0 .333.277.599.61.58a48.1 48.1 0 0 0 5.427-.63 48.05 48.05 0 0 0 .582-4.717.532.532 0 0 0-.533-.57v0c-.355 0-.676.186-.959.401-.29.221-.634.349-1.003.349-1.035 0-1.875-1.007-1.875-2.25s.84-2.25 1.875-2.25c.37 0 .713.128 1.003.349.283.215.604.401.96.401v0a.656.656 0 0 0 .658-.663 48.422 48.422 0 0 0-.37-5.36c-1.886.342-3.81.574-5.766.689a.578.578 0 0 1-.61-.58v0Z" class="astro-pux6a34n"></path> </svg> <span class="flex-1 astro-pux6a34n">Spark Plug for OBS</span> </a><a href="/gallery/" class="flex items-center gap-3 rounded-xl px-4 py-2.5 text-sm font-medium transition-colors mobile-nav-item text-zinc-300 hover:bg-white/[0.05] hover:text-white active:scale-[0.98] astro-pux6a34n"> <svg class="h-5 w-5 flex-shrink-0 astro-pux6a34n" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M9.53 16.122a3 3 0 0 0-5.78 1.128 2.25 2.25 0 0 1-2.4 2.245 4.5 4.5 0 0 0 8.4-2.245c0-.399-.078-.78-.22-1.128Zm0 0a15.998 15.998 0 0 0 3.388-1.62m-5.043-.025a15.994 15.994 0 0 1 1.622-3.395m3.42 3.42a15.995 15.995 0 0 0 4.764-4.648l3.876-5.814a1.151 1.151 0 0 0-1.597-1.597L14.146 6.32a15.996 15.996 0 0 0-4.649 4.763m3.42 3.42a6.776 6.776 0 0 0-3.42-3.42" class="astro-pux6a34n"></path> </svg> <span class="flex-1 astro-pux6a34n">Overlay Gallery</span> </a><a href="/screendraw/" class="flex items-center gap-3 rounded-xl px-4 py-2.5 text-sm font-medium transition-colors mobile-nav-item text-zinc-300 hover:bg-white/[0.05] hover:text-white active:scale-[0.98] astro-pux6a34n"> <svg class="h-5 w-5 flex-shrink-0 astro-pux6a34n" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="m16.862 4.487 1.687-1.688a1.875 1.875 0 1 1 2.652 2.652L6.832 19.82a4.5 4.5 0 0 1-1.897 1.13l-2.685.8.8-2.685a4.5 4.5 0 0 1 1.13-1.897L16.863 4.487Zm0 0L19.5 7.125" class="astro-pux6a34n"></path> </svg> <span class="flex-1 astro-pux6a34n">Screen Draw</span> </a><a href="https://luts.meldstudio.co/" target="_blank" rel="noopener noreferrer" class="flex items-center gap-3 rounded-xl px-4 py-2.5 text-sm font-medium transition-colors mobile-nav-item text-zinc-300 hover:bg-white/[0.05] hover:text-white active:scale-[0.98] astro-pux6a34n"> <svg class="h-5 w-5 flex-shrink-0 astro-pux6a34n" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M4.098 19.902a3.75 3.75 0 0 0 5.304 0l6.401-6.402M6.75 21A3.75 3.75 0 0 1 3 17.25V4.125C3 3.504 3.504 3 4.125 3h5.25c.621 0 1.125.504 1.125 1.125v4.072M6.75 21a3.75 3.75 0 0 0 3.75-3.75V8.197M6.75 21h13.125c.621 0 1.125-.504 1.125-1.125v-5.25c0-.621-.504-1.125-1.125-1.125h-4.072M10.5 8.197l2.88-2.88c.438-.439 1.15-.439 1.59 0l3.712 3.713c.44.44.44 1.152 0 1.59l-2.879 2.88M6.75 17.25h.008v.008H6.75v-.008Z" class="astro-pux6a34n"></path> </svg> <span class="flex-1 astro-pux6a34n">LUT Lab</span> </a> </div><div class="space-y-1 astro-pux6a34n"> <p class="px-4 pb-1 pt-2 text-[10px] font-medium uppercase tracking-[0.08em] text-[#909099] astro-pux6a34n"> Stream & Capture </p> <a href="/multistreaming-software/" class="flex items-center gap-3 rounded-xl px-4 py-2.5 text-sm font-medium transition-colors mobile-nav-item text-zinc-300 hover:bg-white/[0.05] hover:text-white active:scale-[0.98] astro-pux6a34n"> <svg class="h-5 w-5 flex-shrink-0 astro-pux6a34n" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M7.217 10.9
1407a2.25 2.25 0 1 0 0 2.186m0-2.186c.18.324.283.696.283 1.093s-.103.77-.283 1.093m0-2.186 9.566-5.314m-9.566 7.5 9.566 5.314m0 0a2.25 2.25 0 1 0 3.935 2.186 2.25 2.25 0 0 0-3.935-2.186Zm0-12.814a2.25 2.25 0 1 0 3.933-2.185 2.25 2.25 0 0 0-3.933 2.185Z" class="astro-pux6a34n"></path> </svg> <span class="flex-1 astro-pux6a34n">Multistreaming</span> </a><a href="https://multi.meldstudio.co/" target="_blank" rel="noopener noreferrer" class="flex items-center gap-3 rounded-xl px-4 py-2.5 text-sm font-medium transition-colors mobile-nav-item text-zinc-300 hover:bg-white/[0.05] hover:text-white active:scale-[0.98] astro-pux6a34n"> <svg class="h-5 w-5 flex-shrink-0 astro-pux6a34n" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M12 16.5V9.75m0 0 3 3m-3-3-3 3M6.75 19.5a4.5 4.5 0 0 1-1.41-8.775 5.25 5.25 0 0 1 10.233-2.33 3 3 0 0 1 3.758 3.848A3.752 3.752 0 0 1 18 19.5H6.75Z" class="astro-pux6a34n"></path> </svg> <span class="flex-1 astro-pux6a34n">Cloud Multistreaming</span> </a><a href="/stream-clipping/" class="flex items-center gap-3 rounded-xl px-4 py-2.5 text-sm font-medium transition-colors mobile-nav-item text-zinc-300 hover:bg-white/[0.05] hover:text-white active:scale-[0.98] astro-pux6a34n"> <svg class="h-5 w-5 flex-shrink-0 astro-pux6a34n" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M7.848 8.25l1.536.887M7.848 8.25a3 3 0 1 1-5.196-3 3 3 0 0 1 5.196 3Zm1.536.887a2.165 2.165 0 0 1 1.083 1.839c.005.351.054.695.14 1.024M9.384 9.137l2.077 1.199M7.848 15.75l1.536-.887m-1.536.887a3 3 0 1 1-5.196 3 3 3 0 0 1 5.196-3Zm1.536-.887a2.165 2.165 0 0 0 1.083-1.838c.005-.352.054-.695.14-1.025m-1.223 2.863 2.077-1.199m0-3.328a4.323 4.323 0 0 1 2.068-1.379l5.325-1.628a4.5 4.5 0 0 1 2.48-.044l.803.215-7.794 4.5m-2.882-1.664A4.33 4.33 0 0 0 10.607 12m3.736 0 7.794 4.5-.802.215a4.5 4.5 0 0 1-2.48-.043l-5.326-1.629a4.324 4.324 0 0 1-2.068-1.379M14.343 12l-2.882 1.664" class="astro-pux6a34n"></path> </svg> <span class="flex-1 astro-pux6a34n">Clipping</span> </a><a href="/screen-recording-software/" class="flex items-center gap-3 rounded-xl px-4 py-2.5 text-sm font-medium transition-colors mobile-nav-item text-zinc-300 hover:bg-white/[0.05] hover:text-white active:scale-[0.98] astro-pux6a34n"> <svg class="h-5 w-5 flex-shrink-0 astro-pux6a34n" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="m15.75 10.5 4.72-4.72a.75.75 0 0 1 1.28.53v11.38a.75.75 0 0 1-1.28.53l-4.72-4.72M4.5 18.75h9a2.25 2.25 0 0 0 2.25-2.25v-9a2.25 2.25 0 0 0-2.25-2.25h-9A2.25 2.25 0 0 0 2.25 7.5v9a2.25 2.25 0 0 0 2.25 2.25Z" class="astro-pux6a34n"></path> </svg> <span class="flex-1 astro-pux6a34n">Recording</span> </a> </div> </div> </details> </li> <li class="astro-pux6a34n"> <a href="/docs/" class="mobile-nav-item flex items-center gap-3 rounded-xl px-4 py-3.5 text-base font-medium transition-colors text-zinc-300 hover:bg-white/[0.05] hover:text-white active:scale-[0.98] astro-pux6a34n"> <span class="nav-icon flex h-5 w-5 items-center justify-center astro-pux6a34n"> <svg class="h-5 w-5 astro-pux6a34n" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253" class="astro-pux6a34n"></path> </svg> </span> <span class="flex-1 astro-pux6a34n">Docs</span> </a> </li><li class="astro-pux6a34n"> <a href="https://meldstudio.co/blog/" class="mobile-nav-item flex items-center gap-3 rounded-xl px-4 py-3.5 text-base font-medium transition-colors text-zinc-300 hover:bg-white/[0.05] hover:text-white active:scale-[0.98] astro-pux6a34n"> <span class="nav-icon flex h-5 w-5 items-center justify-center astro-pux6a34n"> <svg class="h-5 w-5 astro-pux6a34n" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M19 20H5a2 2 0 01-2-2V6a2 2 0 012-2h10a2 2 0 012 2v1m2 13a2 2 0 01-2-2V7m2 13a2 2 0 002-2V9a2 2 0 00-2-2h-2m-4-3H9M7 16h6M7 8h6v4H7V8z" class="astro-pux6a34n"></path> </svg> </span> <span class="flex-1 astro-pux6a34n">Blog</span> </a> </li><li class="astro-pux6a34n"> <a href="/pricing/" class="mobile-nav-item flex items-center gap-3 rounded-xl px-4 py-3.5 text-base font-medium transition-colors text-zinc-300 hover:bg-white/[0.05] hover:text-white active:scale-[0.98] astro-pux6a34n"> <span class="nav-icon flex h-5 w-5 items-center justify-center astro-pux6a34n"> <svg class="h-5 w-5 astro-pux6a34n" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
14class="astro-pux6a34n"></path> </svg> </span> <span class="flex-1 astro-pux6a34n">Pricing</span> </a> </li> </ul> <div class="mt-6 space-y-3 border-t border-white/10 pt-6 astro-pux6a34n"> <a href="/download/" class="group flex w-full items-center justify-center gap-3 rounded-xl bg-white py-4 text-base font-semibold text-black transition-transform hover:scale-[1.02] hover:bg-white/95 active:scale-[0.98] astro-pux6a34n"> <svg class="h-5 w-5 transition-transform group-hover:-translate-y-0.5 astro-pux6a34n" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"> <path stroke-linecap="round" stroke-linejoin="round" d="M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M9 19l3 3m0 0l3-3m-3 3V10" class="astro-pux6a34n"></path> </svg> <span class="astro-pux6a34n">Download Meld</span> </a> </div> </nav> </div> </div> <div class="h-16 astro-pux6a34n"></div>
14<script type="module">document.addEventListener("DOMContentLoaded",function(){const a=document.querySelector("[data-header]"),l=document.querySelector(".mobile-menu-btn"),n=document.querySelector(".mobile-menu"),L=document.querySelector(".mobile-backdrop"),b=document.querySelectorAll(".mobile-nav-item"),e=document.querySelector("[data-creator-flyout]"),s=e?.querySelector(".creator-trigger");let i=null;function u(){i&&(clearTimeout(i),i=null),e?.classList.add("open"),s?.setAttribute("aria-expanded","true")}function c(){e?.classList.remove("open"),s?.setAttribute("aria-expanded","false")}function y(){i&&clearTimeout(i),i=window.setTimeout(c,120)}e&&s&&(e.addEventListener("mouseenter",u),e.addEventListener("mouseleave",y),s.addEventListener("click",()=>{e.classList.contains("open")?c():u()}),e.addEventListener("focusout",t=>{const o=t.relatedTarget;(!o||!e.contains(o))&&c()}),e.addEventListener("keydown",t=>{t.key==="Escape"&&(c(),s.focus())}));let m=0,d=!1;function f(){const t=n?.classList.contains("active"),o=window.scrollY,w=o>m;if(t)return;const h=o>20,v=w&&o>80;a?.classList.toggle("scrolled",h),a?.classList.toggle("hide",v),v&&c(),m=o}function p(){d||(window.requestAnimationFrame(()=>{f(),d=!1}),d=!0)}function E(){n?.classList.contains("active")?r():g()}function g(){n?.classList.add("active"),l?.setAttribute("aria-expanded","true"),n?.setAttribute("aria-hidden","false"),document.body.style.overflow="hidden",a?.classList.remove("hide")}function r(){n?.classList.remove("active"),l?.setAttribute("aria-expanded","false"),n?.setAttribute("aria-hidden","true"),document.body.style.overflow=""}window.addEventListener("scroll",p,{passive:!0}),l?.addEventListener("click",E),L?.addEventListener("click",r),b.forEach(t=>{t.addEventListener("click",r)}),document.addEventListener("keydown",t=>{t.key==="Escape"&&n?.classList.contains("active")&&r()}),f()});</script>
14<main class="text-primary min-h-screen"> <canvas id="cursorParticleTrail" class="pointer-events-none fixed inset-0 z-[90] hidden h-full w-full" aria-hidden="true"></canvas>
14<script> 15 ;(() => { 16 const canvas = document.getElementById('cursorParticleTrail') 17 if (!canvas) return 18 19 // `is:inline` emits this script once per component instance, and 20 // getElementById always returns the first match, so a second instance 21 // would drive the same canvas with a second loop. Claim it once. 22 if (canvas.dataset.trailReady) return 23 canvas.dataset.trailReady = '1' 24 25 // Mouse-driven effect, so skip touch devices entirely, and respect the 26 // visitor's motion preference. 27 const fine = window.matchMedia('(hover: hover) and (pointer: fine)') 28 const calm = window.matchMedia('(prefers-reduced-motion: reduce)') 29 if (!fine.matches || calm.matches) { 30 canvas.remove() 31 return 32 } 33 34 const ctx = canvas.getContext('2d', { alpha: true }) 35 if (!ctx) { 36 canvas.remove() 37 return 38 } 39 canvas.classList.remove('hidden') 40 41 /* ---- Tuning ---------------------------------------------------- */ 42 const EMIT_SPACING = 2.4 // px of cursor travel between emission points 43 const PER_POINT = 2 // particles spawned at each emission point 44 const MAX_PARTICLES = 900 45 // Expressed per second, not per frame, so the effect behaves identically 46 // at 60Hz, 120Hz, and while the page is dropping frames. 47 const MAX_SPEED = 15600 // px/s; faster jumps reset instead of emitting 48 const MOVE_GAP = 120 // ms without a move = treat the next one as a fresh start 49 const LIFE_MIN = 650 // ms 50 const LIFE_MAX = 1700 51 const SPEED_MAX = 165 // px/s of outward drift 52 const SPEED_BIAS = 2.4 // higher keeps more particles on the path 53 const INHERIT = 0.06 // how much cursor velocity a particle carries 54 const FRICTION = 0.955 // per 16.7ms, so particles settle as they fade 55 const GROWTH = 0.6 // extra size gained over a particle's life 56 const BOKEH_CHANCE = 0.03 // soft, out-of-focus particles for depth 57 const TINT_CHANCE = 0.1 // share tinted with the Meld Spark gradient 58 59 // Meld Spark's gradient (#00FFE6 â #006AFF) pulled most of the way to 60 // white, so the trail stays monochrome with only a hint of brand colour. 61 const SPRITES = [ 62 makeSprite('255,255,255'), 63 makeSprite('170,255,248'), 64 makeSprite('150,192,255'), 65 ] 66 67 /** Soft dot with a bright core, drawn once and reused for every particle. */ 68 function makeSprite(rgb) { 69 const size = 64 70 const c = document.createElement('canvas') 71 c.width = size 72 c.height = size 73 const g = c.getContext('2d') 74 const half = size / 2 75 const grad = g.createRadialGradient(half, half, 0, half, half, half) 76 grad.addColorStop(0, `rgba(${rgb},1)`) 77 grad.addColorStop(0.22, `rgba(${rgb},0.85)`) 78 grad.addColorStop(0.5, `rgba(${rgb},0.16)`) 79 grad.addColorStop(1, `rgba(${rgb},0)`) 80 g.fillStyle = grad 81 g.fillRect(0, 0, size, size) 82 return c 83 } 84 85 /* ---- State ------------------------------------------------------ */ 86 const particles = [] 87 let width = 0 88 let height = 0 89 let dpr = 1 90 let pointerX = 0 91 let pointerY = 0 92 let lastX = 0 93 let lastY = 0 94 let velX = 0 95 let velY = 0 96 let hasPointer = false 97 let leftover = 0 98 let rafId = 0 99 let lastFrame = 0 100 let lastMoveTime = 0 101 let resizeTimer = 0 102 103 // Reassigning canvas.width reallocates and zeroes the whole backing store 104 // (~60MB on a Retina laptop), so only do it when something actually 105 // changed, and never once per event during a window drag. 106 function resize() { 107 const nextWidth = window.innerWidth 108 const nextHeight = window.innerHeight 109 const nextDpr = Math.min(window.devicePixelRatio || 1, 2) 110 if (nextWidth === width && nextHeight === height && nextDpr === dpr) { 111 return 112 } 113 width = nextWidth 114 height = nextHeight 115 dpr = nextDpr 116 canvas.width = Math.round(width * dpr) 117 canvas.height = Math.round(height * dpr) 118 ctx.setTransform(dpr, 0, 0, dpr, 0, 0) 119 } 120 121 function scheduleResize() { 122 clearTimeout(resizeTimer) 123 resizeTimer = setTimeout(resize, 100) 124 } 125 126 function spawn(x, y) { 127 if (particles.length >= MAX_PARTICLES) return 128 129 const bokeh = Math.random() < BOKEH_CHANCE 130 const angle = Math.random() * Math.PI * 2 131 // Heavily biased towards zero: most particles hold the cursor path and 132 // form the bright core, while a few outliers bloom into the tail. 133 const speed = SPEED_MAX * Math.pow(Math.random(), SPEED_BIAS) 134 const life = LIFE_MIN + Math.random() * (LIFE_MAX - LIFE_MIN) 135 136 particles.push({ 137 x: x + (Math.random() - 0.5) * 2, 138 y: y + (Math.random() - 0.5) * 2, 139 vx: Math.cos(angle) * speed + velX * INHERIT, 140 vy: Math.sin(angle) * speed + velY * INHERIT, 141 age: 0, 142 life: bokeh ? life * 1.6 : life, 143 // `size` is the drawn sprite width; the solid core is about half of it. 144 size: bokeh ? 22 + Math.random() * 30 : 3 + Math.random() * 5, 145 alpha: bokeh ? 0.05 + Math.random() * 0.07 : 0.5 + Math.random() * 0.5, 146 sprite: 147 !bokeh && Math.random() < TINT_CHANCE 148 ? SPRITES[1 + (Math.random() < 0.5 ? 0 : 1)] 149 : SPRITES[0], 150 twinkle: Math.random() < 0.35 ? Math.random() * Math.PI * 2 : 0, 151 }) 152 } 153 154 function emitAlongPath(dt) { 155 const dx = pointerX - lastX 156 const dy = pointerY - lastY
157 const dist = Math.hypot(dx, dy) 158 159 if (dist > MAX_SPEED * (dt / 1000)) { 160 lastX = pointerX 161 lastY = pointerY 162 leftover = 0 163 return 164 } 165 if (dist < 0.001) return 166 167 const stepX = dx / dist 168 const stepY = dy / dist 169 let travelled = leftover 170 171 while (travelled + EMIT_SPACING <= dist) { 172 travelled += EMIT_SPACING 173 const px = lastX + stepX * travelled 174 const py = lastY + stepY * travelled 175 for (let i = 0; i < PER_POINT; i++) spawn(px, py) 176 } 177 178 leftover = travelled - dist 179 lastX = pointerX 180 lastY = pointerY 181 } 182 183 function frame(now) { 184 rafId = 0 185 // Clamp the delta so a backgrounded tab doesn't teleport everything. 186 // The lower bound matters too: a frame scheduled from inside a 187 // pointermove handler can carry a timestamp a few ms EARLIER than the 188 // one captured in start(), and a negative dt is truthy, so `|| 16.7` 189 // alone would let it through and step the simulation backwards. 190 const dt = Math.min(Math.max(now - lastFrame, 0), 50) || 16.7 191 lastFrame = now 192 193 emitAlongPath(dt) 194 195 // Cursor velocity decays between moves so a parked cursor stops pulling. 196 velX *= 0.82 197 velY *= 0.82 198 199 const seconds = dt / 1000 200 const damp = Math.pow(FRICTION, dt / 16.7) 201 202 ctx.clearRect(0, 0, width, height) 203 ctx.globalCompositeOperation = 'lighter' 204 205 for (let i = particles.length - 1; i >= 0; i--) { 206 const p = particles[i] 207 p.age += dt 208 if (p.age >= p.life) { 209 // Swap-remove: order does not matter for additive blending. 210 particles[i] = particles[particles.length - 1] 211 particles.pop() 212 continue 213 } 214 215 p.x += p.vx * seconds 216 p.y += p.vy * seconds 217 p.vx *= damp 218 p.vy *= damp 219 220 const t = p.age / p.life 221 // Quick fade in, then a near-linear ease out so the tail keeps 222 // distinct dots instead of washing out halfway along. 223 const fade = t < 0.12 ? t / 0.12 : 1 - (t - 0.12) / 0.88 224 let alpha = p.alpha * fade * (0.45 + 0.55 * fade) 225 if (p.twinkle) alpha *= 0.65 + 0.35 * Math.sin(p.twinkle + t * 14) 226 227 if (alpha <= 0.002) continue 228 229 const size = p.size * (1 + GROWTH * t) 230 ctx.globalAlpha = alpha 231 ctx.drawImage(p.sprite, p.x - size / 2, p.y - size / 2, size, size) 232 } 233 234 ctx.globalAlpha = 1 235 ctx.globalCompositeOperation = 'source-over' 236 237 // Idle cursor with an empty field costs nothing: the next pointermove 238 // restarts the loop. 239 if (particles.length > 0) { 240 rafId = requestAnimationFrame(frame) 241 } else { 242 lastFrame = 0 243 } 244 } 245 246 function start() { 247 if (rafId || document.hidden) return 248 lastFrame = performance.now() 249 rafId = requestAnimationFrame(frame) 250 } 251 252 function stop() { 253 if (rafId) cancelAnimationFrame(rafId) 254 rafId = 0 255 lastFrame = 0 256 } 257 258 function onPointerMove(event) { 259 if (event.pointerType && event.pointerType !== 'mouse') return 260 261 const now = performance.now() 262 // A gap in the event stream means the cursor was somewhere this 263 // document could not see it: browser chrome, a native menu, another 264 // window, or events dropped under load. The path across that gap is 265 // unknown, so anchor to where the cursor reappeared instead of 266 // emitting a straight line to it. Also covers the very first sighting, 267 // which would otherwise emit from 0,0. 268 if (!hasPointer || now - lastMoveTime > MOVE_GAP) { 269 lastX = event.clientX 270 lastY = event.clientY 271 leftover = 0 272 velX = 0 273 velY = 0 274 hasPointer = true 275 } else { 276 velX = event.clientX - pointerX 277 velY = event.clientY - pointerY 278 } 279 280 lastMoveTime = now 281 pointerX = event.clientX 282 pointerY = event.clientY 283 start() 284 } 285 286 function onPointerLeave() { 287 hasPointer = false 288 } 289 290 // Nothing to resume on the way back: the field is emptied on the way out 291 // and the next pointermove restarts the loop. 292 function onVisibility() { 293 if (!document.hidden) return 294 stop() 295 particles.length = 0 296 ctx.clearRect(0, 0, width, height) 297 } 298 299 resize() 300 window.addEventListener('resize', scheduleResize) 301 window.addEventListener('pointermove', onPointerMove, { passive: true }) 302 document.addEventListener('pointerleave', onPointerLeave) 303 document.addEventListener('visibilitychange', onVisibility) 304 })() 305</script>
305 <style>astro-island,astro-slot,astro-static-slot{display:contents}</style>
305<script>(()=>{var e=async t=>{await(await t())()};(self.Astro||(self.Astro={})).load=e;window.dispatchEvent(new Event("astro:load"));})();</script>
305<script>(()=>{var A=Object.defineProperty;var g=(i,o,a)=>o in i?A(i,o,{enumerable:!0,configurable:!0,writable:!0,value:a}):i[o]=a;var d=(i,o,a)=>g(i,typeof o!="symbol"?o+"":o,a);{let i={0:t=>m(t),1:t=>a(t),2:t=>new RegExp(t),3:t=>new Date(t),4:t=>new Map(a(t)),5:t=>new Set(a(t)),6:t=>BigInt(t),7:t=>new URL(t),8:t=>new Uint8Array(t),9:t=>new Uint16Array(t),10:t=>new Uint32Array(t),11:t=>1/0*t},o=t=>{let[l,e]=t;return l in i?i[l](e):void 0},a=t=>t.map(o),m=t=>typeof t!="object"||t===null?t:Object.fromEntries(Object.entries(t).map(([l,e])=>[l,o(e)]));class y extends HTMLElement{constructor(){super(...arguments);d(this,"Component");d(this,"hydrator");d(this,"hydrate",async()=>{var b;if(!this.hydrator||!this.isConnected)return;let e=(b=this.parentElement)==null?void 0:b.closest("astro-island[ssr]");if(e){e.addEventListener("astro:hydrate",this.hydrate,{once:!0});return}let c=this.querySelectorAll("astro-slot"),n={},h=this.querySelectorAll("template[data-astro-template]");for(let r of h){let s=r.closest(this.tagName);s!=null&&s.isSameNode(this)&&(n[r.getAttribute("data-astro-template")||"default"]=r.innerHTML,r.remove())}for(let r of c){let s=r.closest(this.tagName);s!=null&&s.isSameNode(this)&&(n[r.getAttribute("name")||"default"]=r.innerHTML)}let p;try{p=this.hasAttribute("props")?m(JSON.parse(this.getAttribute("props"))):{}}catch(r){let s=this.getAttribute("component-url")||"<unknown>",v=this.getAttribute("component-export");throw v&&(s+=` (export ${v})`),console.error(`[hydrate] Error parsing props for component ${s}`,this.getAttribute("props"),r),r}let u;await this.hydrator(this)(this.Component,p,n,{client:this.getAttribute("client")}),this.removeAttribute("ssr"),this.dispatchEvent(new CustomEvent("astro:hydrate"))});d(this,"unmount",()=>{this.isConnected||this.dispatchEvent(new CustomEvent("astro:unmount"))})}disconnectedCallback(){document.removeEventListener("astro:after-swap",this.unmount),document.addEventListener("astro:after-swap",this.unmount,{once:!0})}connectedCallback(){if(!this.hasAttribute("await-children")||document.readyState==="interactive"||document.readyState==="complete")this.childrenConnectedCallback();else{let e=()=>{document.removeEventListener("DOMContentLoaded",e),c.disconnect(),this.childrenConnectedCallback()},c=new MutationObserver(()=>{var n;((n=this.lastChild)==null?void 0:n.nodeType)===Node.COMMENT_NODE&&this.lastChild.nodeValue==="astro:end"&&(this.lastChild.remove(),e())});c.observe(this,{childList:!0}),document.addEventListener("DOMContentLoaded",e)}}async childrenConnectedCallback(){let e=this.getAttribute("before-hydration-url");e&&await import(e),this.start()}async start(){let e=JSON.parse(this.getAttribute("opts")),c=this.getAttribute("client");if(Astro[c]===void 0){window.addEventListener(`astro:${c}`,()=>this.start(),{once:!0});return}try{await Astro[c](async()=>{let n=this.getAttribute("renderer-url"),[h,{default:p}]=await Promise.all([import(this.getAttribute("component-url")),n?import(n):()=>()=>{}]),u=this.getAttribute("component-export")||"default";if(!u.includes("."))this.Component=h[u];else{this.Component=h;for(let f of u.split("."))this.Component=this.Component[f]}return this.hydrator=p,this.hydrate},e,this)}catch(n){console.error(`[astro-island] Error hydrating ${this.getAttribute("component-url")}`,n)}}attributeChangedCallback(){this.hydrate()}}d(y,"observedAttributes",["props"]),customElements.get("astro-island")||customElements.define("astro-island",y)}})();</script>
305<astro-island uid="2qOJem" prefix="r1" component-url="/_astro/SparkPage.BMfPwync.js" component-export="default" renderer-url="/_astro/client.Dc9Vh3na.js" props="{}" ssr client="load" opts="{"name":"SparkPage","value":true}" await-children><!--$--><section class="relative mb-12"><div class="absolute inset-0 -bottom-16 z-0 overflow-hidden"><spline-viewer url="https://prod.spline.design/0b90tUHZ3a-4c4do/scene.splinecode" loading="lazy" style="width:100%;height:100%"></spline-viewer></div><div class="container-narrow relative z-10 pt-8 text-center sm:pt-14 lg:pt-20"><div class="relative flex flex-col"><h1 class="mx-auto max-w-4xl text-3xl font-bold leading-[1.05] tracking-tight text-primary sm:text-4xl md:text-5xl lg:text-6xl">Your ideas <br class="hidden sm:block"/>instantly on stream.</h1><p class="mx-auto mt-4 max-w-3xl scroll-mt-[20px] text-base leading-relaxed tracking-wide text-muted-foreground sm:mt-6 sm:text-lg lg:text-lg">Describe what you want. Spark builds it on your canvas, automatically <br class="hidden sm:block"/>connected to your platforms and ready to go live.</p><div class="mx-auto mt-8 flex flex-wrap items-center justify-center gap-3 sm:mt-10"><a href="/download/" class="inline-flex items-center justify-center gap-3 rounded-xl bg-white px-8 py-3.5 text-base font-semibold text-zinc-900 transition-colors duration-200 hover:bg-zinc-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/50 focus-visible:ring-offset-2 focus-visible:ring-offset-background">Download Meld Spark</a><a href="/download/referral/?product=obs-spark-plugin" class="inline-flex items-center justify-center gap-3 rounded-xl border border-white/10 bg-white/[0.05] px-8 py-3.5 text-base font-semibold text-white/80 transition-colors duration-200 hover:border-white/20 hover:bg-white/10 hover:text-white focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/30 focus-visible:ring-offset-2 focus-visible:ring-offset-background">Download Spark Plug for OBS</a></div><div class="mx-auto mt-12 w-full max-w-2xl sm:mt-16"><div class="spark-input-wrapper relative rounded-2xl p-[1px]"><div class="spark-input-border absolute inset-0 rounded-2xl"></div><div class="pointer-events-none absolute -inset-3 rounded-3xl bg-blue-500/[0.06] blur-xl"></div><div class="relative overflow-hidden rounded-[15px] bg-[#101010] px-5 py-[22px]"><div class="relative"><div class="pointer-events-none absolute inset-0 flex items-center text-base text-[#E2E2E2]"><span class="spark-cursor text-blue-400">|</span></div><textarea rows="1" class="relative block w-full resize-none bg-transparent text-base leading-6 text-[#E2E2E2] outline-none ring-0 ring-offset-0 placeholder:text-zinc-500 focus-visible:ring-0 focus-visible:ring-offset-0 text-transparent caret-transparent" placeholder=""></textarea></div></div><style> 306 @property --shimmer-angle { 307 syntax: '<angle>'; 308 initial-value: 0deg; 309 inherits: false; 310 } 311 312 .spark-input-border { 313 background: conic-gradient( 314 from var(--shimmer-angle), 315 rgba(40, 100, 255, 0.08) 0%, 316 rgba(40, 100, 255, 0.4) 10%, 317 rgba(100, 160, 255, 0.6) 15%, 318 rgba(40, 100, 255, 0.4) 20%, 319 rgba(40, 100, 255, 0.08) 30%, 320 rgba(255, 255, 255, 0.05) 50%, 321 rgba(40, 100, 255, 0.08) 70%, 322 rgba(40, 100, 255, 0.3) 85%, 323 rgba(40, 100, 255, 0.08) 100% 324 ); 325 animation: shimmer-rotate 4s linear infinite; 326 } 327 328 @keyframes shimmer-rotate { 329 to { 330 --shimmer-angle: 360deg; 331 } 332 } 333 334 .spark-cursor { 335 animation: cursor-blink 1s step-end infinite; 336 } 337 338 @keyframes cursor-blink { 339 0%, 100% { opacity: 1; } 340 50% { opacity: 0; } 341 } 342 343 @media (prefers-reduced-motion: reduce) { 344 .spark-input-border { 345 animation: none; 346 background: rgba(40, 100, 255, 0.2); 347 } 348 .spark-cursor { 349 animation: none; 350 } 351 } 352 </style></div></div><div class="mx-auto mt-7 flex max-w-3xl flex-wrap justify-center gap-2"><button type="button" aria-pressed="false" class="rounded-full border px-[18px] py-2 text-[13px] font-medium transition-all border-white/[0.06] bg-white/[0.03] text-white/50 hover:border-blue-500/20 hover:text-white/90">Chat Overlays</button><button type="button" aria-pressed="false" class="rounded-full border px-[18px] py-2 text-[13px] font-medium transition-all border-white/[0.06] bg-white/[0.03] text-white/50 hover:border-blue-500/20 hover:text-white/90">Stream Alerts</button><button type="button" aria-pressed="false" class="rounded-full border px-[18px] py-2 text-[13px] font-medium transition-all border-white/[0.06] bg-white/[0.03] text-white/50 hover:border-blue-500/20 hover:text-white/90">
352Interactive Chat Games</button><button type="button" aria-pressed="false" class="rounded-full border px-[18px] py-2 text-[13px] font-medium transition-all border-white/[0.06] bg-white/[0.03] text-white/50 hover:border-blue-500/20 hover:text-white/90">Lower Thirds</button><button type="button" aria-pressed="false" class="rounded-full border px-[18px] py-2 text-[13px] font-medium transition-all border-white/[0.06] bg-white/[0.03] text-white/50 hover:border-blue-500/20 hover:text-white/90">Countdown Timers</button><button type="button" aria-pressed="false" class="rounded-full border px-[18px] py-2 text-[13px] font-medium transition-all border-white/[0.06] bg-white/[0.03] text-white/50 hover:border-blue-500/20 hover:text-white/90">Goal Trackers</button><button type="button" aria-pressed="false" class="rounded-full border px-[18px] py-2 text-[13px] font-medium transition-all border-white/[0.06] bg-white/[0.03] text-white/50 hover:border-blue-500/20 hover:text-white/90">Scrolling Tickers</button><button type="button" aria-pressed="false" class="rounded-full border px-[18px] py-2 text-[13px] font-medium transition-all border-white/[0.06] bg-white/[0.03] text-white/50 hover:border-blue-500/20 hover:text-white/90">BRB & Scene Screens</button><button type="button" aria-pressed="false" class="rounded-full border px-[18px] py-2 text-[13px] font-medium transition-all border-white/[0.06] bg-white/[0.03] text-white/50 hover:border-blue-500/20 hover:text-white/90">QR Code Displays</button></div></div></div></section><section class="relative"><div class="relative left-1/2 right-1/2 mt-24 w-screen -translate-x-1/2 px-5 sm:mt-28 sm:px-12 lg:px-24"><div class="video-container relative aspect-video w-full overflow-hidden rounded-2xl border border-white/10"><video class="h-full w-full object-cover" loop="" muted="" playsInline="" autoPlay="" preload="metadata" src="/_astro/spark-overlay-demo.B1VO15xq.mp4"></video></div></div><div class="mb-8 mt-16 text-center sm:mb-10 sm:mt-20"><p class="text-lg text-primary sm:text-xl">Works out of the box with</p></div><div class="mx-auto max-w-5xl"><div class="mb-16 grid grid-cols-2 items-center gap-8 px-8 sm:gap-12 sm:px-0 md:grid-cols-5 md:gap-16"><div class="flex h-6 justify-center grayscale sm:h-7 md:h-8"><?xml version="1.0" encoding="utf-8"?> 353<!-- Generator: Adobe Illustrator 23.0.6, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> 354<svg version="1.1" id="Layer_1" role="img" aria-label="Twitch" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" 355 viewBox="0 0 8192 2500" style="enable-background:new 0 0 8192 2500;" xml:space="preserve"> 356<style type="text/css"> 357 .st0{fill:#FFFFFF;} 358</style> 359 360<g> 361 <g id="Layer_1-2"> 362 <polygon class="st0" points="596,840 595.8,319.1 0,319.1 0,1883 297.9,2180.9 1117,2181 1117,1585 596,1585 596,1436 1117,1436 363 1117,840 "/> 364 <polygon class="st0" points="2755,840 2755,1585 2606,1585 2606,840 2011,840 2011,1585 1862,1585 1862,840 1266,840 1266,1883 365 1563.9,2180.9 3351,2181 3351,840 "/> 366 <polygon class="st0" points="3500,840 4096,840 4096,2180.9 3500.2,2180.9 "/> 367 <polygon class="st0" points="3500.2,319.1 4096,319.1 4096,692 3500,692 "/> 368 <polygon class="st0" points="5809,840 5511,1138.3 5511,1883 5808.9,2180.9 6703,2181 6703,1585 6107,1585 6107,1436 6703,1436 369 6703,840 "/> 370 <polygon class="st0" points="7894,840 7448,840 7448,319 6852,319 6852,2181 7447,2181 7447,1436 7596,1436 7596,2181 371 8192,2180.9 8192,1138.3 "/> 372 <polygon class="st0" points="4841,840 4840.7,319.1 4245,319 4245,1883 4542.8,2180.9 5362,2180.9 5362,1585.1 4841,1585 373 4841,1436 5362,1436 5362,840 "/> 374 </g> 375</g> 376</svg> 377</div><div class="flex h-6 justify-center grayscale sm:h-7 md:h-8"><svg width="100%" height="100%" viewBox="0 0 381 85" version="1.1" xmlns="http://www.w3.org/2000/svg" 378 xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" 379 style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"> 380 <g id="Layer-1" serif:id="Layer 1" transform="matrix(1,0,0,1,-84.512,-85.059)"> 381 <g transform="matrix(1,0,0,1,133.143,109.336)"> 382 <path 383 d="M0,36.446L0,0L31.562,18.223L0,36.446ZM70.353,-11.018C68.955,-16.244 64.839,-20.361 59.612,-21.758C50.138,-24.297 12.148,-24.297 12.148,-24.297C12.148,-24.297 -25.841,-24.297 -35.315,-21.758C-40.542,-20.361 -44.658,-16.244 -46.055,-11.018C-48.594,-1.544 -48.594,18.223 -48.594,18.223C-48.594,18.223 -48.594,37.99 -46.055,47.464C-44.658,52.69 -40.542,56.807 -35.315,58.204C-25.841,60.743 12.148,60.743 12.148,60.743C12.148,60.743 50.138,60.743 59.612,58.204C64.839,56.807 68.955,52.69 70.353,47.464C72.891,37.99 72.891,18.223 72.891,18.223C72.891,18.223 72.891,-1.544 70.353,-11.018" 384 style="fill:white;fill-rule:nonzero;" /> 385 </g>
386 <g transform="matrix(1,0,0,1,274.351,120.442)"> 387 <path 388 d="M0,33.62C0.665,31.884 0.999,29.046 0.999,25.107L0.999,8.513C0.999,4.691 0.665,1.897 0,0.13C-0.667,-1.636 -1.84,-2.52 -3.519,-2.52C-5.141,-2.52 -6.285,-1.636 -6.95,0.13C-7.617,1.897 -7.949,4.691 -7.949,8.513L-7.949,25.107C-7.949,29.046 -7.632,31.884 -6.994,33.62C-6.357,35.358 -5.199,36.226 -3.519,36.226C-1.84,36.226 -0.667,35.358 0,33.62M-13.466,41.961C-15.87,40.341 -17.579,37.82 -18.591,34.402C-19.605,30.986 -20.112,26.439 -20.112,20.763L-20.112,13.031C-20.112,7.297 -19.534,2.692 -18.374,-0.782C-17.217,-4.257 -15.407,-6.791 -12.945,-8.384C-10.484,-9.976 -7.254,-10.773 -3.258,-10.773C0.68,-10.773 3.836,-9.962 6.211,-8.34C8.586,-6.719 10.323,-4.184 11.424,-0.739C12.523,2.707 13.075,7.297 13.075,13.031L13.075,20.763C13.075,26.439 12.539,31.001 11.468,34.446C10.396,37.892 8.658,40.412 6.255,42.004C3.851,43.597 0.593,44.393 -3.519,44.393C-7.747,44.393 -11.063,43.582 -13.466,41.961" 389 style="fill:white;fill-rule:nonzero;" /> 390 </g> 391 <g transform="matrix(1,0,0,1,446.926,155.58)"> 392 <path 393 d="M0,-36.662C-0.607,-35.909 -1.014,-34.678 -1.216,-32.97C-1.42,-31.261 -1.52,-28.67 -1.52,-25.195L-1.52,-21.372L7.254,-21.372L7.254,-25.195C7.254,-28.611 7.138,-31.203 6.907,-32.97C6.675,-34.736 6.256,-35.981 5.647,-36.705C5.039,-37.43 4.098,-37.792 2.824,-37.792C1.549,-37.792 0.608,-37.414 0,-36.662M-1.52,-14.248L-1.52,-11.555C-1.52,-8.137 -1.42,-5.574 -1.216,-3.866C-1.014,-2.157 -0.595,-0.912 0.044,-0.13C0.681,0.651 1.664,1.043 2.998,1.043C4.792,1.043 6.023,0.348 6.689,-1.043C7.354,-2.433 7.717,-4.749 7.775,-7.993L18.114,-7.385C18.172,-6.92 18.201,-6.283 18.201,-5.474C18.201,-0.55 16.854,3.128 14.161,5.561C11.469,7.992 7.659,9.209 2.737,9.209C-3.17,9.209 -7.312,7.357 -9.687,3.649C-12.063,-0.057 -13.249,-5.791 -13.249,-13.553L-13.249,-22.849C-13.249,-30.842 -12.019,-36.676 -9.556,-40.355C-7.095,-44.032 -2.881,-45.871 3.085,-45.871C7.196,-45.871 10.353,-45.118 12.554,-43.613C14.754,-42.106 16.304,-39.76 17.202,-36.576C18.1,-33.39 18.549,-28.987 18.549,-23.37L18.549,-14.248L-1.52,-14.248Z" 394 style="fill:white;fill-rule:nonzero;" /> 395 </g> 396 <g transform="matrix(1,0,0,1,231.691,114.707)"> 397 <path 398 d="M0,25.628L-13.64,-23.632L-1.738,-23.632L3.04,-1.304C4.257,4.199 5.154,8.89 5.733,12.77L6.081,12.77C6.486,9.99 7.384,5.328 8.774,-1.217L13.726,-23.632L25.628,-23.632L11.815,25.628L11.815,49.26L0,49.26L0,25.628Z" 399 style="fill:white;fill-rule:nonzero;" /> 400 </g> 401 <g transform="matrix(1,0,0,1,326.136,164.835)"> 402 <path 403 d="M0,-54.124L0,-0.869L-9.383,-0.869L-10.426,-7.384L-10.686,-7.384C-13.235,-2.461 -17.058,0 -22.154,0C-25.687,0 -28.293,-1.158 -29.973,-3.475C-31.653,-5.791 -32.492,-9.412 -32.492,-14.334L-32.492,-54.124L-20.503,-54.124L-20.503,-15.03C-20.503,-12.654 -20.242,-10.96 -19.721,-9.948C-19.2,-8.933 -18.332,-8.427 -17.115,-8.427C-16.072,-8.427 -15.073,-8.745 -14.118,-9.383C-13.162,-10.02 -12.453,-10.83 -11.989,-11.815L-11.989,-54.124L0,-54.124Z" 404 style="fill:white;fill-rule:nonzero;" /> 405 </g> 406 <g transform="matrix(1,0,0,1,387.632,164.835)"> 407 <path 408 d="M0,-54.124L0,-0.869L-9.383,-0.869L-10.426,-7.384L-10.686,-7.384C-13.236,-2.461 -17.058,0 -22.154,0C-25.687,0 -28.293,-1.158 -29.973,-3.475C-31.653,-5.791 -32.492,-9.412 -32.492,-14.334L-32.492,-54.124L-20.503,-54.124L-20.503,-15.03C-20.503,-12.654 -20.243,-10.96 -19.722,-9.948C-19.2,-8.933 -18.332,-8.427 -17.115,-8.427C-16.072,-8.427 -15.073,-8.745 -14.118,-9.383C-13.162,-10.02 -12.454,-10.83 -11.989,-11.815L-11.989,-54.124L0,-54.124Z" 409 style="fill:white;fill-rule:nonzero;" /> 410 </g> 411 <g transform="matrix(1,0,0,1,358.714,154.323)"> 412 <path 413 d="M0,-53.603L-11.902,-53.603L-11.902,9.644L-23.63,9.644L-23.63,-53.603L-35.532,-53.603L-35.532,-63.247L0,-63.247L0,-53.603Z" 414 style="fill:white;fill-rule:nonzero;" /> 415 </g> 416 <g transform="matrix(1,0,0,1,416.321,112.184)"> 417 <path 418 d="M0,28.763C0,32.644 -0.16,35.685 -0.479,37.885C-0.797,40.087 -1.333,41.651 -2.086,42.576C-2.839,43.503 -3.854,43.966 -5.126,43.966C-6.111,43.966 -7.023,43.736 -7.862,43.271C-8.703,42.808 -9.383,42.114 -9.904,41.186L-9.904,10.953C-9.5,9.506 -8.805,8.318 -7.819,7.391C-6.835,6.466 -5.765,6.001 -4.605,6.001C-3.389,6.001 -2.448,6.479 -1.781,7.434C-1.116,8.39 -0.652,9.997 -0.392,12.257C-0.131,14.515 0,17.729 0,21.899L0,28.763ZM10.989,7.04C10.265,3.682 9.092,1.249 7.471,-0.258C5.849,-1.762 3.618,-2.516 0.781,-2.516C-1.42,-2.516 -3.476,-1.893 -5.387,-0.648C-7.298,0.597 -8.775,2.234 -9.817,4.261L-9.905,4.261L-9.904,-23.801L-21.459,-23.801L-21.459,51.782L-11.556,51.782L-10.339,46.743L-10.078,46.743C-9.152,48.538 -7.763,49.957 -5.908,51C-4.056,52.042 -1.999,52.564 0.261,52.564C4.313,52.564 7.297,50.696 9.208,46.96C11.119,43.224 12.075,37.39 12.075,29.454L12.075,21.028C12.075,15.063 11.713,10.4 10.989,7.04" 419 style="fill:white;fill-rule:nonzero;" /> 420 </g> 421 </g> 422</svg> 423</div><div class="flex h-6 justify-center grayscale sm:h-7 md:h-8 [&>svg]:h-full [&>svg]:w-auto"><svg width="53" height="18" viewBox="0 0 53 18" fill="none" xmlns="http://www.w3.org/2000/svg"> 424<path fill-rule="evenodd" clip-rule="evenodd" d="M0 0.0209144H5.67636V3.94332H7.5653V1.98212H9.45426V0.0209144H15.1306V5.91593H13.2416V7.87714H11.3528V9.8383H13.2416V11.7995H15.1306V17.6945H9.45426V15.7333H7.5653V13.7721H5.67636V17.6945H0V0.0209144ZM37.8693 0.0209144H43.5457V3.94332H45.4347V1.98212H47.3236V0.0209144H53V5.91593H51.111V7.87714H49.2221V9.8383H51.111V11.7995H53V17.6945H47.3236V15.7333H45.4347V13.7721H43.5457V17.6945H37.8693V0.0209144ZM17.0405 0.0209144H22.7169V17.6945H17.0405V0.0209144ZM26.5052 0.0209144V1.98212H24.6162V15.7229H26.5052V17.6841H35.97V11.7891H30.2936V5.89406H35.97V0H26.5052V0.0209144Z" fill="white"/> 425</svg> 426</div><div class="flex h-6 justify-center grayscale sm:h-7 md:h-8 [&>svg]:h-full [&>svg]:w-auto"><svg width="87" height="23" viewBox="0 0 87 23" fill="none" xmlns="http://www.w3.org/2000/svg"> 427<g clip-path="url(#clip0_197_492)">
428<path d="M52.6248 10.5846H48.2937L45.0094 14.1326V5.6622H41.3576V21.2764H45.0094V18.3837L46.4558 16.8655L48.6613 21.2605H52.9204L49.1487 14.3323L52.6248 10.5846ZM23.1383 9.18619H26.926V21.2685H30.8096V9.18619H33.2708L34.6532 5.6542H23.1383V9.18619ZM35.5802 21.2764H39.232V10.5846H35.5802V21.2764ZM37.3941 5.46242C36.2034 5.46242 35.3644 6.28549 35.3644 7.41221C35.3644 8.53892 36.2034 9.36199 37.3941 9.36199C38.5847 9.36199 39.4238 8.52294 39.4238 7.41221C39.4238 6.30147 38.5847 5.46242 37.3941 5.46242ZM82.3989 14.3243L85.875 10.5846H81.5439L78.2596 14.1246V5.6542H74.6078V21.2685H78.2596V18.3757L79.706 16.8575L81.9115 21.2525H86.1706L82.3989 14.3243ZM63.1089 5.6542H51.0586V9.18619H54.8462V21.2685H58.7298V9.18619H61.7184L63.1089 5.6542ZM66.8246 9.2661C63.3086 9.2661 60.6397 11.9431 60.6397 15.3951C60.6397 18.8472 63.3166 21.5242 66.8246 21.5242C70.3326 21.5242 73.0096 18.8472 73.0096 15.3951C73.0096 11.9431 70.3406 9.2661 66.8246 9.2661ZM66.8246 18.192C65.2664 18.192 64.1876 17.0413 64.1876 15.4031C64.1876 13.765 65.2584 12.6143 66.8246 12.6143C68.3909 12.6143 69.4616 13.765 69.4616 15.4031C69.4616 17.0413 68.3909 18.192 66.8246 18.192ZM14.2044 0.0365906H10.5926V15.3791C10.5926 17.3929 9.1462 18.6874 7.3882 18.6874C5.6302 18.6874 4.07197 17.3929 4.07197 15.3791C4.07197 13.0538 5.88591 11.8312 8.30715 12.0869V8.20331C7.95555 8.14737 7.60395 8.1234 7.30829 8.1234C3.3448 8.1234 0.0285645 11.3038 0.0285645 15.2513C0.0285645 19.4305 3.30484 22.6269 7.33226 22.6269C10.8642 22.6269 14.612 20.0299 14.612 15.1314V7.14851C16.1702 8.70674 18.0641 9.19418 20.0938 9.19418V5.60626C17.6006 5.42247 14.8357 3.78433 14.2044 0.0365906Z" fill="white"/> 429</g> 430<defs> 431<clipPath id="clip0_197_492"> 432<rect width="87" height="23" fill="white"/> 433</clipPath> 434</defs> 435</svg> 436</div><div class="flex h-6 justify-center grayscale sm:h-7 md:h-8 [&>svg]:h-full [&>svg]:w-auto"><svg role="img" aria-label="X" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path fill="currentColor" d="M14.234 10.162 22.977 0h-2.072l-7.591 8.824L7.251 0H.258l9.168 13.343L.258 24H2.33l8.016-9.318L16.749 24h6.993zm-2.837 3.299-.929-1.329L3.076 1.56h3.182l5.965 8.532.929 1.329 7.754 11.09h-3.182z"/></svg> 437</div></div></div></section><section class="py-16 sm:py-24 lg:py-32"><div class="container-narrow"><h2 class="text-3xl font-semibold leading-tight tracking-tight text-primary sm:text-4xl md:text-5xl lg:text-6xl">Don't want to build from scratch? <br class="hidden sm:block"/>We've got you.</h2><p class="mt-6 max-w-2xl text-base leading-relaxed tracking-wide text-muted-foreground sm:text-lg lg:text-lg">A growing library of interactive overlays, chat games, and widgets. Connect your platforms and drag them onto your canvas. Ready to stream from day one.</p></div><div class="mt-12"><div class="spark-gallery relative"><div class="pointer-events-none absolute inset-y-0 left-0 z-10 w-24 bg-gradient-to-r from-black to-transparent"></div><div class="pointer-events-none absolute inset-y-0 right-0 z-10 w-24 bg-gradient-to-l from-black to-transparent"></div><div class="flex flex-col gap-6"><div class="overflow-hidden"><div class="gallery-track flex w-max gallery-track-left" style="--gallery-duration:90s"><div class="flex gap-4 pr-4"><a href="/gallery/" class="group block w-72 flex-shrink-0 transition-opacity hover:opacity-90"><div class="overflow-hidden rounded-xl"><img src="/gallery/gg-drop.webp" alt="GG Drop" class="aspect-video w-full object-cover" loading="lazy"/></div><div class="mt-3.5 flex items-center gap-3"><div class="flex items-center justify-center rounded-full bg-zinc-800 text-[#E2E2E2]" style="width:36px;height:36px;min-width:36px"><svg class="shrink-0 h-[16px] w-[16px]" viewBox="0 0 24 24" fill="currentColor"><path d="M2 9.13738C2 14.0004 6.02 16.5914 8.962 18.9114C10 19.7294 11 20.5004 12 20.5004C13 20.5004 14 19.7304 15.038 18.9104C17.981 16.5924 22 14.0004 22 9.13838C22 4.27638 16.5 0.825382 12 5.50138C7.5 0.825382 2 4.27438 2 9.13738Z"></path></svg></div><div><p class="text-sm font-semibold text-white">GG Drop</p><p class="text-xs text-zinc-500">Chat Driven</p></div></div></a><a href="/gallery/" class="group block w-72 flex-shrink-0 transition-opacity hover:opacity-90"><div class="overflow-hidden rounded-xl"><img src="/gallery/pokemon-starting-soon.webp" alt="Starting Soon Pokemon" class="aspect-video w-full object-cover" loading="lazy"/></div><div class="mt-3.5 flex items-center gap-3"><div class="flex items-center justify-center rounded-full bg-zinc-800 text-[#E2E2E2]" style="width:36px;height:36px;min-width:36px"><svg class="shrink-0 h-[16px] w-[16px]" viewBox="0 0 24 24" fill="currentColor"><path d="M15 19C15.2652 19 15.5196 19.1054 15.7071 19.2929C15.8946 19.4804 16 19.7348 16 20C16 20.2652 15.8946 20.5196 15.7071 20.7071C15.5196 20.8946 15.2652 21 15 21H9C8.73478 21 8.48043 20.8946 8.29289 20.7071C8.10536 20.5196 8 20.2652 8 20C8 19.7348 8.10536 19.4804 8.29289 19.2929C8.48043 19.1054 8.73478 19 9 19H15ZM23 14.6C23 15.5017 22.6418 16.3665 22.0042 17.0042C21.3665 17.6418 20.5017 18 19.6 18H4.4C3.49826 18 2.63346 17.6418 1.99584 17.0042C1.35821 16.3665 1 15.5017 1 14.6V6.4C1 5.49826 1.35821 4.63346 1.99584 3.99584C2.63346 3.35821 3.49826 3 4.4 3H19.6L19.775 3.005C20.6452 3.04985 21.465 3.42709 22.0651 4.05884C22.6652 4.6906 22.9999 5.52864 23 6.4V14.6Z"></path></svg></div><div><p class="text-sm font-semibold text-white">Starting Soon Pokemon</p><p class="text-xs text-zinc-500">Starting Soon</p></div></div></a><a href="/gallery/" class="group block w-72 flex-shrink-0 transition-opacity hover:opacity-90"><div class="overflow-hidden rounded-xl"><img src="/gallery/tower-bloxx.webp" alt="Tower Bloxx" class="aspect-video w-full object-cover" loading="lazy"/></div><div class="mt-3.5 flex items-center gap-3"><div class="flex items-center justify-center rounded-full bg-zinc-800 text-[#E2E2E2]" style="width:36px;height:36px;min-width:36px"><svg class="shrink-0 h-[16px] w-[16px]" viewBox="0 0 24 24" fill="currentColor"><path d="M12 22C15.719 22 19.063 19.965 20.809 16.686L13 12L20.809 7.314C19.063 4.035 15.719 2 12 2C6.486 2 2 6.486 2 12C2 17.514 6.486 22 12 22ZM11.5 6C11.898 6.00013 12.2796 6.15835 12.5609 6.43984C12.8422 6.72133 13.0001 7.10304 13 7.501C12.9999 7.89896 12.8417 8.28056 12.5602 8.56187C12.2787 8.84317 11.897 9.00113 11.499 9.001C11.101 9.00087 10.7194 8.84265 10.4381 8.56116C10.1568 8.27967 9.99887 7.89796 9.999 7.5C9.99913 7.10204 10.1573 6.72044 10.4388 6.43913C10.7203 6.15783 11.102 5.99987 11.5 6Z"></path></svg></div><div><p class="text-sm font-semibold text-white">Tower Bloxx</p><p class="text-xs text-zinc-500">Chat Game</p></div></div></a><div class="w-72 flex-shrink-0"><div class="overflow-hidden rounded-xl"><img src="/gallery/pixel-avatars.webp" alt="Pixel Art Avatars" class="aspect-video w-full object-cover" loading="lazy"/></div><div class="mt-3.5 flex items-center gap-3"><div class="flex items-center justify-center rounded-full bg-zinc-800 text-[#E2E2E2]" style="width:36px;height:36px;min-width:36px"><svg class="shrink-0 h-[16px] w-[16px]" viewBox="0 0 24 24" fill="currentColor"><path d="M2 9.13738C2 14.0004 6.02 16.5914 8.962 18.9114C10 19.7294 11 20.5004 12 20.5004C13 20.5004 14 19.7304 15.038 18.9104C17.981 16.5924 22 14.0004 22 9.13838C22 4.27638 16.5 0.825382 12 5.50138C7.5 0.825382 2 4.27438 2 9.13738Z"></path></svg></div><div><p class="text-sm font-semibold text-white">Pixel Art Avatars</p><p class="text-xs text-zinc-500">Chat Driven</p></div></div></div><div class="w-72 flex-shrink-0"><div class="overflow-hidden rounded-xl"><img src="/gallery/street-fighter.webp" alt="Chat 1v1" class="aspect-video w-full object-cover" loading="lazy"/></div><div class="mt-3.5 flex items-center gap-3"><div class="flex items-center justify-center rounded-full bg-zinc-800 text-[#E2E2E2]" style="width:36px;height:36px;min-width:36px"><svg class="shrink-0 h-[16px] w-[16px]" viewBox="0 0 24 24" fill="currentColor"><path d="M12 22C15.719 22 19.063 19.965 20.809 16.686L13 12L20.809 7.314C19.063 4.035 15.719 2 12 2C6.486 2 2 6.486 2 12C2 17.514 6.486 22 12 22ZM11.5 6C11.898 6.00013 12.2796 6.15835 12.5609 6.43984C12.8422 6.72133 13.0001 7.10304 13 7.501C12.9999 7.89896 12.8417 8.28056 12.5602 8.56187C12.2787 8.84317 11.897 9.00113 11.499 9.001C11.101 9.00087 10.7194 8.84265 10.4381 8.56116C10.1568 8.27967 9.99887 7.89796 9.999 7.5C9.99913 7.10204 10.1573 6.72044 10.4388 6.43913C10.7203 6.15783 11.102 5.99987 11.5 6Z"></path></svg></div><div><p class="text-sm font-semibold text-white">Chat 1v1</p><p class="text-xs text-zinc-500">Chat Game</p></div></div></div><div class="w-72 flex-shrink-0"><div class="overflow-hidden rounded-xl"><img src="/gallery/tetris-brb.webp" alt="Tetris BRB" class="aspect-video w-full object-cover" loading="lazy"/></div><div class="mt-3.5 flex items-center gap-3"><div class="flex items-center justify-center rounded-full bg-zinc-800 text-[#E2E2E2]" style="width:36px;height:36px;min-width:36px"><svg class="shrink-0 h-[16px] w-[16px]" viewBox="0 0 24 24" fill="currentColor"><path d="M15 19C15.2652 19 15.5196 19.1054 15.7071 19.2929C15.8946 19.4804 16 19.7348 16 20C16 20.2652 15.8946 20.5196 15.7071 20.7071C15.5196 20.8946 15.2652 21 15 21H9C8.73478 21 8.48043 20.8946 8.29289 20.7071C8.10536 20.5196 8 20.2652 8 20C8 19.7348 8.10536 19.4804 8.29289 19.2929C8.48043 19.1054 8.73478 19 9 19H15ZM23 14.6C23 15.5017 22.6418 16.3665 22.0042 17.0042C21.3665 17.6418 20.5017 18 19.6 18H4.4C3.49826 18 2.63346 17.6418 1.99584 17.0042C1.35821 16.3665 1 15.5017 1 14.6V6.4C1 5.49826 1.35821 4.63346 1.99584 3.99584C2.63346 3.35821 3.49826 3 4.4 3H19.6L19.775 3.005C20.6452 3.04985 21.465 3.42709 22.0651 4.05884C22.6652 4.6906 22.9999 5.52864 23 6.4V14.6Z"></path></svg></div><div><p class="text-sm font-semibold text-white">Tetris BRB</p><p class="text-xs text-zinc-500">BRB Screen</p></div></div></div><div class="w-72 flex-shrink-0"><div class="overflow-hidden rounded-xl"><img src="/gallery/cozy-garden-sub-wall.webp" alt="Cozy Garden Subscriber Wall" class="aspect-video w-full object-cover" loading="lazy"/></div><div class="mt-3.5 flex items-center gap-3"><div class="flex items-center justify-center rounded-full bg-zinc-800 text-[#E2E2E2]" style="width:36px;height:36px;min-width:36px"><svg class="shrink-0 h-[16px] w-[16px]" viewBox="0 0 24 24" fill="currentColor"><path d="M10.3131 2.99074C11.0541 1.67708 12.9459 1.67708 13.6869 2.99074L15.0238 5.3611C15.8767 6.87321 17.1268 8.12333 18.6389 8.9762L21.0093 10.3131C22.3229 11.0541 22.3229 12.9459 21.0093 13.6869L18.6389 15.0238C17.1268 15.8767 15.8767 17.1268 15.0238 18.6389L13.6869 21.0093C12.9459 22.3229 11.0541 22.3229 10.3131 21.0093L8.9762 18.6389C8.12333 17.1268 6.87321 15.8767 5.3611 15.0238L2.99074 13.6869C1.67708 12.9459 1.67708 11.0541 2.99074 10.3131L5.3611 8.9762C6.87321 8.12333 8.12333 6.87321 8.9762 5.3611L10.3131 2.99074Z"></path></svg></div><div><p class="text-sm font-semibold text-white">Cozy Garden Subscriber Wall</p><p class="text-xs text-zinc-500">Overlay</p></div></div></div><div class="w-72 flex-shrink-0"><div class="overflow-hidden rounded-xl"><img src="/gallery/party-time.webp" alt="Party Time" class="aspect-video w-full object-cover" loading="lazy"/></div><div class="mt-3.5 flex items-center gap-3"><div class="flex items-center justify-center rounded-full bg-zinc-800 text-[#E2E2E2]" style="width:36px;height:36px;min-width:36px"><svg class="shrink-0 h-[16px] w-[16px]" viewBox="0 0 24 24" fill="currentColor"><path d="M10.3131 2.99074C11.0541 1.67708 12.9459 1.67708 13.6869 2.99074L15.0238 5.3611C15.8767 6.87321 17.1268 8.12333 18.6389 8.9762L21.0093 10.3131C22.3229 11.0541 22.3229 12.9459 21.0093 13.6869L18.6389 15.0238C17.1268 15.8767 15.8767 17.1268 15.0238 18.6389L13.6869 21.0093C12.9459 22.3229 11.0541 22.3229 10.3131 21.0093L8.9762 18.6389C8.12333 17.1268 6.87321 15.8767 5.3611 15.0238L2.99074 13.6869C1.67708 12.9459 1.67708 11.0541 2.99074 10.3131L5.3611 8.9762C6.87321 8.12333 8.12333 6.87321 8.9762 5.3611L10.3131 2.99074Z"></path></svg></div><div><p class="text-sm font-semibold text-white">Party Time</p><p class="text-xs text-zinc-500">Overlay</p></div></div></div><div class="w-72 flex-shrink-0"><div class="overflow-hidden rounded-xl"><img src="/gallery/neon-chat.webp" alt="Neon Chat" class="aspect-video w-full object-cover" loading="lazy"/></div><div class="mt-3.5 flex items-center gap-3"><div class="flex items-center justify-center rounded-full bg-zinc-800 text-[#E2E2E2]" style="width:36px;height:36px;min-width:36px"><svg class="shrink-0 h-[16px] w-[16px]" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12.0001 21C13.997 20.9997 15.9371 20.3353 17.515 19.1114C19.0929 17.8874 20.2189 16.1735 20.7157 14.2394C21.2126 12.3053 21.0521 10.2608 20.2596 8.42795C19.467 6.59506 18.0874 5.0778 16.3379 4.11506C14.5883 3.15231 12.5683 2.79875 10.5958 3.11004C8.62332 3.42132 6.81037 4.37978 5.44237 5.83452C4.07437 7.28925 3.22904 9.15764 3.03945 11.1455C2.84985 13.1334 3.32677 15.1279 4.39512 16.815L3.00012 21L7.18512 19.605C8.6247 20.5187 10.2951 21.0026 12.0001 21Z"></path></svg></div><div><p class="text-sm font-semibold text-white">Neon Chat</p><p class="text-xs text-zinc-500">Chat Widget</p></div></div></div></div><div class="flex gap-4 pr-4" aria-hidden="true"><a href="/gallery/" class="group block w-72 flex-shrink-0 transition-opacity hover:opacity-90"><div class="overflow-hidden rounded-xl"><img src="/gallery/gg-drop.webp" alt="GG Drop" class="aspect-video w-full object-cover" loading="lazy"/></div><div class="mt-3.5 flex items-center gap-3"><div class="flex items-center justify-center rounded-full bg-zinc-800 text-[#E2E2E2]" style="width:36px;height:36px;min-width:36px"><svg class="shrink-0 h-[16px] w-[16px]" viewBox="0 0 24 24" fill="currentColor"><path d="M2 9.13738C2 14.0004 6.02 16.5914 8.962 18.9114C10 19.7294 11 20.5004 12 20.5004C13 20.5004 14 19.7304 15.038 18.9104C17.981 16.5924 22 14.0004 22 9.13838C22 4.27638 16.5 0.825382 12 5.50138C7.5 0.825382 2 4.27438 2 9.13738Z"></path></svg></div><div><p class="text-sm font-semibold text-white">GG Drop</p><p class="text-xs text-zinc-500">Chat Driven</p></div></div></a><a href="/gallery/" class="group block w-72 flex-shrink-0 transition-opacity hover:opacity-90"><div class="overflow-hidden rounded-xl"><img src="/gallery/pokemon-starting-soon.webp" alt="Starting Soon Pokemon" class="aspect-video w-full object-cover" loading="lazy"/></div><div class="mt-3.5 flex items-center gap-3"><div class="flex items-center justify-center rounded-full bg-zinc-800 text-[#E2E2E2]" style="width:36px;height:36px;min-width:36px"><svg class="shrink-0 h-[16px] w-[16px]" viewBox="0 0 24 24" fill="currentColor"><path d="M15 19C15.2652 19 15.5196 19.1054 15.7071 19.2929C15.8946 19.4804 16 19.7348 16 20C16 20.2652 15.8946 20.5196 15.7071 20.7071C15.5196 20.8946 15.2652 21 15 21H9C8.73478 21 8.48043 20.8946 8.29289 20.7071C8.10536 20.5196 8 20.2652 8 20C8 19.7348 8.10536 19.4804 8.29289 19.2929C8.48043 19.1054 8.73478 19 9 19H15ZM23 14.6C23 15.5017 22.6418 16.3665 22.0042 17.0042C21.3665 17.6418 20.5017 18 19.6 18H4.4C3.49826 18 2.63346 17.6418 1.99584 17.0042C1.35821 16.3665 1 15.5017 1 14.6V6.4C1 5.49826 1.35821 4.63346 1.99584 3.99584C2.63346 3.35821 3.49826 3 4.4 3H19.6L19.775 3.005C20.6452 3.04985 21.465 3.42709 22.0651 4.05884C22.6652 4.6906 22.9999 5.52864 23 6.4V14.6Z"></path></svg></div><div><p class="text-sm font-semibold text-white">Starting Soon Pokemon</p><p class="text-xs text-zinc-500">Starting Soon</p></div></div></a><a href="/gallery/" class="group block w-72 flex-shrink-0 transition-opacity hover:opacity-90"><div class="overflow-hidden rounded-xl"><img src="/gallery/tower-bloxx.webp" alt="Tower Bloxx" class="aspect-video w-full object-cover" loading="lazy"/></div><div class="mt-3.5 flex items-center gap-3"><div class="flex items-center justify-center rounded-full bg-zinc-800 text-[#E2E2E2]" style="width:36px;height:36px;min-width:36px"><svg class="shrink-0 h-[16px] w-[16px]" viewBox="0 0 24 24" fill="currentColor"><path d="M12 22C15.719 22 19.063 19.965 20.809 16.686L13 12L20.809 7.314C19.063 4.035 15.719 2 12 2C6.486 2 2 6.486 2 12C2 17.514 6.486 22 12 22ZM11.5 6C11.898 6.00013 12.2796 6.15835 12.5609 6.43984C12.8422 6.72133 13.0001 7.10304 13 7.501C12.9999 7.89896 12.8417 8.28056 12.5602 8.5
4376187C12.2787 8.84317 11.897 9.00113 11.499 9.001C11.101 9.00087 10.7194 8.84265 10.4381 8.56116C10.1568 8.27967 9.99887 7.89796 9.999 7.5C9.99913 7.10204 10.1573 6.72044 10.4388 6.43913C10.7203 6.15783 11.102 5.99987 11.5 6Z"></path></svg></div><div><p class="text-sm font-semibold text-white">Tower Bloxx</p><p class="text-xs text-zinc-500">Chat Game</p></div></div></a><div class="w-72 flex-shrink-0"><div class="overflow-hidden rounded-xl"><img src="/gallery/pixel-avatars.webp" alt="Pixel Art Avatars" class="aspect-video w-full object-cover" loading="lazy"/></div><div class="mt-3.5 flex items-center gap-3"><div class="flex items-center justify-center rounded-full bg-zinc-800 text-[#E2E2E2]" style="width:36px;height:36px;min-width:36px"><svg class="shrink-0 h-[16px] w-[16px]" viewBox="0 0 24 24" fill="currentColor"><path d="M2 9.13738C2 14.0004 6.02 16.5914 8.962 18.9114C10 19.7294 11 20.5004 12 20.5004C13 20.5004 14 19.7304 15.038 18.9104C17.981 16.5924 22 14.0004 22 9.13838C22 4.27638 16.5 0.825382 12 5.50138C7.5 0.825382 2 4.27438 2 9.13738Z"></path></svg></div><div><p class="text-sm font-semibold text-white">Pixel Art Avatars</p><p class="text-xs text-zinc-500">Chat Driven</p></div></div></div><div class="w-72 flex-shrink-0"><div class="overflow-hidden rounded-xl"><img src="/gallery/street-fighter.webp" alt="Chat 1v1" class="aspect-video w-full object-cover" loading="lazy"/></div><div class="mt-3.5 flex items-center gap-3"><div class="flex items-center justify-center rounded-full bg-zinc-800 text-[#E2E2E2]" style="width:36px;height:36px;min-width:36px"><svg class="shrink-0 h-[16px] w-[16px]" viewBox="0 0 24 24" fill="currentColor"><path d="M12 22C15.719 22 19.063 19.965 20.809 16.686L13 12L20.809 7.314C19.063 4.035 15.719 2 12 2C6.486 2 2 6.486 2 12C2 17.514 6.486 22 12 22ZM11.5 6C11.898 6.00013 12.2796 6.15835 12.5609 6.43984C12.8422 6.72133 13.0001 7.10304 13 7.501C12.9999 7.89896 12.8417 8.28056 12.5602 8.56187C12.2787 8.84317 11.897 9.00113 11.499 9.001C11.101 9.00087 10.7194 8.84265 10.4381 8.56116C10.1568 8.27967 9.99887 7.89796 9.999 7.5C9.99913 7.10204 10.1573 6.72044 10.4388 6.43913C10.7203 6.15783 11.102 5.99987 11.5 6Z"></path></svg></div><div><p class="text-sm font-semibold text-white">Chat 1v1</p><p class="text-xs text-zinc-500">Chat Game</p></div></div></div><div class="w-72 flex-shrink-0"><div class="overflow-hidden rounded-xl"><img src="/gallery/tetris-brb.webp" alt="Tetris BRB" class="aspect-video w-full object-cover" loading="lazy"/></div><div class="mt-3.5 flex items-center gap-3"><div class="flex items-center justify-center rounded-full bg-zinc-800 text-[#E2E2E2]" style="width:36px;height:36px;min-width:36px"><svg class="shrink-0 h-[16px] w-[16px]" viewBox="0 0 24 24" fill="currentColor"><path d="M15 19C15.2652 19 15.5196 19.1054 15.7071 19.2929C15.8946 19.4804 16 19.7348 16 20C16 20.2652 15.8946 20.5196 15.7071 20.7071C15.5196 20.8946 15.2652 21 15 21H9C8.73478 21 8.48043 20.8946 8.29289 20.7071C8.10536 20.5196 8 20.2652 8 20C8 19.7348 8.10536 19.4804 8.29289 19.2929C8.48043 19.1054 8.73478 19 9 19H15ZM23 14.6C23 15.5017 22.6418 16.3665 22.0042 17.0042C21.3665 17.6418 20.5017 18 19.6 18H4.4C3.49826 18 2.63346 17.6418 1.99584 17.0042C1.35821 16.3665 1 15.5017 1 14.6V6.4C1 5.49826 1.35821 4.63346 1.99584 3.99584C2.63346 3.35821 3.49826 3 4.4 3H19.6L19.775 3.005C20.6452 3.04985 21.465 3.42709 22.0651 4.05884C22.6652 4.6906 22.9999 5.52864 23 6.4V14.6Z"></path></svg></div><div><p class="text-sm font-semibold text-white">Tetris BRB</p><p class="text-xs text-zinc-500">BRB Screen</p></div></div></div><div class="w-72 flex-shrink-0"><div class="overflow-hidden rounded-xl"><img src="/gallery/cozy-garden-sub-wall.webp" alt="Cozy Garden Subscriber Wall" class="aspect-video w-full object-cover" loading="lazy"/></div><div class="mt-3.5 flex items-center gap-3"><div class="flex items-center justify-center rounded-full bg-zinc-800 text-[#E2E2E2]" style="width:36px;height:36px;min-width:36px"><svg class="shrink-0 h-[16px] w-[16px]" viewBox="0 0 24 24" fill="currentColor"><path d="M10.3131 2.99074C11.0541 1.67708 12.9459 1.67708 13.6869 2.99074L15.0238 5.3611C15.8767 6.87321 17.1268 8.12333 18.6389 8.9762L21.0093 10.3131C22.3229 11.0541 22.3229 12.9459 21.0093 13.6869L18.6389 15.0238C17.1268 15.8767 15.8767 17.1268 15.0238 18.6389L13.6869 21.0093C12.9459 22.3229 11.0541 22.3229 10.3131 21.0093L8.9762 18.6389C8.12333 17.1268 6.87321 15.8767 5.3611 15.0238L2.99074 13.6869C1.67708 12.9459 1.67708 11.0541 2.99074 10.3131L5.3611 8.9762C6.87321 8.12333 8.12333 6.87321 8.9762 5.3611L10.3131 2.99074Z"></path></svg></div><div><p class="text-sm font-semibold text-white">Cozy Garden Subscriber Wall</p><p class="text-xs text-zinc-500">Overlay</p></div></div></div><div class="w-72 flex-shrink-0"><div class="overflow-hidden rounded-xl"><img src="/gallery/party-time.webp" alt="Party Time" class="aspect-video w-full object-cover" loading="lazy"/></div><div class="mt-3.5 flex items-center gap-3"><div class="flex items-center justify-center rounded-full bg-zinc-800 text-[#E2E2E2]" style="width:36px;height:36px;min-width:36px"><svg class="shrink-0 h-[16px] w-[16px]" viewBox="0 0 24 24" fill="currentColor"><path d="M10.3131 2.99074C11.0541 1.67708 12.9459 1.67708 13.6869 2.99074L15.0238 5.3611C15.8767 6.87321 17.1268 8.12333 18.6389 8.9762L21.0093 10.3131C22.3229 11.0541 22.3229 12.9459 21.0093 13.6869L18.6389 15.0238C17.1268 15.8767 15.8767 17.1268 15.0238 18.6389L13.6869 21.0093C12.9459 22.3229 11.0541 22.3229 10.3131 21.0093L8.9762 18.6389C8.12333 17.1268 6.87321 15.8767 5.3611 15.0238L2.99074 13.6869C1.67708 12.9459 1.67708 11.0541 2.99074 10.3131L5.3611 8.9762C6.87321 8.12333 8.12333 6.87321 8.9762 5.3611L10.3131 2.99074Z"></path></svg></div><div><p class="text-sm font-semibold text-white">Party Time</p><p class="text-xs text-zinc-500">Overlay</p></div></div></div><div class="w-72 flex-shrink-0"><div class="overflow-hidden rounded-xl"><img src="/gallery/neon-chat.webp" alt="Neon Chat" class="aspect-video w-full object-cover" loading="lazy"/></div><div class="mt-3.5 flex items-center gap-3"><div class="flex items-center justify-center rounded-full bg-zinc-800 text-[#E2E2E2]" style="width:36px;height:36px;min-width:36px"><svg class="shrink-0 h-[16px] w-[16px]" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12.0001 21C13.997 20.9997 15.9371 20.3353 17.515 19.1114C19.0929 17.8874 20.2189 16.1735 20.7157 14.2394C21.2126 12.3053 21.0521 10.2608 20.2596 8.42795C19.467 6.59506 18.0874 5.0778 16.3379 4.11506C14.5883 3.15231 12.5683 2.79875 10.5958 3.11004C8.62332 3.42132 6.81037 4.37978 5.44237 5.83452C4.07437 7.28925 3.22904 9.15764 3.03945 11.1455C2.84985 13.1334 3.32677 15.1279 4.39512 16.815L3.00012 21L7.18512 19.605C8.6247 20.5187 10.2951 21.0026 12.0001 21Z"></path></svg></div><div><p class="text-sm font-semibold text-white">Neon Chat</p><p class="text-xs text-zinc-500">Chat Widget</p></div></div></div></div></div></div><div class="overflow-hidden"><div class="gallery-track flex w-max gallery-track-right" style="--gallery-duration:100s"><div class="flex gap-4 pr-4"><div class="w-72 flex-shrink-0"><div class="overflow-hidden rounded-xl"><img src="/gallery/stick-figure-avatars.webp" alt="Stick Figure Avatars" class="aspect-video w-full object-cover" loading="lazy"/></div><div class="mt-3.5 flex items-center gap-3"><div class="flex items-center justify-center rounded-full bg-zinc-800 text-[#E2E2E2]" style="width:36px;height:36px;min-width:36px"><svg class="shrink-0 h-[16px] w-[16px]" viewBox="0 0 24 24" fill="currentColor"><path d="M2 9.13738C2 14.0004 6.02 16.5914 8.962 18.9114C10 19.7294 11 20.5004 12 20.5004C13 20.5004 14 19.7304 15.038 18.9104C17.981 16.5924 22 14.0004 22 9.13838C22 4.27638 16.5 0.825382 12 5.50138C7.5 0.825382 2 4.27438 2 9.13738Z"></path></svg></div><div><p class="text-sm font-semibold text-white">Stick Figure Avatars</p><p class="text-xs text-zinc-500">Chat Driven</p></div></div></div><div class="w-72 flex-shrink-0"><div class="overflow-hidden rounded-xl"><img src="/gallery/flower-sub-wall.webp" alt="Flower Sub Wall" class="aspect-video w-full object-cover" loading="lazy"/></div><div class="mt-3.5 flex items-center gap-3"><div class="flex items-center justify-center rounded-full bg-zinc-800 text-[#E2E2E2]" style="width:36px;height:36px;min-width:36px"><svg class="shrink-0 h-[16px] w-[16px]" viewBox="0 0 24 24" fill="currentColor"><path d="M10.3131 2.99074C11.0541 1.67708 12.9459 1.67708 13.6869 2.99074L15.0238 5.3611C15.8767 6.87321 17.1268 8.12333 18.6389 8.9762L21.0093 10.3131C22.3229 11.0541 22.3229 12.9459 21.0093 13.6869L18.6389 15.0238C17.1268 15.8767 15.8767 17.1268 15.0238 18.6389L13.6869 21.0093C12.9459 22.3229 11.0541 22.3229 10.3131 21.0093L8.9762 18.6389C8.12333 17.1268 6.87321 15.8767 5.3611 15.0238L2.99074 13.6869C1.67708 12.9459 1.67708 11.0541 2.99074 10.3131L5.3611 8.9762C6.87321 8.12333 8.12333 6.87321 8.9762 5.3611L10.3131 2.99074Z"></path></svg></div><div><p class="text-sm font-semibold text-white">Flower Sub Wall</p><p class="text-xs text-zinc-500">Overlay</p></div></div></div><div class="w-72 flex-shrink-0"><div class="overflow-hidden rounded-xl"><img src="/gallery/gradient-starting-soon.webp" alt="Gradient Starting Soon" class="aspect-video w-full object-cover" loading="lazy"/></div><div class="mt-3.5 flex items-center gap-3"><div class="flex items-center justify-center rounded-full bg-zinc-800 text-[#E2E2E2]" style="width:36px;height:36px;min-width:36px"><svg class="shrink-0 h-[16px] w-[16px]" viewBox="0 0 24 24" fill="currentColor"><path d="M15 19C15.2652 19 15.5196 19.1054 15.7071 19.2929C15.8946 19.4804 16 19.7348 16 20C16 20.2652 15.8946 20.5196 15.7071 20.7071C15.5196 20.8946 15.2652 21 15 21H9C8.73478 21 8.48043 20.8946 8.29289 20.7071C8.10536 20.5196 8 20.2652 8 20C8 19.7348 8.10536 19.4804 8.29289 19.2929C8.48043 19.1054 8.73478 19 9 19H15ZM23 14.6C23 15.5017 22.6418 16.3665 22.0042 17.0042C21.3665 17.6418 20.5017 18 19.6 18H4.4C3.49826 18 2.63346 17.6418 1.99584 17.0042C1.35821 16.3665 1 15.5017 1 14.6V6.4C1 5.49826 1.35821 4.63346 1.99584 3.99584C2.63346 3.35821 3.49826 3 4.4 3H19.6L19.775 3.005C20.6452 3.04985 21.465 3.42709 22.0651 4.05884C22.6652 4.6906 22.9999 5.52864 23 6.4V14.6Z"></path></svg></div><div><p class="text-sm font-semibold text-white">Gradient Starting Soon</p><p class="text-xs text-zinc-500">Starting Soon</p></div></div></div><div class="w-72 flex-shrink-0"><div class="overflow-hidden rounded-xl"><img src="/gallery/celestial-pomodoro-timer.webp" alt="Celestial Pomodoro Timer" class="aspect-video w-full object-cover" loading="lazy"/></div><div class="mt-3.5 flex items-center gap-3"><div class="flex items-center justify-center rounded-full bg-zinc-800 text-[#E2E2E2]" style="width:36px;height:36px;min-width:36px"><svg class="shrink-0 h-[16px] w-[16px]" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12.0001 21C13.997 20.9997 15.9371 20.3353 17.515 19.1114C19.0929 17.8874 20.2189 16.1735 20.7157 14.2394C21.2126 12.3053 21.0521 10.2608 20.2596 8.42795C19.467 6.59506 18.0874 5.0778 16.3379 4.11506C14.5883 3.15231 12.5683 2.79875 10.5958 3.11004C8.62332 3.42132 6.81037 4.37978 5.44237 5.83452C4.07437 7.28925 3.22904 9.15764 3.03945 11.1455C2.84985 13.1334 3.32677 15.1279 4.39512 16.815L3.00012 21L7.18512 19.605C8.6247 20.5187 10.2951 21.0026 12.0001 21Z"></path></svg></div><div><p class="text-sm font-semibold text-white">Celestial Pomodoro Timer</p><p class="text-xs text-zinc-500">Chat Widget</p></div></div></div><div class="w-72 flex-shrink-0"><div class="overflow-hidden rounded-xl"><img src="/gallery/rubber-duckies.webp" alt="Rubber Duckies" class="aspect-video w-full object-cover" loading="lazy"/></div><div class="mt-3.5 flex items-center gap-3"><div class="flex items-center justify-center rounded-full bg-zinc-800 text-[#E2E2E2]" style="width:36px;height:36px;min-width:36px"><svg class="shrink-0 h-[16px] w-[16px]" viewBox="0 0 24 24" fill="currentColor"><path d="M2 9.13738C2 14.0004 6.02 16.5914 8.962 18.9114C10 19.7294 11 20.5004 12 20.5004C13 20.5004 14 19.7304 15.038 18.9104C17.981 16.5924 22 14.0004 22 9.13838C22 4.27638 16.5 0.825382 12 5.50138C7.5 0.825382 2 4.27438 2 9.13738Z"></path></svg></div><div><p class="text-sm font-semibold text-white">Rubber Duckies</p><p class="text-xs text-zinc-500">Chat Driven</p></div></div></div></div><div class="flex gap-4 pr-4" aria-hidden="true"><div class="w-72 flex-shrink-0"><div class="overflow-hidden rounded-xl"><img src="/gallery/stick-figure-avatars.webp" alt="Stick Figure Avatars" class="aspect-video w-full object-cover" loading="lazy"/></div><div class="mt-3.5 flex items-center gap-3"><div class="flex items-center justify-center rounded-full bg-zinc-800 text-[#E2E2E2]" style="width:36px;height:36px;min-width:36px"><svg class="shrink-0 h-[16px] w-[16px]" viewBox="0 0 24 24" fill="currentColor"><path d="M2 9.13738C2 14.0004 6.02 16.5914 8.962 18.9114C10 19.7294 11 20.5004 12 20.5004C13 20.5004 14 19.7304 15.038 18.9104C17.981 16.5924 22 14.0004 22 9.13838C22 4.27638 16.5 0.825382 12 5.50138C7.5 0.825382 2 4.27438 2 9.13738Z"></path></svg></div><div><p class="text-sm font-semibold text-white">Stick Figure Avatars</p><p class="text-xs text-zinc-500">Chat Driven</p></div></div></div><div class="w-72 flex-shrink-0"><div class="overflow-hidden rounded-xl"><img src="/gallery/flower-sub-wall.webp" alt="Flower Sub Wall" class="aspect-video w-full object-cover" loading="lazy"/></div><div class="mt-3.5 flex items-center gap-3"><div class="flex items-center justify-center rounded-full bg-zinc-800 text-[#E2E2E2]" style="width:36px;height:36px;min-width:36px"><svg class="shrink-0 h-[16px] w-[16px]" viewBox="0 0 24 24" fill="currentColor"><path d="M10.3131 2.99074C11.0541 1.67708 12.9459 1.67708 13.6869 2.99074L15.0238 5.3611C15.8767 6.87321 17.1268 8.12333 18.6389 8.9762L21.0093 10.3131C22.3229 11.0541 22.3229 12.9459 21.0093 13.6869L18.6389 15.0238C17.1268 15.8767 15.8767 17.1268 15.0238 18.6389L13.6869 21.0093C12.9459 22.3229 11.0541 22.3229 10.3131 21.0093L8.9762 18.6389C8.12333 17.1268 6.87321 15.8767 5.3611 15.0238L2.99074 13.6869C1.67708 12.9459 1.67708 11.0541 2.99074 10.3131L5.3611 8.9762C6.87321 8.12333 8.12333 6.87321 8.9762 5.3611L10.3131 2.99074Z"></path></svg></div><div><p class="text-sm font-semibold text-white">Flower Sub Wall</p><p class="text-xs text-zinc-500">Overlay</p></div></div></div><div class="w-72 flex-shrink-0"><div class="overflow-hidden rounded-xl"><img src="/gallery/gradient-starting-soon.webp" alt="Gradient Starting Soon" class="aspect-video w-full object-cover" loading="lazy"/></div><div class="mt-3.5 flex items-center gap-3"><div class="flex items-center justify-center rounded-full bg-zinc-800 text-[#E2E2E2]" style="width:36px;height:36px;min-width:36px"><svg class="shrink-0 h-[16px] w-[16px]" viewBox="0 0 24 24" fill="currentColor"><path d="M15 19C15.2652 19 15.5196 19.1054 15.7071 19.2929C15.8946 19.4804 16 19.7348 16 20C16 20.2652 15.8946 20.5196 15.7071 20.7071C15.5196 20.8946 15.2652 21 15 21H9C8.73478 21 8.48043 20.8946 8.29289 20.7071C8.10536 20.5196 8 20.2652 8 20C8 19.7348 8.10536 19.4804 8.29289 19.2929C8.48043 19.1054 8.73478 19 9 19H15ZM23 14.6C23 15.5017 22.6418 16.3665 22.0042 17.0042C21.3665 17.6418 20.5017 18 19.6 18H4.4C3.49826 18 2.63346 17.6418 1.99584 17.0042C1.35821 16.3665 1 15.5017 1 14.6V6.4C1 5.49826 1.35821 4.63346 1.99584 3.99584C2.63346 3.35821 3.49826 3 4.4 3H19.6L19.775 3.005C20.6452 3.04985 21.465 3.42709 22.0651 4.05884C22.6652 4.6906 22.9999 5.52864 23 6.4V14.6Z"></path></svg></div><div><p class="text-sm font-semibold text-white">Gradient Starting Soon</p><p class="text-xs text-zinc-500">Starting Soon</p></div></div></div><div class="w-72 flex-shrink-0"><div class="overflow-hidden rounded-xl"><img src="/gallery/celestial-pomodoro-timer.webp" alt="Celestial Pomodoro Timer" class="aspect-video w-full object-cover" loading="lazy"/></div><div class="mt-3.5 flex items-center gap-3"><div class="flex items-center justify-center rounded-full bg-zinc-800 text-[#E2E2E2]" style="width:36px;height:36px;min-width:36px"><svg class="shrink-0 h-[16px] w-[16px]" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" stroke-width="2" stroke-linecap="r
437ound" stroke-linejoin="round"><path d="M12.0001 21C13.997 20.9997 15.9371 20.3353 17.515 19.1114C19.0929 17.8874 20.2189 16.1735 20.7157 14.2394C21.2126 12.3053 21.0521 10.2608 20.2596 8.42795C19.467 6.59506 18.0874 5.0778 16.3379 4.11506C14.5883 3.15231 12.5683 2.79875 10.5958 3.11004C8.62332 3.42132 6.81037 4.37978 5.44237 5.83452C4.07437 7.28925 3.22904 9.15764 3.03945 11.1455C2.84985 13.1334 3.32677 15.1279 4.39512 16.815L3.00012 21L7.18512 19.605C8.6247 20.5187 10.2951 21.0026 12.0001 21Z"></path></svg></div><div><p class="text-sm font-semibold text-white">Celestial Pomodoro Timer</p><p class="text-xs text-zinc-500">Chat Widget</p></div></div></div><div class="w-72 flex-shrink-0"><div class="overflow-hidden rounded-xl"><img src="/gallery/rubber-duckies.webp" alt="Rubber Duckies" class="aspect-video w-full object-cover" loading="lazy"/></div><div class="mt-3.5 flex items-center gap-3"><div class="flex items-center justify-center rounded-full bg-zinc-800 text-[#E2E2E2]" style="width:36px;height:36px;min-width:36px"><svg class="shrink-0 h-[16px] w-[16px]" viewBox="0 0 24 24" fill="currentColor"><path d="M2 9.13738C2 14.0004 6.02 16.5914 8.962 18.9114C10 19.7294 11 20.5004 12 20.5004C13 20.5004 14 19.7304 15.038 18.9104C17.981 16.5924 22 14.0004 22 9.13838C22 4.27638 16.5 0.825382 12 5.50138C7.5 0.825382 2 4.27438 2 9.13738Z"></path></svg></div><div><p class="text-sm font-semibold text-white">Rubber Duckies</p><p class="text-xs text-zinc-500">Chat Driven</p></div></div></div></div></div></div></div><style> 438 .gallery-track { 439 will-change: transform; 440 } 441 .gallery-track-left { 442 animation: galleryScrollLeft var(--gallery-duration) linear infinite; 443 } 444 .gallery-track-right { 445 animation: galleryScrollRight var(--gallery-duration) linear infinite; 446 } 447 @keyframes galleryScrollLeft { 448 0% { transform: translateX(0); } 449 100% { transform: translateX(-50%); } 450 } 451 @keyframes galleryScrollRight { 452 0% { transform: translateX(-50%); } 453 100% { transform: translateX(0); } 454 } 455 @media (prefers-reduced-motion: reduce) { 456 .gallery-track { 457 animation: none !important; 458 } 459 } 460 </style></div></div><div class="mt-10 text-center"><a href="/gallery/" class="btn-secondary">Explore the gallery</a></div></section><section class="py-16 sm:py-24 lg:py-32"><div class="container-narrow"><h2 class="text-3xl font-semibold leading-tight tracking-tight text-primary sm:text-4xl md:text-5xl lg:text-6xl">From an idea to <br class="hidden sm:block"/>live on stream.</h2><p class="mt-6 max-w-2xl text-base leading-relaxed tracking-wide text-muted-foreground sm:text-lg lg:text-lg">Build stream overlays as fast as you think of them.</p><div class="mt-12 sm:mt-16"><div class="video-container aspect-video w-full overflow-hidden rounded-2xl border border-white/10"><video class="lazy-video h-full w-full object-cover" loop="" muted="" playsInline="" data-src="/_astro/meld-starting-soon-demo.Ca4Mijpt.mp4" poster="/_astro/poster-meld-starting-soon-demo.DlQNgI9r.webp"></video></div></div><ol class="mt-6 grid grid-cols-1 gap-4 md:grid-cols-3 md:gap-5"><li class="flex h-full flex-col rounded-2xl border border-white/10 bg-zinc-900/80 p-5"><span class="font-mono text-xs font-medium text-white/40">01</span><h3 class="mt-6 text-lg font-semibold text-white">Describe it</h3><p class="mt-2 text-sm leading-relaxed text-white/70">Tell Spark what you want. A chat overlay, a mini game, an alert, anything. Or drag an element from the gallery onto your canvas.</p></li><li class="flex h-full flex-col rounded-2xl border border-white/10 bg-zinc-900/80 p-5"><span class="font-mono text-xs font-medium text-white/40">02</span><h3 class="mt-6 text-lg font-semibold text-white">It appears on your canvas</h3><p class="mt-2 text-sm leading-relaxed text-white/70">Spark builds it live in your studio. Drag, resize, and customize it right there.</p></li><li class="flex h-full flex-col rounded-2xl border border-white/10 bg-zinc-900/80 p-5"><span class="font-mono text-xs font-medium text-white/40">03</span><h3 class="mt-6 text-lg font-semibold text-white">It just works</h3><p class="mt-2 text-sm leading-relaxed text-white/70">Your platforms are already connected. Go live and everything runs out of the box.</p></li></ol></div></section><section class="py-16 sm:py-24 lg:py-32"><div class="container-narrow"><img src="/_astro/sparkxobs.yC0FMql1.png" alt="OBS and Meld Spark" width="130" height="87" class="mb-6 h-16 w-auto sm:h-20" loading="lazy" decoding="async"/><h2 class="text-3xl font-semibold leading-tight tracking-tight text-primary sm:text-4xl md:text-5xl lg:text-6xl">Get the Spark Plug.</h2><p class="mt-6 max-w-2xl text-base leading-relaxed tracking-wide text-muted-foreground sm:text-lg lg:text-lg">Bring your ideas to life in real time using Meld Spark inside your existing OBS setup. Build custom overlays, alerts, timers, widgets, and much more, straight into your OBS scene.</p><div class="mt-8"><a href="/download/referral/?product=obs-spark-plugin" class="inline-flex items-center justify-center gap-3 rounded-xl bg-white px-8 py-3.5 text-base font-semibold text-zinc-900 transition-colors duration-200 hover:bg-zinc-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/50 focus-visible:ring-offset-2 focus-visible:ring-offset-background">Download Plugin</a></div><div class="mt-12 sm:mt-16"><img src="/_astro/obs-spark-plug-screenshot.1xf47-h7.webp" alt="OBS interface with the Meld Spark panel showing prompt input and Spark Elements gallery" width="1200" height="840" class="h-auto w-full" loading="lazy" decoding="async"/></div></div></section><section class="py-16 sm:py-24 lg:py-32"><div class="container-narrow"><div class="relative"><div class="no-scrollbar flex snap-x snap-mandatory gap-8 overflow-x-auto scroll-smooth"><div class="flex w-full flex-shrink-0 snap-center flex-col items-center justify-center text-center"><img src="/testimonials/b0bba.webp" alt="b0bba" class="mb-6 h-16 w-16 rounded-full object-cover" loading="lazy"/><blockquote class="mx-auto max-w-2xl text-xl leading-relaxed text-white sm:text-2xl">"Spark has made my stream more accessible and enjoyable, not just for me but for my viewers too.<!-- -->"</blockquote><p class="mt-6 text-sm font-semibold text-white">b0bba</p></div><div class="flex w-full flex-shrink-0 snap-center flex-col items-center justify-center text-center"><img src="/testimonials/bbjess.webp" alt="bbjess" class="mb-6 h-16 w-16 rounded-full object-cover" loading="lazy"/><blockquote class="mx-auto max-w-2xl text-xl leading-relaxed text-white sm:text-2xl">"Meld is about to change the game forever.<!-- -->"</blockquote><p class="mt-6 text-sm font-semibold text-white">bbjess</p></div><div class="flex w-full flex-shrink-0 snap-center flex-col items-center justify-center text-center"><img src="/testimonials/alecbinks.webp" alt="AlecBinks" class="mb-6 h-16 w-16 rounded-full object-cover" loading="lazy"/><blockquote class="mx-auto max-w-2xl text-xl leading-relaxed text-white sm:text-2xl">"Iâve never seen anything like this.<!-- -->"</blockquote><p class="mt-6 text-sm font-semibold text-white">AlecBinks</p></div><div class="flex w-full flex-shrink-0 snap-center flex-col items-center justify-center text-center"><img src="/testimonials/driggsy.webp" alt="Driggsy" class="mb-6 h-16 w-16 rounded-full object-cover" loading="lazy"/><blockquote class="mx-auto max-w-2xl text-xl leading-relaxed text-white sm:text-2xl">"This is revolutionary. The fact that streamers can now create the overlays they want.<!-- -->"</blockquote><p class="mt-6 text-sm font-semibold text-white">Driggsy</p></div><div class="flex w-full flex-shrink-0 snap-center flex-col items-center justify-center text-center"><img src="/testimonials/harris-heller.webp" alt="Harris Heller" class="mb-6 h-16 w-16 rounded-full object-cover" loading="lazy"/><blockquote class="mx-auto max-w-2xl text-xl leading-relaxed text-white sm:text-2xl">"I havenât been excited for something like this in a while.<!-- -->"</blockquote><p class="mt-6 text-sm font-semibold text-white">Harris Heller</p></div><div class="flex w-full flex-shrink-0 snap-center flex-col items-center justify-center text-center"><img src="/testimonials/kreek.webp" alt="KreekCraft" class="mb-6 h-16 w-16 rounded-full object-cover" loading="lazy"/><blockquote class="mx-auto max-w-2xl text-xl leading-relaxed text-white sm:text-2xl">"I like Meld because it just works."<!-- -->"</blockquote><p class="mt-6 text-sm font-semibold text-white">KreekCraft</p></div></div><button aria-label="Previous testimonial" class="absolute left-0 top-1/2 flex h-10 w-10 -translate-y-1/2 items-center justify-center rounded-full border border-white/10 bg-zinc-900/90 text-white transition-colors hover:bg-zinc-800 opacity-30" disabled=""><svg class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"></path></svg></button><button aria-label="Next testimonial" class="absolute right-0 top-1/2 flex h-10 w-10 -translate-y-1/2 items-center justify-center rounded-full border border-white/10 bg-zinc-900/90 text-white transition-colors hover:bg-zinc-800 "><svg class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M9 5l7 7-7 7"></path></svg></button><div class="mt-8 flex items-center justify-center gap-2"><button aria-label="Go to testimonial 1" class="h-1.5 rounded-full transition-all w-6 bg-white"></button><button aria-label="Go to testimonial 2" class="h-1.5 rounded-full transition-all w-1.5 bg-zinc-700 hover:bg-zinc-500"></button><button aria-label="Go to testimonial 3" class="h-1.5 rounded-full transition-all w-1.5 bg-zinc-700 hover:bg-zinc-500"></button><button aria-label="Go to testimonial 4" class="h-1.5 rounded-full transition-all w-1.5 bg-zinc-700 hover:bg-zinc-500"></button><button aria-label="Go to testimonial 5" class="h-1.5 rounded-full transition-all w-1.5 bg-zinc-700 hover:bg-zinc-500"></button><button aria-label="Go to testimonial 6" class="h-1.5 rounded-full transition-all w-1.5 bg-zinc-700 hover:bg-zinc-500"></button></div></div></div></section><section class="relative py-16 sm:py-24 lg:py-32"><div class="container-narrow"><div class="mb-12 sm:mb-16"><h2 class="text-3xl font-semibold leading-tight tracking-tight text-primary sm:text-4xl md:text-5xl lg:text-6xl">Endless Ideas. <br class="hidden sm:block"/>Live in Seconds.</h2><p class="mt-6 max-w-2xl text-base leading-relaxed tracking-wide text-muted-foreground sm:text-lg lg:text-lg">Create stream overlays the moment inspiration hits, and bring something new to every stream.</p></div><div class="mb-6"><div class="video-container aspect-video w-full overflow-hidden rounded-2xl border border-white/10"><video class="lazy-video h-full w-full object-cover" loop="" muted="" playsInl
460ine="" data-src="/_astro/spark-sparkles.LqWQWQNv.mp4" poster="/_astro/poster-spark-sparkles.DlPfWoKx.webp"></video></div></div><div class="mb-6 grid gap-6 md:grid-cols-2"><div class="relative overflow-hidden rounded-2xl border border-white/10 bg-zinc-900/80"><div class="relative aspect-video w-full overflow-hidden rounded-t-2xl"><img src="/_astro/spark-instant-in-scene.CadpSrc2.webp" alt="Spark overlays ready on Meld Studio scene" width="400" height="225" class="h-full w-full object-cover" loading="lazy" decoding="async"/><div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/20 to-transparent"></div></div><div class="p-5"><h3 class="text-lg font-semibold text-white">Instant in Your Scene</h3><p class="mt-2 text-sm leading-relaxed text-white/70">Spark creations land directly in your Meld scene. Drag, resize, and go live. No downloads, no imports, no setup.</p></div></div><div class="relative overflow-hidden rounded-2xl border border-white/10 bg-zinc-900/80"><div class="relative aspect-video w-full overflow-hidden rounded-t-2xl"><img src="/_astro/spark-reacts-to-your-stream.JOYBvmvS.webp" alt="Reactive stream overlays powered by Spark" width="400" height="225" class="h-full w-full object-cover" loading="lazy" decoding="async"/><div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/20 to-transparent"></div></div><div class="p-5"><h3 class="text-lg font-semibold text-white">Reacts to Your Streams</h3><p class="mt-2 text-sm leading-relaxed text-white/70">Your overlays respond to follows, subs, raids, chat messages, commands, and more. Every stream moment becomes interactive.</p></div></div><div class="relative overflow-hidden rounded-2xl border border-white/10 bg-zinc-900/80"><div class="relative aspect-video w-full overflow-hidden rounded-t-2xl"><img src="/_astro/spark-just-ask.BPSxnRN-.webp" alt="Customizable Spark overlays and widgets" width="400" height="225" class="h-full w-full object-cover" loading="lazy" decoding="async"/><div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/20 to-transparent"></div></div><div class="p-5"><h3 class="text-lg font-semibold text-white">Just Ask Spark</h3><p class="mt-2 text-sm leading-relaxed text-white/70">Tweak colors, layouts, animations, and triggers. Every creation is yours to shape exactly the way you want.</p></div></div><div class="relative overflow-hidden rounded-2xl border border-white/10 bg-zinc-900/80"><div class="relative aspect-video w-full overflow-hidden rounded-t-2xl"><img src="/_astro/spark-works-everywhere.DiBOGOBn.webp" alt="Spark overlays working across Twitch, YouTube, Kick, and TikTok" width="400" height="225" class="h-full w-full object-cover" loading="lazy" decoding="async"/><div class="pointer-events-none absolute inset-0 bg-gradient-to-t from-black/70 via-black/20 to-transparent"></div></div><div class="p-5"><h3 class="text-lg font-semibold text-white">Works Everywhere</h3><p class="mt-2 text-sm leading-relaxed text-white/70">Built for Twitch, YouTube, Kick, and TikTok. Spark creations work across every platform Meld supports, out of the box.</p></div></div></div></div></section><section class="section-spacing"><div class="container-narrow mb-12"><h2 class="text-3xl font-semibold leading-tight tracking-tight text-primary sm:text-4xl md:text-5xl lg:text-6xl">Meld Studio is free. <br class="hidden sm:block"/>Spark makes you stand out.</h2><p class="mt-6 max-w-2xl text-base leading-relaxed tracking-wide text-muted-foreground sm:text-lg lg:text-lg">Meld Studio's core features are free and always will be. Spark gives you the creative tools to build a stream that's entirely yours.</p></div><div class="mx-auto w-full max-w-7xl px-5 sm:px-6 lg:px-8"><div><div class="mb-12 flex justify-center"><div class="inline-flex items-center rounded-full border border-white/10 bg-zinc-900/80 p-1"><button type="button" aria-pressed="true" class="rounded-full px-5 py-2.5 text-sm font-medium transition-colors bg-white/10 text-white">Monthly</button><button type="button" aria-pressed="false" class="flex items-center gap-2 rounded-full px-5 py-2.5 text-sm font-medium transition-colors text-zinc-400 hover:text-zinc-200">Yearly<span class="rounded-full bg-blue-500/20 px-2 py-0.5 text-[10px] font-bold uppercase tracking-wide text-blue-400">Save 15%</span></button></div></div><div aria-busy="true" class="grid grid-cols-1 items-center gap-5 transition-[grid-template-columns] duration-500 ease-out md:grid-cols-2 lg:grid-cols-3"><div class="relative flex flex-col rounded-2xl border border-white/10 bg-zinc-900/50 p-8 lg:h-[560px]"><div class="mb-6 min-h-[88px]"><h3 class="mb-3 text-lg font-semibold text-white">Meld Free</h3><div class="flex items-baseline gap-1"><span class="text-3xl font-bold text-white">$0</span><span class="text-sm text-zinc-500">/ per month</span></div></div><a href="/download/" class="mb-8 block w-full rounded-xl border border-white/10 bg-white/5 px-6 py-3.5 text-center text-sm font-semibold text-white transition-all hover:bg-white/10">Start free</a><ul class="mb-8 flex-1 space-y-3"><li class="flex items-start gap-3 text-sm text-zinc-300"><svg class="mt-0.5 h-4 w-4 shrink-0 text-blue-400" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path></svg>Limited Spark requests</li><li class="flex items-start gap-3 text-sm text-zinc-300"><svg class="mt-0.5 h-4 w-4 shrink-0 text-blue-400" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M5 13l4 4L19 7"></path></svg>Unlimited access to the Spark Elements gallery</li></ul></div><p class="sr-only" role="status">Loading regional pricing</p><div aria-hidden="true" class="flex animate-pulse flex-col rounded-2xl border border-white/10 bg-zinc-900/50 p-8 lg:h-[560px]"><div class="mb-5 h-5 w-28 rounded bg-white/10"></div><div class="mb-3 h-9 w-40 rounded bg-white/10"></div><div class="mb-8 h-3 w-32 rounded bg-white/5"></div><div class="mb-8 h-12 w-full rounded-xl bg-white/10"></div><div class="space-y-4"><div class="h-4 w-5/6 rounded bg-white/10"></div><div class="h-4 w-4/5 rounded bg-white/10"></div><div class="h-4 w-11/12 rounded bg-white/10"></div><div class="h-4 w-3/4 rounded bg-white/10"></div></div></div><div aria-hidden="true" class="flex animate-pulse flex-col rounded-2xl border border-white/10 bg-zinc-900/50 p-8 lg:h-[560px]"><div class="mb-5 h-5 w-28 rounded bg-white/10"></div><div class="mb-3 h-9 w-40 rounded bg-white/10"></div><div class="mb-8 h-3 w-32 rounded bg-white/5"></div><div class="mb-8 h-12 w-full rounded-xl bg-white/10"></div><div class="space-y-4"><div class="h-4 w-5/6 rounded bg-white/10"></div><div class="h-4 w-4/5 rounded bg-white/10"></div><div class="h-4 w-11/12 rounded bg-white/10"></div><div class="h-4 w-3/4 rounded bg-white/10"></div></div></div></div></div></div><div class="mx-auto mt-12 max-w-2xl text-center"><p class="text-sm text-zinc-500">Most streamers spend $10 to $40 on static overlay packs that look like everyone else's. Pro gives you plenty of priority usage to experiment, iterate, and build out your stream. More than enough for a regular streamer who likes to tinker. Yours to keep forever.</p></div></section><!--/$--><!--astro:end--></astro-island> <section class="py-16 sm:py-24 lg:py-32"> <div class="container-narrow"> <div class="mb-12"> <h2 class="text-3xl font-semibold leading-tight tracking-tight text-primary sm:text-4xl md:text-5xl lg:text-6xl"> 461Community & Support 462</h2> </div> <div class="grid gap-6 md:grid-cols-2 lg:grid-cols-4"> <a href="https://www.youtube.com/@streamwithmeld" target="_blank" rel="noopener noreferrer" class="rounded-2xl border border-white/10 bg-zinc-900/80 p-5"> <div class="mb-4 flex h-10 w-10 items-center justify-center rounded-lg bg-white/10"> <svg class="h-5 w-5 text-white/70" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"> <path stroke-linecap="round" stroke-linejoin="round" d="M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path> <path stroke-linecap="round" stroke-linejoin="round" d="M15.91 11.672a.375.375 0 010 .656l-5.603 3.113a.375.375 0 01-.557-.328V8.887c0-.286.307-.466.557-.327l5.603 3.112z"></path> </svg> </div> <h3 class="text-lg font-semibold text-white">Video Tutorials</h3> <p class="mt-2 text-sm leading-relaxed text-white/70"> 463Learn the essentials or dive into advanced features with 464 step-by-step guides. 465</p> </a> <a href="https://meldstudio.co/docs" class="rounded-2xl border border-white/10 bg-zinc-900/80 p-5"> <div class="mb-4 flex h-10 w-10 items-center justify-center rounded-lg bg-white/10"> <svg class="h-5 w-5 text-white/70" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"> <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 14.25v-2.625a3.375 3.375 0 00-3.375-3.375h-1.5A1.125 1.125 0 0113.5 7.125v-1.5a3.375 3.375 0 00-3.375-3.375H8.25m0 12.75h7.5m-7.5 3H12M10.5 2.25H5.625c-.621 0-1.125.504-1.125 1.125v17.25c0 .621.504 1.125 1.125 1.125h12.75c.621 0 1.125-.504 1.125-1.125V11.25a9 9 0 00-9-9z"></path> </svg> </div> <h3 class="text-lg font-semibold text-white">Docs</h3> <p class="mt-2 text-sm leading-relaxed text-white/70">
466Comprehensive documentation for every feature and workflow. 467</p> </a> <a href="https://discord.gg/invite/streamwithmeld" target="_blank" rel="noopener noreferrer" class="rounded-2xl border border-white/10 bg-zinc-900/80 p-5"> <div class="mb-4 flex h-10 w-10 items-center justify-center rounded-lg bg-white/10"> <svg class="h-5 w-5 text-white/70" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"> <path stroke-linecap="round" stroke-linejoin="round" d="M20.25 8.511c.884.284 1.5 1.128 1.5 2.097v4.286c0 1.136-.847 2.1-1.98 2.193-.34.027-.68.052-1.02.072v3.091l-3-3c-1.354 0-2.694-.055-4.02-.163a2.115 2.115 0 01-.825-.242m9.345-8.334a2.126 2.126 0 00-.476-.095 48.64 48.64 0 00-8.048 0c-1.131.094-1.976 1.057-1.976 2.192v4.286c0 .837.46 1.58 1.155 1.951m9.345-8.334V6.637c0-1.621-1.152-3.026-2.76-3.235A48.455 48.455 0 0011.25 3c-2.115 0-4.198.137-6.24.402-1.608.209-2.76 1.614-2.76 3.235v6.226c0 1.621 1.152 3.026 2.76 3.235.577.075 1.157.14 1.74.194V21l4.155-4.155"></path> </svg> </div> <h3 class="text-lg font-semibold text-white">Discord</h3> <p class="mt-2 text-sm leading-relaxed text-white/70"> 468Get help, share setups, and connect with other creators in 469 real-time. 470</p> </a> <a href="/transparency/" class="rounded-2xl border border-white/10 bg-zinc-900/80 p-5"> <div class="mb-4 flex h-10 w-10 items-center justify-center rounded-lg bg-white/10"> <svg class="h-5 w-5 text-white/70" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.5"> <path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75L11.25 15 15 9.75M21 12c0 1.268-.63 2.39-1.593 3.068a3.745 3.745 0 01-1.043 3.296 3.745 3.745 0 01-3.296 1.043A3.745 3.745 0 0112 21c-1.268 0-2.39-.63-3.068-1.593a3.746 3.746 0 01-3.296-1.043 3.745 3.745 0 01-1.043-3.296A3.745 3.745 0 013 12c0-1.268.63-2.39 1.593-3.068a3.745 3.745 0 011.043-3.296 3.746 3.746 0 013.296-1.043A3.746 3.746 0 0112 3c1.268 0 2.39.63 3.068 1.593a3.746 3.746 0 013.296 1.043 3.746 3.746 0 011.043 3.296A3.745 3.745 0 0121 12z"></path> </svg> </div> <h3 class="text-lg font-semibold text-white">Transparency</h3> <p class="mt-2 text-sm leading-relaxed text-white/70"> 471Clear answers on how Spark works, what it touches, and what stays 472 yours. 473</p> </a> </div> </div> </section> <section class="py-20 lg:py-32"> <section class="w-full py-12 astro-hqz3ghsx" style> <div class="container-narrow astro-hqz3ghsx"> <div class="mb-12 text-center astro-hqz3ghsx"> <h2 class="text-3xl font-bold text-white sm:text-4xl lg:text-5xl astro-hqz3ghsx"> Frequently Asked Questions </h2> </div> <div class="space-y-6 astro-hqz3ghsx"> <details class="group border border-white/10 bg-zinc-900/80 astro-hqz3ghsx" style="border-radius: 12px;"> <summary class="flex h-full w-full cursor-pointer items-center justify-between p-6 font-semibold text-white focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 astro-hqz3ghsx"> <span class="w-full pr-4 astro-hqz3ghsx">What is Meld Spark?</span> <svg class="h-5 w-5 flex-shrink-0 transition-transform group-open:rotate-180 astro-hqz3ghsx" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" class="astro-hqz3ghsx"></path> </svg> </summary> <p class="mt-2 px-6 pb-6 leading-relaxed text-white/70 astro-hqz3ghsx">Spark is a chat-based creative tool built directly into Meld Studio. You describe what you want in plain language and Spark builds it for you through a series of prompts.</p> </details><details class="group border border-white/10 bg-zinc-900/80 astro-hqz3ghsx" style="border-radius: 12px;"> <summary class="flex h-full w-full cursor-pointer items-center justify-between p-6 font-semibold text-white focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 astro-hqz3ghsx"> <span class="w-full pr-4 astro-hqz3ghsx">What can Spark build?</span> <svg class="h-5 w-5 flex-shrink-0 transition-transform group-open:rotate-180 astro-hqz3ghsx" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" class="astro-hqz3ghsx"></path> </svg> </summary> <p class="mt-2 px-6 pb-6 leading-relaxed text-white/70 astro-hqz3ghsx">Spark can build anything that runs as a browser-based overlay in your scene. Things like animated alerts, starting soon screens, overlays, and more. It can also apply effects to existing layers, move layers between scenes, and edit anything it creates.</p> </details>
473<details class="group border border-white/10 bg-zinc-900/80 astro-hqz3ghsx" style="border-radius: 12px;"> <summary class="flex h-full w-full cursor-pointer items-center justify-between p-6 font-semibold text-white focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 astro-hqz3ghsx"> <span class="w-full pr-4 astro-hqz3ghsx">Does Spark use AI?</span> <svg class="h-5 w-5 flex-shrink-0 transition-transform group-open:rotate-180 astro-hqz3ghsx" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" class="astro-hqz3ghsx"></path> </svg> </summary> <p class="mt-2 px-6 pb-6 leading-relaxed text-white/70 astro-hqz3ghsx">Spark uses Google Gemini to understand your requests and write code. Importantly, Spark's output is always code (HTML, CSS, and JavaScript), not generated images, audio or video. Think of it like having your own personal developer inside Meld Studio. It is not an image generator.</p> </details><details class="group border border-white/10 bg-zinc-900/80 astro-hqz3ghsx" style="border-radius: 12px;"> <summary class="flex h-full w-full cursor-pointer items-center justify-between p-6 font-semibold text-white focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 astro-hqz3ghsx"> <span class="w-full pr-4 astro-hqz3ghsx">Can I use Meld Studio without Spark?</span> <svg class="h-5 w-5 flex-shrink-0 transition-transform group-open:rotate-180 astro-hqz3ghsx" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" class="astro-hqz3ghsx"></path> </svg> </summary> <p class="mt-2 px-6 pb-6 leading-relaxed text-white/70 astro-hqz3ghsx">Yes! Spark is completely optional. Choosing not to use it has no impact on your normal Meld Studio experience.</p> </details><details class="group border border-white/10 bg-zinc-900/80 astro-hqz3ghsx" style="border-radius: 12px;"> <summary class="flex h-full w-full cursor-pointer items-center justify-between p-6 font-semibold text-white focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 astro-hqz3ghsx"> <span class="w-full pr-4 astro-hqz3ghsx">Can Spark access my files, microphone, or camera?</span> <svg class="h-5 w-5 flex-shrink-0 transition-transform group-open:rotate-180 astro-hqz3ghsx" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" class="astro-hqz3ghsx"></path> </svg> </summary> <p class="mt-2 px-6 pb-6 leading-relaxed text-white/70 astro-hqz3ghsx">No. Spark cannot read your filesystem, access your microphone, camera feed, or system audio. The only files it ever sees are ones you deliberately drag into the Spark chat yourself.</p> </details><details class="group border border-white/10 bg-zinc-900/80 astro-hqz3ghsx" style="border-radius: 12px;"> <summary class="flex h-full w-full cursor-pointer items-center justify-between p-6 font-semibold text-white focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 astro-hqz3ghsx"> <span class="w-full pr-4 astro-hqz3ghsx">Can Spark replicate or steal a commissioned artist's work?</span> <svg class="h-5 w-5 flex-shrink-0 transition-transform group-open:rotate-180 astro-hqz3ghsx" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" class="astro-hqz3ghsx"></path> </svg> </summary> <p class="mt-2 px-6 pb-6 leading-relaxed text-white/70 astro-hqz3ghsx">No. Because Spark writes code rather than generating images, it cannot reproduce, extract, or replicate artwork.</p> </details><details class="group border border-white/10 bg-zinc-900/80 astro-hqz3ghsx" style="border-radius: 12px;"> <summary class="flex h-full w-full cursor-pointer items-center justify-between p-6 font-semibold text-white focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 astro-hqz3ghsx"> <span class="w-full pr-4 astro-hqz3ghsx">What about deepfakes or non-consensual content?</span> <svg class="h-5 w-5 flex-shrink-0 transition-transform group-open:rotate-180 astro-hqz3ghsx" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" class="astro-hqz3ghsx"></path> </svg> </summary> <p class="mt-2 px-6 pb-6 leading-relaxed text-white/70 astro-hqz3ghsx">Spark is not a media generation tool and cannot produce deepfakes, fake images, or any non-consensual content. This is precisely why we built Spark to be purposeful and contained.</p> </details> </div> </div> </section>
473<script type="application/ld+json">{"@context":"https://schema.org","@type":"FAQPage","mainEntity":[{"@type":"Question","name":"What is Meld Spark?","acceptedAnswer":{"@type":"Answer","text":"Spark is a chat-based creative tool built directly into Meld Studio. You describe what you want in plain language and Spark builds it for you through a series of prompts."}},{"@type":"Question","name":"What can Spark build?","acceptedAnswer":{"@type":"Answer","text":"Spark can build anything that runs as a browser-based overlay in your scene. Things like animated alerts, starting soon screens, overlays, and more. It can also apply effects to existing layers, move layers between scenes, and edit anything it creates."}},{"@type":"Question","name":"Does Spark use AI?","acceptedAnswer":{"@type":"Answer","text":"Spark uses Google Gemini to understand your requests and write code. Importantly, Spark's output is always code (HTML, CSS, and JavaScript), not generated images, audio or video. Think of it like having your own personal developer inside Meld Studio. It is not an image generator."}},{"@type":"Question","name":"Can I use Meld Studio without Spark?","acceptedA
473nswer":{"@type":"Answer","text":"Yes! Spark is completely optional. Choosing not to use it has no impact on your normal Meld Studio experience."}},{"@type":"Question","name":"Can Spark access my files, microphone, or camera?","acceptedAnswer":{"@type":"Answer","text":"No. Spark cannot read your filesystem, access your microphone, camera feed, or system audio. The only files it ever sees are ones you deliberately drag into the Spark chat yourself."}},{"@type":"Question","name":"Can Spark replicate or steal a commissioned artist's work?","acceptedAnswer":{"@type":"Answer","text":"No. Because Spark writes code rather than generating images, it cannot reproduce, extract, or replicate artwork."}},{"@type":"Question","name":"What about deepfakes or non-consensual content?","acceptedAnswer":{"@type":"Answer","text":"Spark is not a media generation tool and cannot produce deepfakes, fake images, or any non-consensual content. This is precisely why we built Spark to be purposeful and contained."}}]}</script>
473 </section>
473<script type="application/ld+json">{ 474 "@context": "https://schema.org", 475 "@type": "SoftwareApplication", 476 "@id": "https://meldstudio.co/spark/#softwareapplication", 477 "name": "Meld Spark", 478 "description": "Meld Spark is a chat-based creative tool built into Meld Studio that turns plain-language descriptions into custom stream overlays, alerts, widgets, and chat-controlled experiences.", 479 "applicationCategory": "MultimediaApplication", 480 "applicationSubCategory": "Stream Overlay Generator", 481 "operatingSystem": [ 482 "Windows", 483 "macOS" 484 ], 485 "url": "https://meldstudio.co/spark/", 486 "image": "https://meldstudio.co/og/spark.png", 487 "screenshot": "https://meldstudio.co/og/spark.png", 488 "isAccessibleForFree": true, 489 "isPartOf": { 490 "@type": "SoftwareApplication", 491 "@id": "https://meldstudio.co/#softwareapplication", 492 "name": "Meld Studio", 493 "url": "https://meldstudio.co/" 494 }, 495 "publisher": { 496 "@type": "Organization", 497 "name": "Meld Studio, Inc.", 498 "url": "https://meldstudio.co/" 499 }, 500 "sameAs": [ 501 "https://twitter.com/streamwithmeld", 502 "https://www.reddit.com/r/streamwithmeld/", 503 "https://www.youtube.com/@streamwithmeld" 504 ], 505 "softwareHelp": { 506 "@type": "WebSite", 507 "name": "Meld Spark Documentation", 508 "url": "https://meldstudio.co/docs/spark/" 509 }, 510 "offers": [ 511 { 512 "@type": "Offer", 513 "name": "Meld Free", 514 "price": "0", 515 "priceCurrency": "USD", 516 "availability": "https://schema.org/InStock" 517 }, 518 { 519 "@type": "Offer", 520 "name": "Meld Pro", 521 "price": "20", 522 "priceCurrency": "USD", 523 "availability": "https://schema.org/InStock" 524 }, 525 { 526 "@type": "Offer", 527 "name": "Meld Max", 528 "price": "60", 529 "priceCurrency": "USD", 530 "availability": "https://schema.org/InStock" 531 } 532 ] 533}</script>
533
533<script type="application/ld+json">{ 534 "@context": "https://schema.org", 535 "@type": "Product", 536 "@id": "https://meldstudio.co/spark/#product", 537 "name": "Meld Spark", 538 "description": "Meld Spark is a chat-based creative tool built into Meld Studio that turns plain-language descriptions into custom stream overlays, alerts, widgets, and chat-controlled experiences.", 539 "image": "https://meldstudio.co/og/spark.png", 540 "url": "https://meldstudio.co/spark/", 541 "brand": { 542 "@type": "Organization", 543 "@id": "https://meldstudio.co/#organization", 544 "name": "Meld Studio", 545 "url": "https://meldstudio.co/" 546 }, 547 "offers": [ 548 { 549 "@type": "Offer", 550 "name": "Meld Free", 551 "price": "0", 552 "priceCurrency": "USD", 553 "availability": "https://schema.org/InStock", 554 "url": "https://meldstudio.co/pricing/" 555 }, 556 { 557 "@type": "Offer", 558 "name": "Meld Pro", 559 "price": "20", 560 "priceCurrency": "USD", 561 "availability": "https://schema.org/InStock", 562 "url": "https://meldstudio.co/pricing/" 563 }, 564 { 565 "@type": "Offer", 566 "name": "Meld Pro+", 567 "price": "40", 568 "priceCurrency": "USD", 569 "availability": "https://schema.org/InStock", 570 "url": "https://meldstudio.co/pricing/" 571 }, 572 { 573 "@type": "Offer", 574 "name": "Meld Max", 575 "price": "60", 576 "priceCurrency": "USD", 577 "availability": "https://schema.org/InStock", 578 "url": "https://meldstudio.co/pricing/" 579 } 580 ] 581}</script>
581
581<script type="application/ld+json">{ 582 "@context": "https://schema.org", 583 "@type": "BreadcrumbList", 584 "@id": "https://meldstudio.co/spark/#breadcrumb", 585 "itemListElement": [ 586 { 587 "@type": "ListItem", 588 "position": 1, 589 "name": "Home", 590 "item": "https://meldstudio.co/" 591 }, 592 { 593 "@type": "ListItem", 594 "position": 2, 595 "name": "Meld Spark", 596 "item": "https://meldstudio.co/spark/" 597 } 598 ] 599}</script>
599
599<script type="application/ld+json">{ 600 "@context": "https://schema.org", 601 "@type": "Organization", 602 "@id": "https://meldstudio.co/#organization", 603 "name": "Meld Studio", 604 "url": "https://meldstudio.co", 605 "logo": "https://meldstudio.co/ms-icon-310x310.svg" 606}</script>
606 </main> <footer class="py-12 sm:py-16"> <div class="mb-12 border-t border-zinc-800 sm:mb-16"></div> <div class="container-narrow"> <div class="grid grid-cols-1 gap-y-10 sm:gap-y-12 lg:grid-cols-5 lg:gap-8"> <div class="lg:col-span-1"> <a href="/" aria-label="Meld Studio"> <svg viewBox="0 0 25 16" fill="none" xmlns="http://www.w3.org/2000/svg" class="h-8 w-8 text-zinc-400 transition-colors hover:text-white"> <path d="M22.4378 2.61489C21.0618 1.36352 19.3799 0.71875 17.4165 0.71875C14.6237 0.71875 13.8637 1.38224 13.1212 2.03041C13.0504 2.09218 12.9798 2.15381 12.9076 2.21471C12.7819 2.32075 12.5972 2.30351 12.4837 2.18448C11.7838 1.4501 10.8613 0.718755 8.68349 0.71875C6.43846 0.718745 5.5175 1.42597 5.21841 1.65564L5.21245 1.66022C5.1456 1.71153 5.10234 1.67687 5.10234 1.59259V1.03666C5.10234 0.861162 4.96007 0.71875 4.78457 0.71875H0.770895C0.595395 0.71875 0.453125 0.86102 0.453125 1.03652V15.2296C0.453125 15.4051 0.595396 15.5473 0.770895 15.5473H6.54373C6.71923 15.5473 6.8615 15.4051 6.8615 15.2296V8.07021C6.8615 8.06056 6.86139 8.04882 6.86127 8.03515C6.85811 7.69283 6.84385 6.14522 8.24069 6.14522C9.63791 6.14522 9.62883 7.59021 9.62611 8.0236C9.626 8.04078 9.6259 8.05637 9.6259 8.07021V15.2296C9.6259 15.4051 9.76817 15.5473 9.94367 15.5473H15.3395C15.515 15.5473 15.6573 15.4051 15.6573 15.2296V8.0822C15.6573 8.06353 15.6569 8.04055 15.6565 8.01381C15.6493 7.5781 15.6257 6.14522 16.9563 6.14522C18.3035 6.14522 18.2921 7.54065 18.2882 8.01951L18.288 8.04947C18.2879 8.05637 18.2879 8.06303 18.2879 8.06944C18.2879 8.07381 18.2879 8.07806 18.2879 8.0822V15.2312C18.2879 15.4067 18.4301 15.5473 18.6056 15.5473H24.1354C24.3109 15.5473 24.4531 15.4051 24.4531 15.2296V7.09479C24.4531 5.34287 23.8138 3.85236 22.4378 2.61489Z" fill="currentColor"></path> </svg> </a> </div> <div class="grid grid-cols-2 gap-x-8 gap-y-10 sm:grid-cols-5 sm:gap-8 lg:col-span-4"> <nav> <h3 class="mb-4 text-sm font-semibold text-white">Product</h3> <ul class="space-y-3 text-sm"> <li> <a href="/download/" class="text-zinc-400 transition-colors hover:text-white"> Download </a> </li><li> <a href="/pricing/" class="text-zinc-400 transition-colors hover:text-white"> Pricing </a> </li><li> <a href="/spark/" class="text-zinc-400 transition-colors hover:text-white"> Meld Spark </a> </li><li> <a href="/obs-spark-plug/" class="text-zinc-400 transition-colors hover:text-white"> Spark Plug for OBS </a> </li><li> <a href="https://multi.meldstudio.co/" class="text-zinc-400 transition-colors hover:text-white"> Multi By Meld </a> </li><li> <a href="https://meldstudio.co/blog/tag/changelog/" class="text-zinc-400 transition-colors hover:text-white"> Changelog </a> </li><li> <a href="/effects/" class="text-zinc-400 transition-colors hover:text-white"> Effects </a> </li><li> <a href="/audio/" class="text-zinc-400 transition-colors hover:text-white"> Audio </a> </li> </ul> </nav> <nav> <h3 class="mb-4 text-sm font-semibold text-white">Resources</h3> <ul class="space-y-3 text-sm"> <li> <a href="/docs/" class="text-zinc-400 transition-colors hover:text-white"> Documentation </a> </li><li> <a href="https://www.youtube.com/@streamwithmeld" class="text-zinc-400 transition-colors hover:text-white"> Video Tutorials </a> </li><li> <a href="/brand/" class="text-zinc-400 transition-colors hover:text-white"> Brand </a> </li> </ul> </nav> <nav> <h3 class="mb-4 text-sm font-semibold text-white">Compare</h3> <ul class="space-y-3 text-sm"> <li> <a href="/obs-to-meld/" class="text-zinc-400 transition-colors hover:text-white"> OBS </a> </li><li> <a href="/streamlabs-to-meld/" class="text-zinc-400 transition-colors hover:text-white"> Streamlabs </a> </li> </ul> </nav> <nav> <h3 class="mb-4 text-sm font-semibold text-white">Community</h3> <ul class="space-y-3 text-sm"> <li> <a href="https://discord.gg/invite/streamwithmeld" class="text-zinc-400 transition-colors hover:text-white" target="_blank" rel="noopener noreferrer"> Discord Server </a> </li><li> <a href="https://www.reddit.com/r/streamwithmeld" class="text-zinc-400 transition-colors hover:text-white" target="_blank" rel="noopener noreferrer"> Reddit Community </a> </li><li> <a href="https://x.com/streamwithmeld" class="text-zinc-400 transition-colors hover:text-white" target="_blank" rel="noopener noreferrer"> X (Twitter) </a> </li><li> <a href="https://www.youtube.com/@streamwithmeld" class="text-zinc-400 transition-colors hover:text-white" target="_blank" rel="noopener noreferrer"> YouTube Channel </a> </li><li> <a href="https://store.meldstudio.co" class="text-zinc-400 transition-colors hover:text-white" target="_blank" rel="noopener noreferrer"> Shop Merch </a> </li> </ul> </nav> <nav> <h3 class="mb-4 text-sm font-semibold text-white">Company</h3> <ul class="space-y-3 text-sm"> <li> <a href="/terms/" class="text-zinc-400 transition-colors hover:text-white"> Terms </a> </li><li> <a href="/privacy/" class="text-zinc-400 transition-colors hover:text-white"> Privacy Policy </a> </li><li> <a href="mailto:[email protected]" class="text-zinc-400 transition-colors hover:text-white"> Contact </a> </li> </ul> </nav> </div> </div> <div class="mt-12 border-t border-zinc-800"></div> <nav class="mt-8" aria-label="Streaming platforms"> <ul class="flex flex-wrap items-center justify-center gap-x-6 gap-y-3 sm:justify-start"> <li class="text-sm font-semibold text-white">Go live on</li> <li> <a href="/twitch/" class="text-sm text-zinc-400 transition-colors hover:text-white"> Twitch </a> </li><li> <a href="/youtube/" class="text-sm text-zinc-400 transition-colors hover:text-white"> YouTube </a> </li><li> <a href="/tiktok/" class="text-sm text-zinc-400 transition-colors hover:text-white"> TikTok </a> </li><li> <a href="/kick/" class="text-sm text-zinc-400 transition-colors hover:text-white"> Kick </a> </li><li> <a href="/x/" class="text-sm text-zinc-400 transition-colors hover:text-white"> X </a> </li> </ul> </nav> <div class="mt-8 flex justify-center"> <p class="text-sm text-zinc-400"> 607Meld Studio, Inc. All rights reserved. 608</p> </div> </div> </footer>
608<script type="module">document.addEventListener("DOMContentLoaded",()=>{const a=navigator.connection||navigator.mozConnection||navigator.webkitConnection;a&&(a.saveData||a.effectiveType==="slow-2g"||a.effectiveType==="2g")&&document.body.classList.add("slow-network");const n=new Set,u=e=>!document.hidden&&n.has(e)&&!document.body.classList.contains("slow-network"),c=e=>{if(e.tagName==="VIDEO"){const t=e;u(e)?t.play().catch(()=>{}):t.pause()}else e.hasAttribute("data-pausable")&&(!document.hidden&&n.has(e)?e.classList.remove("paused"):e.classList.add("paused"))},i=document.querySelectorAll(".reveal");if(i.length>0){const e=new IntersectionObserver(t=>{t.forEach(o=>{o.isIntersecting&&(o.target.classList.add("revealed"),e.unobserve(o.target))})},{threshold:.15,rootMargin:"0px 0px -50px 0px"});i.forEach(t=>e.observe(t))}const r=new IntersectionObserver(e=>{e.forEach(t=>{const o=t.target;t.isIntersecting?n.add(o):n.delete(o),c(o)})},{threshold:.05});document.querySelectorAll("video[autoplay]:not(.lazy-video)").forEach(e=>{r.observe(e)}),document.querySelectorAll("[data-pausable]").forEach(e=>{r.observe(e)}),document.addEventListener("visibilitychange",()=>{n.forEach(e=>{c(e)}),document.hidden&&(document.querySelectorAll("video").forEach(e=>{e.pause()}),document.querySelectorAll("[data-pausable]").forEach(e=>{e.classList.add("paused")}))});const d=document.querySelectorAll("video.lazy-video");if(d.length>0){const e=new IntersectionObserver(t=>{t.forEach(o=>{if(o.isIntersecting){const s=o.target,l=s.dataset.src;l&&!s.src&&(s.src=l,s.load(),!document.hidden&&!document.body.classList.contains("slow-network")&&s.play().catch(()=>{}),r.observe(s)),e.unobserve(s)}})},{rootMargin:"200px 0px",threshold:0});d.forEach(t=>e.observe(t))}window.__perfObserver=r});</script>
608
608<script> 609 /* eslint-disable */ 610 (function captureAttributionTouch() { 611 try { 612 var params = new URLSearchParams(window.location.search); 613 var campaignKey = [ 614 params.get('utm_source') || '', 615 params.get('utm_medium') || '', 616 params.get('utm_campaign') || '', 617 params.get('utm_content') || '', 618 params.get('utm_term') || '', 619 params.get('gclid') || '', 620 params.get('gbraid') || '', 621 params.get('wbraid') || '' 622 ].join('|'); 623 var storageKey = 'meld_attribution_touch'; 624 if (campaignKey === '|||||||' && localStorage.getItem(storageKey)) return; 625 if (localStorage.getItem(storageKey) === campaignKey) return; 626 fetch('/api/attribution/touch/', { 627 method: 'POST', 628 headers: { 'Content-Type': 'application/json' }, 629 credentials: 'same-origin', 630 keepalive: true, 631 body: JSON.stringify({ 632 landingUrl: window.location.href, 633 referrer: document.referrer || null, 634 utm: { 635 source: params.get('utm_source'), 636 medium: params.get('utm_medium'), 637 campaign: params.get('utm_campaign'), 638 content: params.get('utm_content'), 639 term: params.get('utm_term') 640 }, 641 adClick: { 642 gclid: params.get('gclid'), 643 gbraid: params.get('gbraid'), 644 wbraid: params.get('wbraid') 645 }, 646 ga: {}, 647 consent: {} 648 }) 649 }).then(function(response) { 650 if (response.ok) localStorage.setItem(storageKey, campaignKey); 651 }).catch(function() {}); 652 } catch {} 653 })(); 654 // Defer analytics until page is interactive 655 if (typeof requestIdleCallback !== 'undefined') { 656 requestIdleCallback(function() { loadAnalytics(); }); 657 } else { 658 setTimeout(loadAnalytics, 1); 659 } 660 function loadAnalytics() { 661 // Google Analytics 662 const gtmScript = document.createElement('script'); 663 gtmScript.async = true; 664 gtmScript.src = 'https://www.googletagmanager.com/gtag/js?id=G-YR0YEJK2J8'; 665 document.head.appendChild(gtmScript); 666 window.dataLayer = window.dataLayer || []; 667 window.gtag = function(){dataLayer.push(arguments);} 668 window.gtag('js', new Date()); 669 window.gtag('config', 'G-YR0YEJK2J8'); 670 window.gtag('config', 'AW-18139856488'); 671 672 // PostHog 673 !function(t,e){let o,n,p,r;e.__SV||(window.posthog=e,e._i=[],e.init=function(i,s,a){function g(t,e){const o=e.split(".");2==o.length&&(t=t[o[0]],e=o[1]),t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}}(p=t.createElement("script")).type="text/javascript",p.crossOrigin="anonymous",p.async=!0,p.src=s.api_host+"/static/array.js",(r=t.getElementsByTagName("script")[0]).parentNode.insertBefore(p,r);let u=e;for(void 0!==a?u=e[a]=[]:a="posthog",u.people=u.people||[],u.toString=function(t){let e="posthog";return"posthog"!==a&&(e+="."+a),t||(e+=" (stub)"),e},u.people.toString=function(){return u.toString(1)+".people (stub)"},o="capture identify alias people.set people.set_once set_config register register_once unregister opt_out_capturing has_opted_out_capturing opt_in_capturing reset isFeatureEnabled onFeatureFlags getFeatureFlag getFeatureFlagPayload reloadFeatureFlags group updateEarlyAccessFeatureEnrollment getEarlyAccessFeatures getActiveMatchingSurveys getSurveys getNextSurveyStep onSessionId".split(" "),n=0;n<o.length;n++)g(u,o[n]);e._i.push([i,s,a])},e.__SV=1)}(document,window.posthog||[]); 674 posthog.init('phc_v46SfKyD5DpcjwQMOtgsBUVhlJQXMqYzFftrVukPUR3',{api_host:'https://d1ysoybu6cwjzz.cloudfront.net',person_profiles:'always'}); 675 } 676 </script>
676
676<script type="module" src="/_astro/BaseLayout.astro_astro_type_script_index_0_lang.C_UQs413.js"></script>
676 </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.