/* home v6 - scoped under .uc-hom. Built from the Next.js app at app/page.tsx (localhost:3777), NOT from public/ucwr/. Every rule is wrapped in :where(.uc-hom) so page-internal specificity is unchanged while nothing can match outside the page. Classes that collide with #uichemy-globals are renamed with the ucx- prefix in HTML, CSS and JS together. See memory new-uichemy-design-system-isolation. */ @layer properties;@layer theme, base, components, utilities; .uc-hom{font-size:16px;font-family:var(--font-zalando-sans);} :where(.uc-hom) :is(h1,h2,h3,h4,h5,h6){margin:0;} :where(.uc-hom) :is(h1,h2,h3,h4,h5,h6).mt-3{ margin-top: calc(var(--spacing) * 3); }:where(.uc-hom) :is(h1,h2,h3,h4,h5,h6).mt-4{ margin-top: calc(var(--spacing) * 4); }:where(.uc-hom) :is(h1,h2,h3,h4,h5,h6).\!leading-\[1\.05\]{ --tw-leading: 1.05 !important; line-height: 1.05 !important; }:where(.uc-hom) :is(h1,h2,h3,h4,h5,h6).leading-6{ --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); }:where(.uc-hom) :is(h1,h2,h3,h4,h5,h6).leading-\[1\.05\]{ --tw-leading: 1.05; line-height: 1.05; }:where(.uc-hom) :is(h1,h2,h3,h4,h5,h6).leading-\[1\.12\]{ --tw-leading: 1.12; line-height: 1.12; }:where(.uc-hom) :is(h1,h2,h3,h4,h5,h6).leading-\[1\.15\]{ --tw-leading: 1.15; line-height: 1.15; }:where(.uc-hom) :is(h1,h2,h3,h4,h5,h6).leading-\[50px\]{ --tw-leading: 50px; line-height: 50px; } :where(.uc-hom) .lenis:not(.lenis-autoToggle).lenis-stopped{ overflow: clip; }:where(.uc-hom) .lenis [data-lenis-prevent], :where(.uc-hom) .lenis [data-lenis-prevent-wheel], :where(.uc-hom) .lenis [data-lenis-prevent-touch], :where(.uc-hom) .lenis [data-lenis-prevent-vertical], :where(.uc-hom) .lenis [data-lenis-prevent-horizontal]{ overscroll-behavior: contain; }:where(.uc-hom) .lenis.lenis-smooth iframe{ pointer-events: none; }:where(.uc-hom) .lenis.lenis-autoToggle{ transition-property: overflow; transition-duration: 1ms; transition-behavior: allow-discrete; }@layer theme{.uc-hom{ --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --color-red-50: oklch(97.1% 0.013 17.38); --color-red-100: oklch(93.6% 0.032 17.717); --color-red-200: oklch(88.5% 0.062 18.334); --color-red-500: oklch(63.7% 0.237 25.331); --color-red-600: oklch(57.7% 0.245 27.325); --color-red-800: oklch(44.4% 0.177 26.899); --color-orange-100: oklch(95.4% 0.038 75.164); --color-orange-500: oklch(70.5% 0.213 47.604); --color-orange-600: oklch(64.6% 0.222 41.116); --color-amber-50: oklch(98.7% 0.022 95.277); --color-yellow-100: oklch(97.3% 0.071 103.193); --color-yellow-500: oklch(79.5% 0.184 86.047); --color-yellow-600: oklch(68.1% 0.162 75.834); --color-green-50: oklch(98.2% 0.018 155.826); --color-green-100: oklch(96.2% 0.044 156.743); --color-green-200: oklch(92.5% 0.084 155.995); --color-green-500: oklch(72.3% 0.219 149.579); --color-green-600: oklch(62.7% 0.194 149.214); --color-green-800: oklch(44.8% 0.119 151.328); --color-emerald-400: oklch(76.5% 0.177 163.223); --color-blue-100: oklch(93.2% 0.032 255.585); --color-blue-500: oklch(62.3% 0.214 259.815); --color-blue-600: oklch(54.6% 0.245 262.881); --color-indigo-100: oklch(93% 0.034 272.788); --color-indigo-500: oklch(58.5% 0.233 277.117); --color-violet-100: oklch(94.3% 0.029 294.588); --color-violet-600: oklch(54.1% 0.281 293.009); --color-purple-50: oklch(97.7% 0.014 308.299); --color-purple-500: oklch(62.7% 0.265 303.9); --color-purple-600: oklch(55.8% 0.288 302.321); --color-purple-700: oklch(49.6% 0.265 301.924); --color-gray-50: oklch(98.5% 0.002 247.839); --color-gray-100: oklch(96.7% 0.003 264.542); --color-gray-200: oklch(92.8% 0.006 264.531); --color-gray-300: oklch(87.2% 0.01 258.338); --color-gray-400: oklch(70.7% 0.022 261.325); --color-gray-500: oklch(55.1% 0.027 264.364); --color-gray-600: oklch(44.6% 0.03 256.802); --color-gray-700: oklch(37.3% 0.034 259.733); --color-gray-900: oklch(21% 0.034 264.665); --color-zinc-800: oklch(27.4% 0.006 286.033); --color-zinc-900: oklch(21% 0.006 285.885); --color-zinc-950: oklch(14.1% 0.005 285.823); --color-neutral-50: oklch(98.5% 0 0); --color-neutral-200: oklch(92.2% 0 0); --color-neutral-300: oklch(87% 0 0); --color-neutral-400: oklch(70.8% 0 0); --color-neutral-500: oklch(55.6% 0 0); --color-neutral-700: oklch(37.1% 0 0); --color-neutral-800: oklch(26.9% 0 0); --color-black: #000; --color-white: #fff; --spacing: 0.25rem; --container-xs: 20rem; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --container-xl: 36rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; --container-5xl: 64rem; --container-7xl: 80rem; --text-xs: 0.75rem; --text-xs--line-height: calc(1 / 0.75); --text-sm: 0.875rem; --text-sm--line-height: calc(1.25 / 0.875); --text-base: 1rem; --text-base--line-height: calc(1.5 / 1); --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --text-2xl: 1.5rem; --text-2xl--line-height: calc(2 / 1.5); --text-3xl: 1.875rem; --text-3xl--line-height: calc(2.25 / 1.875); --text-4xl: 2.25rem; --text-4xl--line-height: calc(2.5 / 2.25); --text-5xl: 3rem; --text-5xl--line-height: 1; --text-6xl: 3.75rem; --text-6xl--line-height: 1; --text-7xl: 4.5rem; --text-7xl--line-height: 1; --font-weight-light: 300; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --font-weight-extrabold: 800; --tracking-tighter: -0.05em; --tracking-tight: -0.025em; --tracking-normal: 0em; --tracking-wide: 0.025em; --tracking-wider: 0.05em; --tracking-widest: 0.1em; --leading-tight: 1.25; --leading-snug: 1.375; --leading-normal: 1.5; --leading-relaxed: 1.625; --radius-xs: 4px; --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: var(--radius); --radius-xl: calc(var(--radius) + 4px); --shadow-sm: 0 1px 2px 0 #1018280f; --shadow-md: 0 4px 2px -2px #1018280f; --shadow-lg: 0 4px 6px -2px #10182808; --ease-in: cubic-bezier(0.4, 0, 1, 1); --ease-out: cubic-bezier(0, 0, 0.2, 1); --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); --animate-spin: spin 1s linear infinite; --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; --blur-sm: 8px; --blur-md: 12px; --blur-xl: 24px; --blur-2xl: 40px; --aspect-video: 16 / 9; --default-transition-duration: 150ms; --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); --font-zalando-sans: "Zalando Sans", sans-serif; --font-nanum-pen: "Nanum Pen Script", cursive; --color-sprout-color-primary-lightest: #fff1eb; --color-sprout-color-primary-lighter: #ffb89a; --color-sprout-color-primary: #fd6a35; --color-sprout-color-primary-darker: #cc4b23; --color-uc-dark: var(--color-sprout-color-background-dark); --color-uc-dark-card: var(--color-sprout-color-background-weaker-2); --color-sprout-color-secondary-lightest: #f2eeff; --color-sprout-color-secondary-lighter: #b8a9ff; --color-sprout-color-secondary: #5202fd; --color-sprout-color-background-weaker: #ffffff; --color-sprout-color-background-weaker-2: rgba(255, 255, 255, 0.1); --color-sprout-color-background-default: #f4f4f4; --color-sprout-color-background-stronger: #ebebeb; --color-sprout-color-background-strongest: #e3e3ed; --color-sprout-color-background-dark: #171717; --color-sprout-color-background-dark-2: #202020; --color-sprout-color-background-blue: #3600af; --color-sprout-color-text-default: #0a0a0a; --color-sprout-color-text-weaker: #737373; --color-sprout-color-text-weakest: #a3a3a3; --color-sprout-color-text-stronger: #171717; --color-sprout-color-text-disabled: #737373; --color-sprout-color-text-white: #ffffff; --color-sprout-color-border-weak: #e5e5e5; --color-sprout-color-border-default: #d4d4d4; --color-sprout-color-border-dark-weak: #737373; --color-sprout-color-border-dark-default: #404040; --color-sprout-color-success: #2ea343; --color-sprout-color-success-darker: #0a842a; --color-sprout-color-secondary-darker: #3600af; --color-sprout-color-error-lightest: #fff2ef; --color-sprout-color-error: #f65258; --color-primary: var(--primary); --color-titlelight: #0d0d0d; --color-neutral: #d6d6d6; --shadow-sprout-2xs: 0 1px 2px 0 rgba(0, 0, 0, 0.05); --shadow-sprout-xs: 0 1px 3px 0 rgba(0, 0, 0, 0.1); --radius-sprout-12: 12px; --radius-sprout-infinite: 9999px; --spacing-sprout-8: 8px; --spacing-sprout-10: 10px; --spacing-sprout-12: 12px; --spacing-sprout-16: 16px; --spacing-sprout-20: 20px; --spacing-sprout-24: 24px; --spacing-sprout-32: 32px; --spacing-sprout-40: 40px; --spacing-sprout-48: 48px; --spacing-sprout-56: 56px; --spacing-sprout-64: 64px; --spacing-sprout-80: 80px; --color-border: var(--border); }}@layer base{:where(.uc-hom), :where(.uc-hom) *, :where(.uc-hom) *::after, :where(.uc-hom) *::before, :where(.uc-hom) *::backdrop, :where(.uc-hom) *::file-selector-button{ box-sizing: border-box; margin: 0; padding: 0; border: 0 solid; }:where(.uc-hom){ line-height: 1.5; -webkit-text-size-adjust: 100%; tab-size: 4; font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); font-feature-settings: var(--default-font-feature-settings, normal); font-variation-settings: var(--default-font-variation-settings, normal); -webkit-tap-highlight-color: transparent; }:where(.uc-hom) hr{ height: 0; color: inherit; border-top-width: 1px; }:where(.uc-hom) abbr:where([title]){ -webkit-text-decoration: underline dotted; text-decoration: underline dotted; }:where(.uc-hom) h1, :where(.uc-hom) h2, :where(.uc-hom) h3, :where(.uc-hom) h4, :where(.uc-hom) h5, :where(.uc-hom) h6{ font-size: inherit; font-weight: inherit; }:where(.uc-hom) a{ color: inherit; -webkit-text-decoration: inherit; text-decoration: inherit; }:where(.uc-hom) b, :where(.uc-hom) strong{ font-weight: bolder; }:where(.uc-hom) code, :where(.uc-hom) kbd, :where(.uc-hom) samp, :where(.uc-hom) pre{ font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace); font-feature-settings: var(--default-mono-font-feature-settings, normal); font-variation-settings: var(--default-mono-font-variation-settings, normal); font-size: 1em; }:where(.uc-hom) small{ font-size: 80%; }:where(.uc-hom) sub, :where(.uc-hom) sup{ font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }:where(.uc-hom) sub{ bottom: -0.25em; }:where(.uc-hom) sup{ top: -0.5em; }:where(.uc-hom) table{ text-indent: 0; border-color: inherit; border-collapse: collapse; }:where(.uc-hom) :-moz-focusring{ outline: auto; }:where(.uc-hom) progress{ vertical-align: baseline; }:where(.uc-hom) summary{ display: list-item; }:where(.uc-hom) ol, :where(.uc-hom) ul, :where(.uc-hom) menu{ list-style: none; }:where(.uc-hom) img, :where(.uc-hom) svg, :where(.uc-hom) video, :where(.uc-hom) canvas, :where(.uc-hom) audio, :where(.uc-hom) iframe, :where(.uc-hom) embed, :where(.uc-hom) object{ display: block; vertical-align: middle; }:where(.uc-hom) img, :where(.uc-hom) video{ max-width: 100%; height: auto; }:where(.uc-hom) button, :where(.uc-hom) input, :where(.uc-hom) select, :where(.uc-hom) optgroup, :where(.uc-hom) textarea, :where(.uc-hom) ::file-selector-button{ font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; border-radius: 0; background-color: transparent; opacity: 1; }:where(.uc-hom) :where(select:is([multiple], [size])) optgroup{ font-weight: bolder; }:where(.uc-hom) :where(select:is([multiple], [size])) optgroup option{ padding-inline-start: 20px; }:where(.uc-hom) ::file-selector-button{ margin-inline-end: 4px; }:where(.uc-hom) ::placeholder{ opacity: 1; }@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){:where(.uc-hom) ::placeholder{ color: currentcolor; @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, currentcolor 50%, transparent); } }}:where(.uc-hom) textarea{ resize: vertical; }:where(.uc-hom) ::-webkit-search-decoration{ -webkit-appearance: none; }:where(.uc-hom) ::-webkit-date-and-time-value{ min-height: 1lh; text-align: inherit; }:where(.uc-hom) ::-webkit-datetime-edit{ display: inline-flex; }:where(.uc-hom) ::-webkit-datetime-edit-fields-wrapper{ padding: 0; }:where(.uc-hom) ::-webkit-datetime-edit, :where(.uc-hom) ::-webkit-datetime-edit-year-field, :where(.uc-hom) ::-webkit-datetime-edit-month-field, :where(.uc-hom) ::-webkit-datetime-edit-day-field, :where(.uc-hom) ::-webkit-datetime-edit-hour-field, :where(.uc-hom) ::-webkit-datetime-edit-minute-field, :where(.uc-hom) ::-webkit-datetime-edit-second-field, :where(.uc-hom) ::-webkit-datetime-edit-millisecond-field, :where(.uc-hom) ::-webkit-datetime-edit-meridiem-field{ padding-block: 0; }:where(.uc-hom) ::-webkit-calendar-picker-indicator{ line-height: 1; }:where(.uc-hom) :-moz-ui-invalid{ box-shadow: none; }:where(.uc-hom) button, :where(.uc-hom) input:where([type="button"], [type="reset"], [type="submit"]), :where(.uc-hom) ::file-selector-button{ appearance: button; }:where(.uc-hom) ::-webkit-inner-spin-button, :where(.uc-hom) ::-webkit-outer-spin-button{ height: auto; }:where(.uc-hom) [hidden]:where(:not([hidden="until-found"])){ display: none !important; }}@layer utilities{:where(.uc-hom) .pointer-events-none{ pointer-events: none; }:where(.uc-hom) .sr-only{ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border-width: 0; }:where(.uc-hom) .absolute{ position: absolute; }:where(.uc-hom) .fixed{ position: fixed; }:where(.uc-hom) .relative{ position: relative; }:where(.uc-hom) .sticky{ position: sticky; }:where(.uc-hom) .inset-0{ inset: calc(var(--spacing) * 0); }:where(.uc-hom) .inset-x-0{ inset-inline: calc(var(--spacing) * 0); }:where(.uc-hom) .-top-3{ top: calc(var(--spacing) * -3); }:where(.uc-hom) .-top-\[3px\]{ top: calc(3px * -1); }:where(.uc-hom) .top-0{ top: calc(var(--spacing) * 0); }:where(.uc-hom) .top-1\/2{ top: calc(1/2 * 100%); }:where(.uc-hom) .top-2{ top: calc(var(--spacing) * 2); }:where(.uc-hom) .top-3{ top: calc(var(--spacing) * 3); }:where(.uc-hom) .top-\[2\.6\%\]{ top: 2.6%; }:where(.uc-hom) .top-\[2px\]{ top: 2px; }:where(.uc-hom) .top-\[13\%\]{ top: 13%; }:where(.uc-hom) .top-\[30\%\]{ top: 30%; }:where(.uc-hom) .top-\[43\%\]{ top: 43%; }:where(.uc-hom) .top-\[44\%\]{ top: 44%; }:where(.uc-hom) .top-\[48\.4\%\]{ top: 48.4%; }:where(.uc-hom) .top-\[49\%\]{ top: 49%; }:where(.uc-hom) .top-\[160px\]{ top: 160px; }:where(.uc-hom) .top-\[clamp\(52px\,7vw\,104px\)\]{ top: clamp(52px, 7vw, 104px); }:where(.uc-hom) .top-full{ top: 100%; }:where(.uc-hom) .-right-3{ right: calc(var(--spacing) * -3); }:where(.uc-hom) .-right-\[3px\]{ right: calc(3px * -1); }:where(.uc-hom) .right-0{ right: calc(var(--spacing) * 0); }:where(.uc-hom) .right-2{ right: calc(var(--spacing) * 2); }:where(.uc-hom) .right-3{ right: calc(var(--spacing) * 3); }:where(.uc-hom) .right-16{ right: calc(var(--spacing) * 16); }:where(.uc-hom) .right-\[-42\%\]{ right: -42%; }:where(.uc-hom) .right-\[-52\.4\%\]{ right: -52.4%; }:where(.uc-hom) .right-\[1\%\]{ right: 1%; }:where(.uc-hom) .right-\[4\%\]{ right: 4%; }:where(.uc-hom) .-bottom-\[4px\]{ bottom: calc(4px * -1); }:where(.uc-hom) .bottom-0{ bottom: calc(var(--spacing) * 0); }:where(.uc-hom) .bottom-2{ bottom: calc(var(--spacing) * 2); }:where(.uc-hom) .bottom-4{ bottom: calc(var(--spacing) * 4); }:where(.uc-hom) .bottom-8{ bottom: calc(var(--spacing) * 8); }:where(.uc-hom) .bottom-\[-30\%\]{ bottom: -30%; }:where(.uc-hom) .bottom-\[-32\%\]{ bottom: -32%; }:where(.uc-hom) .bottom-\[14px\]{ bottom: 14px; }:where(.uc-hom) .-left-\[3px\]{ left: calc(3px * -1); }:where(.uc-hom) .left-0{ left: calc(var(--spacing) * 0); }:where(.uc-hom) .left-1\/2{ left: calc(1/2 * 100%); }:where(.uc-hom) .left-2{ left: calc(var(--spacing) * 2); }:where(.uc-hom) .left-\[-24px\]{ left: -24px; }:where(.uc-hom) .left-\[-25\%\]{ left: -25%; }:where(.uc-hom) .left-\[-96\.3\%\]{ left: -96.3%; }:where(.uc-hom) .left-\[1\%\]{ left: 1%; }:where(.uc-hom) .left-\[2\.2\%\]{ left: 2.2%; }:where(.uc-hom) .left-\[2px\]{ left: 2px; }:where(.uc-hom) .left-\[19\.2\%\]{ left: 19.2%; }:where(.uc-hom) .isolate{ isolation: isolate; }:where(.uc-hom) .z-0{ z-index: 0; }:where(.uc-hom) .z-10{ z-index: 10; }:where(.uc-hom) .z-20{ z-index: 20; }:where(.uc-hom) .z-30{ z-index: 30; }:where(.uc-hom) .z-40{ z-index: 40; }:where(.uc-hom) .z-\[1\]{ z-index: 1; }:where(.uc-hom) .z-\[2\]{ z-index: 2; }:where(.uc-hom) .z-\[3\]{ z-index: 3; }:where(.uc-hom) .z-\[100\]{ z-index: 100; }:where(.uc-hom) .-mx-2{ margin-inline: calc(var(--spacing) * -2); }:where(.uc-hom) .-mx-6{ margin-inline: calc(var(--spacing) * -6); }:where(.uc-hom) .mx-6{ margin-inline: calc(var(--spacing) * 6); }:where(.uc-hom) .mx-auto{ margin-inline: auto; }:where(.uc-hom) .-my-1\.5{ margin-block: calc(var(--spacing) * -1.5); }:where(.uc-hom) .-my-2{ margin-block: calc(var(--spacing) * -2); }:where(.uc-hom) .my-3{ margin-block: calc(var(--spacing) * 3); }:where(.uc-hom) .my-auto{ margin-block: auto; }:where(.uc-hom) .-mt-3{ margin-top: calc(var(--spacing) * -3); }:where(.uc-hom) .mt-0\.5{ margin-top: calc(var(--spacing) * 0.5); }:where(.uc-hom) .mt-1{ margin-top: calc(var(--spacing) * 1); }:where(.uc-hom) .mt-2{ margin-top: calc(var(--spacing) * 2); }:where(.uc-hom) .mt-3{ margin-top: calc(var(--spacing) * 3); }:where(.uc-hom) .mt-4{ margin-top: calc(var(--spacing) * 4); }:where(.uc-hom) .mt-5{ margin-top: calc(var(--spacing) * 5); }:where(.uc-hom) .mt-6{ margin-top: calc(var(--spacing) * 6); }:where(.uc-hom) .mt-\[1\.5px\]{ margin-top: 1.5px; }:where(.uc-hom) .mt-auto{ margin-top: auto; }:where(.uc-hom) .mt-sprout-8{ margin-top: var(--spacing-sprout-8); }:where(.uc-hom) .mt-sprout-12{ margin-top: var(--spacing-sprout-12); }:where(.uc-hom) .mt-sprout-20{ margin-top: var(--spacing-sprout-20); }:where(.uc-hom) .mt-sprout-24{ margin-top: var(--spacing-sprout-24); }:where(.uc-hom) .mt-sprout-32{ margin-top: var(--spacing-sprout-32); }:where(.uc-hom) .mt-sprout-48{ margin-top: var(--spacing-sprout-48); }:where(.uc-hom) .-mb-6{ margin-bottom: calc(var(--spacing) * -6); }:where(.uc-hom) .mb-0\.5{ margin-bottom: calc(var(--spacing) * 0.5); }:where(.uc-hom) .mb-1\.5{ margin-bottom: calc(var(--spacing) * 1.5); }:where(.uc-hom) .mb-2{ margin-bottom: calc(var(--spacing) * 2); }:where(.uc-hom) .mb-2\.5{ margin-bottom: calc(var(--spacing) * 2.5); }:where(.uc-hom) .mb-3{ margin-bottom: calc(var(--spacing) * 3); }:where(.uc-hom) .mb-4{ margin-bottom: calc(var(--spacing) * 4); }:where(.uc-hom) .mb-12{ margin-bottom: calc(var(--spacing) * 12); }:where(.uc-hom) .mb-\[52px\]{ margin-bottom: 52px; }:where(.uc-hom) .mb-sprout-10{ margin-bottom: var(--spacing-sprout-10); }:where(.uc-hom) .mb-sprout-12{ margin-bottom: var(--spacing-sprout-12); }:where(.uc-hom) .mb-sprout-16{ margin-bottom: var(--spacing-sprout-16); }:where(.uc-hom) .ml-0\.5{ margin-left: calc(var(--spacing) * 0.5); }:where(.uc-hom) .ml-2{ margin-left: calc(var(--spacing) * 2); }:where(.uc-hom) .ml-auto{ margin-left: auto; }:where(.uc-hom) .block{ display: block; }:where(.uc-hom) .flex{ display: flex; }:where(.uc-hom) .grid{ display: grid; }:where(.uc-hom) .hidden{ display: none; }:where(.uc-hom) .inline{ display: inline; }:where(.uc-hom) .inline-block{ display: inline-block; }:where(.uc-hom) .inline-flex{ display: inline-flex; }:where(.uc-hom) .aspect-\[291\/200\]{ aspect-ratio: 291/200; }:where(.uc-hom) .aspect-\[348\/300\]{ aspect-ratio: 348/300; }:where(.uc-hom) .aspect-video{ aspect-ratio: var(--aspect-video); }:where(.uc-hom) .size-11{ width: calc(var(--spacing) * 11); height: calc(var(--spacing) * 11); }:where(.uc-hom) .size-\[15px\]{ width: 15px; height: 15px; }:where(.uc-hom) .size-\[18px\]{ width: 18px; height: 18px; }:where(.uc-hom) .size-\[23px\]{ width: 23px; height: 23px; }:where(.uc-hom) .size-\[44px\]{ width: 44px; height: 44px; }:where(.uc-hom) .size-\[54px\]{ width: 54px; height: 54px; }:where(.uc-hom) .size-\[80px\]{ width: 80px; height: 80px; }:where(.uc-hom) .size-\[84px\]{ width: 84px; height: 84px; }:where(.uc-hom) .size-\[138px\]{ width: 138px; height: 138px; }:where(.uc-hom) .size-\[148px\]{ width: 148px; height: 148px; }:where(.uc-hom) .size-full{ width: 100%; height: 100%; }:where(.uc-hom) .h-0\.5{ height: calc(var(--spacing) * 0.5); }:where(.uc-hom) .h-1{ height: calc(var(--spacing) * 1); }:where(.uc-hom) .h-1\.5{ height: calc(var(--spacing) * 1.5); }:where(.uc-hom) .h-2{ height: calc(var(--spacing) * 2); }:where(.uc-hom) .h-2\.5{ height: calc(var(--spacing) * 2.5); }:where(.uc-hom) .h-3{ height: calc(var(--spacing) * 3); }:where(.uc-hom) .h-3\.5{ height: calc(var(--spacing) * 3.5); }:where(.uc-hom) .h-4{ height: calc(var(--spacing) * 4); }:where(.uc-hom) .h-5{ height: calc(var(--spacing) * 5); }:where(.uc-hom) .h-6{ height: calc(var(--spacing) * 6); }:where(.uc-hom) .h-7{ height: calc(var(--spacing) * 7); }:where(.uc-hom) .h-8{ height: calc(var(--spacing) * 8); }:where(.uc-hom) .h-9{ height: calc(var(--spacing) * 9); }:where(.uc-hom) .h-11{ height: calc(var(--spacing) * 11); }:where(.uc-hom) .h-14{ height: calc(var(--spacing) * 14); }:where(.uc-hom) .h-16{ height: calc(var(--spacing) * 16); }:where(.uc-hom) .h-24{ height: calc(var(--spacing) * 24); }:where(.uc-hom) .h-28{ height: calc(var(--spacing) * 28); }:where(.uc-hom) .h-\[3px\]{ height: 3px; }:where(.uc-hom) .h-\[4\.6px\]{ height: 4.6px; }:where(.uc-hom) .h-\[5px\]{ height: 5px; }:where(.uc-hom) .h-\[7\.6px\]{ height: 7.6px; }:where(.uc-hom) .h-\[7\.8vw\]{ height: 7.8vw; }:where(.uc-hom) .h-\[7px\]{ height: 7px; }:where(.uc-hom) .h-\[9px\]{ height: 9px; }:where(.uc-hom) .h-\[10px\]{ height: 10px; }:where(.uc-hom) .h-\[13px\]{ height: 13px; }:where(.uc-hom) .h-\[14px\]{ height: 14px; }:where(.uc-hom) .h-\[15px\]{ height: 15px; }:where(.uc-hom) .h-\[18px\]{ height: 18px; }:where(.uc-hom) .h-\[20px\]{ height: 20px; }:where(.uc-hom) .h-\[22px\]{ height: 22px; }:where(.uc-hom) .h-\[23px\]{ height: 23px; }:where(.uc-hom) .h-\[24px\]{ height: 24px; }:where(.uc-hom) .h-\[26px\]{ height: 26px; }:where(.uc-hom) .h-\[28px\]{ height: 28px; }:where(.uc-hom) .h-\[30px\]{ height: 30px; }:where(.uc-hom) .h-\[34px\]{ height: 34px; }:where(.uc-hom) .h-\[35px\]{ height: 35px; }:where(.uc-hom) .h-\[36px\]{ height: 36px; }:where(.uc-hom) .h-\[38px\]{ height: 38px; }:where(.uc-hom) .h-\[40px\]{ height: 40px; }:where(.uc-hom) .h-\[42\.2\%\]{ height: 42.2%; }:where(.uc-hom) .h-\[42\.4\%\]{ height: 42.4%; }:where(.uc-hom) .h-\[58px\]{ height: 58px; }:where(.uc-hom) .h-\[60px\]{ height: 60px; }:where(.uc-hom) .h-\[82px\]{ height: 82px; }:where(.uc-hom) .h-\[152px\]{ height: 152px; }:where(.uc-hom) .h-\[238px\]{ height: 238px; }:where(.uc-hom) .h-\[280px\]{ height: 280px; }:where(.uc-hom) .h-\[336px\]{ height: 336px; }:where(.uc-hom) .h-\[660px\]{ height: 660px; }:where(.uc-hom) .h-full{ height: 100%; }:where(.uc-hom) .h-px{ height: 1px; }:where(.uc-hom) .h-screen{ height: 100vh; }:where(.uc-hom) .h-sprout-16{ height: var(--spacing-sprout-16); }:where(.uc-hom) .h-sprout-56{ height: var(--spacing-sprout-56); }:where(.uc-hom) .max-h-\[112px\]{ max-height: 112px; }:where(.uc-hom) .min-h-\[300px\]{ min-height: 300px; }:where(.uc-hom) .min-h-\[480px\]{ min-height: 480px; }:where(.uc-hom) .min-h-screen{ min-height: 100vh; }:where(.uc-hom) .w-1\.5{ width: calc(var(--spacing) * 1.5); }:where(.uc-hom) .w-2{ width: calc(var(--spacing) * 2); }:where(.uc-hom) .w-2\.5{ width: calc(var(--spacing) * 2.5); }:where(.uc-hom) .w-3{ width: calc(var(--spacing) * 3); }:where(.uc-hom) .w-3\.5{ width: calc(var(--spacing) * 3.5); }:where(.uc-hom) .w-4{ width: calc(var(--spacing) * 4); }:where(.uc-hom) .w-5{ width: calc(var(--spacing) * 5); }:where(.uc-hom) .w-6{ width: calc(var(--spacing) * 6); }:where(.uc-hom) .w-8{ width: calc(var(--spacing) * 8); }:where(.uc-hom) .w-9{ width: calc(var(--spacing) * 9); }:where(.uc-hom) .w-11{ width: calc(var(--spacing) * 11); }:where(.uc-hom) .w-14{ width: calc(var(--spacing) * 14); }:where(.uc-hom) .w-16{ width: calc(var(--spacing) * 16); }:where(.uc-hom) .w-\[2px\]{ width: 2px; }:where(.uc-hom) .w-\[5px\]{ width: 5px; }:where(.uc-hom) .w-\[7\.8vw\]{ width: 7.8vw; }:where(.uc-hom) .w-\[9px\]{ width: 9px; }:where(.uc-hom) .w-\[10px\]{ width: 10px; }:where(.uc-hom) .w-\[14px\]{ width: 14px; }:where(.uc-hom) .w-\[15px\]{ width: 15px; }:where(.uc-hom) .w-\[18px\]{ width: 18px; }:where(.uc-hom) .w-\[19px\]{ width: 19px; }:where(.uc-hom) .w-\[22px\]{ width: 22px; }:where(.uc-hom) .w-\[24px\]{ width: 24px; }:where(.uc-hom) .w-\[26px\]{ width: 26px; }:where(.uc-hom) .w-\[30px\]{ width: 30px; }:where(.uc-hom) .w-\[33px\]{ width: 33px; }:where(.uc-hom) .w-\[34px\]{ width: 34px; }:where(.uc-hom) .w-\[35px\]{ width: 35px; }:where(.uc-hom) .w-\[36px\]{ width: 36px; }:where(.uc-hom) .w-\[37\%\]{ width: 37%; }:where(.uc-hom) .w-\[38px\]{ width: 38px; }:where(.uc-hom) .w-\[40px\]{ width: 40px; }:where(.uc-hom) .w-\[46\%\]{ width: 46%; }:where(.uc-hom) .w-\[47px\]{ width: 47px; }:where(.uc-hom) .w-\[60px\]{ width: 60px; }:where(.uc-hom) .w-\[62\%\]{ width: 62%; }:where(.uc-hom) .w-\[70\%\]{ width: 70%; }:where(.uc-hom) .w-\[77\.9\%\]{ width: 77.9%; }:where(.uc-hom) .w-\[77px\]{ width: 77px; }:where(.uc-hom) .w-\[84\%\]{ width: 84%; }:where(.uc-hom) .w-\[88\%\]{ width: 88%; }:where(.uc-hom) .w-\[110px\]{ width: 110px; }:where(.uc-hom) .w-\[131px\]{ width: 131px; }:where(.uc-hom) .w-\[132px\]{ width: 132px; }:where(.uc-hom) .w-\[137px\]{ width: 137px; }:where(.uc-hom) .w-\[170px\]{ width: 170px; }:where(.uc-hom) .w-\[205\%\]{ width: 205%; }:where(.uc-hom) .w-\[226px\]{ width: 226px; }:where(.uc-hom) .w-\[238px\]{ width: 238px; }:where(.uc-hom) .w-\[1400px\]{ width: 1400px; }:where(.uc-hom) .w-\[min\(86\%\,1060px\)\]{ width: min(86%, 1060px); }:where(.uc-hom) .w-\[min\(560px\,84vw\)\]{ width: min(560px, 84vw); }:where(.uc-hom) .w-\[min\(760px\,86vw\)\]{ width: min(760px, 86vw); }:where(.uc-hom) .w-auto{ width: auto; }:where(.uc-hom) .w-fit{ width: fit-content; }:where(.uc-hom) .w-full{ width: 100%; }:where(.uc-hom) .w-px{ width: 1px; }:where(.uc-hom) .w-sprout-16{ width: var(--spacing-sprout-16); }:where(.uc-hom) .max-w-\[62\%\]{ max-width: 62%; }:where(.uc-hom) .max-w-\[70\%\]{ max-width: 70%; }:where(.uc-hom) .max-w-\[112px\]{ max-width: 112px; }:where(.uc-hom) .max-w-\[300px\]{ max-width: 300px; }:where(.uc-hom) .max-w-\[320px\]{ max-width: 320px; }:where(.uc-hom) .max-w-\[340px\]{ max-width: 340px; }:where(.uc-hom) .max-w-\[360px\]{ max-width: 360px; }:where(.uc-hom) .max-w-\[420px\]{ max-width: 420px; }:where(.uc-hom) .max-w-\[440px\]{ max-width: 440px; }:where(.uc-hom) .max-w-\[441px\]{ max-width: 441px; }:where(.uc-hom) .max-w-\[520px\]{ max-width: 520px; }:where(.uc-hom) .max-w-\[560px\]{ max-width: 560px; }:where(.uc-hom) .max-w-\[640px\]{ max-width: 640px; }:where(.uc-hom) .max-w-\[701px\]{ max-width: 701px; }:where(.uc-hom) .max-w-\[720px\]{ max-width: 720px; }:where(.uc-hom) .max-w-\[836px\]{ max-width: 836px; }:where(.uc-hom) .max-w-\[1100px\]{ max-width: 1100px; }:where(.uc-hom) .max-w-none{ max-width: none; }:where(.uc-hom) .min-w-0{ min-width: calc(var(--spacing) * 0); }:where(.uc-hom) .flex-1{ flex: 1; }:where(.uc-hom) .flex-\[0_0_62\%\]{ flex: 0 0 62%; }:where(.uc-hom) .shrink-0{ flex-shrink: 0; }:where(.uc-hom) .origin-top-left{ transform-origin: 0 0; }:where(.uc-hom) .-translate-x-1\/2{ --tw-translate-x: calc(calc(1/2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); }:where(.uc-hom) .-translate-y-1\/2{ --tw-translate-y: calc(calc(1/2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); }:where(.uc-hom) .-translate-y-\[64\%\]{ --tw-translate-y: calc(64% * -1); translate: var(--tw-translate-x) var(--tw-translate-y); }:where(.uc-hom) .translate-y-\[2px\]{ --tw-translate-y: 2px; translate: var(--tw-translate-x) var(--tw-translate-y); }:where(.uc-hom) .translate-y-\[3px\]{ --tw-translate-y: 3px; translate: var(--tw-translate-x) var(--tw-translate-y); }:where(.uc-hom) .animate-pulse{ animation: var(--animate-pulse); }:where(.uc-hom) .animate-spin{ animation: var(--animate-spin); }:where(.uc-hom) .cursor-pointer{ cursor: pointer; }:where(.uc-hom) .grid-cols-1{ grid-template-columns: repeat(1, minmax(0, 1fr)); }:where(.uc-hom) .grid-cols-2{ grid-template-columns: repeat(2, minmax(0, 1fr)); }:where(.uc-hom) .grid-cols-3{ grid-template-columns: repeat(3, minmax(0, 1fr)); }:where(.uc-hom) .grid-cols-\[minmax\(0\,1fr\)\]{ grid-template-columns: minmax(0,1fr); }:where(.uc-hom) .flex-col{ flex-direction: column; }:where(.uc-hom) .flex-wrap{ flex-wrap: wrap; }:where(.uc-hom) .place-items-center{ place-items: center; }:where(.uc-hom) .items-center{ align-items: center; }:where(.uc-hom) .items-end{ align-items: flex-end; }:where(.uc-hom) .items-start{ align-items: flex-start; }:where(.uc-hom) .justify-between{ justify-content: space-between; }:where(.uc-hom) .justify-center{ justify-content: center; }:where(.uc-hom) .justify-end{ justify-content: flex-end; }:where(.uc-hom) .gap-0\.5{ gap: calc(var(--spacing) * 0.5); }:where(.uc-hom) .gap-1{ gap: calc(var(--spacing) * 1); }:where(.uc-hom) .gap-1\.5{ gap: calc(var(--spacing) * 1.5); }:where(.uc-hom) .gap-2{ gap: calc(var(--spacing) * 2); }:where(.uc-hom) .gap-2\.5{ gap: calc(var(--spacing) * 2.5); }:where(.uc-hom) .gap-3{ gap: calc(var(--spacing) * 3); }:where(.uc-hom) .gap-3\.5{ gap: calc(var(--spacing) * 3.5); }:where(.uc-hom) .gap-4{ gap: calc(var(--spacing) * 4); }:where(.uc-hom) .gap-5{ gap: calc(var(--spacing) * 5); }:where(.uc-hom) .gap-6{ gap: calc(var(--spacing) * 6); }:where(.uc-hom) .gap-8{ gap: calc(var(--spacing) * 8); }:where(.uc-hom) .gap-12{ gap: calc(var(--spacing) * 12); }:where(.uc-hom) .gap-\[1\.5px\]{ gap: 1.5px; }:where(.uc-hom) .gap-\[4\.5px\]{ gap: 4.5px; }:where(.uc-hom) .gap-\[5px\]{ gap: 5px; }:where(.uc-hom) .gap-\[6\.5px\]{ gap: 6.5px; }:where(.uc-hom) .gap-\[7px\]{ gap: 7px; }:where(.uc-hom) .gap-\[9px\]{ gap: 9px; }:where(.uc-hom) .gap-\[10px\]{ gap: 10px; }:where(.uc-hom) .gap-\[11\.6px\]{ gap: 11.6px; }:where(.uc-hom) .gap-\[11px\]{ gap: 11px; }:where(.uc-hom) .gap-\[12px\]{ gap: 12px; }:where(.uc-hom) .gap-\[13px\]{ gap: 13px; }:where(.uc-hom) .gap-\[15px\]{ gap: 15px; }:where(.uc-hom) .gap-\[22px\]{ gap: 22px; }:where(.uc-hom) .gap-\[28px\]{ gap: 28px; }:where(.uc-hom) .gap-px{ gap: 1px; }:where(.uc-hom) .gap-sprout-8{ gap: var(--spacing-sprout-8); }:where(.uc-hom) .gap-sprout-10{ gap: var(--spacing-sprout-10); }:where(.uc-hom) .gap-sprout-12{ gap: var(--spacing-sprout-12); }:where(.uc-hom) .gap-sprout-16{ gap: var(--spacing-sprout-16); }:where(.uc-hom) .gap-sprout-20{ gap: var(--spacing-sprout-20); }:where(.uc-hom) .gap-sprout-24{ gap: var(--spacing-sprout-24); }:where(.uc-hom) .gap-sprout-32{ gap: var(--spacing-sprout-32); }:where(.uc-hom) .gap-sprout-80{ gap: var(--spacing-sprout-80); }:where(.uc-hom) .gap-x-1\.5{ column-gap: calc(var(--spacing) * 1.5); }:where(.uc-hom) .gap-x-10{ column-gap: calc(var(--spacing) * 10); }:where(.uc-hom) .-space-x-1\.5{ :where(& > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * -1.5) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * -1.5) * calc(1 - var(--tw-space-x-reverse))); } }:where(.uc-hom) .gap-y-1\.5{ row-gap: calc(var(--spacing) * 1.5); }:where(.uc-hom) .gap-y-10{ row-gap: calc(var(--spacing) * 10); }:where(.uc-hom) .self-center{ align-self: center; }:where(.uc-hom) .self-start{ align-self: flex-start; }:where(.uc-hom) .self-stretch{ align-self: stretch; }:where(.uc-hom) .overflow-hidden{ overflow: hidden; }:where(.uc-hom) .overflow-x-clip{ overflow-x: clip; }:where(.uc-hom) .rounded{ border-radius: 0.25rem; }:where(.uc-hom) .rounded-2xl{ border-radius: calc(var(--radius) + 8px); }:where(.uc-hom) .rounded-\[1px\]{ border-radius: 1px; }:where(.uc-hom) .rounded-\[2px\]{ border-radius: 2px; }:where(.uc-hom) .rounded-\[3px\]{ border-radius: 3px; }:where(.uc-hom) .rounded-\[4px\]{ border-radius: 4px; }:where(.uc-hom) .rounded-\[5px\]{ border-radius: 5px; }:where(.uc-hom) .rounded-\[6px\]{ border-radius: 6px; }:where(.uc-hom) .rounded-\[7px\]{ border-radius: 7px; }:where(.uc-hom) .rounded-\[8px\]{ border-radius: 8px; }:where(.uc-hom) .rounded-\[9px\]{ border-radius: 9px; }:where(.uc-hom) .rounded-\[10\.8px\]{ border-radius: 10.8px; }:where(.uc-hom) .rounded-\[10px\]{ border-radius: 10px; }:where(.uc-hom) .rounded-\[11px\]{ border-radius: 11px; }:where(.uc-hom) .rounded-\[12px\]{ border-radius: 12px; }:where(.uc-hom) .rounded-\[13\.5px\]{ border-radius: 13.5px; }:where(.uc-hom) .rounded-\[14px\]{ border-radius: 14px; }:where(.uc-hom) .rounded-\[15px\]{ border-radius: 15px; }:where(.uc-hom) .rounded-\[16px\]{ border-radius: 16px; }:where(.uc-hom) .rounded-\[18px\]{ border-radius: 18px; }:where(.uc-hom) .rounded-\[20px\]{ border-radius: 20px; }:where(.uc-hom) .rounded-\[24px\]{ border-radius: 24px; }:where(.uc-hom) .rounded-\[28px\]{ border-radius: 28px; }:where(.uc-hom) .rounded-\[32px\]{ border-radius: 32px; }:where(.uc-hom) .rounded-\[36px\]{ border-radius: 36px; }:where(.uc-hom) .rounded-full{ border-radius: calc(infinity * 1px); }:where(.uc-hom) .rounded-md{ border-radius: calc(var(--radius) - 2px); }:where(.uc-hom) .rounded-xl{ border-radius: calc(var(--radius) + 4px); }:where(.uc-hom) .rounded-l-\[6px\]{ border-top-left-radius: 6px; border-bottom-left-radius: 6px; }:where(.uc-hom) .rounded-b-\[20px\]{ border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; }:where(.uc-hom) .border{ border-style: var(--tw-border-style); border-width: 1px; }:where(.uc-hom) .border-2{ border-style: var(--tw-border-style); border-width: 2px; }:where(.uc-hom) .border-4{ border-style: var(--tw-border-style); border-width: 4px; }:where(.uc-hom) .border-\[2\.5px\]{ border-style: var(--tw-border-style); border-width: 2.5px; }:where(.uc-hom) .border-\[2\.7px\]{ border-style: var(--tw-border-style); border-width: 2.7px; }:where(.uc-hom) .border-t{ border-top-style: var(--tw-border-style); border-top-width: 1px; }:where(.uc-hom) .border-t-0{ border-top-style: var(--tw-border-style); border-top-width: 0px; }:where(.uc-hom) .border-b{ border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; }:where(.uc-hom) .border-l{ border-left-style: var(--tw-border-style); border-left-width: 1px; }:where(.uc-hom) .border-dashed{ --tw-border-style: dashed; border-style: dashed; }:where(.uc-hom) .border-\[\#7c3aed\]{ border-color: #7c3aed; }:where(.uc-hom) .border-\[\#333333\]{ border-color: #333333; }:where(.uc-hom) .border-\[\#e5e5e5\]{ border-color: #e5e5e5; }:where(.uc-hom) .border-\[\#efa584\]{ border-color: #efa584; }:where(.uc-hom) .border-\[\#ffd9c9\]{ border-color: #ffd9c9; }:where(.uc-hom) .border-\[rgba\(63\,63\,70\,\.52\)\]{ border-color: rgba(63,63,70,.52); }:where(.uc-hom) .border-\[var\(--uc-border-subtle\)\]{ border-color: var(--uc-border-subtle); }:where(.uc-hom) .border-black{ border-color: var(--color-black); }:where(.uc-hom) .border-black\/\[0\.07\]{ border-color: color-mix(in srgb, #000 7.000000000000001%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-black) 7.000000000000001%, transparent); } }:where(.uc-hom) .border-neutral-300{ border-color: var(--color-neutral-300); }:where(.uc-hom) .border-sprout-color-border-default{ border-color: var(--color-sprout-color-border-default); }:where(.uc-hom) .border-sprout-color-border-weak{ border-color: var(--color-sprout-color-border-weak); }:where(.uc-hom) .border-white{ border-color: var(--color-white); }:where(.uc-hom) .border-white\/15{ border-color: color-mix(in srgb, #fff 15%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 15%, transparent); } }:where(.uc-hom) .border-white\/\[\.06\]{ border-color: color-mix(in srgb, #fff 6%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 6%, transparent); } }:where(.uc-hom) .border-t-\[\#ff5a1f\]{ border-top-color: #ff5a1f; }:where(.uc-hom) .bg-\[\#0b0b0c\]{ background-color: #0b0b0c; }:where(.uc-hom) .bg-\[\#1a1a1a\]{ background-color: #1a1a1a; }:where(.uc-hom) .bg-\[\#1abcfe\]{ background-color: #1abcfe; }:where(.uc-hom) .bg-\[\#1c1c1c\]{ background-color: #1c1c1c; }:where(.uc-hom) .bg-\[\#007cba\]{ background-color: #007cba; }:where(.uc-hom) .bg-\[\#7c3aed\]{ background-color: #7c3aed; }:where(.uc-hom) .bg-\[\#28c840\]{ background-color: #28c840; }:where(.uc-hom) .bg-\[\#287cb2\]{ background-color: #287cb2; }:where(.uc-hom) .bg-\[\#3858e9\]{ background-color: #3858e9; }:where(.uc-hom) .bg-\[\#5202FD\]{ background-color: #5202FD; }:where(.uc-hom) .bg-\[\#6366f1\]{ background-color: #6366f1; }:where(.uc-hom) .bg-\[\#09090b\]{ background-color: #09090b; }:where(.uc-hom) .bg-\[\#18181b\]{ background-color: #18181b; }:where(.uc-hom) .bg-\[\#52525b\]{ background-color: #52525b; }:where(.uc-hom) .bg-\[\#92003b\]{ background-color: #92003b; }:where(.uc-hom) .bg-\[\#101010\]{ background-color: #101010; }:where(.uc-hom) .bg-\[\#161616\]\/80{ background-color: color-mix(in oklab, #161616 80%, transparent); }:where(.uc-hom) .bg-\[\#171717\]{ background-color: #171717; }:where(.uc-hom) .bg-\[\#202020\]{ background-color: #202020; }:where(.uc-hom) .bg-\[\#F4F4F5\]{ background-color: #F4F4F5; }:where(.uc-hom) .bg-\[\#F5F5F5\]{ background-color: #F5F5F5; }:where(.uc-hom) .bg-\[\#FAFAFA\]{ background-color: #FAFAFA; }:where(.uc-hom) .bg-\[\#a259ff\]{ background-color: #a259ff; }:where(.uc-hom) .bg-\[\#e5e5e5\]{ background-color: #e5e5e5; }:where(.uc-hom) .bg-\[\#ececec\]{ background-color: #ececec; }:where(.uc-hom) .bg-\[\#eef2ff\]{ background-color: #eef2ff; }:where(.uc-hom) .bg-\[\#eef4ff\]{ background-color: #eef4ff; }:where(.uc-hom) .bg-\[\#f1f1f3\]{ background-color: #f1f1f3; }:where(.uc-hom) .bg-\[\#f4f4f4\]{ background-color: #f4f4f4; }:where(.uc-hom) .bg-\[\#f24e1e\]{ background-color: #f24e1e; }:where(.uc-hom) .bg-\[\#fafafa\]{ background-color: #fafafa; }:where(.uc-hom) .bg-\[\#fdf0ea\]{ background-color: #fdf0ea; }:where(.uc-hom) .bg-\[\#febc2e\]{ background-color: #febc2e; }:where(.uc-hom) .bg-\[\#ff5a1f\]{ background-color: #ff5a1f; }:where(.uc-hom) .bg-\[\#ff5f57\]{ background-color: #ff5f57; }:where(.uc-hom) .bg-\[\#ff7654\]{ background-color: #ff7654; }:where(.uc-hom) .bg-\[\#fff3ec\]{ background-color: #fff3ec; }:where(.uc-hom) .bg-\[\#fff3ee\]{ background-color: #fff3ee; }:where(.uc-hom) .bg-\[\#fff4ee\]{ background-color: #fff4ee; }:where(.uc-hom) .bg-\[rgba\(39\,39\,42\,\.4\)\]{ background-color: rgba(39,39,42,.4); }:where(.uc-hom) .bg-\[var\(--uc-surface-base\)\]{ background-color: var(--uc-surface-base); }:where(.uc-hom) .bg-\[var\(--uc-surface-raised\)\]{ background-color: var(--uc-surface-raised); }:where(.uc-hom) .bg-\[var\(--uc-surface-sunken\)\]{ background-color: var(--uc-surface-sunken); }:where(.uc-hom) .bg-black{ background-color: var(--color-black); }:where(.uc-hom) .bg-black\/55{ background-color: color-mix(in srgb, #000 55%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-black) 55%, transparent); } }:where(.uc-hom) .bg-neutral-200{ background-color: var(--color-neutral-200); }:where(.uc-hom) .bg-neutral-300{ background-color: var(--color-neutral-300); }:where(.uc-hom) .bg-sprout-color-background-dark-2{ background-color: var(--color-sprout-color-background-dark-2); }:where(.uc-hom) .bg-sprout-color-background-default{ background-color: var(--color-sprout-color-background-default); }:where(.uc-hom) .bg-sprout-color-background-stronger{ background-color: var(--color-sprout-color-background-stronger); }:where(.uc-hom) .bg-sprout-color-background-weaker{ background-color: var(--color-sprout-color-background-weaker); }:where(.uc-hom) .bg-sprout-color-primary{ background-color: var(--color-sprout-color-primary); }:where(.uc-hom) .bg-sprout-color-text-default{ background-color: var(--color-sprout-color-text-default); }:where(.uc-hom) .bg-white{ background-color: var(--color-white); }:where(.uc-hom) .bg-white\/10{ background-color: color-mix(in srgb, #fff 10%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 10%, transparent); } }:where(.uc-hom) .bg-white\/15{ background-color: color-mix(in srgb, #fff 15%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 15%, transparent); } }:where(.uc-hom) .bg-white\/70{ background-color: color-mix(in srgb, #fff 70%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 70%, transparent); } }:where(.uc-hom) .bg-white\/\[\.06\]{ background-color: color-mix(in srgb, #fff 6%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 6%, transparent); } }:where(.uc-hom) .bg-white\/\[0\.05\]{ background-color: color-mix(in srgb, #fff 5%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 5%, transparent); } }:where(.uc-hom) .bg-gradient-to-b{ --tw-gradient-position: to bottom in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); }:where(.uc-hom) .bg-gradient-to-br{ --tw-gradient-position: to bottom right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); }:where(.uc-hom) .from-\[\#ffe1d0\]{ --tw-gradient-from: #ffe1d0; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }:where(.uc-hom) .from-transparent{ --tw-gradient-from: transparent; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }:where(.uc-hom) .to-\[\#ffcbb0\]{ --tw-gradient-to: #ffcbb0; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }:where(.uc-hom) .to-black\/70{ --tw-gradient-to: color-mix(in srgb, #000 70%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-gradient-to: color-mix(in oklab, var(--color-black) 70%, transparent); } --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); }:where(.uc-hom) .object-contain{ object-fit: contain; }:where(.uc-hom) .object-cover{ object-fit: cover; }:where(.uc-hom) .p-1{ padding: calc(var(--spacing) * 1); }:where(.uc-hom) .p-2{ padding: calc(var(--spacing) * 2); }:where(.uc-hom) .p-2\.5{ padding: calc(var(--spacing) * 2.5); }:where(.uc-hom) .p-3{ padding: calc(var(--spacing) * 3); }:where(.uc-hom) .p-4{ padding: calc(var(--spacing) * 4); }:where(.uc-hom) .p-5{ padding: calc(var(--spacing) * 5); }:where(.uc-hom) .p-6{ padding: calc(var(--spacing) * 6); }:where(.uc-hom) .p-8{ padding: calc(var(--spacing) * 8); }:where(.uc-hom) .p-\[2px\]{ padding: 2px; }:where(.uc-hom) .p-\[3px\]{ padding: 3px; }:where(.uc-hom) .p-\[7px\]{ padding: 7px; }:where(.uc-hom) .p-\[9px\]{ padding: 9px; }:where(.uc-hom) .p-\[12px\]{ padding: 12px; }:where(.uc-hom) .p-\[14px\]{ padding: 14px; }:where(.uc-hom) .p-\[18px\]{ padding: 18px; }:where(.uc-hom) .p-sprout-20{ padding: var(--spacing-sprout-20); }:where(.uc-hom) .p-sprout-24{ padding: var(--spacing-sprout-24); }:where(.uc-hom) .px-1\.5{ padding-inline: calc(var(--spacing) * 1.5); }:where(.uc-hom) .px-2{ padding-inline: calc(var(--spacing) * 2); }:where(.uc-hom) .px-2\.5{ padding-inline: calc(var(--spacing) * 2.5); }:where(.uc-hom) .px-3{ padding-inline: calc(var(--spacing) * 3); }:where(.uc-hom) .px-3\.5{ padding-inline: calc(var(--spacing) * 3.5); }:where(.uc-hom) .px-4{ padding-inline: calc(var(--spacing) * 4); }:where(.uc-hom) .px-5{ padding-inline: calc(var(--spacing) * 5); }:where(.uc-hom) .px-6{ padding-inline: calc(var(--spacing) * 6); }:where(.uc-hom) .px-8{ padding-inline: calc(var(--spacing) * 8); }:where(.uc-hom) .px-\[2px\]{ padding-inline: 2px; }:where(.uc-hom) .px-\[5\.5\%\]{ padding-inline: 5.5%; }:where(.uc-hom) .px-\[7\%\]{ padding-inline: 7%; }:where(.uc-hom) .px-\[7\.5px\]{ padding-inline: 7.5px; }:where(.uc-hom) .px-\[10\.5px\]{ padding-inline: 10.5px; }:where(.uc-hom) .px-\[10px\]{ padding-inline: 10px; }:where(.uc-hom) .px-\[14px\]{ padding-inline: 14px; }:where(.uc-hom) .px-\[18px\]{ padding-inline: 18px; }:where(.uc-hom) .px-\[26px\]{ padding-inline: 26px; }:where(.uc-hom) .px-sprout-32{ padding-inline: var(--spacing-sprout-32); }:where(.uc-hom) .py-1{ padding-block: calc(var(--spacing) * 1); }:where(.uc-hom) .py-1\.5{ padding-block: calc(var(--spacing) * 1.5); }:where(.uc-hom) .py-2{ padding-block: calc(var(--spacing) * 2); }:where(.uc-hom) .py-2\.5{ padding-block: calc(var(--spacing) * 2.5); }:where(.uc-hom) .py-3{ padding-block: calc(var(--spacing) * 3); }:where(.uc-hom) .py-3\.5{ padding-block: calc(var(--spacing) * 3.5); }:where(.uc-hom) .py-4{ padding-block: calc(var(--spacing) * 4); }:where(.uc-hom) .py-12{ padding-block: calc(var(--spacing) * 12); }:where(.uc-hom) .py-\[3px\]{ padding-block: 3px; }:where(.uc-hom) .py-\[4\.5px\]{ padding-block: 4.5px; }:where(.uc-hom) .py-\[4px\]{ padding-block: 4px; }:where(.uc-hom) .py-\[6px\]{ padding-block: 6px; }:where(.uc-hom) .py-\[11px\]{ padding-block: 11px; }:where(.uc-hom) .py-\[12px\]{ padding-block: 12px; }:where(.uc-hom) .py-\[15px\]{ padding-block: 15px; }:where(.uc-hom) .py-sprout-8{ padding-block: var(--spacing-sprout-8); }:where(.uc-hom) .\!pt-16{ padding-top: calc(var(--spacing) * 16) !important; }:where(.uc-hom) .\!pt-\[66px\]{ padding-top: 66px !important; }:where(.uc-hom) .pt-0{ padding-top: calc(var(--spacing) * 0); }:where(.uc-hom) .pt-0\.5{ padding-top: calc(var(--spacing) * 0.5); }:where(.uc-hom) .pt-2{ padding-top: calc(var(--spacing) * 2); }:where(.uc-hom) .pt-3{ padding-top: calc(var(--spacing) * 3); }:where(.uc-hom) .pt-3\.5{ padding-top: calc(var(--spacing) * 3.5); }:where(.uc-hom) .pt-4{ padding-top: calc(var(--spacing) * 4); }:where(.uc-hom) .pt-\[3\%\]{ padding-top: 3%; }:where(.uc-hom) .pt-\[6\%\]{ padding-top: 6%; }:where(.uc-hom) .pt-\[16px\]{ padding-top: 16px; }:where(.uc-hom) .pt-\[24px\]{ padding-top: 24px; }:where(.uc-hom) .pt-\[48px\]{ padding-top: 48px; }:where(.uc-hom) .pt-\[80px\]{ padding-top: 80px; }:where(.uc-hom) .pt-\[132px\]{ padding-top: 132px; }:where(.uc-hom) .pt-\[clamp\(140px\,20vw\,260px\)\]{ padding-top: clamp(140px, 20vw, 260px); }:where(.uc-hom) .pt-sprout-8{ padding-top: var(--spacing-sprout-8); }:where(.uc-hom) .pr-\[13px\]{ padding-right: 13px; }:where(.uc-hom) .pr-\[17px\]{ padding-right: 17px; }:where(.uc-hom) .\!pb-\[66px\]{ padding-bottom: 66px !important; }:where(.uc-hom) .pb-1{ padding-bottom: calc(var(--spacing) * 1); }:where(.uc-hom) .pb-2{ padding-bottom: calc(var(--spacing) * 2); }:where(.uc-hom) .pb-2\.5{ padding-bottom: calc(var(--spacing) * 2.5); }:where(.uc-hom) .pb-5{ padding-bottom: calc(var(--spacing) * 5); }:where(.uc-hom) .pb-6{ padding-bottom: calc(var(--spacing) * 6); }:where(.uc-hom) .pb-10{ padding-bottom: calc(var(--spacing) * 10); }:where(.uc-hom) .pb-\[2\%\]{ padding-bottom: 2%; }:where(.uc-hom) .pb-\[6\%\]{ padding-bottom: 6%; }:where(.uc-hom) .pb-\[80px\]{ padding-bottom: 80px; }:where(.uc-hom) .pb-sprout-32{ padding-bottom: var(--spacing-sprout-32); }:where(.uc-hom) .pb-sprout-80{ padding-bottom: var(--spacing-sprout-80); }:where(.uc-hom) .pl-1{ padding-left: calc(var(--spacing) * 1); }:where(.uc-hom) .pl-3{ padding-left: calc(var(--spacing) * 3); }:where(.uc-hom) .pl-\[12px\]{ padding-left: 12px; }:where(.uc-hom) .text-center{ text-align: center; }:where(.uc-hom) .text-left{ text-align: left; }:where(.uc-hom) .font-mono{ font-family: var(--font-mono); }:where(.uc-hom) .font-sans{ font-family: var(--font-sans); }:where(.uc-hom) .font-zalando-sans{ font-family: var(--font-zalando-sans); }:where(.uc-hom) .text-sm{ font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); }:where(.uc-hom) .text-xs{ font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); }:where(.uc-hom) .\!text-\[48px\]{ font-size: 48px !important; }:where(.uc-hom) .text-\[6px\]{ font-size: 6px; }:where(.uc-hom) .text-\[7px\]{ font-size: 7px; }:where(.uc-hom) .text-\[8px\]{ font-size: 8px; }:where(.uc-hom) .text-\[9\.5px\]{ font-size: 9.5px; }:where(.uc-hom) .text-\[9px\]{ font-size: 9px; }:where(.uc-hom) .text-\[10\.5px\]{ font-size: 10.5px; }:where(.uc-hom) .text-\[10px\]{ font-size: 10px; }:where(.uc-hom) .text-\[11px\]{ font-size: 11px; }:where(.uc-hom) .text-\[12px\]{ font-size: 12px; }:where(.uc-hom) .text-\[13px\]{ font-size: 13px; }:where(.uc-hom) .text-\[14px\]{ font-size: 14px; }:where(.uc-hom) .text-\[15px\]{ font-size: 15px; }:where(.uc-hom) .text-\[16px\]{ font-size: 16px; }:where(.uc-hom) .text-\[18px\]{ font-size: 18px; }:where(.uc-hom) .text-\[20px\]{ font-size: 20px; }:where(.uc-hom) .text-\[22px\]{ font-size: 22px; }:where(.uc-hom) .text-\[26px\]{ font-size: 26px; }:where(.uc-hom) .text-\[30px\]{ font-size: 30px; }:where(.uc-hom) .text-\[40px\]{ font-size: 40px; }:where(.uc-hom) .text-\[48px\]{ font-size: 48px; }:where(.uc-hom) .text-\[clamp\(34px\,5vw\,64px\)\]{ font-size: clamp(34px, 5vw, 64px); }:where(.uc-hom) .\!leading-\[1\.05\]{ --tw-leading: 1.05 !important; line-height: 1.05 !important; }:where(.uc-hom) .leading-4{ --tw-leading: calc(var(--spacing) * 4); line-height: calc(var(--spacing) * 4); }:where(.uc-hom) .leading-5{ --tw-leading: calc(var(--spacing) * 5); line-height: calc(var(--spacing) * 5); }:where(.uc-hom) .leading-6{ --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); }:where(.uc-hom) .leading-\[1\.3\]{ --tw-leading: 1.3; line-height: 1.3; }:where(.uc-hom) .leading-\[1\.4\]{ --tw-leading: 1.4; line-height: 1.4; }:where(.uc-hom) .leading-\[1\.05\]{ --tw-leading: 1.05; line-height: 1.05; }:where(.uc-hom) .leading-\[1\.5\]{ --tw-leading: 1.5; line-height: 1.5; }:where(.uc-hom) .leading-\[1\.7\]{ --tw-leading: 1.7; line-height: 1.7; }:where(.uc-hom) .leading-\[1\.12\]{ --tw-leading: 1.12; line-height: 1.12; }:where(.uc-hom) .leading-\[1\.15\]{ --tw-leading: 1.15; line-height: 1.15; }:where(.uc-hom) .leading-\[1\.55\]{ --tw-leading: 1.55; line-height: 1.55; }:where(.uc-hom) .leading-\[8\.4px\]{ --tw-leading: 8.4px; line-height: 8.4px; }:where(.uc-hom) .leading-\[14px\]{ --tw-leading: 14px; line-height: 14px; }:where(.uc-hom) .leading-\[18px\]{ --tw-leading: 18px; line-height: 18px; }:where(.uc-hom) .leading-\[20px\]{ --tw-leading: 20px; line-height: 20px; }:where(.uc-hom) .leading-\[22px\]{ --tw-leading: 22px; line-height: 22px; }:where(.uc-hom) .leading-\[28px\]{ --tw-leading: 28px; line-height: 28px; }:where(.uc-hom) .leading-\[50px\]{ --tw-leading: 50px; line-height: 50px; }:where(.uc-hom) .leading-none{ --tw-leading: 1; line-height: 1; }:where(.uc-hom) .leading-tight{ --tw-leading: var(--leading-tight); line-height: var(--leading-tight); }:where(.uc-hom) .font-bold{ --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); }:where(.uc-hom) .font-extrabold{ --tw-font-weight: var(--font-weight-extrabold); font-weight: var(--font-weight-extrabold); }:where(.uc-hom) .font-medium{ --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); }:where(.uc-hom) .font-normal{ --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); }:where(.uc-hom) .font-semibold{ --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); }:where(.uc-hom) .\!tracking-\[-0\.03em\]{ --tw-tracking: -0.03em !important; letter-spacing: -0.03em !important; }:where(.uc-hom) .tracking-\[-\.01em\]{ --tw-tracking: -.01em; letter-spacing: -.01em; }:where(.uc-hom) .tracking-\[-\.02em\]{ --tw-tracking: -.02em; letter-spacing: -.02em; }:where(.uc-hom) .tracking-\[-\.03em\]{ --tw-tracking: -.03em; letter-spacing: -.03em; }:where(.uc-hom) .tracking-\[-\.04em\]{ --tw-tracking: -.04em; letter-spacing: -.04em; }:where(.uc-hom) .tracking-\[-0\.01em\]{ --tw-tracking: -0.01em; letter-spacing: -0.01em; }:where(.uc-hom) .tracking-\[-0\.07px\]{ --tw-tracking: -0.07px; letter-spacing: -0.07px; }:where(.uc-hom) .tracking-\[\.15em\]{ --tw-tracking: .15em; letter-spacing: .15em; }:where(.uc-hom) .tracking-\[2px\]{ --tw-tracking: 2px; letter-spacing: 2px; }:where(.uc-hom) .tracking-normal{ --tw-tracking: var(--tracking-normal); letter-spacing: var(--tracking-normal); }:where(.uc-hom) .tracking-tight{ --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight); }:where(.uc-hom) .tracking-wide{ --tw-tracking: var(--tracking-wide); letter-spacing: var(--tracking-wide); }:where(.uc-hom) .text-ellipsis{ text-overflow: ellipsis; }:where(.uc-hom) .whitespace-nowrap{ white-space: nowrap; }:where(.uc-hom) .\!text-\[\#0a0a0a\]{ color: #0a0a0a !important; }:where(.uc-hom) .\!text-\[\#737373\]{ color: #737373 !important; }:where(.uc-hom) .\!text-sprout-color-text-default{ color: var(--color-sprout-color-text-default) !important; }:where(.uc-hom) .text-\[\#0a0a0a\]{ color: #0a0a0a; }:where(.uc-hom) .text-\[\#1e1e1e\]{ color: #1e1e1e; }:where(.uc-hom) .text-\[\#4f46e5\]{ color: #4f46e5; }:where(.uc-hom) .text-\[\#16a34a\]{ color: #16a34a; }:where(.uc-hom) .text-\[\#3858e9\]{ color: #3858e9; }:where(.uc-hom) .text-\[\#86868f\]{ color: #86868f; }:where(.uc-hom) .text-\[\#111112\]{ color: #111112; }:where(.uc-hom) .text-\[\#171717\]{ color: #171717; }:where(.uc-hom) .text-\[\#737373\]{ color: #737373; }:where(.uc-hom) .text-\[\#a3a3a3\]{ color: #a3a3a3; }:where(.uc-hom) .text-\[\#fafafa\]{ color: #fafafa; }:where(.uc-hom) .text-\[\#ff5a1f\]{ color: #ff5a1f; }:where(.uc-hom) .text-\[rgba\(161\,161\,170\,\.5\)\]{ color: rgba(161,161,170,.5); }:where(.uc-hom) .text-\[rgba\(161\,161\,170\,\.6\)\]{ color: rgba(161,161,170,.6); }:where(.uc-hom) .text-\[rgba\(161\,161\,170\,\.65\)\]{ color: rgba(161,161,170,.65); }:where(.uc-hom) .text-\[var\(--uc-border\)\]{ color: var(--uc-border); }:where(.uc-hom) .text-\[var\(--uc-text-muted\)\]{ color: var(--uc-text-muted); }:where(.uc-hom) .text-\[var\(--uc-text-strong\)\]{ color: var(--uc-text-strong); }:where(.uc-hom) .text-black{ color: var(--color-black); }:where(.uc-hom) .text-neutral-300{ color: var(--color-neutral-300); }:where(.uc-hom) .text-neutral-400{ color: var(--color-neutral-400); }:where(.uc-hom) .text-neutral-500{ color: var(--color-neutral-500); }:where(.uc-hom) .text-neutral-800{ color: var(--color-neutral-800); }:where(.uc-hom) .text-sprout-color-primary{ color: var(--color-sprout-color-primary); }:where(.uc-hom) .text-sprout-color-text-default{ color: var(--color-sprout-color-text-default); }:where(.uc-hom) .text-sprout-color-text-stronger{ color: var(--color-sprout-color-text-stronger); }:where(.uc-hom) .text-sprout-color-text-weaker{ color: var(--color-sprout-color-text-weaker); }:where(.uc-hom) .text-sprout-color-text-weakest{ color: var(--color-sprout-color-text-weakest); }:where(.uc-hom) .text-white{ color: var(--color-white); }:where(.uc-hom) .text-white\/35{ color: color-mix(in srgb, #fff 35%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 35%, transparent); } }:where(.uc-hom) .text-white\/45{ color: color-mix(in srgb, #fff 45%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 45%, transparent); } }:where(.uc-hom) .text-white\/50{ color: color-mix(in srgb, #fff 50%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 50%, transparent); } }:where(.uc-hom) .text-white\/60{ color: color-mix(in srgb, #fff 60%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 60%, transparent); } }:where(.uc-hom) .text-white\/70{ color: color-mix(in srgb, #fff 70%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 70%, transparent); } }:where(.uc-hom) .text-white\/80{ color: color-mix(in srgb, #fff 80%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 80%, transparent); } }:where(.uc-hom) .uppercase{ text-transform: uppercase; }:where(.uc-hom) .no-underline{ text-decoration-line: none; }:where(.uc-hom) .opacity-40{ opacity: 40%; }:where(.uc-hom) .opacity-55{ opacity: 55%; }:where(.uc-hom) .opacity-100{ opacity: 100%; }:where(.uc-hom) .opacity-\[0\.06\]{ opacity: 0.06; }:where(.uc-hom) .shadow-\[0_0_0_1px_rgba\(10\,10\,10\,0\.05\)\,0_4px_12px_rgba\(10\,10\,10\,0\.08\)\]{ --tw-shadow: 0 0 0 1px var(--tw-shadow-color, rgba(10,10,10,0.05)), 0 4px 12px var(--tw-shadow-color, rgba(10,10,10,0.08)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }:where(.uc-hom) .shadow-\[0_0_0_1px_rgba\(10\,10\,10\,0\.05\)\,0_6px_16px_rgba\(10\,10\,10\,0\.10\)\]{ --tw-shadow: 0 0 0 1px var(--tw-shadow-color, rgba(10,10,10,0.05)), 0 6px 16px var(--tw-shadow-color, rgba(10,10,10,0.10)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }:where(.uc-hom) .shadow-\[0_1px_2px_rgba\(0\,0\,0\,0\.45\)\]{ --tw-shadow: 0 1px 2px var(--tw-shadow-color, rgba(0,0,0,0.45)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }:where(.uc-hom) .shadow-\[0_1px_3px_rgba\(0\,0\,0\,0\.1\)\]{ --tw-shadow: 0 1px 3px var(--tw-shadow-color, rgba(0,0,0,0.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }:where(.uc-hom) .shadow-\[0_2px_10px_-4px_rgba\(10\,10\,10\,\.10\)\]{ --tw-shadow: 0 2px 10px -4px var(--tw-shadow-color, rgba(10,10,10,.10)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }:where(.uc-hom) .shadow-\[0_8px_20px_-6px_rgba\(0\,0\,0\,\.4\)\]{ --tw-shadow: 0 8px 20px -6px var(--tw-shadow-color, rgba(0,0,0,.4)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }:where(.uc-hom) .shadow-\[0_8px_20px_-6px_rgba\(0\,0\,0\,\.35\)\]{ --tw-shadow: 0 8px 20px -6px var(--tw-shadow-color, rgba(0,0,0,.35)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }:where(.uc-hom) .shadow-\[0_9px_18px_-3px_rgba\(0\,0\,0\,\.03\)\,0_18px_36px_-5px_rgba\(0\,0\,0\,\.04\)\]{ --tw-shadow: 0 9px 18px -3px var(--tw-shadow-color, rgba(0,0,0,.03)), 0 18px 36px -5px var(--tw-shadow-color, rgba(0,0,0,.04)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }:where(.uc-hom) .shadow-\[0_14px_35px_-10px_rgba\(0\,0\,0\,\.5\)\]{ --tw-shadow: 0 14px 35px -10px var(--tw-shadow-color, rgba(0,0,0,.5)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }:where(.uc-hom) .shadow-\[0_16px_36px_-8px_rgba\(0\,0\,0\,\.22\)\]{ --tw-shadow: 0 16px 36px -8px var(--tw-shadow-color, rgba(0,0,0,.22)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }:where(.uc-hom) .shadow-\[0_20px_25px_-5px_rgba\(0\,0\,0\,\.12\)\,0_8px_10px_-6px_rgba\(0\,0\,0\,\.1\)\]{ --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgba(0,0,0,.12)), 0 8px 10px -6px var(--tw-shadow-color, rgba(0,0,0,.1)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }:where(.uc-hom) .shadow-\[0_20px_45px_-15px_rgba\(0\,0\,0\,\.45\)\]{ --tw-shadow: 0 20px 45px -15px var(--tw-shadow-color, rgba(0,0,0,.45)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }:where(.uc-hom) .shadow-\[0_30px_80px_-20px_rgba\(0\,0\,0\,0\.6\)\]{ --tw-shadow: 0 30px 80px -20px var(--tw-shadow-color, rgba(0,0,0,0.6)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }:where(.uc-hom) .shadow-\[0_40px_100px_-40px_rgba\(0\,0\,0\,\.6\)\]{ --tw-shadow: 0 40px 100px -40px var(--tw-shadow-color, rgba(0,0,0,.6)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }:where(.uc-hom) .shadow-\[0_50px_120px_-40px_rgba\(0\,0\,0\,\.6\)\]{ --tw-shadow: 0 50px 120px -40px var(--tw-shadow-color, rgba(0,0,0,.6)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }:where(.uc-hom) .shadow-\[0px_0px_0px_0\.34px_rgba\(0\,0\,0\,\.11\)\,0px_4px_9\.5px_rgba\(0\,0\,0\,\.28\)\]{ --tw-shadow: 0px 0px 0px 0.34px var(--tw-shadow-color, rgba(0,0,0,.11)), 0px 4px 9.5px var(--tw-shadow-color, rgba(0,0,0,.28)); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }:where(.uc-hom) .shadow-\[inset_0_0_0_1px_\#333333\]{ --tw-shadow: inset 0 0 0 1px var(--tw-shadow-color, #333333); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }:where(.uc-hom) .shadow-md{ --tw-shadow: 0 4px 2px -2px var(--tw-shadow-color, #1018280f); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }:where(.uc-hom) .shadow-sm{ --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #1018280f); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }:where(.uc-hom) .ring-1{ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }:where(.uc-hom) .ring-2{ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); }:where(.uc-hom) .ring-\[\#0b0b0c\]{ --tw-ring-color: #0b0b0c; }:where(.uc-hom) .ring-\[\#7c3aed\]{ --tw-ring-color: #7c3aed; }:where(.uc-hom) .ring-\[rgba\(63\,63\,70\,\.52\)\]{ --tw-ring-color: rgba(63,63,70,.52); }:where(.uc-hom) .ring-black\/5{ --tw-ring-color: color-mix(in srgb, #000 5%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-black) 5%, transparent); } }:where(.uc-hom) .ring-black\/10{ --tw-ring-color: color-mix(in srgb, #000 10%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-black) 10%, transparent); } }:where(.uc-hom) .ring-black\/\[\.04\]{ --tw-ring-color: color-mix(in srgb, #000 4%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-black) 4%, transparent); } }:where(.uc-hom) .ring-black\/\[0\.08\]{ --tw-ring-color: color-mix(in srgb, #000 8%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-black) 8%, transparent); } }:where(.uc-hom) .ring-white\/20{ --tw-ring-color: color-mix(in srgb, #fff 20%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-white) 20%, transparent); } }:where(.uc-hom) .ring-white\/\[\.08\]{ --tw-ring-color: color-mix(in srgb, #fff 8%, transparent); @supports (color: color-mix(in lab, red, red)) { --tw-ring-color: color-mix(in oklab, var(--color-white) 8%, transparent); } }:where(.uc-hom) .drop-shadow-\[0_-4px_12px_rgba\(0\,0\,0\,\.06\)\]{ --tw-drop-shadow-size: drop-shadow(0 -4px 12px var(--tw-drop-shadow-color, rgba(0,0,0,.06))); --tw-drop-shadow: var(--tw-drop-shadow-size); 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,); }:where(.uc-hom) .drop-shadow-\[0_3px_3px_rgba\(0\,0\,0\,\.04\)\]{ --tw-drop-shadow-size: drop-shadow(0 3px 3px var(--tw-drop-shadow-color, rgba(0,0,0,.04))); --tw-drop-shadow: var(--tw-drop-shadow-size); 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,); }:where(.uc-hom) .drop-shadow-\[0_10px_30px_rgba\(0\,0\,0\,\.25\)\]{ --tw-drop-shadow-size: drop-shadow(0 10px 30px var(--tw-drop-shadow-color, rgba(0,0,0,.25))); --tw-drop-shadow: var(--tw-drop-shadow-size); 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,); }:where(.uc-hom) .backdrop-blur{ --tw-backdrop-blur: blur(8px); -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); }:where(.uc-hom) .backdrop-blur-\[3px\]{ --tw-backdrop-blur: blur(3px); -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); }:where(.uc-hom) .backdrop-blur-\[5px\]{ --tw-backdrop-blur: blur(5px); -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); }:where(.uc-hom) .backdrop-blur-sm{ --tw-backdrop-blur: blur(var(--blur-sm)); -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); }:where(.uc-hom) .backdrop-blur-xl{ --tw-backdrop-blur: blur(var(--blur-xl)); -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); }:where(.uc-hom) .backdrop-saturate-150{ --tw-backdrop-saturate: saturate(150%); -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,); }:where(.uc-hom) .transition-\[color\,background-color\]{ transition-property: color,background-color; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); }:where(.uc-hom) .transition-\[filter\]{ transition-property: filter; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); }:where(.uc-hom) .transition-all{ transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); }:where(.uc-hom) .transition-colors{ transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); }:where(.uc-hom) .transition-opacity{ transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); }:where(.uc-hom) .transition-transform{ transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); }:where(.uc-hom) .duration-200{ --tw-duration: 200ms; transition-duration: 200ms; }:where(.uc-hom) .duration-300{ --tw-duration: 300ms; transition-duration: 300ms; }:where(.uc-hom) .duration-700{ --tw-duration: 700ms; transition-duration: 700ms; }:where(.uc-hom) .duration-\[380ms\]{ --tw-duration: 380ms; transition-duration: 380ms; }:where(.uc-hom) .duration-\[550ms\]{ --tw-duration: 200ms; transition-duration: 200ms; }:where(.uc-hom) .ease-\[cubic-bezier\(0\.4\,0\,0\.2\,1\)\]{ --tw-ease: cubic-bezier(0.4,0,0.2,1); transition-timing-function: cubic-bezier(0.4,0,0.2,1); }:where(.uc-hom) .ease-in-out{ --tw-ease: var(--ease-in-out); transition-timing-function: var(--ease-in-out); }:where(.uc-hom) .\[transition-timing-function\:cubic-bezier\(\.22\,1\,\.36\,1\)\]{ transition-timing-function: cubic-bezier(.22,1,.36,1); }:where(.uc-hom) .select-none{ -webkit-user-select: none; user-select: none; }:where(.uc-hom) .\[writing-mode\:vertical-rl\]{ writing-mode: vertical-rl; }:where(.uc-hom) .group-hover\:scale-110{ &:is(:where(.group):hover *) { @media (hover: hover) { --tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; scale: var(--tw-scale-x) var(--tw-scale-y); } } }:where(.uc-hom) .group-hover\/i\:translate-x-0\.5{ &:is(:where(.group\/i):hover *) { @media (hover: hover) { --tw-translate-x: calc(var(--spacing) * 0.5); translate: var(--tw-translate-x) var(--tw-translate-y); } } }:where(.uc-hom) .group-hover\/i\:-translate-y-0\.5{ &:is(:where(.group\/i):hover *) { @media (hover: hover) { --tw-translate-y: calc(var(--spacing) * -0.5); translate: var(--tw-translate-x) var(--tw-translate-y); } } }:where(.uc-hom) .group-hover\/nav\:-translate-y-full{ &:is(:where(.group\/nav):hover *) { @media (hover: hover) { --tw-translate-y: -100%; translate: var(--tw-translate-x) var(--tw-translate-y); } } }:where(.uc-hom) .hover\:border-\[var\(--uc-border\)\]{ &:hover { @media (hover: hover) { border-color: var(--uc-border); } } }:where(.uc-hom) .hover\:border-sprout-color-border-default{ &:hover { @media (hover: hover) { border-color: var(--color-sprout-color-border-default); } } }:where(.uc-hom) .hover\:bg-\[var\(--uc-surface-sunken\)\]{ &:hover { @media (hover: hover) { background-color: var(--uc-surface-sunken); } } }:where(.uc-hom) .hover\:bg-sprout-color-background-default{ &:hover { @media (hover: hover) { background-color: var(--color-sprout-color-background-default); } } }:where(.uc-hom) .hover\:text-\[var\(--uc-text-strong\)\]{ &:hover { @media (hover: hover) { color: var(--uc-text-strong); } } }:where(.uc-hom) .hover\:text-sprout-color-text-default{ &:hover { @media (hover: hover) { color: var(--color-sprout-color-text-default); } } }:where(.uc-hom) .hover\:brightness-\[0\.97\]{ &:hover { @media (hover: hover) { --tw-brightness: brightness(0.97); 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,); } } }:where(.uc-hom) .sm\:size-\[58px\]{ @media (width >= 40rem) { width: 58px; height: 58px; } }:where(.uc-hom) .sm\:size-\[100px\]{ @media (width >= 40rem) { width: 100px; height: 100px; } }:where(.uc-hom) .sm\:size-\[164px\]{ @media (width >= 40rem) { width: 164px; height: 164px; } }:where(.uc-hom) .sm\:size-\[176px\]{ @media (width >= 40rem) { width: 176px; height: 176px; } }:where(.uc-hom) .sm\:w-\[188\%\]{ @media (width >= 40rem) { width: 188%; } }:where(.uc-hom) .sm\:grid-cols-2{ @media (width >= 40rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); } }:where(.uc-hom) .sm\:grid-cols-4{ @media (width >= 40rem) { grid-template-columns: repeat(4, minmax(0, 1fr)); } }:where(.uc-hom) .sm\:gap-8{ @media (width >= 40rem) { gap: calc(var(--spacing) * 8); } }:where(.uc-hom) .sm\:rounded-\[38px\]{ @media (width >= 40rem) { border-radius: 38px; } }:where(.uc-hom) .sm\:rounded-\[42px\]{ @media (width >= 40rem) { border-radius: 42px; } }:where(.uc-hom) .sm\:rounded-\[48px\]{ @media (width >= 40rem) { border-radius: 48px; } }:where(.uc-hom) .sm\:p-10{ @media (width >= 40rem) { padding: calc(var(--spacing) * 10); } }:where(.uc-hom) .sm\:px-5{ @media (width >= 40rem) { padding-inline: calc(var(--spacing) * 5); } }:where(.uc-hom) .sm\:px-6{ @media (width >= 40rem) { padding-inline: calc(var(--spacing) * 6); } }:where(.uc-hom) .sm\:py-14{ @media (width >= 40rem) { padding-block: calc(var(--spacing) * 14); } }:where(.uc-hom) .sm\:\!pt-24{ @media (width >= 40rem) { padding-top: calc(var(--spacing) * 24) !important; } }:where(.uc-hom) .sm\:text-\[48px\]{ @media (width >= 40rem) { font-size: 48px; } }:where(.uc-hom) .md\:block{ @media (width >= 48rem) { display: block; } }:where(.uc-hom) .md\:size-\[150px\]{ @media (width >= 48rem) { width: 150px; height: 150px; } }:where(.uc-hom) .md\:size-\[238px\]{ @media (width >= 48rem) { width: 238px; height: 238px; } }:where(.uc-hom) .md\:size-\[256px\]{ @media (width >= 48rem) { width: 256px; height: 256px; } }:where(.uc-hom) .md\:h-sprout-64{ @media (width >= 48rem) { height: var(--spacing-sprout-64); } }:where(.uc-hom) .md\:min-h-\[700px\]{ @media (width >= 48rem) { min-height: 700px; } }:where(.uc-hom) .md\:w-\[176\%\]{ @media (width >= 48rem) { width: 176%; } }:where(.uc-hom) .md\:grid-cols-2{ @media (width >= 48rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); } }:where(.uc-hom) .md\:flex-row{ @media (width >= 48rem) { flex-direction: row; } }:where(.uc-hom) .md\:items-center{ @media (width >= 48rem) { align-items: center; } }:where(.uc-hom) .md\:justify-between{ @media (width >= 48rem) { justify-content: space-between; } }:where(.uc-hom) .md\:rounded-\[30px\]{ @media (width >= 48rem) { border-radius: 30px; } }:where(.uc-hom) .md\:rounded-\[34px\]{ @media (width >= 48rem) { border-radius: 34px; } }:where(.uc-hom) .md\:rounded-\[52px\]{ @media (width >= 48rem) { border-radius: 52px; } }:where(.uc-hom) .md\:rounded-\[60px\]{ @media (width >= 48rem) { border-radius: 60px; } }:where(.uc-hom) .md\:rounded-\[64px\]{ @media (width >= 48rem) { border-radius: 64px; } }:where(.uc-hom) .md\:p-\[40px\]{ @media (width >= 48rem) { padding: 40px; } }:where(.uc-hom) .md\:px-16{ @media (width >= 48rem) { padding-inline: calc(var(--spacing) * 16); } }:where(.uc-hom) .md\:px-\[42px\]{ @media (width >= 48rem) { padding-inline: 42px; } }:where(.uc-hom) .md\:py-20{ @media (width >= 48rem) { padding-block: calc(var(--spacing) * 20); } }:where(.uc-hom) .md\:\!pt-28{ @media (width >= 48rem) { padding-top: calc(var(--spacing) * 28) !important; } }:where(.uc-hom) .md\:pb-14{ @media (width >= 48rem) { padding-bottom: calc(var(--spacing) * 14); } }:where(.uc-hom) .md\:text-\[15px\]{ @media (width >= 48rem) { font-size: 15px; } }:where(.uc-hom) .lg\:-mx-8{ @media (width >= 64rem) { margin-inline: calc(var(--spacing) * -8); } }:where(.uc-hom) .lg\:mb-16{ @media (width >= 64rem) { margin-bottom: calc(var(--spacing) * 16); } }:where(.uc-hom) .lg\:block{ @media (width >= 64rem) { display: block; } }:where(.uc-hom) .lg\:flex{ @media (width >= 64rem) { display: flex; } }:where(.uc-hom) .lg\:hidden{ @media (width >= 64rem) { display: none; } }:where(.uc-hom) .lg\:min-h-\[380px\]{ @media (width >= 64rem) { min-height: 380px; } }:where(.uc-hom) .lg\:w-\[300px\]{ @media (width >= 64rem) { width: 300px; } }:where(.uc-hom) .lg\:grid-cols-2{ @media (width >= 64rem) { grid-template-columns: repeat(2, minmax(0, 1fr)); } }:where(.uc-hom) .lg\:grid-cols-3{ @media (width >= 64rem) { grid-template-columns: repeat(3, minmax(0, 1fr)); } }:where(.uc-hom) .lg\:flex-row{ @media (width >= 64rem) { flex-direction: row; } }:where(.uc-hom) .lg\:items-end{ @media (width >= 64rem) { align-items: flex-end; } }:where(.uc-hom) .lg\:justify-between{ @media (width >= 64rem) { justify-content: space-between; } }:where(.uc-hom) .lg\:gap-16{ @media (width >= 64rem) { gap: calc(var(--spacing) * 16); } }:where(.uc-hom) .lg\:gap-x-14{ @media (width >= 64rem) { column-gap: calc(var(--spacing) * 14); } }:where(.uc-hom) .lg\:px-5{ @media (width >= 64rem) { padding-inline: calc(var(--spacing) * 5); } }:where(.uc-hom) .lg\:px-8{ @media (width >= 64rem) { padding-inline: calc(var(--spacing) * 8); } }:where(.uc-hom) .lg\:px-sprout-40{ @media (width >= 64rem) { padding-inline: var(--spacing-sprout-40); } }:where(.uc-hom) .lg\:pt-\[112px\]{ @media (width >= 64rem) { padding-top: 112px; } }:where(.uc-hom) .lg\:pb-\[112px\]{ @media (width >= 64rem) { padding-bottom: 112px; } }:where(.uc-hom) .night\:border-white\/10{ &.uc-n { border-color: color-mix(in srgb, #fff 10%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in oklab, var(--color-white) 10%, transparent); } } }:where(.uc-hom) .night\:bg-\[\#1f1f1f\]{ &.uc-n { background-color: #1f1f1f; } }:where(.uc-hom) .night\:bg-\[\#171717\]{ &.uc-n { background-color: #171717; } }:where(.uc-hom) .night\:bg-white\/\[\.08\]{ &.uc-n { background-color: color-mix(in srgb, #fff 8%, transparent); @supports (color: color-mix(in lab, red, red)) { background-color: color-mix(in oklab, var(--color-white) 8%, transparent); } } }:where(.uc-hom) .night\:\!text-white{ &.uc-n { color: var(--color-white) !important; } }:where(.uc-hom) .night\:\!text-white\/70{ &.uc-n { color: color-mix(in srgb, #fff 70%, transparent) !important; @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 70%, transparent) !important; } } }:where(.uc-hom) .night\:text-white{ &.uc-n { color: var(--color-white); } }:where(.uc-hom) .night\:text-white\/70{ &.uc-n { color: color-mix(in srgb, #fff 70%, transparent); @supports (color: color-mix(in lab, red, red)) { color: color-mix(in oklab, var(--color-white) 70%, transparent); } } }}@property --tw-animation-delay{ syntax: "*"; inherits: false; initial-value: 0s; }@property --tw-animation-direction{ syntax: "*"; inherits: false; initial-value: normal; }@property --tw-animation-duration{ syntax: "*"; inherits: false; }@property --tw-animation-fill-mode{ syntax: "*"; inherits: false; initial-value: none; }@property --tw-animation-iteration-count{ syntax: "*"; inherits: false; initial-value: 1; }@property --tw-enter-blur{ syntax: "*"; inherits: false; initial-value: 0; }@property --tw-enter-opacity{ syntax: "*"; inherits: false; initial-value: 1; }@property --tw-enter-rotate{ syntax: "*"; inherits: false; initial-value: 0; }@property --tw-enter-scale{ syntax: "*"; inherits: false; initial-value: 1; }@property --tw-enter-translate-x{ syntax: "*"; inherits: false; initial-value: 0; }@property --tw-enter-translate-y{ syntax: "*"; inherits: false; initial-value: 0; }@property --tw-exit-blur{ syntax: "*"; inherits: false; initial-value: 0; }@property --tw-exit-opacity{ syntax: "*"; inherits: false; initial-value: 1; }@property --tw-exit-rotate{ syntax: "*"; inherits: false; initial-value: 0; }@property --tw-exit-scale{ syntax: "*"; inherits: false; initial-value: 1; }@property --tw-exit-translate-x{ syntax: "*"; inherits: false; initial-value: 0; }@property --tw-exit-translate-y{ syntax: "*"; inherits: false; initial-value: 0; }:where(.uc-hom) .uc-logo-figma.uc-n, :where(.uc-hom) .uc-logo-figma.uc-n:hover{ filter: brightness(0) invert(1) !important; }.uc-hom{ --radius: 0.625rem; --card: oklch(1 0 0); --card-foreground: oklch(0.145 0 0); --popover: oklch(1 0 0); --popover-foreground: oklch(0.145 0 0); --primary: oklch(0.205 0 0); --primary-foreground: oklch(0.985 0 0); --secondary: oklch(0.97 0 0); --secondary-foreground: oklch(0.205 0 0); --muted: oklch(0.97 0 0); --muted-foreground: oklch(0.556 0 0); --accent: oklch(0.97 0 0); --accent-foreground: oklch(0.205 0 0); --destructive: oklch(0.577 0.245 27.325); --border: oklch(0.922 0 0); --input: oklch(0.922 0 0); --ring: oklch(0.708 0 0); --chart-1: oklch(0.646 0.222 41.116); --chart-2: oklch(0.6 0.118 184.704); --chart-3: oklch(0.398 0.07 227.392); --chart-4: oklch(0.828 0.189 84.429); --chart-5: oklch(0.769 0.188 70.08); --sidebar: oklch(0.985 0 0); --sidebar-foreground: oklch(0.145 0 0); --sidebar-primary: oklch(0.205 0 0); --sidebar-primary-foreground: oklch(0.985 0 0); --sidebar-accent: oklch(0.97 0 0); --sidebar-accent-foreground: oklch(0.205 0 0); --sidebar-border: oklch(0.922 0 0); --sidebar-ring: oklch(0.708 0 0); --color-bg-sprout-color-secondary: #6a35ff; --color-bg-sprout-color-secondary-light: #7a4bff; --background: oklch(1 0 0); --foreground: oklch(0.145 0 0); }:where(.uc-hom) .dark{ --background: oklch(0.145 0 0); --foreground: oklch(0.985 0 0); --card: oklch(0.205 0 0); --card-foreground: oklch(0.985 0 0); --popover: oklch(0.205 0 0); --popover-foreground: oklch(0.985 0 0); --primary: oklch(0.922 0 0); --primary-foreground: oklch(0.205 0 0); --secondary: oklch(0.269 0 0); --secondary-foreground: oklch(0.985 0 0); --muted: oklch(0.269 0 0); --muted-foreground: oklch(0.708 0 0); --accent: oklch(0.269 0 0); --accent-foreground: oklch(0.985 0 0); --destructive: oklch(0.704 0.191 22.216); --border: oklch(1 0 0 / 10%); --input: oklch(1 0 0 / 15%); --ring: oklch(0.556 0 0); --chart-1: oklch(0.488 0.243 264.376); --chart-2: oklch(0.696 0.17 162.48); --chart-3: oklch(0.769 0.188 70.08); --chart-4: oklch(0.627 0.265 303.9); --chart-5: oklch(0.645 0.246 16.439); --sidebar: oklch(0.205 0 0); --sidebar-foreground: oklch(0.985 0 0); --sidebar-primary: oklch(0.488 0.243 264.376); --sidebar-primary-foreground: oklch(0.985 0 0); --sidebar-accent: oklch(0.269 0 0); --sidebar-accent-foreground: oklch(0.985 0 0); --sidebar-border: oklch(1 0 0 / 10%); --sidebar-ring: oklch(0.556 0 0); }:where(.uc-hom) .prose-content img{ border-radius: 12px; margin-top: 2.5rem; margin-bottom: 2.5rem; box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1); display: block; max-width: none; width: calc(100% + 340px); margin-left: -120px; margin-right: -120px; }@media (max-width: 1024px){:where(.uc-hom) .prose-content img{ width: calc(100% + 120px); margin-left: -60px; margin-right: -60px; }}@media (max-width: 768px){:where(.uc-hom) .prose-content img{ width: 100%; margin-left: 0; margin-right: 0; }}:where(.uc-hom) .hero-gradient-fade{ mask-image: linear-gradient(to bottom, black 0%, black 20%, rgba(0,0,0,0.6) 50%, rgba(0,0,0,0.2) 75%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 0%, black 20%, rgba(0,0,0,0.6) 50%, rgba(0,0,0,0.2) 75%, transparent 100%); }:where(.uc-hom) .hero-image-mask{ mask-image: linear-gradient(to bottom, black 0%, black 70%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, black 0%, black 70%, transparent 100%); }@media (min-width: 768px){:where(.uc-hom) .hero-image-mask{ mask-image: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%, black 5%, black 85%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%, black 5%, black 85%, transparent 100%); }}@keyframes gradientCycle1{ 0%, 5% { opacity: 0.85; } 28%, 38% { opacity: 0; } 66%, 76% { opacity: 0; } 90%, 100% { opacity: 0.85; } }@keyframes gradientCycle2{ 0%, 5% { opacity: 0; } 28%, 38% { opacity: 0.85; } 66%, 76% { opacity: 0; } 90%, 100% { opacity: 0; } }@keyframes gradientCycle3{ 0%, 5% { opacity: 0; } 28%, 38% { opacity: 0; } 66%, 76% { opacity: 0.85; } 90%, 100% { opacity: 0; } }:where(.uc-hom) .animate-gradient-cycle-1{ animation: gradientCycle1 9s ease-in-out infinite; }:where(.uc-hom) .animate-gradient-cycle-2{ animation: gradientCycle2 9s ease-in-out infinite; }:where(.uc-hom) .animate-gradient-cycle-3{ animation: gradientCycle3 9s ease-in-out infinite; }@keyframes float-diagonal{ 0%, 100% { transform: translate(0, 0); } 25% { transform: translate(30px, -20px); } 50% { transform: translate(60px, 0); } 75% { transform: translate(30px, 20px); } }@keyframes float-vertical{ 0%, 100% { transform: translate(-50%, 0); } 50% { transform: translate(-50%, -40px); } }@keyframes float-circular{ 0%, 100% { transform: translate(0, 0); } 25% { transform: translate(-30px, -30px); } 50% { transform: translate(-60px, 0); } 75% { transform: translate(-30px, 30px); } }@keyframes panelIn{ from { opacity: 0; transform: translateY(-12px) scale(0.98); } to { opacity: 1; transform: translateY(0) scale(1); } }:where(.uc-hom) .animate-panel-in{ animation: panelIn 300ms cubic-bezier(0.4, 0, 0.2, 1); }@keyframes gravityDrop{ 0% { opacity: 0; transform: translate3d(0, -150px, 0) rotate(calc(var(--tilt, 0deg) - 7deg)); animation-timing-function: cubic-bezier(0.45, 0, 0.9, 0.65); } 12% { opacity: 1; } 50% { transform: translate3d(0, 0, 0) rotate(calc(var(--tilt, 0deg) + 1.6deg)); animation-timing-function: cubic-bezier(0.15, 0.6, 0.35, 1); } 64% { transform: translate3d(0, -13px, 0) rotate(var(--tilt, 0deg)); animation-timing-function: cubic-bezier(0.6, 0, 0.9, 0.6); } 78% { transform: translate3d(0, 0, 0) rotate(calc(var(--tilt, 0deg) + 0.5deg)); animation-timing-function: cubic-bezier(0.15, 0.6, 0.35, 1); } 88% { transform: translate3d(0, -4px, 0) rotate(var(--tilt, 0deg)); animation-timing-function: cubic-bezier(0.6, 0, 0.9, 0.6); } 100% { opacity: 1; transform: translate3d(0, 0, 0) rotate(var(--tilt, 0deg)); } }:where(.uc-hom) .animate-gravity-drop{ animation: gravityDrop 1100ms both; will-change: transform, opacity; }@media (prefers-reduced-motion: reduce){:where(.uc-hom) .animate-gravity-drop{ animation: none; opacity: 1; transform: rotate(var(--tilt, 0deg)); }}@layer base{:where(.uc-hom), :where(.uc-hom) *{ border-color: var(--border); outline-color: var(--ring); @supports (color: color-mix(in lab, red, red)) { outline-color: color-mix(in oklab, var(--ring) 50%, transparent); } }.uc-hom{ background-color: var(--background); color: var(--foreground); overflow-x: clip; max-width: 100%; }html:has(.uc-hom)::-webkit-scrollbar, body:has(.uc-hom)::-webkit-scrollbar{ width: 14px; background: transparent; }html:has(.uc-hom)::-webkit-scrollbar-track, body:has(.uc-hom)::-webkit-scrollbar-track{ background: transparent; }html:has(.uc-hom)::-webkit-scrollbar-thumb, body:has(.uc-hom)::-webkit-scrollbar-thumb{ background-color: #b0b0b0; border-radius: 9999px; border: 4px solid transparent; background-clip: content-box; min-height: 48px; }html:has(.uc-hom)::-webkit-scrollbar-thumb:hover, body:has(.uc-hom)::-webkit-scrollbar-thumb:hover{ background-color: #8a8a8a; }html:has(.uc-hom)::-webkit-scrollbar-button:single-button, body:has(.uc-hom)::-webkit-scrollbar-button:single-button{ background-repeat: no-repeat; background-position: center; background-size: 8px; height: 14px; width: 14px; }html:has(.uc-hom)::-webkit-scrollbar-button:single-button:vertical:decrement, body:has(.uc-hom)::-webkit-scrollbar-button:single-button:vertical:decrement{ background-image: url("data:image/svg+xml;utf8,"); }html:has(.uc-hom)::-webkit-scrollbar-button:single-button:vertical:increment, body:has(.uc-hom)::-webkit-scrollbar-button:single-button:vertical:increment{ background-image: url("data:image/svg+xml;utf8,"); }@supports not selector(::-webkit-scrollbar){.uc-hom{ scrollbar-width: thin; scrollbar-color: #b0b0b0 transparent; }}:where(.uc-hom) ::selection{ background-color: rgba(82, 2, 253, 0.18) !important; }:where(.uc-hom) ::-moz-selection{ background-color: rgba(82, 2, 253, 0.18) !important; }}@font-face{ font-family: "Zalando Sans"; src: url("/wp-content/uploads/2026/09/fonts-ZalandoSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; }@font-face{ font-family: "Zalando Sans"; src: url("/wp-content/uploads/2026/09/fonts-ZalandoSans-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap; }@font-face{ font-family: "Zalando Sans"; src: url("/wp-content/uploads/2026/09/fonts-ZalandoSans-SemiBold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; }@font-face{ font-family: "Zalando Sans"; src: url("/wp-content/uploads/2026/09/fonts-ZalandoSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; }@layer utilities{}@media (max-width: 1024px){:where(.uc-hom) .sprout-heading-2xl-semibold{ font-size: 60px; line-height: 70px; }:where(.uc-hom) .sprout-heading-lg-medium{ font-size: 32px; line-height: 44px; }:where(.uc-hom) .sprout-heading-md-medium{ font-size: 28px; line-height: 36px; }:where(.uc-hom) .sprout-heading-xs-medium{ font-size: 20px; line-height: 28px; }:where(.uc-hom) .sprout-body-md-regular, :where(.uc-hom) .sprout-body-md-medium, :where(.uc-hom) .sprout-body-md-semibold, :where(.uc-hom) .sprout-body-md-regular-italic{ font-size: 15px; line-height: 22px; }:where(.uc-hom) .sprout-body-sm-medium, :where(.uc-hom) .sprout-body-sm-regular, :where(.uc-hom) .sprout-body-sm-semibold{ font-size: 13px; line-height: 18px; }:where(.uc-hom) .sprout-container{ padding: 60px 15px; }}@media (max-width: 768px){:where(.uc-hom) .sprout-heading-2xl-semibold{ font-size: 48px; line-height: 56px; }:where(.uc-hom) .sprout-heading-lg-medium{ font-size: 28px; line-height: 30px; }:where(.uc-hom) .sprout-heading-md-medium{ font-size: 24px; line-height: 32px; }:where(.uc-hom) .sprout-heading-xs-medium{ font-size: 18px; line-height: 24px; }:where(.uc-hom) .sprout-body-md-regular, :where(.uc-hom) .sprout-body-md-medium, :where(.uc-hom) .sprout-body-md-semibold, :where(.uc-hom) .sprout-body-md-regular-italic{ font-size: 14px; line-height: 20px; }:where(.uc-hom) .sprout-body-sm-regular, :where(.uc-hom) .sprout-body-sm-medium, :where(.uc-hom) .sprout-body-sm-semibold{ font-size: 12px; line-height: 16px; }:where(.uc-hom) .sprout-container{ padding: 40px 15px; }:where(.uc-hom) .footer-container{ padding: 15px; }}@keyframes scrollUp{ 0% { transform: translateY(0%); } 100% { transform: translateY(-50%); } }@keyframes scrollDown{ 0% { transform: translateY(-50%); } 100% { transform: translateY(0%); } }:where(.uc-hom) .animate-scrollUp{ animation: scrollUp 20s linear infinite; }:where(.uc-hom) .animate-scrollDown{ animation: scrollDown 20s linear infinite; }:where(.uc-hom) input::placeholder, :where(.uc-hom) textarea::placeholder{ color: inherit; opacity: 0.5; }@keyframes marquee{ 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }:where(.uc-hom) .animate-marquee{ animation: marquee 15s linear infinite; }@keyframes marquee-reverse{ 0% { transform: translateX(-50%); } 100% { transform: translateX(0); } }:where(.uc-hom) .animate-marquee-reverse{ animation: marquee-reverse 15s linear infinite; }@keyframes dotsFlicker{ 0%, 100% { opacity: 0.35; } 20% { opacity: 0.8; } 45% { opacity: 0.5; } 70% { opacity: 1; } }.uc-hom{ --uc-container-max: 1320px; --uc-gutter: 40px; --uc-section-y: 120px; --uc-space-1: 4px; --uc-space-2: 6px; --uc-space-3: 8px; --uc-space-4: 10px; --uc-space-5: 12px; --uc-space-6: 16px; --uc-space-8: 24px; --uc-space-12: 32px; --uc-col-narrow: 560px; --uc-col-wide: 880px; }:where(.uc-hom) .ucx-uc-container{ max-width: var(--uc-container-max); margin-inline: auto; padding-inline: var(--uc-gutter); }:where(.uc-hom) .uc-section{ padding-block: var(--uc-section-y); }:where(.uc-hom) .uc-section-lg{ padding-block: 152px 112px; }@media (max-width: 1024px){.uc-hom{ --uc-gutter: 32px; }}@media (max-width: 768px){.uc-hom{ --uc-gutter: 20px; --uc-section-y: 72px; }:where(.uc-hom) .uc-section-lg{ padding-block: 88px 64px; }}:where(.uc-hom) .ds-display{ font-weight: 500; font-size: 40px; line-height: 40px; letter-spacing: -.4px; color: var(--color-sprout-color-text-default); }@media (min-width: 768px){:where(.uc-hom) .ds-display{ font-size: 64px; line-height: 62px; letter-spacing: -1.3px; }}:where(.uc-hom) .ds-h2{ font-weight: 500; font-size: 28px; line-height: 30px; letter-spacing: -.28px; color: var(--color-sprout-color-text-default); }@media (min-width: 768px){:where(.uc-hom) .ds-h2{ font-size: 36px; line-height: 38px; letter-spacing: -.36px; }}:where(.uc-hom) .ds-t28{ font-weight: 500; font-size: 28px; line-height: 30px; letter-spacing: -.28px; color: var(--color-sprout-color-text-default); }:where(.uc-hom) .ds-t24{ font-weight: 500; font-size: 30px; line-height: 34px; letter-spacing: -.3px; color: var(--color-sprout-color-text-default); }:where(.uc-hom) .ds-t18{ font-weight: 600; font-size: 18px; line-height: 24px; letter-spacing: -.18px; color: var(--color-sprout-color-text-default); }:where(.uc-hom) .ds-lead{ font-weight: 500; font-size: 18px; line-height: 24px; letter-spacing: -.18px; color: var(--color-sprout-color-text-weaker); }:where(.uc-hom) .ds-body{ font-weight: 400; font-size: 16px; line-height: 24px; letter-spacing: -.16px; color: var(--color-sprout-color-text-weaker); }:where(.uc-hom) .ds-caption{ font-weight: 500; font-size: 12px; line-height: 18px; letter-spacing: -.16px; color: var(--color-sprout-color-text-weaker); }:where(.uc-hom) .ds-caption-regular{ font-weight: 400; }:where(.uc-hom) .ds-overline{ font-weight: 500; font-size: 12px; line-height: 16px; letter-spacing: .2px; color: var(--color-sprout-color-text-weaker); }:where(.uc-hom) .ds-fine{ font-weight: 400; font-size: 12px; line-height: 18px; color: var(--color-sprout-color-text-weakest); }@keyframes uc-text-shine{ 0% { background-position: 100% 0%; } 100% { background-position: -200% 0%; } }:where(.uc-hom) .uc-note{ font-family: var(--font-nanum-pen), cursive; font-size: 18px; line-height: 1; background: linear-gradient(110deg, var(--color-sprout-color-text-weakest) 0%, var(--color-sprout-color-text-weakest) 42%, var(--color-sprout-color-text-default) 50%, var(--color-sprout-color-text-weakest) 58%, var(--color-sprout-color-text-weakest) 100%); background-size: 200% 100%; -webkit-background-clip: text; background-clip: text; color: transparent; animation: uc-text-shine 7s linear 5s infinite; }@media (prefers-reduced-motion: reduce){:where(.uc-hom) .uc-note{ animation: none; }}@property --uc-angle{ syntax: ""; initial-value: 0deg; inherits: false; }@keyframes uc-eyebrow-rotate{ to { --uc-angle: 360deg; } }:where(.uc-hom) .uc-eyebrow{ position: relative; isolation: isolate; display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 9999px; background: var(--color-sprout-color-background-weaker); box-shadow: var(--shadow-sprout-xs); }:where(.uc-hom) .uc-eyebrow::before{ content: ""; position: absolute; inset: 0; border-radius: inherit; padding: 1px; background: conic-gradient(from var(--uc-angle), var(--color-sprout-color-border-weak) 0deg, var(--color-sprout-color-border-weak) 40deg, var(--color-sprout-color-primary) 95deg, var(--color-sprout-color-secondary) 150deg, var(--color-sprout-color-border-weak) 210deg, var(--color-sprout-color-border-weak) 360deg); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; animation: uc-eyebrow-rotate 4s linear infinite; pointer-events: none; }@media (prefers-reduced-motion: reduce){:where(.uc-hom) .uc-eyebrow::before{ animation: none; }}:where(.uc-hom) .uc-btn{ display: inline-flex; align-items: center; justify-content: center; gap: .5rem; height: 36px; padding-inline: 16px; border-radius: 10px; font-weight: 500; font-size: 14px; letter-spacing: -.07px; cursor: pointer; border: 1px solid transparent; white-space: nowrap; transition: background .2s, box-shadow .2s, color .2s, border-color .2s, transform .18s cubic-bezier(.2,.7,.2,1); }:where(.uc-hom) .uc-btn-primary{ background: var(--color-sprout-color-primary); color: #fff; box-shadow: var(--shadow-sprout-xs); }:where(.uc-hom) .uc-btn-primary:hover{ background: var(--color-sprout-color-primary-darker); transform: translateY(-1px); }:where(.uc-hom) .uc-btn-secondary{ background: var(--color-sprout-color-secondary); color: #fff; box-shadow: var(--shadow-sprout-xs); }:where(.uc-hom) .uc-btn-secondary:hover{ background: var(--color-sprout-color-secondary-darker); transform: translateY(-1px); }:where(.uc-hom) .uc-btn-dark{ background: var(--color-sprout-color-text-default); color: #fff; box-shadow: var(--shadow-sprout-xs); }:where(.uc-hom) .uc-btn-dark:hover{ background: #000; transform: translateY(-1px); }:where(.uc-hom) .uc-btn-wire{ background: var(--color-sprout-color-background-weaker); border-color: var(--color-sprout-color-border-default); color: var(--color-sprout-color-text-default); box-shadow: var(--shadow-sprout-2xs); }:where(.uc-hom) .uc-btn-wire:hover{ background: var(--color-sprout-color-background-stronger); transform: translateY(-1px); }:where(.uc-hom) .uc-btn-soft{ background: var(--color-sprout-color-primary-lightest); color: var(--color-sprout-color-primary-darker); }:where(.uc-hom) .uc-btn-soft:hover{ background: var(--color-sprout-color-primary-lighter); }:where(.uc-hom) .uc-btn-lg{ height: 46px; padding-inline: 22px; font-size: 15px; border-radius: 12px; }:where(.uc-hom) .uc-btn-wire-dark{ background: transparent; border-color: rgba(255,255,255,.3); color: #fff; }:where(.uc-hom) .uc-btn-wire-dark:hover{ border-color: #fff; transform: translateY(-1px); }:where(.uc-hom) .uc-badge{ font-style: normal; font-size: 12px; line-height: 16px; font-weight: 500; padding: 2px 8px; border-radius: 9999px; white-space: nowrap; color: var(--color-sprout-color-primary-darker); background: var(--color-sprout-color-primary-lightest); }:where(.uc-hom) .uc-badge-soon{ color: var(--color-sprout-color-background-blue); background: var(--color-sprout-color-secondary-lightest); }:where(.uc-hom) .uc-badge-soon-dark{ color: #fff; background: rgba(255,255,255,.15); }:where(.uc-hom) .uc-account{ border: 1.5px solid rgba(2,1,8,.2); }:where(.uc-hom) .uc-account:hover{ border-color: var(--color-sprout-color-text-default); }:where(.uc-hom) .uc-card-dark{ background: var(--color-uc-dark-card); border: 1px solid rgba(255,255,255,.1); transition: transform .22s cubic-bezier(.2,.7,.2,1), border-color .22s; }:where(.uc-hom) .uc-card-dark:hover{ border-color: color-mix(in srgb, #fd6a35 60%, transparent); @supports (color: color-mix(in lab, red, red)) { border-color: color-mix(in srgb, var(--color-sprout-color-primary) 60%, transparent); } }:where(.uc-hom) .uc-chip-primary{ color: var(--color-sprout-color-primary); background: color-mix(in srgb, #fd6a35 12%, #ffffff); @supports (color: color-mix(in lab, red, red)) { background: color-mix(in srgb, var(--color-sprout-color-primary) 12%, var(--color-sprout-color-background-weaker)); } }:where(.uc-hom) .uc-chip-secondary{ color: var(--color-sprout-color-secondary); background: color-mix(in srgb, #5202fd 12%, #ffffff); @supports (color: color-mix(in lab, red, red)) { background: color-mix(in srgb, var(--color-sprout-color-secondary) 12%, var(--color-sprout-color-background-weaker)); } }:where(.uc-hom) .uc-chip-blue{ color: var(--color-sprout-color-background-blue); background: color-mix(in srgb, #3600af 12%, #ffffff); @supports (color: color-mix(in lab, red, red)) { background: color-mix(in srgb, var(--color-sprout-color-background-blue) 12%, var(--color-sprout-color-background-weaker)); } }:where(.uc-hom) .uc-chip-editor{ color: var(--color-sprout-color-primary-darker); background: color-mix(in srgb, #cc4b23 12%, #ffffff); @supports (color: color-mix(in lab, red, red)) { background: color-mix(in srgb, var(--color-sprout-color-primary-darker) 12%, var(--color-sprout-color-background-weaker)); } }:where(.uc-hom) .uc-chip-d-primary{ color: var(--color-sprout-color-primary-lighter); background: color-mix(in srgb, #fd6a35 22%, transparent); @supports (color: color-mix(in lab, red, red)) { background: color-mix(in srgb, var(--color-sprout-color-primary) 22%, transparent); } }:where(.uc-hom) .uc-chip-d-secondary{ color: var(--color-sprout-color-secondary-lighter); background: color-mix(in srgb, #5202fd 30%, transparent); @supports (color: color-mix(in lab, red, red)) { background: color-mix(in srgb, var(--color-sprout-color-secondary) 30%, transparent); } }:where(.uc-hom) .uc-chip-d-blue{ color: var(--color-sprout-color-secondary-lighter); background: color-mix(in srgb, #3600af 40%, transparent); @supports (color: color-mix(in lab, red, red)) { background: color-mix(in srgb, var(--color-sprout-color-background-blue) 40%, transparent); } }:where(.uc-hom) .uc-chip-d-editor{ color: var(--color-sprout-color-primary-lighter); background: color-mix(in srgb, #cc4b23 26%, transparent); @supports (color: color-mix(in lab, red, red)) { background: color-mix(in srgb, var(--color-sprout-color-primary-darker) 26%, transparent); } }:where(.uc-hom) .uc-dot-primary{ background: var(--color-sprout-color-primary); }:where(.uc-hom) .uc-dot-secondary{ background: var(--color-sprout-color-secondary); }:where(.uc-hom) .uc-dot-blue{ background: var(--color-sprout-color-background-blue); }:where(.uc-hom) .uc-dot-editor{ background: var(--color-sprout-color-primary-darker); }:where(.uc-hom) .uc-orb-primary{ background: radial-gradient(circle at 32% 28%, var(--color-sprout-color-primary-lighter), var(--color-sprout-color-primary) 54%, var(--color-sprout-color-primary-darker) 92%); }:where(.uc-hom) .uc-orb-secondary{ background: radial-gradient(circle at 32% 28%, var(--color-sprout-color-secondary-lighter), var(--color-sprout-color-secondary) 56%, #4a25b0 92%); }:where(.uc-hom) .uc-orb-blue{ background: radial-gradient(circle at 32% 28%, #8f7ce6, var(--color-sprout-color-background-blue) 56%, #170748 95%); }:where(.uc-hom) .uc-orb-mix{ background: radial-gradient(circle at 30% 30%, var(--color-sprout-color-primary-lighter) 6%, var(--color-sprout-color-primary) 40%, var(--color-sprout-color-secondary) 96%); }:where(.uc-hom) .uc-orb-slate{ background: radial-gradient(circle at 32% 28%, var(--color-sprout-color-background-weaker), var(--color-sprout-color-background-strongest) 60%, #a3a3a3 95%); }:where(.uc-hom) .uc-orb-noise::after{ content: ""; position: absolute; inset: 0; border-radius: 9999px; opacity: .22; mix-blend-mode: overlay; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); }:where(.uc-hom) .uc-glow-creator{ background: radial-gradient(50% 60% at 50% 42%, color-mix(in srgb, #fd6a35 20%, transparent), transparent 72%); @supports (color: color-mix(in lab, red, red)) { background: radial-gradient(50% 60% at 50% 42%, color-mix(in srgb, var(--color-sprout-color-primary) 20%, transparent), transparent 72%); } }:where(.uc-hom) .uc-glow-figma{ background: radial-gradient(50% 60% at 50% 42%, color-mix(in srgb, #5202fd 16%, transparent), transparent 72%); @supports (color: color-mix(in lab, red, red)) { background: radial-gradient(50% 60% at 50% 42%, color-mix(in srgb, var(--color-sprout-color-secondary) 16%, transparent), transparent 72%); } }:where(.uc-hom) .uc-glow-agent{ background: radial-gradient(50% 60% at 50% 42%, color-mix(in srgb, #3600af 16%, transparent), transparent 72%); @supports (color: color-mix(in lab, red, red)) { background: radial-gradient(50% 60% at 50% 42%, color-mix(in srgb, var(--color-sprout-color-background-blue) 16%, transparent), transparent 72%); } }:where(.uc-hom) .uc-glow-editor{ background: radial-gradient(50% 60% at 50% 42%, color-mix(in srgb, #cc4b23 18%, transparent), transparent 72%); @supports (color: color-mix(in lab, red, red)) { background: radial-gradient(50% 60% at 50% 42%, color-mix(in srgb, var(--color-sprout-color-primary-darker) 18%, transparent), transparent 72%); } }@keyframes uc-flow{ to { stroke-dashoffset: -120; } }:where(.uc-hom) .uc-flow-line{ stroke-dasharray: 20 100; stroke-dashoffset: 0; animation: uc-flow 3s linear infinite; }:where(.uc-hom) .uc-flow-line.d1{ animation-delay: 0s; }:where(.uc-hom) .uc-flow-line.d2{ animation-delay: -1s; }:where(.uc-hom) .uc-flow-line.d3{ animation-delay: -2s; }@keyframes uc-cpu-pulse{ 0%, 100% { opacity: .85; transform: scale(1); } 50% { opacity: 1; transform: scale(1.06); } }:where(.uc-hom) .uc-cpu-glow{ animation: uc-cpu-pulse 4.5s ease-in-out infinite; }@media (prefers-reduced-motion: reduce){:where(.uc-hom) .uc-flow-line{ animation: none; stroke-dasharray: none; }:where(.uc-hom) .uc-cpu-glow{ animation: none; }}@keyframes uc-marquee{ to { transform: translateX(-50%); } }:where(.uc-hom) .uc-marquee{ width: max-content; animation: uc-marquee 40s linear infinite; }:where(.uc-hom) .uc-marquee-wrap:hover .uc-marquee{ animation-play-state: paused; }:where(.uc-hom) .uc-hero-chip{ display: inline-flex; align-items: center; gap: 9px; padding: 9px var(--spacing-sprout-16); border-radius: var(--radius-sprout-infinite); font-size: 14px; line-height: 18px; font-weight: 500; color: var(--color-sprout-color-text-default); background: var(--color-sprout-color-background-weaker); border: 1px solid var(--color-sprout-color-border-weak); box-shadow: 0 2px 6px -3px rgba(16, 24, 40, .16); transition: border-color .24s cubic-bezier(.2,.7,.2,1), transform .24s cubic-bezier(.2,.7,.2,1); }:where(.uc-hom) .uc-hero-chip:hover{ border-color: var(--color-sprout-color-border-default); transform: translateY(-2px); }:where(.uc-hom) .uc-hero-chip svg{ width: 18px; height: 18px; flex: 0 0 auto; }:where(.uc-hom) .uc-hero-chip.uc-n{ box-shadow: none; }:where(.uc-hom) .uc-reveal{ opacity: 0; transform: translateY(22px); transition: opacity .6s cubic-bezier(.2,.7,.2,1), transform .6s cubic-bezier(.2,.7,.2,1); }:where(.uc-hom) .uc-reveal.ucx-in{ opacity: 1; transform: none; }:where(.uc-hom) .cm-bcard{ animation: cm-bcard-in .45s cubic-bezier(.2,.7,.2,1) both; }@keyframes cm-bcard-in{ from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }@media (prefers-reduced-motion: reduce){:where(.uc-hom) .uc-reveal{ opacity: 1 !important; transform: none !important; }:where(.uc-hom) .uc-marquee{ animation: none !important; }:where(.uc-hom) .cm-bcard{ animation: none !important; }}@keyframes uc-tab-in{ 0% { opacity: 0; transform: translateY(26px); filter: blur(9px); } 60% { opacity: 1; } 100% { opacity: 1; transform: none; filter: blur(0); } }:where(.uc-hom) .uc-tab-in{ animation: uc-tab-in 1.2s cubic-bezier(.16, 1, .3, 1) both; will-change: transform, opacity, filter; }@media (prefers-reduced-motion: reduce){:where(.uc-hom) .uc-tab-in{ animation: none; }}:where(.uc-hom) .uc-tabprog{ position: absolute; left: 0; right: 0; bottom: 0; height: 2px; border-radius: 999px; overflow: hidden; pointer-events: none; background: var(--uc-border-subtle); }:where(.uc-hom) .uc-tabprog-fill{ display: block; height: 100%; border-radius: 999px; background: var(--uc-brand); transition: width .12s linear; }.uc-hom{ --background: #f9f9fb; --foreground: #0f0635; --card: #ffffff; --card-foreground: #0f0635; --popover: #ffffff; --popover-foreground: #0f0635; --primary: #fd6a35; --primary-foreground: #ffffff; --secondary: #f1f1f7; --secondary-foreground: #0f0635; --muted: #f1f1f7; --muted-foreground: #737373; --accent: #fff1eb; --accent-foreground: #cc4b23; --destructive: #f65258; --border: #e5e5e5; --input: #d4d4d4; --ring: #fd6a35; --radius: 0.625rem; --chart-1: #fd6a35; --chart-2: #5202fd; --chart-3: #3600af; --chart-4: #ffb89a; --chart-5: #b8a9ff; --sidebar: #ffffff; --sidebar-foreground: #0f0635; --sidebar-primary: #fd6a35; --sidebar-primary-foreground: #ffffff; --sidebar-accent: #f1f1f7; --sidebar-accent-foreground: #0f0635; --sidebar-border: #e5e5e5; --sidebar-ring: #fd6a35; }:where(.uc-hom).uc-night{ --color-sprout-color-background-weaker: #171717; --color-sprout-color-background-default: #1f1f1f; --color-sprout-color-background-stronger: #262626; --color-sprout-color-background-strongest: #2b2b2b; --color-sprout-color-text-default: #f5f5f5; --color-sprout-color-text-stronger: #ffffff; --color-sprout-color-text-weaker: #a1a1a1; --color-sprout-color-text-weakest: #7d7d7d; --color-sprout-color-text-disabled: #6b6b6b; --color-sprout-color-border-weak: rgba(255, 255, 255, 0.10); --color-sprout-color-border-default: rgba(255, 255, 255, 0.16); --color-uc-navpill: #262626; }/* Unconditional now. `.uc-force-light` means "stay light", and in day the root tokens are already these values, so applying them always is equivalent and removes one more dependency on the .uc-night ancestor class. */ :where(.uc-hom) .uc-force-light{ --color-sprout-color-background-weaker: #ffffff; --color-sprout-color-background-default: #f4f4f4; --color-sprout-color-background-stronger: #ebebeb; --color-sprout-color-background-strongest: #e3e3ed; --color-sprout-color-text-default: #0a0a0a; --color-sprout-color-text-stronger: #171717; --color-sprout-color-text-weaker: #737373; --color-sprout-color-text-weakest: #a3a3a3; --color-sprout-color-text-disabled: #737373; --color-sprout-color-border-weak: #e5e5e5; --color-sprout-color-border-default: #d4d4d4; --color-uc-navpill: #ebebeb; }.uc-hom{ transition: background-color .2s cubic-bezier(.4, 0, .2, 1); }.uc-hom section, .uc-hom .ds-display, .uc-hom .ds-h2, .uc-hom .ds-t28, .uc-hom .ds-t24, .uc-hom .ds-lead, .uc-hom .ds-body, .uc-hom .ds-caption, .uc-hom .ds-overline, .uc-hom .ds-fine, .uc-hom h1, .uc-hom h2, .uc-hom h3, .uc-hom p, .uc-hom li{ transition: background-color .2s cubic-bezier(.4, 0, .2, 1), color .2s cubic-bezier(.4, 0, .2, 1), border-color .2s cubic-bezier(.4, 0, .2, 1); }:where(.uc-hom) .uc-step-visual > div > img:first-child, :where(.uc-hom) .uc-step-visual > div > .lg\:hidden:first-child + img{ display: none; }@property --tw-border-spacing-x{ syntax: ""; inherits: false; initial-value: 0; }@property --tw-border-spacing-y{ syntax: ""; inherits: false; initial-value: 0; }@property --tw-translate-x{ syntax: "*"; inherits: false; initial-value: 0; }@property --tw-translate-y{ syntax: "*"; inherits: false; initial-value: 0; }@property --tw-translate-z{ syntax: "*"; inherits: false; initial-value: 0; }@property --tw-scale-x{ syntax: "*"; inherits: false; initial-value: 1; }@property --tw-scale-y{ syntax: "*"; inherits: false; initial-value: 1; }@property --tw-scale-z{ syntax: "*"; inherits: false; initial-value: 1; }@property --tw-rotate-x{ syntax: "*"; inherits: false; }@property --tw-rotate-y{ syntax: "*"; inherits: false; }@property --tw-rotate-z{ syntax: "*"; inherits: false; }@property --tw-skew-x{ syntax: "*"; inherits: false; }@property --tw-skew-y{ syntax: "*"; inherits: false; }@property --tw-pan-x{ syntax: "*"; inherits: false; }@property --tw-pan-y{ syntax: "*"; inherits: false; }@property --tw-pinch-zoom{ syntax: "*"; inherits: false; }@property --tw-scroll-snap-strictness{ syntax: "*"; inherits: false; initial-value: proximity; }@property --tw-space-y-reverse{ syntax: "*"; inherits: false; initial-value: 0; }@property --tw-space-x-reverse{ syntax: "*"; inherits: false; initial-value: 0; }@property --tw-divide-x-reverse{ syntax: "*"; inherits: false; initial-value: 0; }@property --tw-border-style{ syntax: "*"; inherits: false; initial-value: solid; }@property --tw-divide-y-reverse{ syntax: "*"; inherits: false; initial-value: 0; }@property --tw-gradient-position{ syntax: "*"; inherits: false; }@property --tw-gradient-from{ syntax: ""; inherits: false; initial-value: #0000; }@property --tw-gradient-via{ syntax: ""; inherits: false; initial-value: #0000; }@property --tw-gradient-to{ syntax: ""; inherits: false; initial-value: #0000; }@property --tw-gradient-stops{ syntax: "*"; inherits: false; }@property --tw-gradient-via-stops{ syntax: "*"; inherits: false; }@property --tw-gradient-from-position{ syntax: ""; inherits: false; initial-value: 0%; }@property --tw-gradient-via-position{ syntax: ""; inherits: false; initial-value: 50%; }@property --tw-gradient-to-position{ syntax: ""; inherits: false; initial-value: 100%; }@property --tw-leading{ syntax: "*"; inherits: false; }@property --tw-font-weight{ syntax: "*"; inherits: false; }@property --tw-tracking{ syntax: "*"; inherits: false; }@property --tw-ordinal{ syntax: "*"; inherits: false; }@property --tw-slashed-zero{ syntax: "*"; inherits: false; }@property --tw-numeric-figure{ syntax: "*"; inherits: false; }@property --tw-numeric-spacing{ syntax: "*"; inherits: false; }@property --tw-numeric-fraction{ syntax: "*"; inherits: false; }@property --tw-shadow{ syntax: "*"; inherits: false; initial-value: 0 0 #0000; }@property --tw-shadow-color{ syntax: "*"; inherits: false; }@property --tw-shadow-alpha{ syntax: ""; inherits: false; initial-value: 100%; }@property --tw-inset-shadow{ syntax: "*"; inherits: false; initial-value: 0 0 #0000; }@property --tw-inset-shadow-color{ syntax: "*"; inherits: false; }@property --tw-inset-shadow-alpha{ syntax: ""; inherits: false; initial-value: 100%; }@property --tw-ring-color{ syntax: "*"; inherits: false; }@property --tw-ring-shadow{ syntax: "*"; inherits: false; initial-value: 0 0 #0000; }@property --tw-inset-ring-color{ syntax: "*"; inherits: false; }@property --tw-inset-ring-shadow{ syntax: "*"; inherits: false; initial-value: 0 0 #0000; }@property --tw-ring-inset{ syntax: "*"; inherits: false; }@property --tw-ring-offset-width{ syntax: ""; inherits: false; initial-value: 0px; }@property --tw-ring-offset-color{ syntax: "*"; inherits: false; initial-value: #fff; }@property --tw-ring-offset-shadow{ syntax: "*"; inherits: false; initial-value: 0 0 #0000; }@property --tw-outline-style{ syntax: "*"; inherits: false; initial-value: solid; }@property --tw-blur{ syntax: "*"; inherits: false; }@property --tw-brightness{ syntax: "*"; inherits: false; }@property --tw-contrast{ syntax: "*"; inherits: false; }@property --tw-grayscale{ syntax: "*"; inherits: false; }@property --tw-hue-rotate{ syntax: "*"; inherits: false; }@property --tw-invert{ syntax: "*"; inherits: false; }@property --tw-opacity{ syntax: "*"; inherits: false; }@property --tw-saturate{ syntax: "*"; inherits: false; }@property --tw-sepia{ syntax: "*"; inherits: false; }@property --tw-drop-shadow{ syntax: "*"; inherits: false; }@property --tw-drop-shadow-color{ syntax: "*"; inherits: false; }@property --tw-drop-shadow-alpha{ syntax: ""; inherits: false; initial-value: 100%; }@property --tw-drop-shadow-size{ syntax: "*"; inherits: false; }@property --tw-backdrop-blur{ syntax: "*"; inherits: false; }@property --tw-backdrop-brightness{ syntax: "*"; inherits: false; }@property --tw-backdrop-contrast{ syntax: "*"; inherits: false; }@property --tw-backdrop-grayscale{ syntax: "*"; inherits: false; }@property --tw-backdrop-hue-rotate{ syntax: "*"; inherits: false; }@property --tw-backdrop-invert{ syntax: "*"; inherits: false; }@property --tw-backdrop-opacity{ syntax: "*"; inherits: false; }@property --tw-backdrop-saturate{ syntax: "*"; inherits: false; }@property --tw-backdrop-sepia{ syntax: "*"; inherits: false; }@property --tw-duration{ syntax: "*"; inherits: false; }@property --tw-ease{ syntax: "*"; inherits: false; }@property --tw-content{ syntax: "*"; initial-value: ""; inherits: false; }@keyframes spin{ to { transform: rotate(360deg); } }@keyframes pulse{ 50% { opacity: 0.5; } }@keyframes enter{ from { opacity: var(--tw-enter-opacity,1); transform: translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0)); filter: blur(var(--tw-enter-blur,0)); } }@keyframes exit{ to { opacity: var(--tw-exit-opacity,1); transform: translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0)); filter: blur(var(--tw-exit-blur,0)); } }@keyframes accordion-down{ from { height: 0; } to { height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto))))); } }@keyframes accordion-up{ from { height: var(--radix-accordion-content-height,var(--bits-accordion-content-height,var(--reka-accordion-content-height,var(--kb-accordion-content-height,var(--ngp-accordion-content-height,auto))))); } to { height: 0; } }@keyframes caret-blink{ 0%,70%,100% { opacity: 1; } 20%,50% { opacity: 0; } }@keyframes accordion-down{ from { height: 0; } to { height: var( --radix-accordion-content-height, var(--accordion-panel-height, auto) ); } }@keyframes accordion-up{ from { height: var( --radix-accordion-content-height, var(--accordion-panel-height, auto) ); } to { height: 0; } }@keyframes marquee{ from { transform: translateX(0); } to { transform: translateX(calc(-100% - var(--gap))); } }@keyframes marquee-vertical{ from { transform: translateY(0); } to { transform: translateY(calc(-100% - var(--gap))); } }@keyframes gradient{ to { background-position: var(--bg-size, 300%) 0; } }@keyframes shimmer-slide{ to { transform: translate(calc(100cqw - 100%), 0); } }@keyframes spin-around{ 0% { transform: translateZ(0) rotate(0); } 15%, 35% { transform: translateZ(0) rotate(90deg); } 65%, 85% { transform: translateZ(0) rotate(270deg); } 100% { transform: translateZ(0) rotate(360deg); } }@keyframes orbit{ 0% { transform: rotate(calc(var(--angle) * 1deg)) translateY(calc(var(--radius) * 1px)) rotate(calc(var(--angle) * -1deg)); } 100% { transform: rotate(calc(var(--angle) * 1deg + 360deg)) translateY(calc(var(--radius) * 1px)) rotate(calc((var(--angle) * -1deg) - 360deg)); } }@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){:where(.uc-hom) *, :where(.uc-hom) ::before, :where(.uc-hom) ::after, :where(.uc-hom) ::backdrop{ --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scale-z: 1; --tw-rotate-x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --tw-pan-x: initial; --tw-pan-y: initial; --tw-pinch-zoom: initial; --tw-scroll-snap-strictness: proximity; --tw-space-y-reverse: 0; --tw-space-x-reverse: 0; --tw-divide-x-reverse: 0; --tw-border-style: solid; --tw-divide-y-reverse: 0; --tw-gradient-position: initial; --tw-gradient-from: #0000; --tw-gradient-via: #0000; --tw-gradient-to: #0000; --tw-gradient-stops: initial; --tw-gradient-via-stops: initial; --tw-gradient-from-position: 0%; --tw-gradient-via-position: 50%; --tw-gradient-to-position: 100%; --tw-leading: initial; --tw-font-weight: initial; --tw-tracking: initial; --tw-ordinal: initial; --tw-slashed-zero: initial; --tw-numeric-figure: initial; --tw-numeric-spacing: initial; --tw-numeric-fraction: initial; --tw-shadow: 0 0 #0000; --tw-shadow-color: initial; --tw-shadow-alpha: 100%; --tw-inset-shadow: 0 0 #0000; --tw-inset-shadow-color: initial; --tw-inset-shadow-alpha: 100%; --tw-ring-color: initial; --tw-ring-shadow: 0 0 #0000; --tw-inset-ring-color: initial; --tw-inset-ring-shadow: 0 0 #0000; --tw-ring-inset: initial; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-outline-style: solid; --tw-blur: initial; --tw-brightness: initial; --tw-contrast: initial; --tw-grayscale: initial; --tw-hue-rotate: initial; --tw-invert: initial; --tw-opacity: initial; --tw-saturate: initial; --tw-sepia: initial; --tw-drop-shadow: initial; --tw-drop-shadow-color: initial; --tw-drop-shadow-alpha: 100%; --tw-drop-shadow-size: initial; --tw-backdrop-blur: initial; --tw-backdrop-brightness: initial; --tw-backdrop-contrast: initial; --tw-backdrop-grayscale: initial; --tw-backdrop-hue-rotate: initial; --tw-backdrop-invert: initial; --tw-backdrop-opacity: initial; --tw-backdrop-saturate: initial; --tw-backdrop-sepia: initial; --tw-duration: initial; --tw-ease: initial; --tw-content: ""; --tw-animation-delay: 0s; --tw-animation-direction: normal; --tw-animation-duration: initial; --tw-animation-fill-mode: none; --tw-animation-iteration-count: 1; --tw-enter-blur: 0; --tw-enter-opacity: 1; --tw-enter-rotate: 0; --tw-enter-scale: 1; --tw-enter-translate-x: 0; --tw-enter-translate-y: 0; --tw-exit-blur: 0; --tw-exit-opacity: 1; --tw-exit-rotate: 0; --tw-exit-scale: 1; --tw-exit-translate-x: 0; --tw-exit-translate-y: 0; --uc-angle: 0deg; }}}@font-face{ font-family:"Zalando Sans"; font-style:normal; font-weight:400; font-display:swap; src:url("/wp-content/uploads/2026/09/fonts-ZalandoSans-Regular.ttf") format("truetype"); }@font-face{ font-family:"Zalando Sans"; font-style:normal; font-weight:500; font-display:swap; src:url("/wp-content/uploads/2026/09/fonts-ZalandoSans-Medium.ttf") format("truetype"); }@font-face{ font-family:"Zalando Sans"; font-style:normal; font-weight:600; font-display:swap; src:url("/wp-content/uploads/2026/09/fonts-ZalandoSans-SemiBold.ttf") format("truetype"); }@font-face{ font-family:"Zalando Sans"; font-style:normal; font-weight:700; font-display:swap; src:url("/wp-content/uploads/2026/09/fonts-ZalandoSans-Bold.ttf") format("truetype"); }:where(.uc-hom) .uc-pop-dark{ --uc-surface-sunken: #141414; --uc-surface-base: #1A1A1A; --uc-surface-raised: #242424; --uc-surface-overlay: #1C1C1C; --uc-surface-control: rgba(255, 255, 255, 0.08); --uc-text-strong: #FFFFFF; --uc-text: #E5E5E5; --uc-text-muted: #A3A3A3; --uc-text-subtle: #737373; --uc-inverse-bg: #F5F5F5; --uc-inverse-fg: #171717; --uc-border-subtle: #2E2E2E; --uc-border: #3D3D3D; --uc-border-strong: #525252; --uc-ring: rgba(253, 106, 53, 0.60); --uc-brand-fg: #FFB89A; --uc-brand-soft: rgba(253, 106, 53, 0.18); --uc-success-fg: #A7EAAA; --uc-success-soft: rgba(46, 163, 67, 0.20); --uc-danger-fg: #FDC9C6; --uc-danger-soft: rgba(246, 82, 88, 0.20); --uc-warning-fg: #FFC680; --uc-warning-soft: rgba(255, 169, 64, 0.22); --uc-accent-fg: #B8A9FF; --uc-accent-soft: rgba(82, 2, 253, 0.28); color: var(--uc-text); }:where(.uc-hom) .uc-scope, :where(.uc-hom) .uc-content, :where(.uc-hom) .uc-chrome{ font-family: var(--uc-font-sans); font-size: var(--uc-text-base); line-height: var(--uc-leading-normal); color: var(--uc-text); background: var(--uc-surface-base); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }:where(.uc-hom) .uc-portal{ font-family: var(--uc-font-sans); font-size: var(--uc-text-base); line-height: var(--uc-leading-normal); color: var(--uc-text); -webkit-font-smoothing: antialiased; }:where(.uc-hom) .uc-scope *, :where(.uc-hom) .uc-scope *::before, :where(.uc-hom) .uc-scope *::after, :where(.uc-hom) .uc-content *, :where(.uc-hom) .uc-content *::before, :where(.uc-hom) .uc-content *::after, :where(.uc-hom) .uc-chrome *, :where(.uc-hom) .uc-chrome *::before, :where(.uc-hom) .uc-chrome *::after, :where(.uc-hom) .uc-portal *, :where(.uc-hom) .uc-portal *::before, :where(.uc-hom) .uc-portal *::after{ box-sizing: border-box; }@media (prefers-reduced-motion: reduce){:where(.uc-hom) .uc-scope *, :where(.uc-hom) .uc-content *, :where(.uc-hom) .uc-chrome *, :where(.uc-hom) .uc-portal *{ animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; }} :where(.uc-hom) .Button_button__8M0Ui{ --_h: var(--uc-control-h-md); --_px: var(--uc-space-16); --_fs: var(--uc-text-base); display: inline-flex; align-items: center; justify-content: center; gap: var(--uc-space-8); height: var(--_h); padding: 0 var(--_px); font-family: var(--uc-font-sans); font-size: var(--_fs); font-weight: var(--uc-weight-medium); line-height: 1; white-space: nowrap; border: none; border-radius: var(--uc-radius-md); cursor: pointer; user-select: none; position: relative; isolation: isolate; transition: background var(--uc-dur-fast) var(--uc-ease-standard), box-shadow var(--uc-dur-fast) var(--uc-ease-standard), transform var(--uc-dur-fast) var(--uc-ease-standard), color var(--uc-dur-fast) var(--uc-ease-standard); }:where(.uc-hom) .Button_button__8M0Ui:focus-visible{ outline: 2px solid var(--uc-ring); outline-offset: 2px; }:where(.uc-hom) .Button_button__8M0Ui:active:not(:disabled){ transform: translateY(0.5px); }:where(.uc-hom) .Button_button__8M0Ui:disabled{ opacity: 0.5; cursor: not-allowed; box-shadow: none; }:where(.uc-hom) .Button_sm__CjQl1{ --_h: var(--uc-control-h-sm); --_px: var(--uc-space-12); --_fs: var(--uc-text-sm); }:where(.uc-hom) .Button_md__0_bmU{ --_h: var(--uc-control-h-md); --_px: var(--uc-space-16); --_fs: var(--uc-text-base); }:where(.uc-hom) .Button_lg__7yGRs{ --_h: var(--uc-control-h-lg); --_px: var(--uc-space-20); --_fs: var(--uc-text-md); }:where(.uc-hom) .Button_iconOnly__eY4j_{ padding: 0; width: var(--_h); }:where(.uc-hom) .Button_solid__hu289{ color: var(--uc-brand-on); background: var(--_fill, var(--uc-brand)); background-image: var(--uc-sheen); box-shadow: var(--_shadow, var(--uc-shadow-control-brand)); }:where(.uc-hom) .Button_solid__hu289:hover:not(:disabled){ background-image: linear-gradient(rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.12)), var(--uc-sheen); }:where(.uc-hom) .Button_solid__hu289:active:not(:disabled){ background-image: linear-gradient(rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.12)), var(--uc-sheen); box-shadow: var(--uc-shadow-control-pressed); }:where(.uc-hom) .Button_solid__hu289.Button_neutral__jwE0u{ color: var(--uc-inverse-fg); background: var(--uc-inverse-bg); box-shadow: var(--uc-shadow-control); }:where(.uc-hom) .Button_solid__hu289.Button_neutral__jwE0u:hover:not(:disabled){ background-image: linear-gradient(to bottom, rgba(128, 128, 128, 0.16), rgba(128, 128, 128, 0.16)); }:where(.uc-hom) .Button_solid__hu289.Button_neutral__jwE0u:active:not(:disabled){ background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.14), rgba(0, 0, 0, 0.14)); }:where(.uc-hom) .Button_soft__o47wg{ color: var(--_fg, var(--uc-brand-fg)); background: var(--_soft, var(--uc-brand-soft)); background-image: var(--uc-sheen); box-shadow: inset 0 0 0 1px var(--_border, var(--uc-brand-border)), var(--uc-shadow-1); }:where(.uc-hom) .Button_soft__o47wg:hover:not(:disabled){ background-image: var(--uc-sheen), linear-gradient(var(--_glow, var(--uc-brand-glow-hover)), var(--_glow, var(--uc-brand-glow-hover))); }:where(.uc-hom) .Button_outline__Zwmoe{ color: var(--_fg, var(--uc-brand-fg)); background: var(--uc-surface-control); background-image: var(--uc-sheen); box-shadow: inset 0 0 0 1px var(--_border, var(--uc-border-subtle)), var(--uc-shadow-raised); }:where(.uc-hom) .Button_outline__Zwmoe.Button_neutral__jwE0u{ color: var(--uc-text-strong); }:where(.uc-hom) .Button_outline__Zwmoe:hover:not(:disabled){ background-image: var(--uc-sheen), linear-gradient(var(--_glow, var(--uc-brand-glow-hover)), var(--_glow, var(--uc-brand-glow-hover))); }:where(.uc-hom) .Button_ghost__e52lE{ color: var(--_fg, var(--uc-brand-fg)); background: transparent; }:where(.uc-hom) .Button_ghost__e52lE.Button_neutral__jwE0u{ color: var(--uc-text); }:where(.uc-hom) .Button_ghost__e52lE:hover:not(:disabled){ background: var(--_glow, var(--uc-brand-glow-hover)); color: var(--uc-text-strong); }:where(.uc-hom) .Button_brand__mVCH5{ --_fill: var(--uc-brand); --_fg: var(--uc-brand-fg); --_soft: var(--uc-brand-soft); --_border: var(--uc-brand-border); --_glow: var(--uc-brand-glow-hover); --_shadow: var(--uc-shadow-control-brand); }:where(.uc-hom) .Button_success__ox09j{ --_fill: var(--uc-success); --_fg: var(--uc-success-fg); --_soft: var(--uc-success-soft); --_border: var(--uc-success-border); --_glow: var(--uc-success-glow-hover); --_shadow: var(--uc-shadow-control-brand); }:where(.uc-hom) .Button_danger__uQDDH{ --_fill: var(--uc-danger); --_fg: var(--uc-danger-fg); --_soft: var(--uc-danger-soft); --_border: var(--uc-danger-border); --_glow: var(--uc-danger-glow-hover); --_shadow: var(--uc-shadow-control-brand); }:where(.uc-hom) .Button_neutral__jwE0u{ --_fg: var(--uc-text-strong); --_soft: var(--uc-surface-sunken); --_border: var(--uc-border-strong); --_glow: rgba(128, 128, 128, 0.12); }:where(.uc-hom) .Button_loading__ZvEzX{ color: transparent !important; pointer-events: none; }:where(.uc-hom) .Button_spinner__D8hjY{ position: absolute; width: 1em; height: 1em; border-radius: 50%; border: 2px solid currentColor; border-top-color: transparent; color: var(--uc-brand-on); animation: Button_uc-spin__zZG4c 0.6s linear infinite; }:where(.uc-hom) .Button_soft__o47wg .Button_spinner__D8hjY, :where(.uc-hom) .Button_outline__Zwmoe .Button_spinner__D8hjY, :where(.uc-hom) .Button_ghost__e52lE .Button_spinner__D8hjY{ color: var(--uc-text); }:where(.uc-hom) .Button_solid__hu289.Button_neutral__jwE0u .Button_spinner__D8hjY{ color: var(--uc-inverse-fg); }@keyframes Button_uc-spin__zZG4c{ to { transform: rotate(360deg); } }@font-face{ font-family: 'Rubik'; font-style: normal; font-weight: 500; font-display: swap; src: url(/wp-content/uploads/2026/09/nextfont-32c80fb7588b7a2e-s.woff2) format('woff2'); unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1; }@font-face{ font-family: 'Rubik'; font-style: normal; font-weight: 500; font-display: swap; src: url(/wp-content/uploads/2026/09/nextfont-60181e10ad16e354-s.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }@font-face{ font-family: 'Rubik'; font-style: normal; font-weight: 500; font-display: swap; src: url(/wp-content/uploads/2026/09/nextfont-c1b11e140b58cf5a-s.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }@font-face{ font-family: 'Rubik'; font-style: normal; font-weight: 500; font-display: swap; src: url(/wp-content/uploads/2026/09/nextfont-99e31c27a1524300-s.woff2) format('woff2'); unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; }@font-face{ font-family: 'Rubik'; font-style: normal; font-weight: 500; font-display: swap; src: url(/wp-content/uploads/2026/09/nextfont-5b25d60b4670300e-s.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }@font-face{ font-family: 'Rubik'; font-style: normal; font-weight: 500; font-display: swap; src: url(/wp-content/uploads/2026/09/nextfont-0a86735c6520d94f-s.p.woff2) format('woff2'); unicode-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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }@font-face{ font-family: 'Rubik'; font-style: normal; font-weight: 700; font-display: swap; src: url(/wp-content/uploads/2026/09/nextfont-32c80fb7588b7a2e-s.woff2) format('woff2'); unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1; }@font-face{ font-family: 'Rubik'; font-style: normal; font-weight: 700; font-display: swap; src: url(/wp-content/uploads/2026/09/nextfont-60181e10ad16e354-s.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }@font-face{ font-family: 'Rubik'; font-style: normal; font-weight: 700; font-display: swap; src: url(/wp-content/uploads/2026/09/nextfont-c1b11e140b58cf5a-s.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }@font-face{ font-family: 'Rubik'; font-style: normal; font-weight: 700; font-display: swap; src: url(/wp-content/uploads/2026/09/nextfont-99e31c27a1524300-s.woff2) format('woff2'); unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; }@font-face{ font-family: 'Rubik'; font-style: normal; font-weight: 700; font-display: swap; src: url(/wp-content/uploads/2026/09/nextfont-5b25d60b4670300e-s.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }@font-face{ font-family: 'Rubik'; font-style: normal; font-weight: 700; font-display: swap; src: url(/wp-content/uploads/2026/09/nextfont-0a86735c6520d94f-s.p.woff2) format('woff2'); unicode-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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }@font-face{font-family: 'Rubik Fallback';src: local("Arial");ascent-override: 89.06%;descent-override: 23.81%;line-gap-override: 0.00%;size-adjust: 104.98% }:where(.uc-hom) .__className_472775{font-family: 'Rubik', 'Rubik Fallback';font-style: normal }:where(.uc-hom) .__className_94b9ed{font-family: 'Montserrat', 'Montserrat Fallback';font-style: normal }:where(.uc-hom) .__className_9ae7ba{font-family: 'Playfair Display', 'Playfair Display Fallback';font-style: normal }@font-face{ font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url(/wp-content/uploads/2026/09/nextfont-ba9851c3c22cd980-s.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }@font-face{ font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url(/wp-content/uploads/2026/09/nextfont-21350d82a1f187e9-s.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }@font-face{ font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url(/wp-content/uploads/2026/09/nextfont-c5fe6dc8356a8c31-s.woff2) format('woff2'); unicode-range: U+1F00-1FFF; }@font-face{ font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url(/wp-content/uploads/2026/09/nextfont-19cfc7226ec3afaa-s.woff2) format('woff2'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; }@font-face{ font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url(/wp-content/uploads/2026/09/nextfont-df0a9ae256c0569c-s.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; }@font-face{ font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url(/wp-content/uploads/2026/09/nextfont-8e9860b6e62d6359-s.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }@font-face{ font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url(/wp-content/uploads/2026/09/nextfont-e4af272ccee01ff0-s.p.woff2) format('woff2'); unicode-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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }@font-face{ font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url(/wp-content/uploads/2026/09/nextfont-ba9851c3c22cd980-s.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; }@font-face{ font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url(/wp-content/uploads/2026/09/nextfont-21350d82a1f187e9-s.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; }@font-face{ font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url(/wp-content/uploads/2026/09/nextfont-c5fe6dc8356a8c31-s.woff2) format('woff2'); unicode-range: U+1F00-1FFF; }@font-face{ font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url(/wp-content/uploads/2026/09/nextfont-19cfc7226ec3afaa-s.woff2) format('woff2'); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; }@font-face{ font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url(/wp-content/uploads/2026/09/nextfont-df0a9ae256c0569c-s.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; }@font-face{ font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url(/wp-content/uploads/2026/09/nextfont-8e9860b6e62d6359-s.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }@font-face{ font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url(/wp-content/uploads/2026/09/nextfont-e4af272ccee01ff0-s.p.woff2) format('woff2'); unicode-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+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }@font-face{font-family: 'Inter Fallback';src: local("Arial");ascent-override: 90.44%;descent-override: 22.52%;line-gap-override: 0.00%;size-adjust: 107.12% }:where(.uc-hom) .__className_3eb911{font-family: 'Inter', 'Inter Fallback';font-style: normal }:where(.uc-hom) .__className_298517{font-family: 'Open Sans', 'Open Sans Fallback';font-style: normal }:where(.uc-hom) .__className_47a102{font-family: 'Lato', 'Lato Fallback';font-style: normal } :where(.uc-hom) .hub-tip{ position: fixed; left: 0; top: 0; z-index: 60; pointer-events: none; display: flex; flex-direction: column; gap: 4px; max-width: 300px; padding: 12px 14px; border-radius: 12px; text-align: left; background: #1c1c1c; border: 1px solid rgba(255,255,255,0.10); box-shadow: 0 12px 32px rgba(0,0,0,0.5); opacity: 0; transform-origin: top left; transition: opacity 0.14s cubic-bezier(0.2,0,0,1); will-change: transform; }:where(.uc-hom) .hub-tip.ucx-in{ opacity: 1; }:where(.uc-hom) .hub-tip-t{ color: #fff; font-size: 14px; font-weight: 600; line-height: 18px; }:where(.uc-hom) .hub-tip-d{ color: rgba(255,255,255,0.6); font-size: 14px; line-height: 20px; }:where(.uc-hom) .uc-pulse{ stroke-dasharray: 20 280; stroke-dashoffset: 0; animation: uc-pulse-in 7.5s linear infinite; }:where(.uc-hom) .uc-pulse.d1{ animation-delay: 0s; }:where(.uc-hom) .uc-pulse.d2{ animation-delay: -2.5s; }:where(.uc-hom) .uc-pulse.d3{ animation-delay: -5s; }@keyframes uc-pulse-in{ to { stroke-dashoffset: 300px; } }@media (prefers-reduced-motion: reduce){:where(.uc-hom) .uc-pulse{ animation: none; }}:where(.uc-hom) .oyw-scroll-border::before, :where(.uc-hom) .oyw-scroll-border::after{ content: ""; position: absolute; inset: 0; border-radius: inherit; padding: 2px; -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; }:where(.uc-hom) .oyw-scroll-border::before{ background: rgba(63,63,70,.7); }:where(.uc-hom) .oyw-scroll-border::after{ background: conic-gradient(from var(--seg,0deg), #fd6a35 0deg, #ff8f5e 24deg, #b48cff 46deg, #7c4dff 62deg, transparent 72deg, transparent 360deg); }:where(.uc-hom) .oyw-scroll-cue{ font-family: var(--font-nanum-pen), cursive; }@keyframes uc-rev-up{ from { transform: translateY(0); } to { transform: translateY(-50%); } }:where(.uc-hom) .uc-rev-track{ animation: uc-rev-up var(--dur,48s) linear infinite; will-change: transform; }:where(.uc-hom) .uc-rev-track.rev{ animation-direction: reverse; }:where(.uc-hom) .uc-rev-col:hover .uc-rev-track{ animation-play-state: paused; }@media (prefers-reduced-motion: reduce){:where(.uc-hom) .uc-rev-track{ animation: none; }} /* --------------------------------------------------------------------------- Rule 4.6: the widget root's OWN utility classes cannot apply. The source page root is
and scoping rewrites `.bg-sprout-color-background-weaker` to `:where(.uc-hom) .bg-sprout-color-background-weaker`, a descendant selector the root itself can never satisfy. Meanwhile the source's `html, body` rule DOES map onto the root, so without this block the root painted `var(--foreground)` (#0f0635) and every section that inherits its colour - 1, 2 and 3 - came out wrong. Declared through the TOKENS rather than literals, because `.uc-night` lands on this same element and redefines both of them (#ffffff -> #171717 and #0a0a0a -> #f5f5f5), so the root flips with the rest of the page for free. Measured on the source at the scroll position where night is actually on: #top is rgb(23,23,23) / rgb(245,245,245). `min-h-screen` is deliberately NOT reproduced. One 100vh floor under one page wrapper becomes one under EVERY section here - six of them. `overflow-x: clip` is kept: it is what stops the hero marquee widening the page. */ .uc-hom.uichom-root{ background-color: var(--color-sprout-color-background-weaker); color: var(--color-sprout-color-text-default); overflow-x: clip; } /* --------------------------------------------------------------------------- Independence from #uichemy-globals. Measured, not guessed: globals' six bare-element rules were injected into the local render and computed styles diffed twice across all 2051 elements in scope. 66 stable differences came back - 13 font-weight, 14 letter-spacing, 5 box-shadow, 11 max-width and 23 width/height that follow from those - and the blocks below are exactly those. Selectors use ATTRIBUTE matching (`h3[class*="text-[22px]"]`) rather than escaped class selectors: Tailwind's arbitrary values are full of brackets and dots, and a quoted attribute value needs no CSS escaping at all. Each is (0,1,1), which outranks globals' (0,0,2). Unlayered, so they beat globals while still losing to this page's own `!`-prefixed utilities in @layer utilities. No line-height block is needed: all 17 headings set their own. */ /* `.ds-display` and `.ds-h2` are RESPONSIVE design classes: their tracking is a different px value per breakpoint, so a single hardcoded value is wrong at one of them. Mirror the source's own declarations, breakpoint for breakpoint. (The one `h2.ds-h2` on the page also carries `!tracking-[-0.03em]`, a LAYERED !important that outranks this unlayered one - which is exactly what the source computes.) */ :where(.uc-hom) h1.ds-display{font-weight:500!important;letter-spacing:-.4px!important} :where(.uc-hom) h2.ds-h2{font-weight:500!important;letter-spacing:-.28px!important} @media (min-width:768px){ :where(.uc-hom) h1.ds-display{letter-spacing:-1.3px!important} :where(.uc-hom) h2.ds-h2{letter-spacing:-.36px!important} } :where(.uc-hom) h2[class*="text-[40px]"]{font-weight:500!important;letter-spacing:-0.03em!important} :where(.uc-hom) h2[class*="leading-[50px]"]{font-weight:500!important;letter-spacing:-0.03em!important} :where(.uc-hom) h2[class*="clamp(34px,5vw,64px)"]{font-weight:600!important;letter-spacing:-0.02em!important} :where(.uc-hom) h3[class*="text-[22px]"]{font-weight:600!important;letter-spacing:-0.01em!important} :where(.uc-hom) h3[class*="text-[26px]"]{font-weight:500!important;letter-spacing:-0.02em!important} :where(.uc-hom) h3[class*="text-[18px]"]{font-weight:500!important;letter-spacing:normal!important} :where(.uc-hom) h4[class*="text-[30px]"]{font-weight:600!important;letter-spacing:-0.04em!important} /* --------------------------------------------------------------------------- globals' `img { max-width: 100% }` genuinely bites on this page, which no earlier page hit. Two decorative glows are deliberately oversized - one is 2253px wide from a 1500px source (`w-[205%] max-w-none`) - and Tailwind's `.max-w-none` is a LAYERED utility, so globals' UNLAYERED `img{max-width:100%}` beats it and clamps them to the container. That collapsed one to 1280px and moved three section heights with it. Re-asserted unlayered, keyed on the utility the markup already carries. */ :where(.uc-hom) img.max-w-none{max-width:none} /* the six scene logos use `max-w-[112px]`, same mechanism, different value. These are the only two max-w-* utilities on any in scope. */ :where(.uc-hom) img[class*="max-w-[112px]"]{max-width:112px} /* --------------------------------------------------------------------------- globals' `.elementor a { box-shadow:none }` at (0,1,1) outranks this page's own button rules at (0,1,0) and flattens the two hero CTAs. Re-asserted at (0,2,0)+ with the SAME tokens the page already uses, so there is one source of truth for the values and the state rules keep their relative order. */ .uc-hom .Button_solid__hu289{box-shadow:var(--_shadow, var(--uc-shadow-control-brand))} .uc-hom .Button_outline__Zwmoe{box-shadow:inset 0 0 0 1px var(--_border, var(--uc-border-subtle)), var(--uc-shadow-raised)} .uc-hom .Button_solid__hu289.Button_neutral__jwE0u{box-shadow:var(--uc-shadow-control)} .uc-hom .Button_solid__hu289:active:not(:disabled){box-shadow:var(--uc-shadow-control-pressed)} /* Radius utilities on this page fail two different ways, both fixed here. 1. Elementor's frontend.min.css has `.elementor img{ ... border-radius:0 }` at (0,1,1). The page's own utilities are wrapped in :where() - zero specificity by design - so on an Elementor's reset wins and the corner renders square. 2. Ten values used in the markup were never emitted at all (purged in conversion), so they had no rule on ANY element type. Restating every used value at (0,2,0) covers both, with no !important. */ .uc-hom .rounded-\[1px\]{ border-radius: 1px; }.uc-hom .rounded-\[2px\]{ border-radius: 2px; }.uc-hom .rounded-\[3px\]{ border-radius: 3px; }.uc-hom .rounded-\[4px\]{ border-radius: 4px; }.uc-hom .rounded-\[5px\]{ border-radius: 5px; }.uc-hom .rounded-\[6px\]{ border-radius: 6px; }.uc-hom .rounded-\[7px\]{ border-radius: 7px; }.uc-hom .rounded-\[8px\]{ border-radius: 8px; }.uc-hom .rounded-\[9px\]{ border-radius: 9px; }.uc-hom .rounded-\[10px\]{ border-radius: 10px; }.uc-hom .rounded-\[10\.8px\]{ border-radius: 10.8px; }.uc-hom .rounded-\[11px\]{ border-radius: 11px; }.uc-hom .rounded-\[12px\]{ border-radius: 12px; }.uc-hom .rounded-\[13\.5px\]{ border-radius: 13.5px; }.uc-hom .rounded-\[14px\]{ border-radius: 14px; }.uc-hom .rounded-\[15px\]{ border-radius: 15px; }.uc-hom .rounded-\[16px\]{ border-radius: 16px; }.uc-hom .rounded-\[18px\]{ border-radius: 18px; }.uc-hom .rounded-\[20px\]{ border-radius: 20px; }.uc-hom .rounded-\[24px\]{ border-radius: 24px; }.uc-hom .rounded-\[28px\]{ border-radius: 28px; }.uc-hom .rounded-\[30px\]{ border-radius: 30px; }.uc-hom .rounded-\[32px\]{ border-radius: 32px; }.uc-hom .rounded-\[34px\]{ border-radius: 34px; }.uc-hom .rounded-\[36px\]{ border-radius: 36px; }.uc-hom .rounded-\[38px\]{ border-radius: 38px; }.uc-hom .rounded-\[42px\]{ border-radius: 42px; }.uc-hom .rounded-\[48px\]{ border-radius: 48px; }.uc-hom .rounded-\[52px\]{ border-radius: 52px; }.uc-hom .rounded-\[60px\]{ border-radius: 60px; }.uc-hom .rounded-\[64px\]{ border-radius: 64px; }